/******************************************************************
Copyright 2016 by Agentur Durchdacht / www.agentur-durchdacht.de
******************************************************************/

html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-rendering: optimizeLegibility; }

/* Reset Styles
***********************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100.01%;
font: inherit, 1em/1.5em   'latoregular', 'robotoregular', 'open_sansregular', Arial, Helvetica, Verdana, sans-serif;
vertical-align: baseline;
text-shadow:none;
}

body {
position:relative;
width:100%;
height:100%;
margin:0;
padding:0;
line-height:1.2em;
background:#fff;
-webkit-backface-visibility: hidden;
border-collapse: collapse !important;
}
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 13, 2019 */
@font-face {
    font-family: 'latobold';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bold-webfont.woff2') format('woff2'),
         url('../fonts/lato-bold-webfont.woff') format('woff'),
         url('../fonts/lato-bold-webfont.ttf') format('truetype'),
         url('../fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff2') format('woff2'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'santana';
    src: url('../fonts/Santana-webfont.eot');
    src: url('../fonts/Santana-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Santana-webfont.woff2') format('woff2'),
         url('../fonts/Santana-webfont.woff') format('woff'),
         url('../fonts/Santana-webfont.ttf') format('truetype'),
         url('../fonts/Santana-webfont.svg#santana') format('svg');
    font-weight: normal;
    font-style: normal;
}

.video h2, .video .ce_text {text-align:center;}
video {display: block;margin: 0 auto;}
.invisible {display:none;}
h1, h2, h3, h4, h5, h6, a, p {
text-rendering: optimizelegibility;
-webkit-font-smoothing: antialiased;
font-weight:400;
text-decoration:none;
border:none;
padding:0;
margin:0;
}
.mm-page {min-height: auto;}
.job {border: 1px solid #1685c8; padding:16px;}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
/*strong {font-weight: normal;}*/
em {font-style: italic;}
.clear {clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear:after {clear:both;content:' ';display:block;font-size:0;
line-height:0;visibility:hidden;width:0;height:0;}

#navmobil, .navmobil {display:none;}
.mobilansicht {display:none;}

h1{
position:relative;
display:block;
font-size: 5em;	
font-family:   'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;
color: #fff;
margin:0 0 25px;
padding:0;
float:none;
clear:both;
}
	
h2{
position:relative;
display:block;
font-size: 24px;	
font-family:   'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;
color: #2d2d2d;
line-height:40px;
font-weight:200;
margin:0 0 25px;
padding:0;
float:none;
clear:both;
}

h3{
position:relative;
display:block;
font-size: 21px;	
font-family:   'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;
color: #2d2d2d;
line-height:40px;
font-weight:300;
margin:25px 0 ;
padding:0;
float:none;
clear:both;
}
h4{
position:relative;
display:block;
font-size: 18px;	
font-family:   'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;
color: #2d2d2d;
line-height:40px;
font-weight:300;
margin:25px 0 ;
padding:0;
float:none;
clear:both;
}	
.small {
font-size:0.4em;
font-weight:300;
text-transform:none;
letter-spacing:0px;
}

.light {
color:#fff;
}

hr {
position:relative;
display:block;
height:2px;
width:100%;
background:#eee;
margin:80px 0 40px;
border:none;
float:none;
clear:both;
}

/*--------------------------------------------------*/

p{
position:relative;
display:block;
font-size: 15px;	
font-family:   'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;
color: #777;
line-height:24px;
font-weight:400;
margin:0 0 25px;
padding:0;
float:none;
clear:both;
}

p.teaser-text{
font-size: 21px;	
font-family:   'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;
color: #777;
line-height:30px;
font-weight:300;
margin:0 0 36px;
padding:0;
}

table {
position:relative;
display:block;
font-size: 15px;	
font-family:   'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;
color: #777;
line-height:24px;
font-weight:400;
margin:0 0 25px;
padding:0;
float:none;
clear:both;
}

a {
/*display:inline-block;*/
position:relative;
font-size: 15px;	
line-height:24px;
font-family:   'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;
color: #153068;
font-weight:400;
margin:0;
padding:0;
overflow:hidden;
}

a:hover, a.active {
color: #0087d0;
}

a.btn {
display:inline-block;
font-size: 15px;	
font-family:   'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;
color: #2d2d2d;
font-weight:400;
border:2px solid #4d4d4d;
margin:0 auto;
padding:0 25px;
line-height:50px;
float:none;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
background:transparent;
text-transform:none;
transition:all 1.5s 0s cubic-bezier(.15,.89,.49,1);
-webkit-transition:all 1.5s 0s cubic-bezier(.15,.89,.49,1);
-moz-transition:all 1.5s 0s cubic-bezier(.15,.89,.49,1);
overflow:hidden;
}

a.btn:hover {
color:#fff;
background:#0087d0;
border:2px solid #0087d0;
}

a.btn.light {
color:#fff;
background:transparent;
border:2px solid #fff;
}

a.btn.light:hover {
color: #2d2d2d;
background:#fff;
}

a.btn.light:before {
content: "";
position: absolute;
width:100%;
left:0;
width:0;
height:100%;
background:#fff;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
z-index:-1;
}
a.btn.light:hover:before {
width:100%;
}
#start-overlay-text a.btn.light {
float:right;
margin-right:16px;
margin-top: 16%;
}

a.btn.blue {
color:#fff;
background:#1BADFB;
border:2px solid #1BADFB;
}
	
a.btn.blue:hover {
color: #fff;
background:#0087d0;
border:2px solid #0087d0;
}

a.btn.blue:before {
content: "";
position: absolute;
width:100%;
left:0;
width:0;
height:100%;
background:#1BADFB;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
z-index:-1;
}
a.btn.blue:hover:before {
width:100%;
}

.blue{
color:#1BADFB;
}
.blue2{
color:#0087d0;
}

h3.first {margin: 25px 0 8px 0;}
h3.last {margin: 8px 0 25px 0;}

.cf {
clear:both;
float:none;
}

#page-wrap {
display:block;
position:relative;
width:100%;
height:100%;
background:#f8f8f8;
-webkit-transform-style: preserve-3d;
transform:translate(0,0);
-moz-transform:translate(0,0);
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
transition:all .5s 0s cubic-bezier(.15,.89,.49,1);
-webkit-transition:all .5s 0s cubic-bezier(.15,.89,.49,1);
-moz-transition:all .5s 0s cubic-bezier(.15,.89,.49,1);
-webkit-backface-visibility: hidden;
overflow:hidden;
}

#page-wrap.faded {
transform:translate(-100%,0);
-moz-transform:translate(-100%,0);
-webkit-transform:translate(-100%,0);
-ms-transform:translate(-100%,0);
-o-transform:translate(-100%,0);
transition:all 3.5s 0s cubic-bezier(.15,.89,.49,1);
-webkit-transition:all 3.5s 0s cubic-bezier(.15,.89,.49,1);
-moz-transition:all 3.5s 0s cubic-bezier(.15,.89,.49,1);
-ms-transition:all 3.5s 0s cubic-bezier(.15,.89,.49,1);
-o-transition:all 3.5s 0s cubic-bezier(.15,.89,.49,1);
}

