/* HEADER */
header {
	background-color:#fff;
	font-size:0;
	padding:0;
	text-align:center;
	padding:25px 0;
}
header .innerBox {
	position:relative;
}

/*  Logo  */
header #logo, header #logo a {
	display:inline-block;
	width:160px;
}
header #logo img {
	display:inline-block;
	width:100%;
	height:auto;
}

/*  Sprachwahl  */
header #sprachwahlBox {
	position:absolute;
	right:10px;
	bottom:0;
	display:inline-block;
}

header #sprachwahlBox .sprachwahl {
	padding:0 5px;
}
header #sprachwahlBox .sprachwahl a {
	font-size:12pt;
	color:#0072b9;
}
header #sprachwahlBox .sprachwahl.akt a, header #sprachwahlBox .sprachwahl a:hover  {
	color:#0072b9;
}

/*  Kapitelbild-Box  */
.kapitelBildBox {
	position:relative;
	width:100%;
	overflow:hidden;
}
.kapitelBildBox .textInlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display: flex;
	align-items: center;
}

.kapitelBildBox .textInlay hr {
	height:4px;
	background-color:#fff;
	border:none;
	max-width:160px;
	margin-left:0;
	box-shadow:2px 2px 14px rgba(0,0,0,0.4);
	margin:15px 0;
}

.kapitelBildBox .textInlay .text {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:42pt;
	line-height:63px;
	color:#fff;
	text-shadow:2px 2px 14px rgba(0,0,0,0.4);
	font-weight:bold;
	max-width:66.66666%;
}

.kapitelBildBox .textInlay .text blockquote  {
	font-size:24pt;
	line-height:40px;
}



.kapitelBildBox .textInlay .textbutton {
	font-family: 'Roboto', sans-serif;
	font-size:15pt;
	display:inline-block;
	border:1px solid #0072b9;
	background-color:#0072b9;
	color:#fff !important;
	line-height:30px;
	padding:10px 20px;
	margin:5px 0;
	transition:.2s;
	text-transform:uppercase;
	text-shadow:none;
	font-weight:normal;
	border-radius:5px;

}
.kapitelBildBox .textInlay .textbutton:hover {
	border:1px solid #0072b9;
	color:#0072b9 !important;
	background-color:#fff;
}


#kapitelbild {
	position:relative;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	height:450px;
}
#kapitelbild.jobHeader {
	height:550px;
}
#kapitelbild.jobHomeHeader {
	height:650px;
}




/* RESPONSIVE */
@media  only screen and (max-width: 1260px) {
}
@media  only screen and (max-width: 840px) {
	header #logo, header #logo a {
		width:120px;
	}
	#kapitelbild {
		height:350px;
	}
	#kapitelbild.jobHomeHeader {
		height:500px;
	}
	#kapitelbild.jobHeader {
	height:500px;
}
	.kapitelBildBox .textInlay .text {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:36pt;
		line-height:52px;
		color:#fff;
		text-shadow:2px 2px 14px rgba(0,0,0,0.4);
		font-weight:bold;
		max-width:66.66666%;
	}
	.kapitelBildBox .textInlay .text blockquote  {
		font-size:20pt;
		line-height:32px;
		line-height:40px;
	}
	.kapitelBildBox .textInlay .textbutton {
		font-size:13pt;
		color:#fff !important;
		line-height:26px;
		padding:10px 20px;
		margin:5px 0;
	}
}

@media  only screen and (max-width: 600px) {
	#kapitelbild {
		height:300px;
	}
	#kapitelbild.jobHomeHeader {
		height:300px;
	}
	#kapitelbild.jobHeader {
	height:300px;
}
	.kapitelBildBox .textInlay .text blockquote  {
		display:none;
	}
	.kapitelBildBox .textInlay .text {
		font-size:24pt;
		line-height:36px;
		max-width:100%;
	}
	.kapitelBildBox .textInlay .textbutton {
		font-size:11pt;
		line-height:20px;
	}


}

@media  only screen and (max-width: 420px) {
	header {
		padding:15px 0;
	}
	header #logo, header #logo a {
		width:80px;
	}

	#kapitelbild {
		height:200px;
	}
}