/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/lato-v23-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v23-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v23-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v23-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v23-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v23-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v23-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}


body{
	font-family: 'Lato', sans-serif;
	font-size:18px;
}

a{
	transition: all ease 400ms;
}

header{
	width:100%;
}

h2{
	font-weight: 900;
	color:#0068B3;
	margin-bottom:30px;
	word-wrap: break-word;
}

.navbar{
	padding:0;
}

.top-bar{
	width:100%;
	height:40px;
	line-height: 40px;
	background:#f6f6f6;
	color:#999;
	font-size:14px;
}

.top-bar span{
	color:#333;
}

.top-bar a{
	color:#333;
	font-weight: 700;
	text-decoration: none;
}

.top-bar a:hover{
	color:#666;
}

.top-bar p{
	float: left;
}

.container-fluid{
	max-width:1200px;
}

.top-bar ul{
	margin:0;
	padding:0;
	list-style: none;
	float:right;
	font-size:0;
}

.top-bar ul li{
	display: inline-block;
	margin-left:15px;
}

.top-bar ul li a{
	font-weight: 400;
	color:#333;	
	font-size:14px;
}

.top-bar ul li a:hover{
	color:#666;
}

.nav-bar{
	height:120px;
	background:#fff;
	z-index: 1000;
}

.logo{
	float:left;
}

.logo img{
	width:100%;
	max-width: 102px;
	height:auto;
	margin:30px 0 0 0;
}

.navi{
	float:right;
	line-height:120px;
}

.navi ul{
	padding:0;
	margin:0;
	list-style: none;
}

.navi ul li{
	display:inline-block;
	text-transform: uppercase;
	font-size:18px;
	font-weight:700;
	padding:0 15px;
}

.navi ul li:last-child{
	padding-right: 0;
}

.navi ul li a{
	color:#0068b3;	
	text-decoration: none;
}

.navi ul li a:hover{
	color:#999999;
}

.slider{
	background: url(../images/bg-slider.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
	margin-bottom: 60px;
}

.slider-text{
	margin:160px 0;
	background:rgba(255,255,255, 0.9);
	padding:30px 30px 25px 30px;
}

.slider-text .preheadline{
	font-weight: 700;
	font-size:18px;
	color:#696969;
}

.slider-text span.preheadline:after{
	content:"";
	width:30px;
	height:2px;
	background:#696969;
	display:block;
	margin:15px 0 15px 0;
	
}

.slider-text h1{
	color:#0068B3;
	font-weight:900;
	font-size:40px;
}

section{
	padding:60px 0;
}

.about-img{
	background:url(../images/bg-about.jpg) no-repeat;
	background-size: cover;
}

.text-inner{
	padding:30px;
}

.text-inner p{
	line-height: 28px;
}

a.bluebtn{
	padding:10px 20px;
	color:#fff;
	background:#0068B3;
	display: inline-block;
	text-decoration: none;
	font-size:14px;
	font-weight:900;
	text-transform: uppercase;
	margin-top:15px;
}

a.bluebtn:hover{
	color:#A3BDDB;
}

.leistung .inner{
	text-align: center;
	border:3px solid #E6E6E6;
	margin:0 0 30px 0;
	padding:30px 15px;
}

.leistung img{
	width:100%;
	max-width: 64px;
	height:auto;
	margin:0 0 20px 0;
}

.leistung h3{
	color:#0068B3;
	font-weight: 900;
	font-size:16px;
	text-transform: uppercase;
}

#contact h3{
	font-size:18px;
	color: #0068B3;
	font-weight: 900;
	text-transform: uppercase;
}

#contact h3 span{
	display: block;
	text-transform: none;
	color:#696969;
	margin-bottom:20px;
	font-weight: 400;
}

#contact p{
	line-height: 40px;
}

#contact p i{
	width:25px;	
	color:#0068B3;
}


.modal-body{
	font-size: 14px;
}

.slicknav_menu {
	display:none;
	background:#fff;
	padding:0;
}

.slicknav_nav{
	text-align: right;
	font-size:18px;
	font-weight: 900;
	position: relative;
	z-index: 2000;
}

.slicknav_btn {
    margin: 26px 0 0 0;
    background:#0068B3;
    border-radius: 0;
    text-shadow: none;
}

.slicknav_nav .slicknav_row, .slicknav_nav a {
    padding: 10px 15px;
    margin: 0px;
}

.slicknav_nav a {
    color: #0068B3;
}

.slicknav_nav a:hover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #fff;
    color: #666;
}

@media screen and (max-width: 768px) {
	
	.about-img{
		height:300px;
	}
	
}

@media screen and (max-width: 690px) {
	/* #menu is the original menu */
	.navi {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
	
	.nav-bar {
	    height: 80px;
	}
	
	.logo img {
	    margin: 12px 0 0 0;
	}
	
	section{
		padding:30px;
	}
	
	.slider{
		margin-bottom: 0;
	}
	
	.slider-text {
	    margin: 80px 0;
	}
	
}

@media screen and (max-width: 550px) {
	
	.top-bar,
	.top-bar ul li a {
		font-size: 10px;		
	}
	
	.slider-text .preheadline {
	    font-size: 10px;
	}
	
}

@media screen and (max-width: 420px) {
	
	.text-inner {
	    padding: 0px;
	}
	
	.about-img{
		margin-bottom:30px;
	}
	
	.slider-text h1 {
	    font-size: 30px;
	}
}

@media screen and (max-width: 390px) {
	.top-bar p{
		display: none;
	}
}

@media screen and (max-width: 340px) {
	
	a.bluebtn {
	    padding: 5px 13px;
	    font-size: 12px;
	}
	
}