@import url(https://fonts.googleapis.com/css?family=Exo+2:400,800);

@font-face{
font-family:"Freight Sans W03 Book";
src:url("../fonts/1197260/bbddcbc3-7724-4567-916f-d7950e162fff.eot?#iefix");
src:url("../fonts/1197260/bbddcbc3-7724-4567-916f-d7950e162fff.eot?#iefix") format("eot"),url("../fonts/1197260/b6f8fd33-5a50-4e15-9eb5-03d488425d1d.woff2") format("woff2"),url("../fonts/1197260/a4f4690f-fd44-425d-b387-a22cb7a7c086.woff") format("woff"),url("../fonts/1197260/85a524b5-b668-4c3d-822a-2557ae72b785.ttf") format("truetype"),url("../fonts/1197260/ce0260ab-2c80-4b5d-9463-cf927bf5239f.svg#ce0260ab-2c80-4b5d-9463-cf927bf5239f") format("svg");
}


html, body {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
  -webkit-font-smoothing: antialiased;
	font-family: "Freight Sans W03 Book", 'Lato', sans-serif;
	font-size:16px;
	line-height:180%;
}
.row {
	margin-left:0px;
	margin-right:0px;
}


h2 {
	font-family:"Exo 2",Arial, Helvetica, sans-serif;
	font-weight:400;
	}
	
.mc-subheader, .bodytext b {
		font-family:"Exo 2",Arial, Helvetica, sans-serif;
	font-weight:800;
	}

.no-underline {
	text-decoration:none !important;
	}
	
#kontakt a, a#mailsuccess {
	color:white;
	text-decoration:underline;
	}
	
	
#impressum-link {
	font-size:10px;
	}
	
.imprint-pullout *{
	font-size:15px !important;
	padding-left:0;padding-right:0;
	cursor:pointer;
	}


.imprint-content {
	display:none;
	}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by its height */
  margin: 0 auto -60px;
	/* Pad bottom by footer height */
  padding: 0 0 60px;
}
/* Set the fixed height of the footer here */
#footer {
	height: 60px;
	background-color: #f5f5f5;
	margin-top:50px;
	padding-top:20px;
	padding-bottom:20px;
}
/* Custom page CSS
-------------------------------------------------- */

.mc-subheader {
	font-weight:bold;
	padding-left:0;
	}


.quote {
	
	color:rgb(0,120,174);
	
	background:url(/fileadmin/layout/img/quote3.png) left top no-repeat;
	
	}
	
form ol {
	list-style-type:none;
	}
	
.name-of-person {
	font-weight:bold;
	}

aside#left {
	position:fixed;
	width:70px;
	background:#fff;
	border-right:1px solid rgb(0,120,174);
	height:100%;
	vertical-align:bottom;
	z-index:999;
}
.al-inner {
	position:fixed;
	bottom:10px;
	left:15px;
	width:40px;
}
.al-inner a {
	display:block;
}
.section-header span {
	font-size:45px;
	color:rgb(0,124,174);
	text-transform:uppercase;
	text-align:center;
	background:#fff;
	padding:0 0px 0 10px;
	width:auto;
}


.section-header-blue span {
	font-size:45px;
	color:rgb(255,255,255);
	text-transform:uppercase;
	text-align:center;
	background:none !important;
	padding:0 0px 0 0px;
}

.section-header {
	background:url(../fileadmin/layout/img/section-header-back.png) repeat-x;
	width:100%;
	text-align:center;
	margin-bottom:40px;
}

.section-header-blue {
	background:none;
}

.section-col {
	padding-left:0;
}
.section-col-right {
}
h1.logo span {
	display:none;
}

h1.logo img {
	max-width:90%;
	}

.no-border {
	border:0;
}
.page-logo {
	margin-top:150px;
	margin-bottom:150px;
}
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar {
	position:fixed;
	left:0;
	top:240px;
	border:10px solid red;
}
.navbar-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
}
/* Declare heights because of positioning of img element */
#myCarousel .item {
	height: 600px;
	background-color:#bbb;
}
#myCarousel img {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	height: 600px;
}
#wrap > .container {
	padding: 60px 15px 0;
}
.container .credit {
	margin: 20px 0;
}
#footer {
	background-color:#414141;
}
#footer a {
	color:#efefef;
}
header {
	background: #333;
	color:#555;
}
header .dropdown-menu {
	top:74px;
	background: #ffcc33;
	border-width:0;
}
h1 {
	font-size:50px;
}
.logxo {
	font-size:40px;
	position:absolute;
	z-index:1200;
	color:#333;
	top:70px;
	text-align:center;
	width:100%;
}
#footer > .container {
}


#kontakt {
	background: #528fbd; /* url(/fileadmin/layout/img/blau.png); */
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	color:#fff;
	min-height:500px;
	}


#kontakt a.mail {
	color:#CCC;
	}
	
