@font-face {
  font-family: 'Geogrotesque-Rg';
  src: url(../../fonts/Geogrotesque-Rg.eot);
  src: url(../../fonts/Geogrotesque-Rg.eot?#iefix) format('embedded-opentype'),
       url(../../fonts/Geogrotesque-Rg.woff2) format('woff2'),
       url(../../fonts/Geogrotesque-Rg.woff) format('woff'),
       url(../../fonts/Geogrotesque-Rg.ttf) format('truetype'),
       url(../../fonts/Geogrotesque-Rg.svg#Geogrotesque-Rg) format('svg');
}

@font-face {
  font-family: 'Geogrotesque-SmBd';
  src: url(../../fonts/Geogrotesque-SmBd.eot);
  src: url(../../fonts/Geogrotesque-SmBd.eot?#iefix) format('embedded-opentype'),
       url(../../fonts/Geogrotesque-SmBd.woff2) format('woff2'),
       url(../../fonts/Geogrotesque-SmBd.woff) format('woff'),
       url(../../fonts/Geogrotesque-SmBd.ttf) format('truetype'),
       url(../../fonts/Geogrotesque-SmBd.svg#Geogrotesque-SmBd) format('svg');
}

body {
	background: #FFFFFF;
	padding: 0px;
	font-family: 'Geogrotesque-Rg';
	font-size: 25px;
	font-weight: normal;
	line-height: 1.4;
	color: #535c46;
	min-width: 0px;
	padding: 0;
    margin:0;
}
h3
{
color: red;
}

header {
	width: 100%;
	height: 60%; '100vh;'
	display: inline-block;
	background-image: url("../../images/bg-slide_optimized.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	position: relative;
	float: left;
}

#inhalt header {
	height: 350px;
}

	.logo_a {
		width: auto;
		height: 150px;
		position: absolute;
		left: 100px;
		top: 100px;
		transition: all 0.5s linear;
		z-index: 100;
	}
	
		.logo_a:hover {
			transform: scale(0.9);
		}
	
	.logo_csc {
		width: auto;
		height: 150px;
		position: absolute;
		left: 160px;
		top: 100px;
		transition: all 0.5s linear;
		z-index: 100;
	}
	
		.logo_csc:hover {
			transform: scale(0.9);
		}

	.mail {
		width: auto;
		height: auto;
		position: absolute;
		right: 100px;
		top: 100px;
		font-family: 'Geogrotesque-SmBd';
		font-size: 25px;
		font-weight: normal;
		color: #FFFFFF;
	}
	
	.headline {
		width: 100%;
		min-height: 100px;
		position: absolute;
		left: 0px;
		top: 150px;
		text-align: center;
		line-height: 1.2;
	}
	
	#inhalt .headline {
		top: 150px;
		text-align: right;
		padding-right: 100px;
		box-sizing: border-box;
	}
	
		.logo_sec {
			width: 600px;
			height: auto;
			transition: all 0.3s linear;
		}
	
			.logo_sec:hover {
				transform: scale(1.1);
			}
		
		.big {
			width: 100%;
			height: auto;
			font-family: 'Geogrotesque-SmBd';
			font-size: 100px;
			font-weight: normal;
			color: #2e311d;
			text-transform: uppercase;
			text-shadow: 0 0 50px #FFFFFF;
		}
		
		.small {
			font-family: 'Geogrotesque-Rg';
			font-size: 75px;
			font-weight: normal;
			color: #2e311d;
			text-shadow: 0 0 50px #FFFFFF;
		}

	.hg_bh {
		width: auto;
		height: 440px;
		position: absolute;
		right: -30px;
		bottom: 00px;
	}
	
	.b_down {
		width: 100%;
		height: auto;
		position: absolute;
		left: 0px;
		bottom: 100px;
		text-align: center;
		transition: all 0.3s linear;
		z-index: 100;
	}
		
		.b_down:hover {
			bottom: 95px;
		}
	
main {
	width: 100%;
	min-height: 100px;
	display: inline-block;
	overflow: hidden;
	position: relative;
	padding-left: 100px;
	padding-right: 100px;
	padding-top: 150px;
	padding-bottom: 150px;
	text-align: center;
	box-sizing: border-box;
	float: left;
}

	.text_inner {
		width: 1400px;
		min-height: 100px;
		display: inline-block;
		position: relative;
		text-align: left;
	}
	
	.info {
		width: 100%;
		min-height: 10px;
		display: inline-block;
		position: relative;
		text-align: center;
		padding: 25px;
		background: #f2f2f2;
		color: #e30613;
		font-family: 'Geogrotesque-Rg';
		margin-bottom: 50px;
		text-transform: uppercase;
	}
	
		.top {
			width: 100%;
			height: auto;
			display: inline-block;
			position: relative;
			float: left;
			box-sizing: border-box;
			padding-bottom: 100px;
		}
	
			.top h1 {
				width: 100%;
				height: auto;
				font-family: 'Geogrotesque-SmBd';
				font-size: 75px;
				font-weight: normal;
				color: #535c46;
				text-transform: uppercase;
			}
			
			.top h2 {
				font-family: 'Geogrotesque-Rg';
				font-size: 50px;
				font-weight: normal;
				color: #535c46;
			}
			
			.top .button {
				float: right;
				margin-top: -75px;
			}
	
			.content {
				text-align: justify;
			}
			
			.content_inner {
				width: 50%;
				height: auto;
				display: inline-block;
				position: relative;
				float: left;
				box-sizing: border-box;
				padding-right: 50px;
				text-align: justify;
			}
			
				.content_inner .button.b2 {
					background-color: #2e311d;
					color: #FFFFFF;
				}
				
					.content_inner .button.b2:hover {
						background-color: #535c46;
					}
					
				.content input {
					background-color: #f2f2f2;
					padding-left: 25px;
					padding-right: 25px;
					height: 50px;
					line-height: 50px;
					width: 100%;
					border: #f2f2f2 solid 1px;
					box-sizing: border-box;
				}
				
				.content input[name="captcha"] {
					width: 150px;
				}
				
				.content a {
					color: #535c46;
				}
				
.button {
	font-family: 'Geogrotesque-SmBd';
	font-size: 35px;
	font-weight: normal;
	color: #FFFFFF;
	text-transform: uppercase;
	padding-left: 25px;
	padding-right: 25px;
	height: 75px;
	line-height: 75px;
	background-color: #e30613;
	transition: all 0.5s linear;
	text-decoration: none;
	display: inline-block;
}

	.button:hover {
		background-color: #2e311d;
	}
				
				.content .button {
					width: auto;
					border: 0px!important;
					cursor: pointer;
					height: 75px;
					line-height: 75px;
					background-color: #e30613;
				}
				
					.content .button:hover {
						background-color: #2e311d;
					}

			.content_inner.v2 {
				padding-left: 50px;
				padding-right: 0px;
				text-align: center;
				font-family: 'Geogrotesque-SmBd';
			}
			
section {
	width: 100%;
	min-height: 100px;
	display: inline-block;
	overflow: hidden;
	position: relative;
	padding-left: 100px;
	padding-right: 100px;
	text-align: center;
	box-sizing: border-box;
	float: left;
}

	.teaser_left,
	.teaser_left1,
	.teaser_right {
		width: 100%;
		min-height: 500px;
		height: 100%;
		display: inline-block;
		float: left;
		box-sizing: border-box;
		padding: 100px;
		background: #535c46;
		line-height: 1.2;
		transition: all 0.3s linear;
	}
	
		.teaser_left:hover {
			background: #616c52;
		}
	
		.teaser_left1:hover {
			background: #445440;
		}
			.teaser_left1 {
		background: #384534;
	}
	.teaser_right {
		background: #384534;
	}
	
		.teaser_right:hover {
			background: #445440;
		}
	
		section h3 {
			width: 100%;
			height: auto;
			font-family: 'Geogrotesque-SmBd';
			font-size: 50px;
			font-weight: normal;
			color: #FFFFFF;
			text-transform: uppercase;
		}
		
		section h4 {
			width: 100%;
			height: auto;
			font-family: 'Geogrotesque-Rg';
			font-size: 50px;
			font-weight: normal;
			color: #FFFFFF;
		}
		
			.teaser_right .button.b3 {
				background-color: #FFFFFF;
				color: #535c46;
			}
			
				.teaser_right .button.b3:hover {
					background-color: #e30613;
					color: #FFFFFF;
				}
				
footer {
	width: 100%;
	min-height: 100px;
	display: inline-block;
	overflow: hidden;
	position: relative;
	padding-top: 150px;
	text-align: center;
	box-sizing: border-box;
	float: left;
}

#inhalt footer {
	padding-top: 0px;
}

	.logoleiste {
		width: 100%;
		min-height: 100px;
		display: inline-block;
		position: relative;
		float: left;
		box-sizing: border-box;
		padding-bottom: 150px;
		text-align: center;
	}
	
		.logoleiste img {
			width: 1400px;
			height: auto;
		}
	
	.imprint {
		width: 100%;
		min-height: 450px;
		display: inline-block;
		position: relative;
		float: left;
		box-sizing: border-box;
		text-align: center;
		
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	
		.imprint_inner {
			width: 1400px;
			min-height: 50px;
			display: inline-block;
			position: relative;
			box-sizing: border-box;
			text-align: left;
		}
		
			.imprint_inner img {
				float: left;
				margin-right: 50px;
			}
			
			.imprint_inner a {
				color: #535c46;
			}