.thumb_wk{width:60px;height:60px;max-width:60px}

.col-3 { float: left;  
   width: 28.0%; 
   margin-right: 8.0%; 
   margin-bottom:50px;
}







.col-3-retailer { float: left;  
display:table;
   margin-right: 5.0%; 
}


.first{
width:40%
}


.myinput{
   width: 45%;
   float:left;
}





.col-4 { float: left;  
   width: 20.0%; 
   margin-right: 6.6%; 
      margin-bottom:50px;

}




.col-5-footer-logo{
   float:left;
   width: 13.0%; 
   margin:0;
   padding:0;

}


.col-5-footer1,.col-5-footer2,.col-5-footer3,.col-5-footer4{
   float:left;
   width: 19.5%; 
   margin-right:3.5%;
   padding:0;
   

}
.col-5-footer3{
   margin:0
}

.col-5-footer4{
   float:right;
   width: 20.0%; 
   margin:0;
}





.fourth,.last { margin-right: 0; }





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: 80.5%;
   height: 0;
}

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


.videoScaleMapContent {
    position: relative;
    padding-bottom: 45.0%;
    height: 0;
}

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

.buttons-config{
width:75%
}



@media screen and (max-width:1600px) {
   .slide_text{ margin-top:10%}
   h1{font-size:7.0vw !important;}
   
}




@media screen and (max-width:1500px) {
   .slide_text{ margin-top:14%}
    .col_img_left,.col_img_right{ width:48%; }
.col_text_right,.col_text_left{ width:33%;}
   .col_text_right,.col_text_left{margin-top:4.5%}
   .hellgrau_slide{ font-size:30.4vw;}
   
}




@media screen and (max-width:1450px) {
   #top_all,#footer_content,#myshop{width:94%}
   .cont_max{width:100%;height:auto;}
   .cont_scale{width:94%}
   .font_scale{width:100%;}
   .font_slide{width:98%;margin-left:1%}

.videoScaleMapContent { padding-bottom: 55.0%;}

   
}



@media screen and (max-width:1250px) {
   .button_all{ width:90%;}
  .col-4 { float: left;  width: 27.0%; margin-right: 9.5%; }
   .third{margin-right:0}
   .videoScaleMapContent { padding-bottom: 70.0%;}

   
}

   
   
   
@media screen and (max-width:1200px) {
   #container_search{margin-top:0}
#search_desktop{ position:absolute;top:2px;right:0}
#sidenav{margin-top:32px}  
.slide_img{width:42%; margin-left:2%}
   .slide_text{ width:46%; margin-top:12%}




}


   
   

@media screen and (max-width:1100px) {
  #container_content{width:94%;margin:0 auto}
      .col_text_right,.col_text_left{margin-top:3%}
}

   
   


@media screen and (max-width:1050px) {
   .col-5-footer1,.col-5-footer2,.col-5-footer3{ width: 20.0%; }
   .slide_text{margin-top:9%}
     #social{height:100px}
   #cont_social{margin-top:22px}
   .social_icon{ width:55px;}
   .col_img_left,.col_img_right{ width:43%; }
.col_text_right,.col_text_left{ width:38%;}

.logo-pay{width:30%;}

.text-pay{width:65%;}
   
   .wk-2{width:28%;margin-left:1%}
   .wk-3 { float: left; width: 10%;}
   .wk-4{width:30%}
   
}


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

.config-container-w,.config-container{
width:100%;
}
}


@media screen and (max-width:960px) {
 .col-5-footer1{ width: 35.0%;margin:0;}
 .col-5-footer2{ width: 35.0%;float:right;margin:0;}
.col-5-footer-logo{ width: 20.0%; }
 .col-5-footer3{ clear:both;width: 45.0%;float:left;margin:0;margin-top:40px;margin-left:20%; }
 .col-5-footer4{ width: 35.0%;float:right;margin:0;margin-top:40px; }
.my_grid{width:47%;padding-right:3%;}
   .my_grid_right{width:47%;float:right}
         .col_img_left,.col_img_right,.col_text_right,.col_text_left{margin-top:20px}
}


