html{font-size:16px;   height:100%}

body{  
   font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 21px;
   font-size:  0.9375rem;
   line-height: 1.375rem;
color:#666666;
margin:0;
   padding:0;
  -webkit-text-size-adjust: 100%;
   background-color:#fff;
   height:100%
}




.row.equal {
    	display: flex;
				display: -webkit-flex;
				flex-wrap: wrap;

}


.my-box-home{

      padding:5px 5px 5px 5px;
   position:relative;
   height:100%;
   border:1px solid #ccc


 
}

.bg-box-home{
    padding:20px 15px 20px 15px;
   background-color:#edeeec;
   height:100%
}


.home-border{
   padding:2% 3% 2% 3%;
   border:1px solid #dfdfdf;
   height:100%
}



#button-shop{
top:210px;
width:230px;
position:absolute;
z-index:99;

right:5%
}

:focus {
outline: 0;
   outline: none;
   border:0;
}


.sticky {
  position: fixed;
   top: 0;

   z-index:9999;
      border-bottom:1px solid #dfdfdf;

}

.sticky + .content {
  padding-top: 115px;
}

#back-top {
    right: 10px;
    bottom: 300px;
    top: auto;
    position: fixed;
    text-decoration:none;
    cursor: pointer;
   filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
 -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
    z-index:999999;
}

#back-top a {
   font-family: 'Roboto', sans-serif;
   color: #333 !important;
   font-size: 35px;
   font-size: 2.0rem;
   line-height: 1.3rem;
   text-align: center;
   display: block;
   font-weight: 600;
   -webkit-transition: 1s;
   -moz-transition: 1s;
   transition: 1s;
   width: 40px;
  height: 40px;
   padding:6px 0 0 2px;
 border:1px solid #ccc;
  /* background-color:#1b2edd;
  background-color: #edeeec;*/
}


    
.line-content{
   background-color:#d2cdc6;
   height:5px;
         width:100%;
         margin:24px 0 24px 0;
         display:inline-block
}  



.link-normal{
   font-family: 'Raleway', sans-serif;

}

.kategorien{
   color:#666;


}

.info-icon{
margin:2px 0 0 8px;
   width:22px;
   float:left;


}

.col-2-team{
   width:47.5%;
   float:left;
}



.col-2-team-right{
   width:47.5%;
   float:right;
}



.my-box{
   background-color:#edeeec;
      padding:20px 25px 20px 25px;
   position:relative;
   
}



.line-content{
   width:100%;
   height:1px;
   margin:35px 0 30px 0;
 background-color: #dfdfdf;
}


.team-pic{
   float:right;
   width:18%;
   box-shadow: 3px 3px 6px  #666;
   padding:0;

}

.team-pic-double{
   float:right;
   width:34%;
   box-shadow: 3px 3px 6px  #666;
   padding:0;

}


.team-info{
   float:left;
   width:65%;
      padding:0;
}

.crew{

   width:17.5%;
   margin-right:3.0%;
   float:left;
   display:table;
   margin-bottom:20px;
      margin-bottom:20px;
   border:1px solid #ccc;
   text-align:center

}

.cap-bot figcaption { left: 0; bottom: -30%;width:99.8%;}
.cap-bot:hover figcaption { bottom: 0; }



figure {
  display: block;
  position: relative;
  float: left;
  overflow: hidden;
   margin: 0;
width:100%

}



figcaption {
display:block;
  position: absolute;
  background: rgba(93,166,61,0.9);
   font-family: 'Roboto', sans-serif;
color:#fff;
  opacity: 1;
/*  */
-webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
   -o-transition:      all 0.6s ease;

font-size: 13px;
line-height:15px;
   color:#fff; 
   padding:0;
   padding-top:4px;
   padding-bottom:4px;
 text-align:left;
   text-transform:none;
   width:100%;
   text-align:center
   
}
figure:hover figcaption {
  opacity: 1;
}




