* {
	margin: 0;
	padding:0;
	border: 0;
}

html, body {
	background-color:#FFFFFF;
	margin:0px auto;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-size:100%;
	line-height:140%;
	color:#000000;
}

html {
	height: 100%;
	padding-bottom:1px;
}

body.modal-open {
	overflow-y: scroll;
	padding-right: 0 !important;
}

/* -------------- Layout anfang -------------------- */

section 
{
	position:relative;
	font-size:16px;
}

section div.container 
{
	padding-bottom:40px;
	padding-top:20px;
	text-align:left;
	font-size:93.8%;
}



#footer div.container 
{
	padding-top:20px;
	padding-bottom:20px;
	text-align:left;
	font-size:93.8%;
}

#header 
{
	padding-top:118px;
}

/* -------------- Layout ende ---------------------- */


/* -------------- Navigation Oben anfang ----------- */

.navbar-nav
{
	margin: 12px -15px -12px -15px;
}

.navbar.navbar-default.navbar-fixed-top {
	background-color: #0086c9;
	background-image: none;
	padding:10px 0px 12px 0px;
	border:none;
	-webkit-box-shadow: 0px 0px 5px #bababa;
	-moz-box-shadow: 0px 0px 5px #bababa;
	box-shadow: 0px 0px 3px #747474;
}

.navbar.navbar-default.navbar-fixed-top .navbar-header { 
	margin-left:15px;
}

.navbar-brand {
	background-image: url('../images/logo.png');
	background-repeat:no-repeat;
	display:block;
	margin-left:5px;
	padding-left:0px;
}

.nav.navbar-nav.navbar-right li a {
	color:#666666;
	font-weight:600;
	background:none;
	padding-bottom:35px;
	background-image: none;
}
.nav.navbar-nav.navbar-right li.current a {
	color:#81066A;
	font-weight:600;
	background:none;
	padding-bottom:35px;
}

/* -------------- Navigation Oben ende ------------- */


/* -------------- Navigation Footer anfang --------- */

#footer ul.footer-nav {
	margin: 0px 0px 0px 0px;
	list-style-type:none;
	background-image:none;
}

#footer ul.footer-nav li {
	float:left;
	margin: 0px;
	padding:0px;
}

#footer ul.footer-nav li a,
#footer ul.footer-nav li a:link, 
#footer ul.footer-nav li a:visited	
{
	color:#FFFFFF;
	font-size:15px;
	line-height:100%;
	text-decoration:underline;
	/*vertical-align:middle;*/
	margin:0px 0px 0px 0px;
	padding:0px 9px 0px 9px;
}
#footer ul.footer-nav li a:focus, 
#footer ul.footer-nav li a:hover 
{
	color:#FFFFFF;
	text-decoration:underline;
}

#footer ul.footer-nav li:first-child a 
{
	margin:0px;
	margin-left:-9px;
}


#footer > div.container > div.row > div.col-sm-12 > p.pull-right
{
	margin-right:15px;
}

/* -------------- Navigation Footer ende ----------- */


/* -------------- Tabs anfang --------------------- */

.tabs li {
	list-style:none;
	margin-bottom:13px;
}

.tabs a 
{
	display:block;
	font-size:22px;
	font-weight:600;
	color:#666666;
	padding:6px;
	border:0px;
	text-decoration:none;
	text-align:center;
}
.tabs a:hover, 
.tabs a:focus 
{
	color:#0086c9;
	text-decoration:none;
}

.tabs a.active 
{
	background-color:#0086c9;
	border-radius:3px;
	color:#FFFFFF;
	text-decoration:none;
}
.tabs a.active:hover, 
.tabs a.active:focus 
{
	background-color:#0086c9;
	color:#FFFFFF;
	text-decoration:none;
}

.col-md-10.tabContent {
	border-radius:0px;
	padding:0px;
}

/* -------------- Tabs ende ----------------------- */


/* -------------- Hover Box anfang ---------------- */

