#header {
	position:fixed;
	top:0;
	z-index:1000;
	margin:0 auto;
	width:100%;
	background-color:#fff;
	height:100px;
	box-shadow:0 10px 20px rgba(0,0,0,.2);
}

#header .inBox {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	width:100%;
}

#header .logo {
	flex:1 1 240px;
	padding:30px 0 0;
}

#header .navBox {
	position:relative;
	flex:1 1 100%;
}



#kapitelbild {
	position:relative;
	width:100%;
	height:650px;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}


#headerTopBox {
	position:relative;
	overflow:hidden;
}


#headerTeaser .headerTeaser {
	position:absolute;
	bottom:100px;
	color:#fff;
	width:100%;
	max-width:510px;
}

#headerTeaser .textbox {
	font-family: 'Roboto Condensed', sans-serif;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	padding:12px 0;
	background-color:rgba(40,93,143,.8);
	-webkit-clip-path: polygon(0 0, 100% 0, 94% 100%, 0% 100%); 
	clip-path: polygon(0 0, 100% 0, 94% 100%, 0% 100%);
}

#headerTeaser .textbox .glasmax {
	font-size:23pt;
	line-height:35px;
	padding:20px 30px 20px 25px;
	background-image:url("/page/_webpics/schraegstrich-icon-glasmax.svg");
	background-repeat:no-repeat;
	background-position:right center;
}
#headerTeaser .textbox .teaserText {
	font-size:23pt;
	line-height:35px;
	padding:20px 10px;
}





#kapitelbild .textboxInner {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:13pt;
}



@media  only screen and (max-width: 1440px) {
	#kapitelbild {
		height:450px;
	}
}


@media  only screen and (max-width: 1100px) {
	#header {
		height:60px;
	}

	#header .logo {
		flex:1 1 240px;
		padding:15px 0 0;
	}

	#header .logo img {
		height:30px;
		width:auto;
	}

	#header .navBox {
		position:relative;
		flex:1 1 100%;
	}
}




@media  only screen and (max-width: 800px) {
	#kapitelbild {
		height:350px;
	}
}

@media  only screen and (max-width: 600px) {
	#kapitelbild {
		height:200px;
	}

	#headerTeaser .headerTeaser {
		position:absolute;
		bottom:35px;
		max-width:340px;
	}
	#headerTeaser .textbox {
		padding:6px 0;
		background-color:rgba(40,93,143,.8);
		-webkit-clip-path: polygon(0 0, 100% 0, 98% 100%, 0% 100%); 
		clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
	}

	#headerTeaser .textbox .glasmax {
		font-size:16pt;
		line-height:28px;
		padding:5px 20px 5px 15px;
		background-image:url("/page/_webpics/schraegstrich-icon-glasmax.svg");
		background-repeat:no-repeat;
		background-position:right center;
		background-size:auto 40px;
	}
	#headerTeaser .textbox .teaserText {
		font-size:16pt;
		line-height:28px;
		padding:5px 10px;
	}



}