#kontakt a.mail:hover {
	color:white;
	}

 @media (min-width: 767px) {
	 
	 .navbar p {
		 margin:0;
		 }
	 
	 .node {
		 display:none !important;
		 }
	 
	 #kontakt {
	background:#518ebc;
	color:#fff;
	position:fixed;
	top:10%;
	max-height:85%;
	right:0px;
	margin-right:-40%;
	width:40%;
	z-index:1200;
	overflow:auto !important;
	
	}
	
	
	#kontakt input, #kontakt textarea {
		color:rgba(0,124,174,.9);
		width:80%;
		margin-bottom:10px;
		border:0;
		}
	
	#kontakt input[type="submit"] {
		background:none;
		border:none;
		color:white;
		text-align:right;
		}
	
	#kontakt-button {
		position:fixed;
	top:250px;
	right:0px;
	z-index:1200;
		}
	 
	 
	 
	 
	 
 .navbar {
 background:none;
 width:100px;
 background:none !important;
}
 .navbar-nav.nav-justified {
 width:150px;
}
 .navbar-nav.nav-justified > li {
 margin-bottom:10px;
 float:none;
 display:block;
}
 .navbar-custom .container {
 margin-left:-10px !important;
 padding-left:0 !important;
}
 .navbar-nav.nav-justified > li a {
 background-color: rgba(0, 124, 174);
 width:150px;
 text-align:right;
 color:#fff;
 padding:10px;
 
}
 .navbar-nav.nav-justified > li {
background: #528fbd; /* url(/fileadmin/layout/img/blau.png); */
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
 width:150px;
 text-align:right;
 color:#fff;
 	font-family:"Exo 2",Arial, Helvetica, sans-serif;
	font-weight:400;
}
 .navbar-nav.nav-justified > li.active a, .navbar-nav.nav-justified > li a:hover {
 background: #528fbd; /* url(/fileadmin/layout/img/blau.png); */
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
 width:170px;
 text-align:right;
 
}
}
.navbar-nav {
	margin: 1px 1px;
}
/* customize nav style */
.navbar-custom {
	background-color: #2e2e2e;
	font-weight:bold;
	text-transform:uppercase;
	border-width:0;
}
.navbar-custom .navbar-nav>li>a {
	color: #ddd;
}
.navbar-custom .dropdown-menu li>a:hover {
	color: #eee;
}
.navbar-custom .navbar-nav li>a:hover, .navbar-nav li .open, .navbar-custom .navbar-nav .active a, .navbar-custom .navbar-nav .active a:hover {
	background:url(/fileadmin/layout/img/blau.png);
}
.navbar-custom .navbar-nav>.dropdown>a .caret {
	border-top-color: #999;
	border-bottom-color: #999;
}
.navbar-collapse.in { /*3.0.2 bug workaround*/
	overflow-y: visible;
}
.navbar-toggle {
	outline:0;
}
.divider {
	height:50px;
}
.panel {
	border-width:0;
}
 @media (max-width: 768px) {
	 
	 
	 #kontakt-button {
	display:none;
	
		}
	 
	 
	 
	#kontakt input, #kontakt textarea {
		color:rgba(0,124,174,.9);
		width:80%;
		margin-bottom:10px;
		border:0;
		}
	
	#kontakt input[type="submit"] {
		background:none;
		border:none;
		color:white;
		text-align:right;
		}
	 
	 
	 
	 
 header {
}
 .navbar {
 position:fixed;
 top:0;
 right:0;
 background:rgba( 0,124,174,.8);
}



.navbar-collapse.in {
	background:rgba( 0,124,174,.8);
	}


 button.navbar-toggle {
 background: rgb(0,124,174);
}
 ul.nav li a {
 color:#000;
}
 .bg-1, .bg-3 {
 /*
 height:200px;
 max-height:200px !important;
 */
}
 aside#left {
 position:fixed;
 width:100%;
 background:#fff;
 border-top:1px solid rgb(0,120,174);
 border-right:0;
 height:40px;
 vertical-align:bottom;
 z-index:999;
 bottom:0;
 left:0;
}
 .al-inner {
 position:fixed;
 bottom:5px;
 left:15px;
 width:100%;
}
 .al-inner a {
 display:inline;
}
}
#map-canvas {
	width: 100%;
	height: 300px;
	margin: 0;
	padding: 15px;
}
.scroll-top {
	position:fixed;
	bottom:0;
	right:6%;
	z-index:100;
	background: #f2f3f2;
	font-size:24px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	z-index:5000;
}
.scroll-top a:link, .scroll-top a:visited {
	color:#222;
}
section {
	color: #ffffff;
	/*
	min-height: 400px;
	*/
	height: auto;
	height: 100%;
	padding-top:100px;
}
.bg-1 {
	background:no-repeat;
	background-position:right center;
	/*height:800px;
	*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.bg-2 {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.bg-3 {
	background-position:center top;
	/*
	height:800px;
	*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.bg-4 {
	padding-top:30px;
	background-color:#e6e6e6;
}
.panel .img-responsive {
	min-height:270px;
	max-height:270px;
}