.overlay
{
	margin-top:-132px;
	float:left;
	background-color:#666666;
	width:100%;
	height:132px;
	position:relative;
	display:none;
	opacity:0.5;
}

.linkIcon {
	display:block;
	margin:0 auto;
	margin-top:20px;
	max-width: 100%;
	height: auto;
	pointer-events: none;
}

/* -------------- Hover Box ende ------------------ */


/* -------------- Sonstiges anfang ---------------- */

.parallax 
{
	height: 500px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
	.parallax {
		background-size: contain !important;
		-webkit-background-size: cover !important;
		background-position: center !important;
		background-attachment: inherit !important;
	}
}
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) {
	.parallax {
		background-size: contain !important;
		-webkit-background-size: cover !important;
		background-position: center !important;
		background-attachment: inherit !important;
	}
}
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
	.parallax {
		background-size: contain !important;
		-webkit-background-size: cover !important;
		background-position: center !important;
		background-attachment: inherit !important;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	.parallax {
		background-size: contain !important;
		-webkit-background-size: cover !important;
		background-position: center !important;
		background-attachment: inherit !important;
	}
}

a.btn-toggle {
	background-color:transparent;
	background-image: url('../images/btn-toggle.png');
	background-repeat:no-repeat;
	background-position:right 8px;
	display:block;
	width:100%;
	height:35px;
	text-decoration:none;
	border-top:1px solid #B2B2B2;
	cursor:pointer;
}
a.btn-toggle.active {
	background-image: url('../images/btn-toggle-active.png');
	text-decoration:none;
}

a.top-page {
	position:fixed;
	bottom:24px;
	right:10px;
	display:block;
	background-image:url('../images/button-move-top.png');
	background-repeat:no-repeat;
	width: 51px;
	height:51px;
	cursor:pointer;
	z-index:99999;
}

.imageborder 
{
	background-color:#FFFFFF;
	padding:9px;
	border:1px solid #E9E9E9;
}
a:focus {outline:none;}

.modal-dialog {
	margin-top: 130px;
}


h4 {
	color:#0086C9;
	margin-bottom:25px;
	font-weight:bold;
}

iframe {
	max-width: 100%;
	border:0px;
}

.embed-container {
	position: relative; 
	padding-bottom: 56.25%; /* ratio 16x9 */
	height: 0; 
	overflow: hidden; 
	width: 100%;
	height: auto;
}
.embed-container iframe {
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
	padding-bottom: 75%;
}



/* -------------- Sonstiges ende ------------------ */




/* -------------- Responsive anfang --------------- */

@media (max-width: 1200px) {

}


@media (max-width: 990px) {

	body {
		overflow-x:hidden;
	}

	section .container, 
	footer .container
	{
		padding-left:10px;
		padding-right:10px;
	}

	.navbar-header {
		float: none;
	}

	.navbar-nav
	{
		margin: 0px -15px 0px -15px;
		border:0px
	}
	.navbar-fixed-top
	{
		border-bottom: 0px;
	}

	.navbar-toggle, 
	.navbar-default .navbar-toggle {
		display: block;
		border:1px solid #fff;
		margin-right: 25px;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: transparent;
	}
	.navbar-toggle .icon-bar, 
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-collapse {
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #FFFFFF;
		box-shadow: 0px;
		border: 0px;
	}
	.navbar-collapse.collapse {
		display: none !important;
	}
	.navbar-nav {
		float: none !important;
		margin: 3px -15px;
	}
	.navbar-nav>li {
		float: none;
	}

	.navbar-collapse.collapse.in {
		display: block !important;
	}

	div.navbar-collapse.collapse > ul.nav.navbar-nav > li.dropdown.open > ul.dropdown-menu
	{
		position:relative;
		width:auto;
		max-width:100%;
		background-color:#ffffff;
		border:0px;
	}
	div.navbar-collapse.collapse > ul.nav.navbar-nav > li.dropdown.open > ul.dropdown-menu:before,
	div.navbar-collapse.collapse > ul.nav.navbar-nav > li.dropdown.open > ul.dropdown-menu:after 
	{
		display: block;
	}
	div.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown.open > ul.dropdown-menu > li
	{
		width:100%;
		min-height:auto;
		padding-top:6px;
		padding-bottom:6px;
	}
	div.navbar-collapse.collapse.in > ul.nav.navbar-nav > li.dropdown > a {
		border-radius:0px;
	}
	div.navbar-collapse.collapse > ul.nav.navbar-nav > li.dropdown.open > ul.dropdown-menu 
	{
		min-width:100%;
		margin-left:0px;
		margin-bottom:20px;
	}

	.navbar-nav>li>a, 
	div.navbar-collapse > ul.nav.navbar-nav.navbar-right > li > a, 
	div.navbar-collapse.collapse > ul.nav.navbar-nav.navbar-right > li > a, 
	div.navbar-collapse.collapse.in > ul.nav.navbar-nav.navbar-right > li > a, 
	div.navbar-collapse.collapse.in > ul.nav.navbar-nav.navbar-right > li.active > a
	{
		background-image:none;
		padding-top: 10px;
		padding-bottom: 10px;
	}

}