@-moz-keyframes loader-wrap {
	from {
		width: 100%;
	}
	to {
	width: 0%;
		margin-left:-400px;
	}
}

@-webkit-keyframes loader-wrap {
	from {
		width: 100%;
	}
	to {
	width: 0%;
		margin-left:-400px;
	}
}

@keyframes loader-wrap {
	from {
		width: 100%;
	}
	to {
	width: 0%;
	margin-left:-400px;
	}
}

#loader-wrap {
position:fixed;
display:block;
width:100%;
height:100%;
left:0;
bottom:0;
right:0;
top:0;
background:#fff;
text-align:center;
overflow:hidden;
z-index:10000;
-webkit-iteration-count:1;
}

#loader-wrap.faded {
animation:loader-wrap 1.5s 3s normal forwards cubic-bezier(.15,.89,.49,1);
-webkit-animation:loader-wrap 1.5s 3s normal forwards cubic-bezier(.15,.89,.49,1);
-moz-animation:loader-wrap 1.5s 3s normal forwards cubic-bezier(.15,.89,.49,1);
-webkit-iteration-count:1;
}

#loader-footer {
position:absolute;
bottom:30px;
left:0;
right:0;
margin:0 auto;
}

#loader-footer p{
color:#777;
font-size:12px;
}

@-moz-keyframes loader-img {
	0% {
		-moz-transform: scaleX(1);
		-o-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-ms-transform: scaleX(1);
	}

	50% {
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		-ms-transform: scaleX(-1);
	}

	100% {
			-moz-transform: scaleX(1);
		-o-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-ms-transform: scaleX(1);
	}
}

@-webkit-keyframes loader-img {
    0% {
		-moz-transform: scaleX(1);
		-o-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-ms-transform: scaleX(1);
	}

	50% {
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		-ms-transform: scaleX(-1);
	}

	100% {
			-moz-transform: scaleX(1);
		-o-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-ms-transform: scaleX(1);
	}
}


@keyframes loader-img {
	0% {
		-moz-transform: scaleX(1);
		-o-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-ms-transform: scaleX(1);
	}

	50% {
        -moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		-ms-transform: scaleX(-1);
	}

	100% {
			-moz-transform: scaleX(1);
		-o-transform: scaleX(1);
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-ms-transform: scaleX(1);
}
}

#loader-wrap img.logo{
display:inline-block;
position:relative;
width:60px;
top:45%;
margin:0 auto;
margin-top:0px;
opacity:.4;
filter: alpha(opacity=40);
transition:all 600ms ease-in-out;
-webkit-transition:all 600ms ease-in-out;
-moz-transition:all 600ms ease-in-out;
animation:loader-img 2s infinite ease-in-out;
-webkit-animation:loader-img 2s infinite ease-in-out;
-moz-animation:loader-img 2s infinite ease-in-out;
}

.no-js #loader-wrap {
display:none;
}

.no-js #page-wrap {
display:block;
}

@-moz-keyframes loader-mask {
    from {
		width: 0px;
    }
	to {
        width: 100%;
    }
}

@-webkit-keyframes loader-mask {
    from {
		width: 0px;
    }
	to {
        width: 100%;
    }
}

@keyframes loader-mask {
    from {
		width: 0px;
    }
	to {
        width: 100%;
    }
}

.progress-loader-mask {
position:absolute;
height: 1px;
top:0;
background:#fff;
}

.progress-loader-mask.loaded {
position:absolute;
height:1px;
background:#777;
animation:loader-mask 2.5s forwards linear;
-webkit-animation:loader-mask 2.5s forwards linear;
-moz-animation:loader-mask 2.5s forwards linear;
}

.progress-loader-container {
position: absolute;
display:block;
height: 100%;
width: 100%;
margin: 0 auto 0;
text-align:center;
overflow:hidden;
}

.progress-loader-outer {
height: 93px;
width: 300px;
border:4px solid rgba(255,255,255,.2);
border-bottom:4px solid rgba(255,255,255,1);
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
animation:loader 1s linear;
-webkit-animation:loader 1s infinite linear;
-moz-animation:loader 1s infinite linear;
}
	
