.c-screen-close{
position:absolute;
right:12px;
}



.default{
    width:990px;
    margin:0 auto;

}



.c-linker-product-wrapper{
  display:block;
  height:160px;
  overflow:hidden;
}

.linker-product-cta{

margin-top:92px;
   display:none;
   font-size:26px;
   text-align:center;
   width:100%;
   padding:6px;
   color:gray;

   text-decoration:none;


}


.home-contact-wrapper{
position:absolute;
top:190px;
left:0;
right:0;
margin:0 auto;
text-align:center;
z-index:1111;
}
.c-home-contact a{
 padding-bottom:18px!important;
 display:block;
}
.home-contact-wrapper a{
color:#000;
font-weight:700;
font-size:22px;

text-decoration:none;
}



.productFadeIn{

      animation-name: createFadeIn;
      animation-duration: 1s;
      animation-fill-mode: forwards;
      transform: scale(1.5);
}
@keyframes createFadeIn {
  from {
    transform: scale(1.5);
  }
  to {
    transform: scale(2);

  }
}


.productFadeOut{

      animation-name: createFadeOut;
      animation-duration: 1s;
      animation-fill-mode: forwards;
      transform: scale(1);
}
@keyframes createFadeOut {
  from {
    transform: scale(2);
  }
  to {
    transform: scale(1.5);

  }
}




.teaser-default{
display:none;
}

.teaser-default-0{
display:block;
}
.teaser-default-0,
.teaser-default-xf{
display:block;
      animation-name: createTeaserHome;
      animation-duration: 4s;
      animation-fill-mode: forwards;
      transform: scale(1);

}


@keyframes createTeaserHome {
  from {
    transform: scale(1);
    opacity:1;
  }
  to {
    transform: scale(14.2);
      opacity:0;
  }
}