@media screen and (max-width:900px) {
   .slide_text{margin-top:5%}
   .col-4 { width: 45.0%; margin-right: 10.0%; }
   .third{margin-right:10%}
   .last, .second{width:45%; margin-right: 0}
   .my_grid{width:47%;padding-right:3%;}
.my_grid_right{width:47%;float:right}
   .videoScaleMapContent { padding-bottom: 78.0%;}
   .slide_text{margin-top:3%}
.slide_img{ margin-left:1%}
   .slide_text{  margin-top:7%}
      .col_img_left,.col_img_right{ width:40%; }
   .col_text_right,.col_text_left{ width:40%;}
 /*  .box_content{margin-top:40px;}*/
   
.logo-pay{width:20%;float:right;}

.text-pay{width:75%;float:left}






}




@media screen and (max-width:768px) {  
   
   
   .cont_small{
width:100%
}
   
   .config-item{
width:21%;
margin-left:2%;
margin-right:2%;
margin-bottom:30px;
}

   body{ font-size: 16px;line-height:21px;  font-size:1.0rem;   line-height:1.375rem; }
   
  .button_all{ width:100%;margin-bottom:20px; height:40px;}
  .button_text{ height:40px; padding:7px 0 0 10px;font-size: 24px;line-height:24px;  font-size:1.5rem;  line-height:1.5rem;}
   .button_pfeil{ width:40px; height:40px;background-size: 40px 40px;}
   
   
   

 
 
   #mobile_menu{  display:block;position:absolute;right:0;top:18px;}
   
   #search_mobile{position:absolute;left:70px; top:17px;width:130px;display:block}
   
   #wk_mobile{position:absolute;top:20px;right:55px;width:34px}
   
   
   #logo_mobile{float:left;margin:0px 0px 0 0; width:43px;}
   
   /*
   #mobile_menu{float:left;width:40px;margin:20px 0px 0 0;}
   #search_mobile{display:block;position:absolute;width:130px;right:0;top:20px;}
   #logo_mobile{width:50px;margin:0 auto;}
   */
   
   
   #top_mobile{display:block;position:fixed;padding-top:12px;width:100%;height:85px;z-index:999;top:0;background-color:#fff;border-bottom:2px solid #e7e7e7}
   #container_mobile{position:relative;text-align:center;width:94%;margin:0 auto}

   .font_scale{margin-top:0;margin-bottom:20px}   
   #top_logo{display:none;}
   #top_all{display:none}
   #mobilemenu{display:block;position:fixed;z-index:999999;bottom:0;left:0;width:100%;height:50px;background-color:#f5f5f7;}
   #content{margin-top:100px}
    #mobile_container{display:block;position:fixed;width:100%;height:88px;z-index:999;top:0;background-color:#fff;}
   #myheader,#nav_container,#container_search{display:none;}
   #menulist{list-style: none;margin:0;padding:0;}
   #menulist li {list-style:none;float:left;height:33px; margin-left:0;width:100%;}
   #menumobile{list-style: none;margin:0;padding:0;width:100%;float:left;}
   #menumobile2{list-style: none;margin:0;padding:0;width:100%;float:left}
   #menumobile li { height:36px;padding:0px 0 4px 0;list-style:none;float:left;display:block;width:100%;margin:0}
   #menumobile2 li { height:36px;padding-top:3px;list-style:none;float:left;display:block;width:100%;margin:0}
   .level0,.level0_active{font-size:18px;line-height:36px; font-size: 1.125rem;line-height:2.25rem;display:block;width:70%;color:#636466;padding-left:10.5%}
   .level0_active, .level1_active { }
   .level1,.level1_active,.level1:hover{color:#636466;padding-left:16%;margin-top:6px;}

   .col-3{width:100%;float:left;padding-bottom:20px;margin-bottom:40px}
  
   .last, .second{margin-right: 0}
   
  
   .my_grid,.my_grid_right{width:100%;padding:0;border-right:0px;}
   .my_grid{padding-bottom:20px}
   .my_grid_right{border-top:1px solid #e7e7e7;padding-top:30px}
   .slide_text{margin-top:4%}
 .col_img_left,.col_img_right{ width:45%; }
  .col_text_right,.col_text_left{ width:36%;}
   .more { padding: 4px 8px 4px 8px;}
   .box_content{margin-top:40px;}
   .box_home {  padding: 10px 0 40px 0;}
   
   
   .col-3-retailer { float: left;width:100%  }
   
   /*
   
   #submenu{display:none;position:absolute;top:0;background-color:#fff480;width:100%;height:100%;z-index:99999;}
    #menumobile{list-style: none;margin:0;padding:0;width:60%;float:left}
   #menumobile li { height:36px;padding-top:3px;padding-left:2px;list-style:none;float:left;display:block;width:100%;margin-left:0;}
   .level0,.level0_active {font-size:18px;line-height:36px; font-size: 1.125rem;line-height:2.25rem;display:block;width:70%;padding-left:6%;}
   .level0_active { font-weight:bold}
   .level1{padding-left:6%;color:#333}
   .level1_active {padding-left:6%;font-weight:bold}
   */
   
   
       #wk-desktop,.wk-3,.wk-4{display:none;}
   #wk-details-mobile{display:block;}
   .wk-1{width:25%;margin-right:3%}
   .wk-5{width:auto;display:inline-block;}
   .wk-2{width:55%}
      .wk-mwst {width: 60%;margin-right:5%}
   
   
   
   .partner-button{
display:none;
}
   
   
  
}


@media screen and (max-width:700px) {
 .col-5-footer-logo{ width: 22.0%; }
 .col-5-footer3{ width: 43.0%;margin-left:22%; }
  .col_img_left{ width:100%;   margin:20px 0 20px 0; }
   .col_text_right{width:98%;float:left;margin:0}
   .col_img_right{ width:100%;float:left;   margin:20px 0 20px 0;}
   .col_text_left{ width:98%;float:left;margin:0;}
   .box_content{margin-top:10px;width:94%;margin-left:3%;}
     
 .config-item{
width:28%;
margin-left:2.5%;
margin-right:2.5%;
}




.config-detail{
width:95%;
margin-left:-1%;
}


}






@media screen and (max-width:650px) {
   .zweispaltig_links,.zweispaltig_rechts{ width:100%;float:left;margin-bottom:22px;}
   .zweispaltig_links{}
   .artikel_links,.artikel_rechts{ width:100%;float:left;}
   .artikel_rechts{padding-top:0}
   .level0,.level0_active,.level0:hover, {padding-left:8.5%;}
      .level1,.level1_active,.level1:hover{padding-left:15%;}
   .slide_img{width:90%;margin:0}
   .slide_text{width:90%;float:left;margin:-30px 0 0 0;padding-bottom:50px;}
     #social{height:80px}
   #cont_social{margin-top:20px}
   .social_icon{ width:40px;}
   #my_footer { padding: 45px 0 55px 0;}
   .col-5-footer2, .col-5-footer4 { width: 45.0%;}
     .col-5-footer3{margin-left:0}  
   .col-5-footer-logo{ display:none; }
   
   .font_slide{margin-top:36%}
         h1{ font-size:9.0vw;}
   
 

   
}




@media screen and (max-width:580px) {
 
   .button_all{}
  .level0,.level0_active,.level0:hover,   {padding-left:8.5%;}
  .col-4,.second,.third,.last { width: 100.0%; margin-right: 0; }
   .wk-2{width:50%}
}



  @media screen and (max-width:505px) {      
 .config-item{
width:42%;
margin-left:4.0%;
margin-right:4.0%;
}


   .config-item-4{
width:46%;
margin-left:2%;
margin-right:2%;
margin-bottom:40px;
}


}



@media screen and (max-width:480px) {   
  #top_all,#container_mobile, #footer_content,#container_content,.cont_scale,#myshop{width:92%;}
    .box_content{margin-top:5px;width:92%;margin-left:4%}
   .font_slide{width:92%}
   h1{margin-bottom:0}
     .level0,.level0_active,.level0:hover,  {padding-left:8.0%;}
   .level1,.level1_active,.level1:hover{padding-left:13%;}
   .thumb_wk{width:40px;height:40px}
   .button-black{margin-right:0;width:100%;margin-bottom:10px;}
   .cont_form{width:100%}
}

@media screen and (max-width:420px) {   
   .level0,.level0_active,.level0:hover {padding-left:7.8%;}

   .col_text_right,.col_text_left{width:97%;}
   
   
   

}