.progress-loader-inner {
height: 93px;
width: 300px;
margin: 30px auto;
font-family:"santana", serif;
font-style:italic;
color:#fff !important;
}

.number {
font-size: 24px;
position: relative;
left: 3px;
        }
.unit {
font-size: 18px;
text-shadow: 0 1px 1px white;
position: relative;
left: -2px;
}
.progress-loader-container p{
color:#fff !important;
}
.mobile {
display:none;
}
.desktop {
display:block;
}
.tcenter {
text-align:center !important;
}

/* Centered texts in each section 
* --------------------------------------- */
.section{
text-align:left;
height:100%;
overflow:hidden;
-webkit-backface-visibility: hidden;
}

#header-wrap {
position:fixed;
display:block;
top:0;
left:0;
right:0;
width:100%;
height:72px;
margin:0 auto;
background:#fff;
overflow:hidden;
z-index:9001;
}

#header-wrap.sub {
width:100%;
border-bottom:1px solid #eee;
}

#header-wrap-inner {
display:block;
position:relative;
width:90%;
max-width:1170px;
height:72px;
margin:0 auto;
}

#header-wrap #left {
position:absolute;
display:block;
top:0;
left:0;
height:72px;
width:120px;
z-index:3;
}
	
h1#logo {
position:absolute;
left:0;
top:0;
width:117px;
height:72px;
margin:0;
padding:0;
overflow:hidden;
}

h1#logo a{
position:absolute;
top:0;
height:72px;
margin:0;
padding:0;
}

h1#logo a img{
height:72px;
margin:0;
padding:0;
}

#header-wrap #left p{
margin:0 0 0 138px;
line-height:72px;
}

#header-wrap #right {
position:absolute;
display:block;
top:0;
right:0;
width:auto;
height:74px;
overflow:hidden;
z-index:3;
}

img.icon {
display:inline;
width:24px;
height:24px;
float:right !important;
}

#menu-toggle, #menu-close {
position:absolute;
width:72px;
height:72px;
line-height:72px;
right:0;
top:0;
z-index:3;
}

#menu-toggle img, #menu-close img{
width:24px;
height:auto;
line-height:72px;
vertical-align:middle;
right:0;
top:0;
}

#menu-close {
display:none;
z-index:2;
}

#menu-close.active {
display:block;
z-index:4;
}

#main-nav {
display:block;
position:absolute;
width:100%;
max-width:1170px;
height:72px;
top:0px;
right:0px;
bottom:0px;
left:0px;
margin:0 auto;
text-align:center;
overflow:hidden;
z-index:2;
}

#main-nav.open {
transform:translate(0,0);
-moz-transform:translate(0,0);
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
-o-transform:translate(0,0);
}

#main-nav ul {
display:inline-block;
position:relative;
width:auto;
height:72px;
margin:0 auto;
text-align:center;
overflow:hidden;
}

#main-nav ul li{
display:inline-block;
padding:0;
line-height:72px;
text-align:center;
}

#main-nav ul li a{
font-size:14px;
line-height:72px;
font-weight:bold;
padding:0 15px;
text-transform:uppercase;
}

#main-nav ul li a:hover{
color:#0087d0;
background:transparent;
}

#right a.btn {
font-size:14px;
line-height:42px;
margin-top:13px;
}

/* Backgrounds will cover all the section
* --------------------------------------- */
#section0,
#section1,
#section2,
#section3{
background-position:top center;
background-size: cover;
height:100%;
overflow:hidden;
background:transparent;
-webkit-backface-visibility: hidden;
}

/* Defining each sectino background and styles 
* -------------------------------------- */
#section0{
background-size: cover;
padding:0 0 0;
}

#section1{
background-size: cover;
padding: 0;
}

#section2{
background-size: cover;
padding:0 0 0;
}

#section3{
background-size: cover;
padding:0 0 0;
}
#section3 h1{
color: #000;
}
 
/*Adding background for the slides
* --------------------------------------- */
.slide{
overflow:hidden !important;
-webkit-backface-visibility: hidden;
}
.section {
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
.anchor-section {
position:absolute; top:-140px;
}
/*.sub-section h2 {padding-top: 36px;}*/
.sub-section {
display:block;
position:relative;
padding: 36px 0;
border-bottom:4px solid #f3f3f3;
overflow:hidden;
}
.sub-section ul {
list-style-type: disc; 
font-size: 15px;
font-family: 'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;
color: #777;
line-height: 24px;
font-weight: 400;
margin-bottom:24px;
display: block;
margin-left: 0; 
margin-right: 0; 
padding-left: 32px;
}
.sub-section ul li {
list-style-type: disc;}

#request-toggle {
display:block;
position:fixed;
right:0;
bottom:0;
width:50%;
padding:40px 0;
border-top:1px solid #ccc;
z-index:9000;
}

.layer {
position:relative;
left:-1.5% !important;
top:-1.5% !important;
margin:0 auto;
width:103%;
height:103%;
background:transparent;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
background-position:center center !important;
background-repeat:no-repeat;
}

.teaser1{
background-image:url(../images/2.jpg);
}

.teaser2{
background-image:url(../images/teaser-overlay1.png);
left:-7.5% !important;
top:-7.5% !important;
margin:0 auto;
width:115%;
height:115%;
}

.teaser3{
background-image:url(../images/teaser-overlay2.png);
left:-7.5% !important;
top:-7.5% !important;
margin:0 auto;
width:115%;
height:115%;
}

.teaser4{
background-image:url(../images/teaser-overlay3.png);
}

#start-overlay {
position:absolute;
display:table;
/*top:-1%;*/
top:15%;
width:100%;
height:100%;
z-index:10000;
text-align:center;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}

