@charset "UTF-8";
@charset "UTF-8";
   :root {
--contenGap: 20px;
--maxWidth: 1540px;
}
@font-face {
font-family: "osr";
src:   url(//www.innofleet.de/wp-content/themes/innofleet/fonts/osr.woff2) format("woff2"),
url(//www.innofleet.de/wp-content/themes/innofleet/fonts/osr.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "osl";
src:   url(//www.innofleet.de/wp-content/themes/innofleet/fonts/osl.woff2) format("woff2"),
url(//www.innofleet.de/wp-content/themes/innofleet/fonts/osl.woff) format("woff");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "oss";
src:   url(//www.innofleet.de/wp-content/themes/innofleet/fonts/oss.woff2) format("woff2"),
url(//www.innofleet.de/wp-content/themes/innofleet/fonts/oss.woff) format("woff");
font-weight: normal;
font-style: normal; } * {margin: 0;padding: 0;border: 0;outline: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section,main { display: block; }
html {  -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; }
body {
height: 100%;
background: #fff;
color: #000;
font-family: osl, sans-serif; 
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal;
font-style: normal;
line-height: 1;
font-size: 100%;
position: relative;
cursor: default;
overflow: hidden;
overflow-y: scroll;
border-top: 1px solid rgba(255, 255, 255, 0);
margin-top: -1px; 
text-rendering: optimizeLegibility;
}
a {background-color: transparent; }
img { -ms-interpolation-mode: bicubic; }
button::-moz-focus-inner { border: 0; } ::-moz-selection {
background: #202020;
color: #fff; }
::selection {
background: #202020;
color: #fff; }
table {
border-collapse: collapse;
width: 100%;
border-spacing: 0; }
a, p, h1, h2, h3, h4, h5, h6, span, li, nav, td {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: normal;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
text-rendering: optimizeLegibility; }
h1, h2, h3, h4, h5, h6{
font-family: headlinefont, sans-serif; 
}
svg:not(:root) { overflow: hidden; }
*, *:before, *:after { -webkit-box-sizing: inherit;
box-sizing: inherit; }
.row:after, .clear { clear: both; }
.row, .row-full-width, div, nav, section, article { *zoom: 1; }
.row, .th3_content_wrapper_row{
position: relative;
width: 100%;
margin: 0 auto;
max-width: 1400px; 
max-width: var(--maxWidth); 
} @media screen and (max-width: 1600px) {
.row{  }
}
@media screen and (max-width: 761px) {
.row{
width: 100% ; margin: 0;
}
}
header, footer,
.row-full-width, .th3_content_wrapper_row_full_width {
position: relative;
margin: 0 auto;
width: 100%;
max-width: 100%; }
.row:before, .row:after, .row-full-width:before, .row-full-width:after {
content: "";
display: table; }
.row .row, .row-full-width .row {
width: auto; }
.c1, .c2, .c3, .c4, .quarter, .c5, .c6, .c7, .c8, .half, .fifth, .c9, .c10, .c11, .c12, .c13, .c14, .c15, .c16, .c17, .c18, .c19, .c20, .c21, .c22, .c23, .c24, .third, .two-third, .full{
position: relative;
width: 100%;
float: left; 
display: block;
border-top: 0.01em solid transparent;
}
.c1m, .c2m, .c3m, .c4m, .quarterm, .c5m, .c6m, .c7m, .c8m, .halfm, .fifthm, .c9m, .c10m, .c11m, .c12m, .c13m, .c14m, .c15m, .c16m, .c17m, .c18m, .c19m, .c20m, .c21m, .c22m, .c23m, .c24m, .thirdm, .two-thirdm, .fullm {
position: relative;
width: 100%;
float: left; 
display: block;
margin-right: 6px;
margin-right: var(--contenGap);
} .c1{           width: 4.164%;  }
.c2{           width: 8.332%;  }
.c3{           width: 12.49%;  }
.c4{           width: 16.65%;  }
.c5{           width: 20.83%;  }
.c6{           width: 24.97%;  }
.c7{           width: 29.16%;  }
.c8{           width: 33.332%; }
.c9{           width: 37.492%; }
.c10{          width: 41.662%; }
.c11{          width: 45.832%; }
.c12{          width: 49.968%; }
.c13{          width: 54.16%;  }
.c14{          width: 58.33%;  }
.c15{          width: 62.49%;  }
.c16{          width: 66.662%; }
.c17{          width: 70.83%;  }
.c18{          width: 74.99%;  }
.c19{          width: 79.16%;  }
.c20{          width: 83.33%;  }
.c21{          width: 87.49%;  }
.c22{          width: 91.66%;  }
.c23{          width: 95.83%;  }
.c24{          width: 100%;    }
.full{         width: 100%;    }
.half{         width: 50%;     }
.third{        width: 33.332%; }
.two-third{    width: 66.662%; }
.quarter{      width: 25%;     }
.fifth{        width: 20%;     } .c1m{            
width: calc( 4.164% -    6px);  
width: calc( 4.164% -    var(--contenGap));  
}
.c2m{            
width: calc( 8.332% -    6px);  
width: calc( 8.332% -    var(--contenGap));  
}
.c3m{            
width: calc( 12.49% -    6px);  
width: calc( 12.49% -    var(--contenGap));  
}
.c4m{            
width: calc( 16.65% -    6px);  
width: calc( 16.65% -    var(--contenGap));  
}
.c5m{            
width: calc( 20.83% -    6px);  
width: calc( 20.83% -    var(--contenGap));  
}
.c6m{            
width: calc( 24.97% -    6px);  
width: calc( 24.97% -    var(--contenGap));  
}
.c7m{            
width: calc( 29.16% -    6px);  
width: calc( 29.16% -    var(--contenGap));  
}
.c8m{            
width: calc( 33.332% -   6px);  
width: calc( 33.332% -   var(--contenGap));  
}
.c9m{            
width: calc( 37.492% -   6px);  
width: calc( 37.492% -   var(--contenGap));  
}
.c10m{           
width: calc( 41.662% -    6px);  
width: calc( 41.662% -    var(--contenGap));  
}
.c11m{           
width: calc( 45.832% -    6px);  
width: calc( 45.832% -    var(--contenGap));  
}
.c12m{           
width: calc( 49.968% -    6px);  
width: calc( 49.968% -    var(--contenGap));  
}
.c13m{           
width: calc( 54.16% -     6px);  
width: calc( 54.16% -     var(--contenGap));  
}
.c14m{           
width: calc( 58.33% -     6px);  
width: calc( 58.33% -     var(--contenGap));  
}
.c15m{           
width: calc( 62.49% -     6px);  
width: calc( 62.49% -     var(--contenGap));  
}
.c16m{           
width: calc( 66.662% -    6px);  
width: calc( 66.662% -    var(--contenGap));  
}
.c17m{           
width: calc( 70.83% -     6px);  
width: calc( 70.83% -     var(--contenGap));  
}
.c18m{           
width: calc( 74.99% -     6px);  
width: calc( 74.99% -     var(--contenGap));  
}
.c19m{           
width: calc( 79.16% -     6px);  
width: calc( 79.16% -     var(--contenGap));  
}
.c20m{           
width: calc( 83.33% -     6px);  
width: calc( 83.33% -     var(--contenGap));  
}
.c21m{           
width: calc( 87.49% -     6px);  
width: calc( 87.49% -     var(--contenGap));  
}
.c22m{           
width: calc( 91.66% -     6px);  
width: calc( 91.66% -     var(--contenGap));  
}
.c23m{           
width: calc( 95.83% -     6px);  
width: calc( 95.83% -     var(--contenGap));  
}
.c24m{           
width: calc( 100% -       6px);  
width: calc( 100% -       var(--contenGap));  
}
.fullm{          
width: calc( 100% -       6px);  
width: calc( 100% -       var(--contenGap));  
}
.halfm{          
width: calc( 50% -        6px);  
width: calc( 50% -        var(--contenGap));  
}
.thirdm{         
width: calc( 33.332% -    6px);  
width: calc( 33.332% -    var(--contenGap));  
}
.two-thirdm{     
width:  calc( 66.662% -   6px);  
width:  calc( 66.662% -   var(--contenGap));  
}
.quarterm{       
width:  calc( 25% -       6px);  
width:  calc( 25% -       var(--contenGap));  
}
.fifthm{         
width:  calc( 20% -       6px);  
width:  calc( 20% -       var(--contenGap));  
}
.vspace{ margin-right: 4.164%; } .hspace { margin-top: 40px; }
.center {
position: relative;
margin-left: auto;
margin-right: auto;
float: none !important; 
}
.text-center { text-align: center; }
.justify { text-align: justify; }
.uppercase { text-transform: uppercase; }
.fl {  float: left; }
.fr { float: right; }
.alignleft {
display: inline;
float: left;
margin-right: 12px;
margin-bottom: 10px;
margin-top: 5px;
max-width: 430px; }
.alignright {
display: inline;
float: right;
margin-left: 2.4em;
margin-bottom: 1em;
margin-top: 5px;
max-width: 420px;
height: auto; }
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto; }
#map_canvas {
position: absolute;
top:0;
margin: 0;
padding: 0;
width:100%;
height: 100%; }
.fb{  border: 1px solid #ff00ff; }
p:empty {
display: none;
} a[href^="tel"] { text-decoration: none; color: #fff; }
:root{
--headerHeight: 160px;
--headerMobileHeight:130px;
--burgerTop:45px;
--burgerMobileTop: 50px;
--pageStartAt: 160px; --pageStartMobileAt: 90px; --headerBGColor: rgba(255,255,255,0.7);  }
.lang{
position: absolute;
z-index: 123;
right: 0;
top:6px;
width: 100px;
}
.lang a{
text-decoration: none;
color:#000;
}
header{
height: 160px;
height: var(--headerHeight);
width: 100%;
position: relative;
position: absolute;
position: fixed;
z-index: 300;
background-color: #fff;
background-color: var(--headerBGColor);
}
.headerFix{
background-color: transparent;
background-color: var(--headerBGColor); } .custom-logo-link{
margin-top: 10px;
display: inline-block;
transition: .7s;
}
.custom-logo{
max-height: 150px;
transition: .7s;
width: auto;
height: 140px;
} header .row, footer .row{	max-width: 1564px; }
@media screen and (max-width: 1564px) {
header .row{
width: calc(100% - 60px ) ; margin: 0 30px;
}
}
header + .main{	margin-top: 140px; margin-top: var(--pageStartAt); }    header .row nav{
position: relative;
top: 0px;
float: right;
width: calc(100% - 320px); top: 50px;
}
header .row nav ul{
float: right;
width: auto;
height: auto;
list-style: none;
z-index: 1250;
}
header .row nav ul li{
margin-left: 35px;
float: left;
}
header .row nav ul li a{
font-family: 'fscr', sans-serif;
text-transform: uppercase;
font-size: 1em;
letter-spacing: 0.05em;
display: block;
display: inline-block;
padding: 7px ;
height: inherit;
text-decoration: none;
color: #000;
border: 2px solid transparent;
transition: border .4s;
}
header .row ul li a:hover  { }    #burger{ height: auto; display: none; position: absolute; right: 30px; top:53px; top: var(--burgerTop); z-index: 1000; cursor: pointer; transition: .7s;  }
.lines, .lines:before, .lines:after { background: #000000;  }
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after{background: #000000; }
.lines-button {  border: none; background: none;  position: relative; margin: 0 auto;   }
.lines-button span {  display: block; }
.lines-button { padding: 1em 0 1em 0.2em ; transition: .3s; cursor: pointer; user-select: none; border-radius: 0.57143em; }
.lines { display: inline-block; width: 2.5em; height: 2px;   transition: 0.3s; position: relative; }
.lines:before, .lines:after {display: inline-block;height: 2px; transition: 0.3s;position: absolute;left: 0;content: '';-webkit-transform-origin: 2px center;transform-origin: 2px center;}
.lines:before { top: 0.74em; width: 2em;}
.lines:after { top: -0.74em; width: 3em;}
.lines-button.close { -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8);}
.lines-button.x.close .lines { background: transparent;}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after { background: #000; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;  top: 0;  width: 3.7em;}
header.stickyAktiv #burger .lines-button.x.close .lines:before, header.stickyAktiv #burger .lines-button.x.close .lines:after { background: #000;  -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;  top: 0;  width: 3.7em;}
.lines-button.x.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg);}
.lines-button.x.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg);}    @media only screen and (max-width: 5000px) {
#burger{ height: auto; display: block; }
#navi{
position: fixed;  background-color: rgba(0,0,0,0.9);
top:140px;
top:var(--headerHeight);
right:0;
height: calc(100vh - var(--headerHeight) );
width: 500px;
padding-top: 130px;
margin-right: -540px;
-moz-opacity:0;
opacity: 0;
overflow-x: hidden;
transition: margin 1s ease-in-out;
z-index: 500;
visibility: hidden;
}
#navi.aktiv{
visibility: visible; } #navi.showNav{
margin-right: -38px;
-moz-opacity:1;
opacity: 1;
}
#navi ul{
list-style: none;
}
#navi ul li{
display: block;	
}
#navi ul li a{
display: inline-block;
position: relative; font-size: 1.5em;
font-family: fsb, sans-serif;
color: #fff; text-decoration: none;
padding: 40px 50px 20px 50px;
transition: color 0.6s ease;
}
#navi ul li a::before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: 0;
left: 0;
background-color: #93E38B;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
#navi ul li a:hover::before {
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
width: 100%;
}
#navi .current-menu-item a::before{
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
width: 100%;
background-color: #93E38B;
}
#navi .current-menu-item a{
color: #fff;
}
#navi .current-menu-item a:hover{
color: #93E38B;
}
.menu-item-has-children>a:after{
content: '';
display: block;
float: right;
width: 30px;
height: 30px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; 
border: 2px solid #fff;
background-image: url(//www.innofleet.de/wp-content/themes/innofleet/layout/down.svg);
background-size: 60%;
background-repeat: no-repeat;
background-position: center;
transition: .7s;
}
.menu-item-has-children>a:after:hover{
border: 2px solid #fff;
}
.sub-menu{
display: none;
}
}
@media screen and (max-width: 764px) {
header{	height: 130px;	height: var(--headerMobileHeight);}
header + .main { margin-top: 100px; margin-top: 138px; }
#burger{ top:33px; top: var(--burgerMobileTop);  }
.th3_teaser_slider .zoom img {
object-position: 0!important;
}
#navi{
top:100px;
top:var(--headerMobileHeight);
height: calc(100vh - 100px );
height: calc(100vh - var(--headerMobileHeight) );
padding-top:90px;
}
.custom-logo-link{
margin-top: 45px;
display: inline-block;
transition: .7s;
}
.custom-logo{
max-height: 120px;
max-height: var(--headerMobileHeight);
transition: .7s;
width: auto;
height: 100px;
}
.custom-logo-link{	margin-top: 15px;	} }
.vc_row {
margin-left:  auto!important;
margin-right:  auto!important;
}
.vc_column_container > .vc_column-inner, footer .row {
padding-left: 0px!important;
padding-right: 0px!important;  
padding-top: 0px;
}
.wpb_content_element{
margin-bottom: 0px!important;
}
.gap .wpb_content_element{
margin-right: 20px;
}
.th3_full_height{
min-height: 100vh;
background-position: 0 center!important;	
}
.th3_content_wrapper_row_full_width{
background-color: #fff;
}
.main{	min-height: calc(100% - 160px); } .main img{
max-width: 100%;
max-height: auto;
}
.row.th3_small_content{
max-width: 1200px;
margin: 0 auto;
} .way{
opacity: 0;
transition: 1s; }
.wayFadeInAction{ 
opacity: 1; 
margin-top: 0;
}
.zoom {
overflow: hidden; }
.bor .zoom,
.bol .zoom {
overflow: hidden;
width: 50vw;
}
.zoom img{
transition: 1.1s;
max-height: 300px;
object-fit: cover;
}
.zoom img:hover{
transform: scale(1.1);
}
.item .mitarbeiter_bild{
position: inherit;
display: block;
}
.item .text{
position: inherit;
} .wayTxt{
opacity: 0; }
.wayTxtSlide{
opacity: 1;
}
.slideFromLeft{
opacity: 0;
transform: translateX(0px);
animation-name:meine-animation;
animation-delay: .5s;
animation-duration:1.3s;
animation-iteration-count:1;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
@keyframes meine-animation {
0% {
opacity: 0;
transform: translateX(-200px);
}
50% {  
opacity: 0.3; 
}
100% {  
opacity: 1;
transform: translateX(0px); }
} .teaser{
display: block;
overflow:hidden;	
position: relative;
}
.teaser .t_mehr{
position: absolute;
z-index: 100;
width: 24px;
height: 170px;
left:50%;
bottom: 0;
transform: translateX(-50%);
}
.t_mehr .ani{
display: block;
height: auto;
text-decoration: none;
border: 0;
color: inherit;
font-family: inherit;
text-transform: inherit;
padding: 4px 0 0 0;
animation: elementPulseDown; animation-duration: 2.2s; animation-iteration-count: infinite;
animation-delay: 1s;
}
@keyframes elementPulseDown{
0% { transform: translate3d(0, 0, 0) }
50% { transform: translate3d(0, 16px, 0) }
100% { transform: translate3d(0, 0px, 0) }
}
.t_mehr .ani span{
text-transform: uppercase;
letter-spacing: 1.2px;
display: block;
font-family: fsb, sans-serif;
color: #fff;
transform: rotate(90deg);
}
.t_mehr .ani svg{
margin-top: 40px;
}
.th3_teaser_half{
height: 54vh;
min-height: 620px; 
}
.th3_teaser_two_third{
height: 70vh;
min-height: 500px; 
}
.th3_teaser_full{
height: calc(100vh - 140px);
min-height: 100px;	
}
.teaserImage,
.th3_teaser_video{
min-height: 100%;	
}
.teaserImage{
-webkit-background-size: cover;
background-size: cover;
background-position: center left;
background-repeat: no-repeat;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.teaser-text{
position: absolute;
top:20vh;
width: 100%;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.teaser-text p{
font-size: calc(1vw + 1vh + 1vmin);
margin-bottom: 0.2em;
background-color: #000;
color: #fff!important;
line-height: calc(2.4vw + 2vh + 1vmin);
display: inline;
padding: 10px;
padding-inline-start:10px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.teaser-text p:empty{
display: none;
}
.th3_text_left{
left:0;
right: auto;
}
.textRight h1,
.textRight p{
float: right;
}
.th3_text_center{
text-align: center;
left:50%;
transform: translateX(-50%);
}
.parallaxe{ background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallaxeVideo{
backface-visibility:hidden;
height:auto;
min-width:100%;
width: auto;
margin-left: 50%;
transform: translateX(-50%);
position: fixed;
top: 0;
z-index: -10;
} .bor img{
display: block;
position: relative; margin-right: 100%; max-width: 50vw;
height: auto;
}
.bol img{
display: block;
position: relative;
transform: translateX(-100%);
margin-left: 100%; max-width: 50vw;
height: auto;
}
.bol video{
display: block;
position: relative;
transform: translateX(-100%);
margin-left: 100%;
width: 1200px!important; max-width: 50vw;
height: auto;
}
.bol2 img{
display: block;
position: relative;
transform: translateX(-100%);
margin-left: calc(100% - 150px );
max-width: 50vw;
height: auto;
}
.spl{	padding-left: 45px; }
.spr{ padding-right: 145px; }
.spr2{ padding-right: 45px; }
.bigIcon {
display: inline-flex;
align-self: center;
font-family: osl, sans-serif;
font-weight: 500;
font-size: 1.1em;
line-height: 2em;
width: 320px;
float: left;
margin-bottom: 10px;
color:#B1C800;
text-transform: initial!important;
}
.bigIcon svg{
margin-right: 20px;
padding-top: 3px;
}
.h150{ min-height: 130px;
} .teaser .th3_slider{
}
.th3_teaser_slider .zoom {
overflow: hidden;
height: inherit;
}
.th3_teaser_slider .zoom img{
transition: 1.1s;
max-height: 100%;
object-fit: cover;
object-position: 50% -100px;
}
.th3_teaser_slider .zoom img:hover{
transform: scale(1.1);
}
.th3_teaser_slider .text{
position: absolute;
top: calc( 50% - 10px);
left: 40px;
-ms-transform: translate(0, -100px);
-webkit-transform: translate(0, -100px);
transform: translate(0, -100px);
width: 500px;
font-size: 1.6em;
letter-spacing: 0.6px;
line-height: 1em;
line-height: 1.2em;
font-size: calc(0.8vw + 0.7vh + 1vmin);
}
.th3_teaser_slider .text h1 {
font-size: calc(1.3vw + 1vh + 1vmin);
line-height: calc(2em + 1vh + 1vmin);
margin-bottom: 0.2em;
background-color: #000;
color: #fff;
display: inline;
padding: 15px 25px;
padding-inline-start: 20px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.th3_teaser_slider .text ::after {
clear: both;
content: '';
display: none;
width: 80%;
left: 50%;
margin-left: 50%;
margin-top: 11px;
transform: translateX(-50%);
height: 11px;
background: transparent;
}
.th3_slider{
position: relative;
box-sizing: content-box;
}
.owl-carousel{
}
.owl-stage-outer{
height: inherit;
}
.owl-stage{
height: inherit;
}
.th3_slider .item, .owl-item{
height: inherit;
}
.th3_slider .item .text{
margin-top: 15px;
padding: 10px;
height: 250px;
overflow: hidden;
text-overflow: ellipsis;
transition: 1.8s;
}
.th3_slider .item .text:hover{
margin-top: 15px;
padding: 10px;
height: 100%;
overflow: hidden;
text-overflow: initial;
}
.th3_slider .item .rightItem{
width: calc(50% - 15px);
margin-left: 15px;
float: left;
}
.th3_sldier_nav{
width: 50px;
height: 48px;
background-color: #fff;
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 100%);
transition: .7s;
}
.th3_sldier_nav:hover{ background: rgb(167,228,139);
background: linear-gradient(90deg, rgba(167,228,139,1) 0%, rgba(207,228,139,1) 100%);
}
.owl-nav{
position: absolute;
width: 100%;
height: 1px;
top:26%;
transform: translateY(-50% );
}
.owl-prev{
float: left;
}
.owl-next{
float: right;
}
.arrow-left{ background-size: contain;
}
.arrow-right{
float: left; background-size: contain;
}
.owl-dots{
position: absolute;
left:50%;
transform: translateX(-50%);
bottom:10px;
}
.owl-dot{
float: left;
}
.owl-dot span{
display: block;
border: 1px solid #e9e9e9;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; 
width: 10px;
height: 10px;
margin-right: 10px;
}
.owl-dot.active span{
display: block;
border: 1px solid #e9e9e9;
background-color: #e9e9e9;
width: 10px;
height: 10px;
margin-right: 10px;
}   h1{ font-family: oss, sans-serif;
letter-spacing: .3px;
font-size: 2.4em;
line-height: 1.32em;
text-transform: uppercase;
display: inline-block;
margin-bottom: 1.2em;
}
.center {
text-align: center;
} h1:after{
clear: both;
content: '';
display: block;
width: 80%;
left: 50%;
margin-left: 50%;
margin-top: 11px;
transform: translateX(-50%);
height: 11px;
background: rgb(167,228,139);
background: linear-gradient(90deg, rgba(167,228,139,1) 0%, rgba(207,228,139,1) 100%);
}
h2{
font-family: oss, sans-serif;
line-height: 1.5em;
font-size: 2em;
}
h3{
font-family: oss, sans-serif;
letter-spacing: .3px;
font-size: 1.75em;
line-height: 1.3em;
}
h3 + h2{
font-size: 1.75em; }
h4{
font-family: oss, sans-serif;
letter-spacing: .3px;
font-size: 1.375em;
line-height: 1.455em;
margin-bottom: 10px;
}
.headlineBox{
min-height: 150px;
}
p{
font-family: osl, sans-serif;
margin-bottom: 1em;
font-size: 1.07em;
font-size: 1.0em;
line-height: 1.74em;
line-height: 1.7em;
}
p strong{
font-family: osl, sans-serif;
font-weight: 500;
}
.main a{ color: #000;
color: rgb(177,200,0);
text-decoration: none;
}
.main a:hover{
color: rgb(177,200,0);
}
.main ul li{
list-style-position: inside;
font-family: osl, sans-serif;
margin-bottom: 1em;
font-size: 1.07em;
font-size: 1.0em;
line-height: 2em;
}
.main ul li{
background: url(//www.innofleet.de/wp-content/themes/innofleet/layout/pfeil.png) no-repeat 5px 10px transparent;
background-size: 14px;
list-style-type: none;
margin: 0;
padding: 0px 0px 1px 24px;
vertical-align: middle;
}
.green{
background: rgb(167,228,139);
background: linear-gradient(90deg, rgba(167,228,139,1) 0%, rgba(207,228,139,1) 100%);
}
.green h1:after{
display: none;
}
.green img{
max-width: 240px;
transform: translateX(-5%);
}
.gapText{ padding: 0 50px;
padding: 0 50px 0 0;
}
.accRight .accordeon_wrapper{
margin-left: 80px;
padding-right: 0;
}
.accordeon_wrapper,
.smallP p {
padding: 0 0 0 80px ;  }
.accordeon_wrapper,
.smallP2 p {
padding: 0 80px 0 0;
}
.gapText p{ padding:0 20px;
}
.cycleImg{
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 20px;
}
.galerie{
}
.galerie a{
width: 16.66%;
display: block;
float: left;
margin-bottom: -2px;
}
.galerie a img{
object-fit: cover;
width: 100%;
} #totop{
position: fixed;
right: 0px;
bottom:50px;
display: block;
width: 50px;
height: 50px;
margin: 0 auto;
background-color: #000;
cursor: pointer;
text-align: center;
z-index: 12312934891;
}
#totop span  {
float: left;
display: block;
width: 100%;
height: 100%;
padding: 7px;
}
#totop span.up:before {
content: '';
display: inline-block;
width: 100%;
height: 100%;
vertical-align: middle;
background-origin: content-box;
background-position: center;
background-repeat: no-repeat;
background-image: url(//www.innofleet.de/wp-content/themes/innofleet/layout/icons/totop.svg);
transition: .4s;
}  footer{
position: relative;
}
footer>.row{
padding:16px 0 10px 0;
display: flex;
flex-wrap: wrap;
}
footer .c10{
width:41%;
}
footer h2, footer p{
color: #fff;
}
footer a{
color: #fff;
transition: color 0.3s ease-in-out;
}
footer a:hover{
color: #e9e9e9;
}
footer .footer-menu ul{
line-height: 1.5em;
list-style: none;
}
footer .footer-menu ul li {
float: left;
margin-right: 18px;
}
footer .footer-menu ul li a{
letter-spacing: .2px;
font-family: oss, sans-serif;
text-transform: uppercase;
text-decoration:none;
font-size: 0.74em;
transition: color 0.6s ease;
}
footer #imprint{
float: right;
margin-top: 5px;
}
footer #imprint a{
letter-spacing: .2px;
font-family: oss, sans-serif;
text-transform: uppercase;
text-decoration: none;
font-size: 0.74em;
transition: color 0.6s ease;
}
.footer-upper{
min-height: 260px;
min-height: 100px;
background-color: #232423;
color: #fff;
}
.logoFooter{
margin-top: 20px;
max-width: 150px;
display: none;
}
.footer-bottom{
background-color: #000;
color: #fff;
}  @media screen and (max-width: 1790px) { 
header .row,	
footer .row{	
width: calc(100% - 50px); 
margin: 0 25px; 
}
}  @media screen and (max-width: 1780px) { 
.row{	
width: calc(100% - 50px); 
margin: 0 25px;   
}
}
@media only screen and (orientation : portrait) { }
@media screen and (max-width: 1025px) {
}
@media screen and (max-width: 764px) {
.hideMobil{
display: none!important;
}
footer{
}
.footer-upper {
display: none;
}
.footer-bottom {
padding: 20px 0;
}
footer #imprint{
float: left;
}
footer .c10,
footer .c14{
width: 100%;
}
footer a,
footer li{
display: block;
width: 100%;
}
.headlineBox{
min-height: 100px;
}
.accordeon_wrapper,
.smallP p {
padding: 0 0 0 0px ;  }
.accordeon_wrapper,
.smallP2 p {
padding: 0 0px 0 0;
}
}