.button-green{
   font-family: 'Raleway', sans-serif;
 font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    font-size:  0.875rem;
   line-height: 1.25rem;
   color:#ffffff;
   background-color:#5da63d;
   padding:4px 10px 4px 10px;
   text-transform:uppercase
}


.button-green:hover{
color:#333
}

h1,.consent-titel,.h-home {
font-family: 'Raleway', sans-serif;
    color: #5da63d;
    font-size: 24px;
    line-height: 30px;
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: 10px;
         font-weight: 500;
         text-transform:uppercase;
  display:block;
   letter-spacing:0.03rem;

}


 h2 {
font-family: 'Raleway', sans-serif;
    color: #666666;
    font-size: 18px;
    line-height: 24px;
    font-size: 1.125rem;
    line-height: 1.5rem;
    margin: 0px;
         font-weight: 600;
         margin-bottom:8px;



}

br.cb { 
   clear: both; 
}


a:focus {
   outline: 0;
   outline: none;
   border:0;
}



a{
text-decoration:none;
   color:#5da63d;
font-weight:400;

    outline: 0;
   outline: none;
   border:0;
}


a:hover{
   color:#5da63d;
   text-decoration:none;
}


.col-50,.col-50-home{
   width:41%;
   float:left;
   padding:2% 3% 2% 3%;
   border:1px solid #dfdfdf;
}

.col-50-right, .col-50-home-right{
   width:41%;
   float:right;
   padding:2% 3% 2% 3%;

      border:1px solid #dfdfdf;

}


.col-60{
   width:60%;
   float:left
}

.col-30{
   width:30%;
   float:right
}


.col-70{
   width:60%;
   float:left
}

.col-20{
   width:20%;
   float:right
}


#footer-all{
   border-top:1px solid #dfdfdf;
   border-bottom:1px solid #dfdfdf;
   width:100%;
   padding:15px 0 15px 0
}


#footer{
   width:1080px;
   margin:0 auto;

}

#footer,.footer-a{
   font-family: 'Roboto', sans-serif;
   margin:0 auto;
   font-size: 12px;
    line-height: 17px;
    font-size:  0.75rem;
   line-height: 1.125rem;
   color:#717171;
   font-weight:400;
}

.footer-h{
      font-family: 'Raleway', sans-serif;
font-weight:700;
    font-size: 12px;
    line-height: 17px;
    font-size: 0.75rem;
   line-height: 1.0rem;

   text-transform:uppercase;
      color:#717171;
}


.my-col-3{
   width:33.3%;
   float:left;
}

.last{marg}

.logosize{
   height:80px;
   width:auto;
}

.col-4,.col-4-second,.col-4-third,.col-4-last{
min-height:90px;
}

.col-4{
   width:19.5%;
   float:left;
   border-right:1px solid #dfdfdf;

}


.col-4-second{
   width:24%;
   float:left;
    border-right:1px solid #dfdfdf;
   padding-left:6.0%
}


.col-4-third{
   width:36.0%;
   float:left;
    border-right:1px solid #dfdfdf;
   padding-left:5.5%;
      padding-right:5.5%
}


.col-4-last{

   float:right;
display:inline-block;
}




#page_all{
   width:100%;
height:100%
}

#header{
   width:1080px;
   margin:0 auto;
   position:relative;
   height:115px;


}


#logo{
width:480px;
   float:left;
   padding-top:17px;

}   


#menu-top{
   float:right;
      margin-top:90px;
   display:inline-block;
   height:35px;
}


.link-top{
   color:#717171; 
   font-size: 12px;
   font-size:  0.75rem;
   float:left;
   margin-left:5px

}

.info-top{
   float:right;
   height:20px;
   padding:5px 0 0 15px;
   

}

.trenner{
      float:right;
   padding:5px 15px 0 15px;
   border-right:1px solid #dfdfdf;
   border-left:1px solid #dfdfdf;
   margin-left:15px;
      height:22px;
}