#start-overlay-text {
display:table-cell;
vertical-align:middle;
text-align:center;
z-index:9000;
transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}

#start-overlay-text h2{
font-size:34px;
font-weight:600;
margin-bottom:10px;
color: /*#0087d0*/#FFF;
float: left;
width: 50%;
margin-top: -6%;
}

#start-overlay-text img{
width:33.33333333%;
margin:0 auto;
margin-bottom:25px;
}

a.scroll{
position:absolute;
display:inline-block;
font-size:16px;
line-height:16px;
font-weight:300;
text-align:center;
bottom:20px;
left:0;
right:0;
color:#fff;
margin:0 auto;
padding:20px 0;
}
a.scroll img{
position:relative;
display:inline-block;
background: transparent;
height: 40px;
width: 40px !important;
margin-bottom:0;
}

.pulse {
position:absolute;
top:0;
left:0;
right:0;
margin:0px auto 20px;
display:inline-block;
width:auto;
  border: 5px solid #fff;
  background: transparent;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  height: 70px;
  width: 70px;
  -webkit-animation: pulse 2s ease-out;
  -moz-animation: pulse 2s ease-out;
  animation: pulse 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@-moz-keyframes pulse {
 0% {
 -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    opacity: 0.5;
 }
 100% {
  -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    opacity: 0.0;
 }
}

@-webkit-keyframes "pulse" {
 0% {
 -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    opacity: 0.5;
 }
 100% {
  -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    opacity: 0.0;
 }
}

#teaser {
display:block;
width:100%;
max-width:1440px;
height:650px;
margin:0 auto;
overflow:hidden;
}

#teaser img{
height:100%;min-height: 650px;
}

#index-teaser {
display:block;
position:relative;
width:100%;
height:760px;
margin:0 auto;
overflow:hidden;
}

#index-teaser img{
width:100%;
height:auto;
display: inline-block;
}

#index-teaser img.logo{
width:25%;
height:auto;
}

#index {
text-align:center;
padding:36px 0;
}

img.headline-icon {
width:30px !important;
height:auto;
text-align:center;
}

#angebot {
text-align:center;
}

#angebot .col.first {margin-left:150px;}
#angebot .col{
position:relative;
display:inline-block;
float:left;
width:270px;
height:300px;
margin:0 30px 0 0;
text-align:left !important;
}

#angebot .col.col-right{
margin:0px;
}

#angebot .col h2 {
position:absolute;
left:20px;
bottom:0px;
color:#fff;
text-shadow:0 0 25px rgba(0,0,0,.7);
}


#sub-nav {
position:fixed;
display:block;
width:100%;
background:#f3f3f3;
top:72px;
left:0;
right:0;
margin:0 auto;
border-top:1px solid #eee;
transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
-webkit-transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
-moz-transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
-ms-transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
-o-transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
overflow:hidden;
z-index:9000;
}
#sub-nav p {line-height: 24px;
font-weight: 400;
margin: 0;}

#sub-nav-inner {
position:relative;
width:100%;
max-width:1170px;
margin: 0 auto;
padding:24px 0;
}

.hide-sub-nav {
position:absolute;
right:5%;
top:0;
width:72px;
height:72px;
background:url(../images/arrow-up-dark.png)no-repeat center center;
background-size:100% 100%;
cursor:pointer;
}

#sub-nav a{
margin-right:15px;
font-weight:400;
}

#breadcrumb {
position:relative;
display:block;
width:100%;
height:25px;
line-height:25px;
overflow:hidden;
}

#breadcrumb a{
font-size:12px;
height:25px;
line-height:25px;
display:inline-block;
}

#breadcrumb a img, #breadcrumb img{
width:auto !important;
height:25px;
}

#section1 {
background:#f6f6f6;
}

#content {
position:absolute;
display:block;
top:0;
right: 0;
bottom: 0;
left: 0;
overflow:hidden;
z-index:10;
}

#content.sub {
position:relative;
display:block;
width:100%;
max-width:1170px;
/*top:144px;
right: 0;
bottom: 0;
left: 0;*/
margin:0 auto;
/*padding:72px 5%;*/
padding:0;
overflow:hidden;
}

.ohneteaser #content.sub {top:144px;margin-bottom: 144px;}

#content.sub img{
width:100%;
height: auto;
}

.sub-section h2 {
font-size:32px;
font-weight:300;/*
text-align:center;*/
margin:40px 0;
text-transform:none;
}


.section-teaser, .section-kontakt {
position:relative;
font-family:   'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;
font-size:12px;
display:block;
float:left;
width:33.33333333%;
overflow:hidden;
margin-bottom:40px;
}

.section-teaser.padded {
width:30.33333333%;
padding:1.5%;
background:#fff;
overflow:hidden;
text-align:center;
}

.section-teaser.padded2, .section-teaser.padded4 {
width:27.33333333%;
padding:3%;
background:#fff;
overflow:hidden;
}
.section-teaser.padded5 {
width:43.33333333%;
padding:3%;
background:#fff;
overflow:hidden;
}
.section-kontakt.padded5 {
width:43.33333333%;
padding:3%;
background:transparent;
overflow:hidden;
}
.padded2.zs_system {min-height:710px;}
.padded4.ds_system {min-height:900px;}

.section-teaser.padded2:hover, .section-teaser.padded4:hover {
width:27.33333333%;
padding:3%;
background:#fff;
overflow:hidden;
box-shadow:0 0 15px rgba(0,0,0,.1);
-webkit-box-shadow:0 0 15px rgba(0,0,0,.1);
-moz-box-shadow:0 0 15px rgba(0,0,0,.1);
-ms-box-shadow:0 0 15px rgba(0,0,0,.1);
-o-box-shadow:0 0 15px rgba(0,0,0,.1);
z-index:2;
}

