@CHARSET "UTF-8";

/**
 * Header-Layout für DefaultInternetlayout::HEADERLAYOUT_REBRANDING
 */



/**************************************************************

  Navigation

**************************************************************/
.navbar-helmholtz {
	background: rgb(255,255,255);
	border-bottom: 2px solid rgba(0,88,156,1);
	min-height: 75px;
}

.navbar-toggle,
.navbar-helmholtz .navbar-collapse,
.navbar-helmholtz .navbar-form {
	border: none;
}

.navbar-helmholtz .navbar-nav > li > a {
	color: rgba(0,88,156,1);
}
.navbar-helmholtz .navbar-header {
	height: 73px;
	border-bottom: 2px solid rgba(0,88,156,1);
}
.navbar-helmholtz span.icon-bar {
	background-color: rgba(0,88,156,1);
}
/*
.btn.fa-search {
	padding: 9px 12px;
}
*/

.navbar-header img.logo {
	position: absolute;
	height: 90px;
	padding: 0 0 0 10px;
	margin-top: -10px;
}
@media screen and (max-width: 400px) {
	.navbar-header img.logo {
		height: 70px;
		margin-top: 0;
	}
}
@media screen and (max-width: 350px) {
	.navbar-header img.logo {
		height: 60px;
		margin-top: 7px;
	}
}

.navbar-header > ul.lang-nav > li {
	display: inline;
}
.navbar-header > ul.lang-nav > li > a {
	color: rgba(255, 255, 255, 1);
}
.navbar-header > ul.lang-nav {
	display: inline-block;
	position: absolute;
	right: 70px;
}

@media screen and (min-width: 768px) {
	.navbar-inverse .navbar-nav > li > a {
		/*border-right: 1px solid rgba(255,255,255,1);*/
		padding: 0 15px;
		margin: 15px 0;
	}
	.navbar-inverse .navbar-nav > li:last-child > a {
		border-right: none;
	}
	.navbar-inverse .container {
		padding: 0;
	}
	.slidercontainer div.content-menu {
		margin: 0 0 5px 0;
		background: transparent; /*rgba(0,88,156,1);*/
		border: none;
	}
	.slidercontainer div.content-menu ul {
		float: left;
	}
	.slidercontainer div.content-menu ul.navbar-nav  > li:first-child {
		margin-left: 5px;
	}
	.slidercontainer div.content-menu a {
		color: rgba(255,255,255,1);
	}
	/*
	.slidercontainer div.content-menu ul.navbar-nav > li > a {
		-moz-box-shadow: 0px 5px 0px 0px rgba(90,176,218,0);
		-webkit-box-shadow: 0px 5px 0px 0px rgba(90,176,218,0);
		box-shadow: 0px 5px 0px 0px rgba(90,176,218,0);
	}
	.slidercontainer div.content-menu ul.navbar-nav > li > a:hover,
	.slidercontainer div.content-menu ul.navbar-nav > li > a:focus,
	.slidercontainer div.content-menu ul.navbar-nav > li.open > a,
	.slidercontainer div.content-menu ul.navbar-nav > li > a.active {
		background-color: transparent;
		-moz-box-shadow: 0px 5px 0px 0px rgba(90,176,218,1);
		-webkit-box-shadow: 0px 5px 0px 0px rgba(90,176,218,1);
		box-shadow: 0px 5px 0px 0px rgba(90,176,218,1);
	}
	*/
	.slidercontainer div.content-menu li:first-child {
		-webkit-border-top-left-radius: 10px;
		-moz-border-radius-topleft: 10px;
		border-top-left-radius: 10px;
	}
	/*Hoverbalken*/
	.slidercontainer div.content-menu ul.navbar-nav > li:hover ul.dropdown-menu {
		display: block;
		border-top: 5px solid transparent;
		margin-top: 0px;
	}
}