.icon-top{
   width:20px;
   float:left;
margin-top:-1px
}


#menu-full{
   width:100%;
   border-top:1px solid #dfdfdf;
   height:42px;
   background-color:#fff;

   
}


   .smaller{margin-top:-3px}  


#menu-desktop{
   margin:0 auto;
   width:1080px;
   margin-top:5px;
   margin-bottom:5px;
      background-color:#fff;
}




#headerimage-scale{
 background-color:#fff;
   width:100%;
   height:300px;
   overflow:hidden;

}

#content{
   width:1080px;
   margin:0 auto;
   margin-top:25px;
   padding-bottom:40px;

}





#logos-footer{
   width:1080px;
   margin:0 auto;
    padding-top:10px


}





@media screen and (max-width:1500px) {
   #headerimage-scale{
      height:auto;
   }
   
}





#sidebar_container{display:none}


.my-col-2{
   width:47%;
   float:left;
   margin-bottom:10px

}


.my-col-2-right{
    width:47%;
   float:right;
      margin-bottom:10px
}



.round{
 -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}




input, textarea, select{
    background-color:#edeeec;
   border:0;
   border:none;
   font-size: 12px;
line-height:14px;
font-size:0.75rem; 
   line-height:0.875rem;
   color: #1D1D1B;;
   padding:4px;
   margin-bottom:4px;


   
}


ul{
margin:0em;
display:block;
padding:0em;
}


li {
list-style:none;
margin:0em;
padding:0em;
}



ul.my-list { margin-left: 1.4em; list-style: none;  position: relative; line-height: 180%;}


ul.my-list li:before{
    position:absolute;
     left: -1.4em;
   content: url(1675.svg) " " !important;

}





ul.my-list-dot { margin-left: 1.4em; list-style: none;  position: relative; line-height: 180%}

 
ul.my-list-dot li:before{
    position:absolute;
     left: -1.4em;
     content: url(1695.svg) " " !important;
}

ul.my-list-dot li{margin-bottom:8px}



.level0,.level0_active,.level0-active,.level0-drop,.level0-drop-active{
   font-family: 'Raleway', sans-serif;
   color:#1d1d1b; 
   font-style:normal; 
   text-decoration:none;
   font-size: 20px;
line-height:20px;
font-size:1.0rem; 
   line-height:1.125rem;
   height:27px;
   text-transform:uppercase;
   font-weight:600;
   letter-spacing:0.05rem;
}


.level0:hover{
   text-decoration:none;
   color:#5da63d;


}


.level0-active {
   color:#5da63d;

}


.level0-active:hover {
   text-decoration:none;
   color:#5da63d; 
}



.level0-drop{
   background-image:url(1672.svg);
   background-repeat:no-repeat;
   background-position:right bottom -4px;
   background-size:30px 30px;
   color:#5da63d; 
   display:inline-block;
   padding-right:27px;
}



.level0-drop-active,.level0-drop:hover,.level0-drop-active:hover{
   background-image:url(1674.svg);
    background-position:right  bottom -4px;
   background-size:30px 30px;
   background-repeat: no-repeat;
   color:#5da63d !important; 
   display:inline-block;
   padding-right:27px;
}




.level0-drop:hover{
   color:#5da63d !important; 
}



.level0-drop:hover a{
   color:#5da63d; 
}


.level1,.level1-active{
   color:#1d1d1b; 
   font-style:normal; 
   text-decoration:none;
   display:block;
   font-size: 13px;
line-height:13px;
font-size:0.8125rem; 
   line-height:0.8125rem;
   font-weight:normal;
   margin:0;
   text-transform:none;
    letter-spacing:0.05rem;
}

.level1:hover {
   text-decoration:none;
      color:#5da63d; 

}

.level1-active {

      color:#5da63d; 

}