.section-teaser.padded img, .section-teaser.padded2 img, 
.section-teaser.padded3 img, .section-teaser.padded4 img{
position:relative;
max-height:160px;
width:auto !important;
margin:0 auto;
text-align:center;
}
.section-teaser.padded2 .card-deck img {max-height:300px !important;}
.section-teaser.padded4 img {max-height:260px;}

.section-teaser.padded.ref img, .section-teaser.padded2.ref img, 
.section-teaser.padded3.ref img, .section-teaser.padded4.ref img,
.section-teaser.padded2.zs_system img, .section-teaser img, .sub-section.ref img {
position:relative;
max-height:300px !important;
width:100% !important;
}

.big-teaser {
position:relative;
width:50%;
height:100%;
float:left;
background:#fff;
overflow:hidden;
}

.big-teaser.second {
position:relative;
width:50%;
height:60%;
float:left;
background:#fff;
overflow:hidden;
}

.small-teaser {
position:relative;
width:25%;
height:40%;
float:left;
background:#fff;
overflow:hidden;
}

.big-teaser img, .small-teaser img{
position:absolute;
width:100%;
height:auto;
bottom:-10%;
transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
-webkit-transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
-moz-transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
-ms-transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
-o-transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
}

.big-teaser:hover img, .small-teaser:hover img{
/*transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);*/
}
.teaser-overlay {
position:absolute;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,0);
text-align:center;
transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
-webkit-transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
-moz-transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
-ms-transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
-o-transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
z-index:1;
}
.teaser-overlay:hover {
position:absolute;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.5);
text-align:center;
z-index:1;
}

.teaser-overlay h2{
position:absolute;
font-weight:200;
color:#fff;
font-size:28px;
bottom:25px;
left:25px;
text-transform:uppercase;
vertical-align:middle;
}

.fp-slidesNav{
display:none;
}

#map {
position:relative;
top:75px;
width:100%;
height:60%;
margin:0 auto;
border-top:1px solid #eee;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
#contact-left, #contact-right {
display:inline-block;
position:relative;
top:75px;
width:45%;
height:40%;
padding:40px 2.5%;
float:left;
text-align:center;
}

#contact-left {
background:#f0f0f0;
}
#contact-right{
background:#f6f6f6;
}

#partner {
position:relative;
display:block;
width:90%;
margin:0 auto;
padding:40px 5%;
background-color:#f6f6f6;
text-align:center;
border-top:1px solid #eee;
overflow:hidden;
}

#partner-inner {
width:100%;
max-width:1170px;
margin:0 auto;
text-align:center;
}

#partner .partner-col{
position:relative;
display:inline-block;
width:16.6666666667%;
margin:0 auto;
padding:0;
background:transparent;
text-align:center;
overflow:hidden;
}

#partner img{
width:auto;
height:100px;
margin:0 auto;
text-align:center;
opacity:.5;
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
-o-filter:grayscale(100%);
}

#partner img:hover{
opacity:1;
filter:grayscale(0);
-webkit-filter:grayscale(0);
-moz-filter:grayscale(0);
-ms-filter:grayscale(0);
-o-filter:grayscale(0);
}

#footer {
position:absolute;
display:block;
width:100%;
min-height:25px;
bottom:0;
left:0;
padding:40px 0;
background:#153068; 
overflow:hidden;
}

#footer.sub {
position:relative;
display:block;
}

#footer-inner {
position:relative;
display:block;
width:90%;
padding:0;
max-width:1170px;
margin:0 auto;
}

#footer p, #footer a{
margin:0;
color:#fff;
color:#eee;
font-size:12px;
line-height:25px;
font-weight:300;
}

#footer ul {
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
#footer ul li {
    display: inline-block;
    padding: 0;
    text-align: center;
}

.footer-left{
display:inline-block;
float:left;
}
.footer-right{
display:inline-block;
float:right;
}

#footer .footer-right p, #footer .footer-right a{
color:#eee;
color:rgba(255,255,255,.5);
}

#footer .footer-right a:hover{
color:#eee;
}

#footer .footer-right a{
margin:0 10px 0 0;
}

#footer p img, #footer a img{
height:25px;
width:auto;
line-height:25px;
vertical-align:middle;
}

img.ad-logo {
opacity:.2;
margin-left:5px;
}

#back-top {
position:absolute;
top:20px;
right:0;
width:72px;
height:72px;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
-ms-border-radius:200px;
-o-border-radius:200px;
text-align:center;
}
#back-top a{
width:72px;
height:72px;
}

#back-top a img{
width:72px;
height:72px;
}

#back-top a:hover img{
}

form {
margin: 0;
padding: 0;
font-size: 15px;
font-family:   'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;
color: #777;
line-height:24px;
font-weight:400;
}

form label {
display: block;
margin-bottom:5px;
color: #000;
}

form input {
margin:5px 0 15px;
display: inline-block;
width: 99.33333333%;
padding:10px;
line-height:24px;
background:#EEE;
border:0;
transition:.3s;
box-shadow:none;
border-radius:0;
outline:0;
}

form textarea {
display: inline-block;
height: 200px;
font-weight: 400;
width: 98.33333333%;
/*width: 390px;*/
margin:5px 0 15px;
padding:10px;
background:#EEE;
border:0;
outline:0;
border-radius:0;
transition:.3s;
box-shadow:none;
}

