body {
	font-family: 'Varela Round', sans-serif;
	color: #dde0e7;
}

/* varela-round-regular - latin-ext_latin_vietnamese_hebrew */
@font-face {
  font-family: 'Varela Round';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/varela-round-v9-latin-ext_latin_vietnamese_hebrew-regular.eot'); /* IE9 Compat Modes */
  src: local('Varela Round Regular'), local('VarelaRound-Regular'),
       url('./../fonts/varela-round-v9-latin-ext_latin_vietnamese_hebrew-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/varela-round-v9-latin-ext_latin_vietnamese_hebrew-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/varela-round-v9-latin-ext_latin_vietnamese_hebrew-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/varela-round-v9-latin-ext_latin_vietnamese_hebrew-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/varela-round-v9-latin-ext_latin_vietnamese_hebrew-regular.svg#VarelaRound') format('svg'); /* Legacy iOS */
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-bottom: 60px;
}

.col-sm-6 {
    min-height: 230px;
}

#datenschutz a{
	color: #FFFFFF;
}




.h1, h1 {
    font-size: 28px;
	text-transform: uppercase;
}

.h4, h4 {
	text-transform: uppercase;
}

.lead {
    font-size: 18px;
}

.small, small {
    font-size: 14px;
}




.navbar {
	border-bottom: 1px solid #536584;
	border-top: transparent;
	border-right: transparent;
	border-left: transparent;
    min-height: 150px;
    position: relative;
	margin-bottom: 0;
	border-radius: 0;
}

.navbar-default {
    background-color: #1a325b;
}

.navbar-default .navbar-brand {
  color: #fff;
  min-height: 120px;
}

.navbar-default .navbar-brand img {
  width: 100%;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #a3adbd;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #fff;
}
.navbar-default .navbar-nav > li > a {
	text-transform: uppercase;
  color: #fff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #a3adbd;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #a3adbd;
  background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #a3adbd;
  background-color: transparent;
}







@media (max-width: 767px) {
.nav.navbar-nav.navbar-right {
    padding-top: 15px;
}	
}

@media (min-width: 768px) {
.nav.navbar-nav.navbar-right {
    padding-top: 30px;
}
}

@media (min-width: 1200px) {
.nav.navbar-nav.navbar-right {
    padding-top: 87px;
}
}





..navbar-default .navbar-toggle {
	border-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-toggle {
	border-radius: 0;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
	border-radius: 0;
	height: 4px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: transparent;
}

.navbar-collapse {
	border-color: transparent;
	box-shadow: none;
}







#main {
	position: relative;
	background: url(../images/bg-site.jpg) repeat-x;
    background-color: #4188c6;
}

	
@media (max-width: 767px) {
#button {
	display: none;
}	
}

@media (min-width: 768px) {
#button {
		display: block;
	position: absolute;
	z-index: 1000;
	width: 207px;
	height: 207px;
	
	top: 290px;
	left: 0;
}
}
	


@media (max-width: 767px) {
  #willkommen {
    background: none;
	min-height: 680px;
	padding-top: 90px;
  }
}

@media (min-width: 768px) {
#willkommen {
	background: url(../images/bg-willkommen.png) no-repeat right 10px;
	min-height: 680px;
	padding-top: 90px;
}
}

#modernste-op-technik {
	min-height: 680px;
	padding-top: 90px;
}

#vorteile-auf-einen-blick {
	min-height: 680px;
	padding-top: 90px;
}

#vorteile-auf-einen-blick ul {
	margin-left: -20px;
}
	
	#vorteile-auf-einen-blick li {
		font-size: 18px;
		font-weight: 300;
		line-height: 1.4;
		margin-bottom: 10px;
	}

@media (max-width: 767px) {
  #termin {
    background: none;
	min-height: 680px;
	padding-top: 90px;
  }
}

@media (min-width: 768px) {
#termin {
	background: url(../images/bg-termin.png) no-repeat right 0;
	min-height: 680px;
	padding-top: 90px;
}
}

#termin a {
	font-size: 15px;
	color: #dde0e7;
	
	text-transform: uppercase;
	
	padding: 10px 10px 10px 10px;
	border: 3px solid #fff;
	
    display: inline-block;	
	margin-top: 10px;
}

	#termin a:hover {
		text-decoration: none;
		color: #4188c6;
		background-color: #fff;;
	}

#impressum {
	min-height: 680px;
	padding-top: 90px;
}

#impressum a {
	color: #a3adbd;
}

#impressum a:hover {
	text-decoration: underline;
}

/* ============================= cookie ====================== */

#cookiebar a {color:#000; text-decoration:none;}

#cookiebar a:hover {text-decoration:underline;}

#cookiebar div {padding:10px; padding-right:40px;}

#cookiebar {
	color: #4c4c4c;
	text-align: center;
	outline: 1px solid #7b92a9;
	border-top:1px solid #fff;
	background: #d6e0eb;
	background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9));
	background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
	background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
	background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
	background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 );
	position:fixed;
	bottom:0px;
	height: 86px;
	z-index:10000;
	width:100%;
	font-size:12px;
	line-height:16px;}

#cookie-barCloser {
	text-align: center;
	color: #777;
	margin-left: 15px;
	font: 14px/100% arial, sans-serif;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	top: 5px;
	cursor:pointer;
	border-top:1px solid white;
	border-left:1px solid white;
	border-bottom:1px solid #7b92a9;
	border-right:1px solid #7b92a9;
	padding:4px;
	background: #ced6df; /* Old browsers */
	background: -moz-linear-gradient(top, #ced6df 0%, #f2f6f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9));
	background: -webkit-linear-gradient(top, #ced6df 0%,#f2f6f9 100%);
	background: -o-linear-gradient(top, #ced6df 0%,#f2f6f9 100%);
	background: -ms-linear-gradient(top, #ced6df 0%,#f2f6f9 100%);
	background: linear-gradient(to bottom, #ced6df 0%,#f2f6f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 );
}

#cookie-barCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}




footer {
	padding-top: 80px;
	min-height: 300px;
}

#footer {
	color: #575756
}

	#footer a {
		padding: 0;
		color: #4188c6;
	}
	
		#footer a:hover {
			text-decoration: underline;
		}	

		
		

#footer .nav > li {
	margin-bottom: 8px;
}

	#footer .nav > li > a {
		padding: 0;
	}
	
		#footer .nav > li > a:hover {
			background: transparent;
		}