.level1-active:hover {
   text-decoration:none;


}




.my_button {
   
   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
   background-color:#edefee;
   border:1px solid #dcdcdc;
   color:#666666;
   	text-shadow:0px 1px 0px #ffffff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#1D1D1B;
	padding:5px 10px;
	text-decoration:none;
 font-size: 12px;
line-height:14px;
font-size:0.75rem; 
   line-height:0.875rem;
   text-transform:uppercase;
}








img {
   width:100%;
   max-width: 100%;
   width: auto\9; /* ie8 */
   display:block;
   margin:0;
   padding:0;
   height: auto;
   border:0;
   border: none;

}


.videoScale {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
}
.videoScale iframe {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}





.videoScaleMap {
   position: relative;
   padding-bottom: 33.5%;
   height: 0;
}

.videoScaleMap iframe {
  position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height:100%;
}




@media screen and (max-width:1350px) {
#button-shop{
top:195px;
}

}



@media screen and (max-width:1200px) {
#button-shop{
top:185px;
}

}


@media screen and (max-width:1150px) {
   #page_all{width:100%;margin:0 auto;}
   #cont-white{width:100%}
   #header,#content,#footer,#logos-footer,#menu-desktop{width:96%}
   
  #button-shop{
  width:180px;
top:195px;
} 
  #menu-top{height:100px;margin-top:22px;width:260px}
   .icon-top{width:30px;margin-top:-7px}
   .smaller{width:27px}  
   .trenner{padding: 5px 17px 0 17px;}
   .link-top{display:none;}
  
}






@media screen and (max-width:1030px) { 
.col-4{ width:19.5%;}
.col-4-second{ width:25.5%;padding-left:5.5%}
.col-4-third{ width:31.5%; padding-left:6.5%;padding-right:6%}
   .level0,.level0_active,.level0-active,.level0-drop,.level0-drop-active{font-size: 15px;font-size:0.9375rem;  }
  
.trenner {
    padding: 5px 8px 0 8px;
        margin-left: 5px;
    }
   
.info-top {
    padding: 5px 5px 0 8px;
}

 #button-shop{

top:180px;
} 

}

@media screen and (max-width:990px) { 
 
   
.col-2-team{ width:47%;}
   .col-2-team-right{ width:47%; }
   
.team-pic{width:30%;}
.team-pic-double{width:45%;}
   .team-info{ width:55%;} 
   
   
.my-col-2{width:46%}
.my-col-2-right{ width:46%;}

}





@media screen and (max-width:880px) { 
   .level0,.level0_active,.level0-active,.level0-drop,.level0-drop-active{font-size: 14px;font-size:0.875rem;  }
   .level0-drop,.level0-drop-active,.level0-drop:hover,.level0-drop-active:hover,.level0-drop-active,.level0-drop:hover,.level0-drop-active:hover{ background-position:right  bottom -3px;background-size:26px 26px;}
   
.my-col-2{width:100%;margin-bottom:50px;}
.my-col-2-right{ width:100%;margin-bottom:50px;}
   .level1, .level1-active {
 
    font-size: 11px;
    line-height: 11px;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
  
}


 #button-shop{
  width:150px;
top:180px;
} 

.col-4{ width:19.5%;}
.col-4-second{ width:25.0%;padding-left:4.0%;}
.col-4-third{ width:29.5%; padding-left:4.5%;padding-right:2%}
        



 
 }
  


@media screen and (max-width:780px) { 
   .level0,.level0_active,.level0-active,.level0-drop,.level0-drop-active{font-size: 13px;font-size:0.8125rem;  }
      .level0-drop,.level0-drop-active,.level0-drop:hover,.level0-drop-active:hover,.level0-drop-active,.level0-drop:hover,.level0-drop-active:hover{ background-position:right  bottom -2px;background-size:26px 26px;}

 h1,.consent-titel,.h-home {

    font-size: 22px;
    line-height: 26px;
    font-size: 1.375rem;
    line-height: 1.625rem;
   

}

}
   