form .checkbox {
width:2%;
max-width:auto;
margin-right:10px;
}
.checkbox_container legend {float:left;}
.checkbox_container label {display: inline-block;width: 92%;margin-left: 2%;}

	
button.senden {
display:inline-block;
font-size: 15px;
max-width:200px;
width:200px;
font-family:   'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;
color: #2d2d2d;
font-weight:400;
border:2px solid #4d4d4d;
margin:24px auto;
padding:0 25px;
line-height:50px;
float:none;
border-radius:200px;
-webkit-border-radius:200px;
-moz-border-radius:200px;
background:transparent;
text-transform:none;
transition:all .5s 0s cubic-bezier(.15,.89,.49,1);
-webkit-transition:all .5s 0s cubic-bezier(.15,.89,.49,1);
-moz-transition:all .5s 0s cubic-bezier(.15,.89,.49,1);
overflow:hidden;
cursor:pointer;
-webkit-appearance:none;
}

button.senden:hover {
color:#fff;
background:#0087d0;
border:2px solid #0087d0;
}

form input.reset {
background:transparent;
text-align:left;
color:#777;
padding:0;
}

@media screen and (max-width: 1024px){
	#header-wrap {
	width:100%;
	height:60px;
	}

#heaer-wrap-inner {
	max-width:90%;
	padding:0 5%;
	height:60px;
	margin:0 auto;
	}
	#header-wrap #left {
	height:60px;
	left:5%;
	}
	#header-wrap #right {
	height:60px;
	right:5%;
	}

	h1#logo {
	top:0px;
	width:100px;
	height:60px;
	}
	h1#logo a{
	height:60px;
	}
	h1#logo a img{
	height:60px;
	}

	#header-wrap #left p{
	line-height:60px;
	}
	#header-wrap #right {
	height:60px;
	}

	img.icon {
	display:inline;
	width:20px;
	height:20px;
	float:right !important;
	}

	#menu-toggle, #menu-close {
	position:absolute;
	width:60px;
	height:60px;
	line-height:60px;
	right:0;
	top:0;
	}
	#menu-toggle img, #menu-close img{
	width:20px;
	line-height:60px;
	}
	#main-nav {
	width:100%;
	width:90%;
	padding:0 5%;
	height:60px;
	}
	#main-nav.open {
	transform:translate(0,0);
	}
	#main-nav ul {
	height:60px;
	}
	#main-nav ul li{
	line-height:60px;
	}
	#main-nav ul li a{
	font-size:12px;
	line-height:60px;
	}

	#right a.btn {
	font-size:10px;
	padding:0 20px;
	margin-top:11px;
	line-height:36px;
	}

	#sub-nav {
	top:60px;
	}

	.big-teaser img, .small-teaser img{
	position:absolute;
	min-width:auto;
	min-width:100%;
	min-height:100%;
	bottom:0;
	}

	.section-teaser h3 {
	font-size:16px;
	}

	#start-overlay {
	top:10%;
	}

	#index-teaser {
	display:block;
	width:100%;
	height:560px;
	margin:0 auto;
	overflow:hidden;
	}
	#index-teaser img{
	width:100%;
	height:auto;
	}
	#index-teaser img.logo{
	width:25%;
	height:auto;
	}

	#index {
	text-align:center;
	padding:36px 0;
	}

	img.headline-icon {
	width:30px !important;
	height:auto;
	text-align:center;
	}

	#angebot {
	text-align:center;
	}
	#angebot .col{
	position:relative;
	display:inline-block;
	float:left;
	width:20%;
	height:300px;
	margin:0 2.5% 0;
	text-align:left !important;
	}
	#angebot .col.col-right{
	margin:0 2.5%;
	}
	#angebot .col h2 {
	position:absolute;
	left:20px;
	bottom:0px;
	color:#fff;
	text-shadow:0 0 25px rgba(0,0,0,.7);
	}

	#content.sub {
	position:relative;
	display:block;
	width:90%;
	max-width:90%;
	background:#f9f9f9;
	padding:72px 5%;
	z-index:0;
	}

	#breadcrumb {
	display:none;
	}

	#map {
	top:60px;
	}

	#contact-left, #contact-right {
	top:60px;
	}

	.fp-slides img{
	z-index:1;
	width:auto;
	height: 100%;
	}
	#footer {
	width:100%;
	padding:25px 0;
	bottom:0;
	}
	#footer-inner {
	width:90%;
	padding:0 5%;
	}

	form input {
	width: 40%;
	padding:5px 5%;
	}
	form textarea {
	height: 300px;
	width: 40%;
	padding:5px 5%;
	}

}

@media screen and (max-width: 768px){
	#index-teaser {
	display:block;
	width:100%;
	height:560px;
	margin:0 auto;
	overflow:hidden;
	}
	#index-teaser img{
	width:100%;
	height:auto;
	}
	#index-teaser img.logo{
	width:25%;
	height:auto;
	}

	#index {
	text-align:center;
	padding:36px 0;
	}

	img.headline-icon {
	width:30px !important;
	height:auto;
	text-align:center;
	}

	#angebot {
	text-align:center;
	}
	#angebot .col{
	position:relative;
	display:inline-block;
	float:left;
	width:20%;
	height:200px;
	margin:0 2.5% 0;
	text-align:left !important;
	}
	#angebot .col.col-right{
	margin:0 2.5%;
	}
	#angebot .col h2 {
	position:absolute;
	left:20px;
	font-size:21px;
	bottom:0px;
	color:#fff;
	text-shadow:0 0 25px rgba(0,0,0,.7);
	}

	#partner img{
	width:auto;
	height:60px;
	margin:0 auto;
	text-align:center;
	opacity:.5;
	filter:grayscale(100%);
	}

	#back-top {
	position:absolute;
	top:10px;
	right:0;
	width:54px;
	height:54px;
	text-align:center;
	}
	#back-top a{
	width:54px;
	height:54px;
	}
	#back-top a img{
	width:54px;
	height:54px;
	}
	.mm-menu--position-top.mm-menu--opened {min-height: 80vh;}
}