@media (max-width: 768px) {

	.navbar-brand {
		background-image: url("../images/logo.png");
		height: 80px;
		margin-top:-10px;
		margin-left: 15px !important;
		width: 183px;
	}

	#main-menu.navbar.navbar-default > div.container > div.navbar-header
	{
		margin-left: -15px;
	}

	#footer > div.container > div.row > div.col-sm-6 > ul.footer-nav.pull-right,
	#footer > div.container > div.row > div.col-sm-6 > ul.footer-nav.pull-right > li
	{
		display:block;
		margin:0px;
		float:none !important;
	}

	#footer > div.container > div.row > div.col-sm-6 > ul.footer-nav.pull-right > li > a
	{
		display:inline-block;
		margin:0px 0px 10px 0px;
		padding:5px 0px 5px 0px;
		clear:both !important;
		float:none !important;
	}

	#footer > div.container > div.row > div > p.pull-right
	{
		text-align:left;
		float:left !important;
	}

	#kontakt > .container > .row > .col-sm-6:first-child 
	{
		display:block;
		margin-top:350px;
	}

}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px) 
and (orientation : landscape) { 

	.navbar-brand 
	{
		margin-top:-10px;
		margin-left: 15px !important;
	}

	#main-menu.navbar.navbar-default.navbar-fixed-top .navbar-inner 
	{
		overflow: hidden;
		overflow-y: auto;
		position: absolute;
		width: 100%;
		height: 100%;
	}

	#main-menu.navbar.navbar-default
	{
		max-height:270px;
		overflow-y:scroll;
	}

}


@media (max-width: 500px) {

	#main-menu.navbar.navbar-default > div.container > div.navbar-header
	{
		margin-left: -15px;
	}

	#header {
		padding-top: 92px;
	}

	p {
		font-size:100%;
	}

	.text-big {
		font-size:110%;
	}

	.tabs a {
		font-size:14px;
	}

	.tabs li {
		margin-bottom:0px;
	}

	.modal-body p {
		font-size:12px;
		line-height:15px;
	}

	h2, .h2 {
		font-size:20px;
	}

	#kontakt > .container > .row > .col-sm-6:first-child 
	{
		display:block;
		margin-top:300px;
	}
	
}


/* -------------- Responsive ende ----------------- */


.hinweisbox {background-image:url(/images/icons/hinweisbox.svg); background-size: 1920px 1080px; background-position: top left; padding: 25px 10px 5px 10px; color: #fff; margin-top: 0;}


.row > .rot h2, .row > .rot p, .row > .rot a  {color: #fff;}

.button-weiss, .rot .button-weiss {    color: #ee1d23 !important;
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 5px;}
	


.button-weiss-abstand {
	text-align: center;
    margin: 30px 0 30px 0;
}



/* -------------- Fonts lokal -------------------- */

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-light.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}