@media screen and (max-width: 800px) {
	.content-menu li.dropdown:nth-last-of-type(-n+2) > .dropdown-menu {
		left: inherit;
		right: 0px;
	}
}

.content-menu .dropdown li a {
	color: rgba(0,88,156,1);
}
.content-menu .dropdown ul.dropdown-menu > li  > a:hover {
	background: rgba(223,223,223,0.5);
}

@media screen and (max-width: 767px) {
	.navbar-inverse .navbar-nav {
		background-color: rgba(244,244,244,1);
	}
	.navbar-inverse .navbar-nav > li > a {
		color: rgba(0,88,156,1);
	}
	.navbar-inverse .navbar-nav > li > a:hover {
		color: rgba(0,62,110,1);
	}
	.navbar-inverse .navbar-form {
		background-color: rgba(255,255,255,1);
	}
	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:focus {
		background-color: transparent;
	}

	.navbar-collapse ul.content-menu {
		background-color: rgba(223,223,223,1);
	}
	.navbar-collapse ul.content-menu,
	.navbar-collapse ul.main-menu {
		margin-top:0;
		margin-bottom: 0;
	}
	.navbar-collapse ul.nav.navbar-nav.navbar-right {
		margin-top: 0;
	}
	.navbar-collapse ul.main-menu,
	.navbar-collapse form.navbar-form {
		margin-left: 0px;
		margin-right: 0px;
	}
	/*
	.navbar-collapse ul.content-menu a:hover,
	.navbar-collapse ul.content-menu a.active,
	.navbar-collapse ul.main-menu a:hover {
		color: rgba(90,176,218, 1);
	}
	*/
	button#level1btn {
		width: calc(100% + 2px);
		margin-top: 24px;
		margin-left: -1px;
		border-radius: 0;
		background-color: rgba(0,88,156,1);
		border: none;
	}
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
	.nav > li > a {
		padding-left: 8px;
		padding-right: 8px;
	}
}

/**************************************************************

  Helmholtzcontainer + Slider

**************************************************************/

.helmholtzcontainer {
	background: rgb(255,255,255);
	color: rgba(0,88,156,1);
}
.helmholtzcontainer > .container {
	padding: 0;
}
.helmholtzcontainer > .container .title-nav ul.nav li:not(.dropdown) a {
	color: rgba(0,88,156,1);
}
.helmholtzcontainer > .container ul.lang-nav li a {
	color: rgba(240,240,240,1) !important;
}
.helmholtzcontainer svg.helmholtzslider,
.navbar-helmholtz svg.helmholtzslider {
	width: 33px;
	height: 23px;
	position: absolute;
	left: 62%;
}
svg.helmholtzslider+span {
	background-color: rgba(0,88,156,1);
	height: 23px;
	width: calc(38% - 32px);
	position: absolute;
	left: calc(62% + 32px);
}

@media screen and (min-width: 992px) {
	.helmholtzcontainer svg.helmholtzslider,
	svg.helmholtzslider+span {
		top: 77px;
	}
}
@media screen and (min-width: 768px) {
	.title-nav {
		min-height: 100px;
	}
}
@media screen and (max-width: 991px) {
	.title-nav img.logo {
		max-width: 230px;
	}
	.helmholtzcontainer svg.helmholtzslider,
	svg.helmholtzslider+span {
		top: 77px;
	}
}

.navbar-helmholtz svg.helmholtzslider,
.navbar-helmholtz svg.helmholtzslider+span {
	top: 50px;
}

/**************************************************************

  Slidercontainer

**************************************************************/

.slidercontainer {
	background: rgb(0,88,156);
	color: rgba(255,255,255,1);
}

/**************************************************************

  Print

**************************************************************/
@media print {
	header {
		background: rgba(255,255,255,1) !important;
		border-bottom: 2px solid rgb(0,88,156);
	}
	aside#news {
		border: 2px solid rgba(223, 223, 223, 1) !important;
	}
}