@media screen and (max-width: 640px){
	.desktop {
	display:none !important;
	}
	.mobile {
	display:block !important;
	}

	.fp-slides img{
	z-index:1;
	width:auto;
	height: 100%;
	}
	h2 {
	font-size:21px;
	}

	.sub-section h2 {
	font-size:24px;
	font-weight:300;
	}

	#header-wrap {
	width:100%;
	height:54px;
	background:transparent;
	overflow:visible;
	}

	#header-wrap.sub {
	width:100%;
	height:54px;
	background:#fff;
	border-bottom:1px solid #f3f3f3;
	}

	#header-wrap-inner {
	width:90%;
	max-width:90%;
	padding:0 5%;
	}

	#header-wrap #left{
	position:fixed;
	height:54px;
	left:5%;
	z-index:9003;
	}
	#header-wrap #right{
	position:fixed;
	top:0;
	right:5%;
	width:200px;
	height:54px;
	z-index:9003;
	}
	h1#logo {
	left:0;
	top:0px;
	width:185px;
	height:54px;
	margin:0;
	padding:0;
	overflow:hidden;
	}
	h1#logo a{
	position:absolute;
	top:0;
	height:54px;
	margin:0;
	padding:0;
	}
	h1#logo a img{
	height:54px;
	margin:0;
	padding:0;
	}

	#menu-toggle,#menu-close {
	top:0;
	right:0;
	width:54px;
	height:54px;
	line-height:54px;
	}
	#menu-toggle img, #menu-close img{
	width:22px;
	height:14px;
	line-height:54px;
	}

	#header-back {
	position:absolute;
	display:block;
	top:0;
	right:20px;
	width:54px;
	height:54px;
	line-height:54px;
	}
	#header-back img{
	width:auto;
	height:54px;
	line-height:54px;
	vertical-align:middle;
	}

	a.btn.light {
	color:#fff;
	background:transparent;
	border:1px solid #fff;
	}
	a.btn.light:hover {
	color: #2d2d2d;
	background:#fff;
	}

	#header-wrap #right a {
	float:right !important;
	line-height:54px;
	}

	img.icon {
	display:inline;
	width:20px;
	height:20px;
	float:right !important;
	}

	#main-nav {
	position:fixed;
	display:block;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	height:100%;
	background:#fff;
	padding:55px 5% 20px 5%;
	transform:translate(100%,0);
	transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
	text-align:left;
	z-index:9002;
	}
	#main-nav ul {
	display:block;
	position:fixed;
	height:auto;
	width:80%;
	padding:20px 0;
	float:none;
	text-align:left;
	z-index:10000;
	}
	#main-nav ul li{
	padding:0;
	float:none;
	display:block;
	line-height:32px;
	text-align:left;
	}
	#main-nav ul li a{
	color:#4d4d4d !important;
	font-size:21px;
	line-height:21px;
	font-weight:300;
	}
	#main-nav ul li a:hover{
	color:#0087d0 !important;
	background:transparent;
	}
	#main-nav ul li a.small{
	color:#777 !important;
	font-size:12px;
	font-weight:300;
	}
	#main-nav ul li a.small.first{
	margin-top:30px;
	}

	p.mobile {
	position:absolute;
	bottom: 360px;
	z-index: 999;
	left: 20px;
	/*top: 530px;*/
	}
	p.mobile a{
	width:54px;
	height:54px;
	float:left;
	margin-right:15px;
	background:#0087d0;
	border-radius:200px;
	overflow:hidden;
	}
	p.mobile a img{
	width:54px;
	height:54px;
	border-radius:200px;
	overflow:hidden;
	}

	.layer {
	background-position:10% center;
	background-repeat:no-repeat;
	}

	#start-overlay{
	top:4%;
	-webkit-transform-style: preserve-3d;
	}
	#start-overlay-text h2{
	font-size:24px;
	font-weight:600;
	overflow: hidden;
	position: relative;
	display: block;
	/*margin-top: 60%;*/
	margin-top: 10%;
	margin-bottom:16px;
	float: none;
	width: 100%;
	/*-webkit-transform-style: preserve-3d;*/
	}
	#start-overlay-text img{
	width:75%;
	}
	#start-overlay-text a.btn.light {
	float: none;
	margin-top: 6%;
	}
	.section #start-overlay{
	transform:translate(0,-100px);
	transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
	}
	.section.active #start-overlay{
	transform:translate(0,0);
	transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
	}

	#teaser {
	display:block;
	width:100%;
	height:360px;
	overflow:hidden;
	}
	#teaser img{
	height:360px;
	width:auto;
	}

	#index-teaser {
	display:block;
	width:100%;
	height:360px;
	margin:0 auto;
	overflow:hidden;
	}

	#index-teaser img{
	/*width:auto !important;
	height:360px;
	margin-left:-120px;*/
	width: 100% !important;
	height: 100%;
	}

	#index-teaser img.logo{
	width:50% !important;
	height:auto !important;
	margin-left:0;
	}

	#index {
	text-align:center;
	padding:36px 0;
	}

	img.headline-icon {
	height:auto;
	text-align:center;
	}

	#angebot {
	text-align:center;
	}
	#angebot .col{
	position:relative;
	display:inline-block;
	float:left;
	width:50%;
	height:300px;
	text-align:left !important;
	}
	#angebot .col.first {
	margin-left: 2.5%;
	}
	#angebot .col img{
	width:100% !important;
	height:auto !important;
	}

	#angebot .col h2 {
	position:absolute;
	left:20px;
	font-size:21px;
	bottom:40px;
	color:#fff;
	text-shadow:0 0 25px rgba(0,0,0,.7);
	}

	.content {
	padding:80px 5% 20px;
	}

	#sub-nav {
	top:54px;
	}
	#sub-nav-inner {
	padding:18px 5%;
	}
	.hide-sub-nav {
	position:absolute;
	right:0;
	top:0;
	width:54px;
	height:54px;
	background:url(../images/arrow-up-dark.png)no-repeat center center;
	background-size:100% 100%;
	cursor:pointer;
	}
	#sub-nav a{
	font-size:11px;
	}
	#sub-nav.nav-up {
	transform:translate(0,-100px);
	}
	#sub-nav.nav-down {
	transform:translate(0,0);
	}

	.content-arrow {
	position:absolute;
	display:block;
	width:108px;
	height:108px;
	right:-10%;
	top:38%;
	bottom:50%;
	}

	.content-arrow img{
	position:absolute;
	display:block;
	width:108px;
	height:108px;
	right:0;
	top:0;
	}

	#content.sub {
	position:relative;
	display:block;
	width:90%;
	max-width:90%;
	background:#f9f9f9;
	padding:72px 5%;
	z-index:0;
	}

	.first-row {
	position:absolute;
	display:block;
	top:0;
	width:100%;
	height:100%;
	}

	.slide img.mobile-teaser {
	position:absolute;
	top:0;
	width:auto;
	height:100%;
	transform:translate(0,0);
	transition:all .5s 0s cubic-bezier(.15,.89,.49,1);
	}

	.slide.active img.mobile-teaser {
	transform:translate(0,-20%);
	}

	#fp-nav {
	display:none;
	}

	.fp-slidesNav{
	display:block;
	}

	.slide .slide-overlay {
	position:absolute;
	top:60%;
	left:0;
	right:0;
	bottom:0;
	padding:20px 5% 20px;
	background:#f6f6f6;
	transform:translate(0,40%);
	transition:all 1s 0s cubic-bezier(.15,.89,.49,1);
	z-index:1;
	}
	.slide .slide-overlay.bg-white {
	background:#fff;
	}
	.slide.active .slide-overlay {
	transform:translate(0,0);
	background:#fff;
	}
	.slide-overlay h2{
	line-height:21px;
	}

	#breadcrumb {
	display:none;
	}

	.section-teaser.padded {
	width:90%;
	padding:2.5% 5%;
	background:#fff;
	margin-bottom:15px;
	overflow:hidden;
	}

	.section-teaser.padded2, .section-teaser.padded4 {
	width:90%;
	padding:2.5% 5%;
	background:#fff;
	margin-bottom:15px;
	overflow:hidden;
	}

	.section-teaser.padded2:hover,.section-teaser.padded:hover, .section-teaser.padded4:hover {
	width:90%;
	padding:2.5% 5%;
	}

	#partner .partner-col{
	position:relative;
	display:inline-block;
	width:40%;
	margin:0 auto;
	padding:0 5%;
	float:left;
	text-align:center;
	overflow:hidden;
	}

	#partner img{
	width:100%;
	height:auto;
	opacity: 1;
	}

	#map {
	top:54px;
	width:100%;
	height:50%;
	}

	#footer {
	width:100%;
	padding:25px 0;
	}

	#footer-inner {
	width:90%;
	padding:0 5%;
	}

	.footer-left{
	display:inline-block;
	float:left;
	}
	.footer-right{
	display:inline-block;
	float:left;
	}

	#footer p img, #footer a img{
	height:20px;
	width:auto;
	line-height:20px;
	vertical-align:middle;
	}
	#footer a img.ad-logo {
	height:14px;
	}

	.ad-link {
	display:block;
	font-size:10px;
	margin-top:15px;
	}
	#back-top {
	position:absolute;
	top:20px;
	right:0;
	width:54px;
	height:54px;
	text-align:center;
	}
	#back-top a{
	width:54px;
	height:54px;
	}
	#back-top a img{
	width:54px;
	height:54px;
	}

	form input {
	width: 90%;
	padding:5px 5%;
	}
	form textarea {
	height: 300px;
	width: 90%;
	padding:5px 5%;
	}

	#main-nav .mod_navigation.block {display: none;}
	#navmobil {display: block;margin: 0;}
	#navmobile {display: block;margin: 0 19px 0 0;}
	#navmobile a {font-size: 14px;padding: 2px 0 2px 15px; margin: 0 0 0 -14px; 
	color: #4d5e35;text-decoration:none;font-weight: bold;}
/* All the following are for the div.menu-icon (pure CSS) */
	.icon-align-justify {font-size: 30px; /*icon size*/display: block;
	position: relative;	width: 36px;height: 34px;text-align: center;cursor: pointer;
	background-color: transparent;border-radius: 3px;margin-bottom:6px;}
	.icon-align-justify::before {border-bottom: 0.15em solid #666;
	border-top: 0.40em double #666;box-sizing: content-box;content: "";
	height: 0.15em;left: 4px;position: absolute;top: 0.25em;width: 1.5em;}
	.mm-panels {font-family: 'latoregular', 'robotoregular', 'open_sansregular', Helvetica, arial, sans-serif;}
	.mobilansicht {display:block;}
	.footernav {display:none;}
	.section-kontakt.padded5 {width: 100%;}
	.checkbox_container label {margin-left: 0;}
	#teaser img {
	height: auto;
	width: 100%;
	min-height:360px;
	}
	#content.sub {
	padding: 0 5% 72px 5%;}
	.mm-menu--position-top.mm-menu--opened {min-height: 80vh;}
}