#header .headerBox {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-flow: row nowrap;
	padding:10px 0;
	height:150px;
}
#header {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14pt;
	line-height:18px;
}
#header .gText700blau{
	font-weight:700;
	color:#4384c6;
}
#header .gText400blau{
	font-weight:400;
	color:#4384c6;
}
#header .gText400blau2 {
	display:block;
	padding-top:5px;
	font-weight:400;
	color:#4384c6;
}
#header .gText300blau{
	font-weight:300;
	color:#4384c6;
	line-height:21px;
}

#header .gText300grau {
	font-weight:300;
	font-size:12pt;
	color:#8c8c8c;
}
#header .logo {
	display: flex;
	align-items: center;
	justify-content: center;
	flex:0 0 110px;
}
#header .logo img {
	width:100%;
	height:auto;
	display:inline-block;
}
#header .text {
	flex:1 1 100%;
	padding-top:31px;
	padding-left:17px;
}
#header .links {
	flex:0 0 300px;
	padding-top:10px;
}
#header .links a {
	padding-left:10px;
}

#headerHomeImageBox {
	background-image:url('/page/_webpics/home-verlauf-header.jpg');
}
#headerKapitelImageBox {
	background-image:url('/page/_webpics/kapitel-verlauf-header.jpg');
}
#headerHomeImage, #headerKapitelImage {
	margin:0 auto;
	width:100%;
	height:450px;
	display:block;
	background-position:top center;
	background-repeat:no-repeat;
}
#headerKapitelImage {
	height:350px;
}


@media  only screen and (max-width:1400px) {
	#headerHomeImageBox {
		background-image:none;
	}
	#headerKapitelImageBox {
		background-image:none;
	}
}



@media  only screen and (max-width:1040px) {
	#headerHomeImage, #headerKapitelImage {
		margin:0 auto;
		width:100%;
		height:350px;
		display:block;
		background-position:center center;
		background-size:cover;
	}
	#headerKapitelImage {
		height:250px;
	}
}


@media  only screen and (max-width:800px) {
	#headerHomeImage, #headerKapitelImage {
		margin:0 auto;
		width:100%;
		height:250px;
		display:block;
		background-position:top center;
		background-size:cover;
	}
	#headerKapitelImage {
		height:200px;
	}
}

@media  only screen and (max-width:460px) {
	#headerKapitelImage {
		height:130px;
	}
}


@media  only screen and (max-width: 920px) {
	#header .headerBox {
		flex-flow: row wrap;
		padding:10px 0;
		height:auto;
	}
	#header .text {
		flex:1 1 auto;
		padding-top:1px;
		padding-left:17px;
	}

	#header {
		font-size:12pt;
		line-height:20px;
	}
	#header .gText700blau{
		display:block;
	}
	#header .gText400blau{
		display:block;
	}
	#header .gText300blau{
		display:inline-block;
	}
	#header .gText300grau {
		font-weight:300;
		color:#8c8c8c;
	}

	#header .links {
		flex:0 0 300px;
		padding-top:0;
	}
}


@media  only screen and (max-width: 680px) {
	#header .links {
		flex:0 0 100%;
		padding-top:15px;
	}
	#header .links a img {
		width:auto;
		height:33px;
	}
}

@media  only screen and (max-width:380px) {
	#headerKapitelImage {
		height:120px;
	}
}