.csc-default-0,
.xf {

  -webkit-animation-name: createBox; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 18s; /* Safari 4.0 - 8.0 */
  animation-name: createBox;
  animation-duration: 18s;
    animation-fill-mode: forwards;
     transform: scale(1);
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes createBox {
  from {scale:1;}
  to {scale: 1.2;}
}

@keyframes createBox {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}
.csc-default{
position:absolute;

}
.csc-default img{
opacity:0;
}

.csc-default-0 img{
opacity:1;
}



.header-frame{
      height:150px;
      position:fixed;
      width:100%;
      z-index:1111;
      background:#4A4A4A;
      border-bottom:5px solid #fff;
}

.header{

margin:40 auto;

}



.screen{
position:fixed;
width:100%;
min-height: 100vh;
background:#F9A146;
background-color:#0008;

}

.screen-titel{
position:absolute;
top:40vh;
color:#fff;
font-size:4vw ;
 left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width:800px;
  text-align:center;

  animation-name: createTitle;
  animation-duration: 3s;
    z-index:11111;
}


.screen-teaser{
position:absolute;
top:52vh;
color:#fff;
font-size:1.5vw ;
   transform: scale(1);
 left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width:100%;
  text-align:center;
       opacity:0;
  animation-name: createTeaser;
  animation-duration: 3s;
   animation-delay: 2.5s;
   animation-fill-mode: forwards;
     z-index:11111;
}

.teaser-default{
  font-size:16vw ;
  position:absolute;
top:52vh;
color:#4A4A4A;
font-size:1vw ;
   transform: scale(1);
 left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  width:100%;
  text-align:center;
       opacity:0;

}



/* Safari 4.0 - 8.0 */
@-webkit-keyframes createTitle {
  from {scale:1;}
  to {scale: 1.2;}
}

@keyframes createTitle {
  from {
    transform: scale(1);
    opacity:1;
  }
  to {
    transform: scale(5.2);
      opacity:0;
  }
}


@keyframes createTeaser {
  from {
    transform: scale(1);
       opacity:0;
  }
  to {
    transform: scale(1.5);
   
          opacity:1;
  }
}

.screen-cta{
position:absolute;
top:80vh;
font-size:22px;
border:2px solid #4A4A4A;
 left: 0; 
  right: 0; 
  height:44px;
  margin-left: auto; 
  margin-right: auto; 
  width:220px;
  text-align:center;
  cursor:pointer;
  z-index:11111;
  padding:0 12px;
}




.screen-cta-bg{
position:absolute;
top:0;left:0;right:0;bottom:0;
opacity:0.8;
background:#fff;
display:block;
   z-index:0;
}

.screen-cta-content{
position:absolute;
top:6px;left:0;right:0;bottom:0;
color:#000;
font-size:22px;
   z-index:1;
}

.x-slider img,
.screen img{
width:100vw!important;



}
.screen-titel img{
  width:220px!important;
  margin-top:-160px;
}




.x-slider{

width:
height:500px;
}


.logo{
float:left;

}


.social{

position:fixed;
right:auto;
top:428px;
left:2px;
width:40px;
z-index:11111;
}
.social{

}


.socicon{
color:#03428D;

}
.social a{
text-decoration:none;

}
.socicon-youtube{
margin-left:4px;
         }
.c-logo{
float:left;
}

.logo-1{
float:right;

}

.slogan{
padding-top:42px;
padding-right:50px;
}

.content-frame{
 width:100%;
 background:#F1EEE7;
top:100vh;

}


.content-main{
 min-height:100px;
padding-top:30px;

}

.content{
margin-top:20px;
min-height:1400px;

padding-bottom:60px;
}


.product-screen .owl-dots{
margin-top:-64px!important;
}


.header-2{
width:470px;

}

.logo{
padding-top:18px;
}

.nav{
float:right;
 height:40px;
padding-left:32px;
padding-top:66px;


}




.c-content{
float:left;
display:block;
}
.content-0 h1{
margin-top:40px;

}

.content-0{
min-height:500px;
width:594px;

}


/*
.team{
padding-bottom:30px;
margin-bottom:30px;
border-bottom:6px solid #C7C1BF;
width:45%;
float:left;

}

.team:nth-child(even){
float:right;

}


.team img{
max-width:100%;
}


*/


.content-1 ul{
  list-style:none;

}
.content-1 ul li:before{
 content: "";
  float: left;
  width: 9px;
  height:9px;
  margin-left:-25px;
  margin-top:5px;
  background: #AF6363;

}








.content-content h1,
.content-content{
      color:#fff;
}

.content-content{
      float:left;
      width:560px; 
}

.content-content h2{
      color:#fff;
      margin-bottom:-22px;
}

.content-float{
position:absolute; 
right:70px;
top:20px;
width:400px;
}



.content-page img,
.content-product img,
.product img{
max-width:100%;
}

.content-page{
/* border-bottom:12px solid #3FAE49;  */
}

.content-1 ul {
margin:-10px 0;

}


.news{
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #BB3E4B;
width:660px;
float:right;
margin-right:50px;
}

.c-news{
 float:left;


}


.product-list-wrapper .c-product{
width:300px;

background:#fff;
min-height:310px;
float:left;
margin-right:22px;
margin-bottom:22px;
padding:20px;
}

.product-list-wrapper img{
  transform: scale(1.5);
}
.product-type{
margin-top:60px;
}



.product-wrapper .c-product{
 width:100%;
}



.product-wrapper .c-product-list{
 width:200px;

 float:left;
 margin-right:40px;
 background:#fff;
 padding:8px;
 padding-bottom:22px;
}
.product-wrapper .c-product-list h2{
margin:0;
margin-bottom:4px;
font-size:16px;
height:34px;
}
.product-wrapper .c-product-list a{
   text-decoration:none;
}

.product-wrapper .c-product-list .c-linker-product-wrapper img{
transform:scale(1.5);

}

.product-wrapper .c-product-list .c-linker-product-wrapper{
 height:90px;
 overflow:hidden;
}

.c-product h2,
.c-product .linker-product{
font-size:42px;
text-decoration:none;


}








.widget-frame{
  margin:60px 0;
}


.c-widget{
float:left;
display:block;
margin-right:20px;
margin-bottom:32px;
padding-top:16px;
width:232px;
height:232px;
background:#4A4A4A;

 overflow:hidden;   
}




.c-widget:nth-child(4n) {
margin-right:0; 
}
  
.c-widget .widget-content .linker-intern{
color:#fff;
display:block;
width:inherit;
height:inherit;
} 

.widget-content{
position:absolute;
left:0;right:0;top:0; bottom:0;
padding-left:20px;
display:block;
margin:12px auto;
/* background:gray;  */
height:105px;
font-size:32px;
color:#fff;
}
.widget-content a{
color:#fff;
text-decoration:none;
position:absolute;
display:block;
top:0;
left:0;
right:0;
bottom:0;

height:300px;
padding:20px;

}
.product.c-widget,
.team.c-widget{
 height:170px;
 border:1px solid #09428F;     
}
.product .widget-image,
.team .widget-image{

 overflow:hidden;

}






.widget-bg{
position:absolute;

top:200px;
left:0;
right:0;
height:500px;

background:#5E759C;
opacity:0.7;

}

.widget-content{
position:absolute;
top:200px;
width:inherit;

font-size:14px;
color:#fff;
padding:20px;
box-sizing: border-box;


}

.widget-image{
height:138px;
overflow:hidden;
}





.product .widget-content,
.team .widget-content{
top:auto;
bottom:2px;
font-size:16px;
height:34px;
}





.c-product-image{
float:left;
width:450px;
}

.product-image-0{
 margin-right:22px;
}


.c-product-nav-page{
float:left;
height:60px;
} 

.product-nav-page-1{
  float:right;
}


.c-product-nav-page {
text-decoration:none!important;
font-size:22px;
color:#09428F;
}






.widget-description{
font-size:12px;
}





.owl-stage-outer{

   width:inherit;
}


.c-owl-content{
display:none;
}
.owl-dots{
margin:0 auto;
margin-top:-34px!important;
width:auto!important;
}














.news-0{
width:200px;
margin-right:24px;
margin-right:24px;
}

.news-0-image{
width:200px;
float:right;
}
.news-0 img{
max-width:100%;

}

.news-1{
width:800px;
 
}


.c-news h2{



margin-bottom:10px;
}

.article-title{
height:40px;
}
.article-content-image{
float:left;
padding-right:20px;
padding-bottom:20px;
margin-top:8px;
display:block;
}
  
.content{
min-height:420px; 

}





.footer-frame{

   background:#4A4A4A;
  color:#fff;
padding:22px;

} 


.body-alt-0 .footer-frame{
  background: #fff;
}


.footer-res,
.footer{

}
.footer{
      margin:0 auto;
 
}


.c-footer{
  font-size:14px;

  font-weight:700;
  color:#fff;
  font-size:18px;
}


.c-footer a{
color:#ffff;
}

.footer-0{
float:left;
width:220px;
}
.footer-1{
float:left;
padding-top:30px;

}

.res-address{
display:none;
}




.item img{
width:100%;
}