@media screen and (max-width:769px) {
   

.team-pic{ width:20%;}
.team-pic-double{ width:36%;}
.team-info{  width:60%;}
  
.col-2-team{ width:100%;margin-bottom:45px}
   .col-2-team-right{ width:100%;float:left; }
   
   #header,#content,#footer,#logos-footer,#menu-desktop{width:93%}
   
   #header_owl{margin-top:47px;}
   
   #headerimage-scale{width:100%;margin:0 auto;margin-top:47px;}
   #sidebar_container{display:block;float:left;margin:0;margin-left:3.5%}
   #header{height:68px;position:fixed;background-color:#fff;width:100%;   border-bottom:1px solid #dfdfdf;z-index:99}
   #menu-top{margin-top:22px;margin-right:3.5%}
   .icon-top{width:22px;margin-top:-4px}
    #menu-top{width:180px}
   .info-top{    padding: 5px 0 0 9px;}
   .smaller{width:20px} 
   .trenner{padding: 5px 12px 0 12px;margin-left:10px}
    #logo{width:200px;padding-top:12px;position:absolute;left: 42%;margin-left: -100px} 
   #menu-full{display:none;}
.logosize{ height:65px; width:auto;}



  #content{margin-top:25px;}
    #menumobile{list-style: none;margin:0;padding:0;width:100%;float:left}
    #menumobile li {border-top:1px solid #e2e2e2;height:34px;padding-top:3px;list-style:none;float:left;display:block;width:100%;margin-left:0;}
   

.col-60{width:100%;  float:left;margin-bottom:30px;}
   .col-30{width:100%;float:left}
   
   body{ font-size: 16px; line-height: 21px; font-size:  1.0rem; line-height: 1.375rem;}
   
   
   
      .col-50-home{
   width:93%;
   float:left;
  
   margin-bottom:30px;
}

.col-50-home-right{
    width:93%;
      
   float:left
}
   
   .col-50{
   width:100%;
   float:left;
   margin-bottom:30px;
}

.col-50-right{
    width:100%;
   float:left
}
   

 #button-shop{
  width:130px;
top:70px;
} 

   
.col-4{ width:29.0%;}
 .col-4-second{ display:none;}
.col-4-third{ width:38%; padding-left:7%;padding-right:7%;}

  
 
  
  #menu-top {
  
    margin-right: 1.5%;}
  
}



@media screen and (max-width:700px) {

 



}



@media screen and (max-width:600px) {
   
      #logo{left: 37%;}
.col-4,.col-4-second{ display:none;}

.col-4-third{ width:49%; padding-left:0;padding-right:10%;}

.team-pic{width:30%;}
.team-pic-double{width:45%;}
   .team-info{ width:55%;} 
   
.col-70{width:100%; float:left;margin-bottom:30px;}
   .col-20{width:100%;float:left}
   .logo-partner{width:40%}

.crew{  width:30.0%; margin-right:3.3%;margin-bottom:20px; }
       #button-shop{
      width:120px;
      }
     
}

@media screen and (max-width:480px) {
 .trenner{padding: 5px 7px 0 7px}
          .info-top {  padding: 4px 0 4px 6px;}
    .icon-top{width:23px;margin-top:-4px}
  
   .smaller{width:20px} 
     
      #logo{left: 35%;}

.logosize{ height:40px; width:auto;}
      .icon-top{width:22px}
   
         #button-shop{
      width:100px;

}
   
}


@media screen and (max-width:400px) {
     #logo{left: 42%;    width: 140px;margin-top:6px}

   .logosize{ height:50px; width:auto;}
}



@media screen and (max-width:365px) {
   .icon-top{width:20px}
  
 
   .logosize{ height:38px; width:auto;}
   
   .col-4-last {width:38%}

}