@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {*/

@viewport{
    
}
@media only screen  {
    
    
    #wkoutline .wkadshow,
    #wkoutline .wksend {
        font-size: 130%;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    #wkoutline .wkzs{
        margin-bottom: 20px;
        margin-top: 20px;        
    }
    #wkoutline select{
        margin-bottom: 20px;
        margin-top: 20px;        
    }    
    
    /*-------------- SOLR /shop ------------------ */
    .boxsearchoutline{
        
        margin-bottom: 20px;
        
    }
    .sidebar_outline .sidebarfilterbox{
        
        font-size: 110%;
        padding-bottom: 3px;
        
    }
    
    
    .idright{
        margin-top: 25px;
    }    
    
    
    .wginfo .c33l, .wginfo .c33r{
      width: 100%;
      margin: 10px 0;
      padding: 0;
      text-align: center;
    }
    
  .modal-box { width: 70%; }  
  /*
  ul.thumb li img{
      width: 120px;
  }  */
  
    
/* ------WP shortcut seite --------- */    



    
/* Navi Warengruppen Zwischenwarengruppen */
.navitop_v2more{
    display: block!Important;
}    
 .navitop_v2more .float_left:nth-child(odd){
    width: 49%;
} 
.navitop_v2more div{
     margin: 0 0 8px;
    padding: 0;  
}
 .navitop_v2more .float_left:nth-child(even){
    width: 49%;
    float: right;
} 
  .navitop_v2more .float_left a{
    width: 100%;
     font-size: 16px !important;
     padding: 8px;
     font-weight: 300;
    font-family: "Oswald",sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;     
     
}  
  .navitop_v2more .float_left a:hover{
 text-decoration: none;
 background: transparent!important;
 color: gray!important;
}
/* --------------------- */


   
    

    
    
    
    /* Attribute Warengruppe  ***********************************************************/

    
    div.vw0vote{
        margin-bottom: 0px!Important;
    }    
    
    .term_outline .float_left{
        width: 100%;
        padding: 3px;
        margin-bottom: 0;
    }
    .term_outline select{
        width: 100%!Important;

    }  
    
    .dropdownkfz ,.filterdropdown, .dropdownkfzactiv{
         width: 100%!Important;
   
    }    
    .filterdropdown .navbar-collapse{
      padding-left: 15px;
    padding-right: 15px;
    
}
    .term_outline {
        background: #F1F1F1 none repeat scroll 0 0;
                padding: 10px;
                width: 100%;
    }    

.term_outline .termboxUl {
    height: auto;
    margin-bottom: 10px;
}

 .vw0over{
 max-height: 220px;  
  }
  .vw0over ul {
   font-size: 120%;
}
  .vw0over ul li{
   padding-bottom: 3px;
   text-align: center;
}  
.vw0title{
    text-align: center;
}

  
.prolist .vw0overf {
    right: 10px;
    width: auto;
}
.prolist .vw0overf ul li{
    margin-bottom: 10px;
}
  
  
    #header .page_margins .subcolumns .mobilhidden {
            display: none;  
    }    
    .desktophidden{
              display: block; 
    }
    .mobilsbformclss{
        padding: 10px;

    }
    #header .page_margins .subcolumns div.c33r {
            width: 50%;
    }  
    #header .page_margins .subcolumns div.c33l {
            width: 50%;
    }     
    
.indexbanner .c25l, .indexbanner .c25r {
    text-align: center;
    width: 100%;
}   

.indexbanner .c25l .subcl, .indexbanner .c25l .subc , .indexbanner .c25r .subcr  {
    padding: 0;
    margin: 0;

}

.indexmarken .c25l, .indexmarken .c25r {
    text-align: center;
    width: 100%;
}   

.indexmarken .c25l .subcl, .indexmarken .c25l .subc , .indexmarken .c25r .subcr  {
    padding: 0;
    margin: 0;

}


    .indexbanner img{
        /*margin: 0 0 15px;*/
      /* border: none;   */
    }
  


div.minheight{
        width: 100%;
            font-size: 130%;
    margin-bottom: 10px;
}
.minheight .c50r{
   /* text-align: center;*/
padding-right: 20px;
      width: 60%;
}

.minheight .c50l{
   /* text-align: center;*/

     width: 40%;
}
.minheight .c50l img{
   /* text-align: center;*/
    padding-right: 20px;
    padding-left: 20px;
     width: 100%;
     height: auto;
     max-width: 150px;
}



.page_margins {
    min-width: 0;
}

#footer table td{
float: left;
width: 100%;
 font-size: 130%;
}
#footer, #navi, .toptslider, #header, .indexprodukte, .indexbanner, .indextxttiel, .indexmarken {
  
}

.slickhighlights .vw0foto img{

    width: 80%;
    height: auto;
}
slickhighlights .vw0foto img{
      margin-left: auto!Important;
    margin-right: auto!Important;
     display: block;
} 

.slickhighlights .vw0foto{
    width: 100%!important;
    height: auto!important;
}


.vw0r {
     min-height: 0;
    overflow: visible;

}
.prolist div.vw0r{
    float: none!Important;
}

.prolist div.vw0r div:last-child{
    margin-bottom: 20px;
}


.prolist .vw0over{
    margin: 0;
}

.prolist .vw0pz {
width: auto;
    right: 10px;
}
.prolist .vw0pz2 {
width: auto;
    right: 10px;
}


div.vw0r{
   /* float: none!Important;*/
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.termboxUl{
    margin-bottom: 10px;
}

.vw0r .imgbutton {
    width: auto;
}
.sortseiten_padding .viewicons {
    display: none;
}
.sortseiten_padding{
    margin-top: 0;
}
    ul.shopwgr_nextmap li {
        width: 100%;
        height:auto;
    }
#col3 {
    display: none;
    width:auto; margin: 0;
}
#col1 {
    background: none repeat scroll 0 0 white;
    float: none;
    width: 100%;
}

.indexprodukte .slick-slider {
    margin-bottom: 0;
}

.indexprodukte .slick-slide{
    margin-bottom: 0;
}
/*------------------------------------*\
	Artikel
\*------------------------------------*/

.artview_varianten_table{
    width: 100%; 
}
.artview_varianten_table tr:first-child{
display: none;
}
.artview_varianten_table tr:last-child{
    border-bottom: none!Important;
}

.artview_varianten_table tr td:first-child{
padding-right: 20px;
}
.artview_varianten_table tr td{
    float: left; 
}
.artview_varianten_table tr td:last-child{
    width: 100%;  
}

  .artview_besch img{
    width: 100%!Important;
    height: auto!Important;
  }
/*  .artview_besch table{
width: 100%!Important;
      display: none;

  }*/


  .idzubehoer{
      display: none;
  }
.artview_terms .float_left div.float_left:last-child{
width: auto!Important;    
}


.artikel_columns{
 padding: 0;
 margin: 0;
}
div.artikel_columnsl{ 
   

    margin-bottom: 10px;
}
    .artikel_row{
         display:block; 
    }

.artikel_thumb .floatbox ul.gallery{

	-webkit-overflow-scrolling: touch;
}
.artikel_thumb div.floatbox{
/*    width: 250px;
    overflow: visible;*/
}


.artikel_thumb .floatbox ul.gallery li.float_left{
    	float:none;
  display: inline-block;
  list-style-type: none;
}


.bigview_topartikel_text_marke{
       display: none;
}
.artikel_columnsl, .artikel_row{
     display: block;
    width: 100%;
    
}
.artikel_columnsl .gallery img{
  
}

#main_view img{
 
width: 100%;
 height: auto;
}
.mousetrap{
    display: none;
}
.cloud-zoom img{
    width: 100%!important;
    height: auto;
}
.cloud-zoom{
    width: 100%!important;
}

.artikel_row .subcolumns .subcl .container {
    width: auto;
}
.artikel_row{
    padding: 0;
    margin: 0 ;
}

.artikel_row .c50l  {
  width: 100%;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #dddddd;
}
.artikel_row .c50r{
    
    width: 100%;
}
.artikel_row .c50r .subcr{
padding: 0;
margin: 0;

}
.artikel_row .c50l .subcl{
padding: 0;
margin: 0;

}

.artikel_pricebox .floatbox .float_left{

margin: 0;   
padding: 0 10px 0 0;
}
.artikel_pricebox .floatbox .float_right{
 padding: 0;
margin: 0;   
width: 100%;
}
.wkbutton{
    
    
}
.wkbutton a{
    margin-top: 20px;
    width: 100%;
    text-align: center;
    
}

.tablespecial .wkbutton a{
    margin-top: 10px;
    margin-bottom: 20px;
}

div.wkbuttondis{
        width: 100%;
    text-align: center;
    margin-top: 10px;
     margin-bottom: 30px;
}



.wkshowfooter {
    padding-bottom: 20px;
}
/*------------------------------------*\
	VERSAND
\*------------------------------------*/

.versandbox table td{
    float: left;
    width: 100%;
}
.versandbox table td:last-child{
 border-top: 1px solid black;
}
.versandbox table td:last-child{
 border-bottom: none!Important;
}

/*------------------------------------*\
	NAV-TOP
\*------------------------------------*/

.horizon-navi-top-outline {
   padding-left: 15px;
   padding-right: 15px;
}



.wanavbar{
    background: white; 
       width: 100%;
       border: 1px solid silver;
       font-weight: 300;
       font-size: 110%;
        margin-bottom: 0px;
        margin-top: 0px;
       
}



.wanavbarv2{
    background: white; 
       width: 100%;
       border: 1px solid silver;
       font-weight: 300;
       font-size: 110%;
        margin-bottom: 15px;
        margin-top: 15px;
         margin-right: 0;
}
#term_outlinev2{
    
        padding-top: 20px;
}


.gosortform{
    display: none;
}
.sitenav .seiteninfo{
    display: none;
}
.sitenav td{
    padding: 1px;  
}
.navtopmargin{
/*    display: none;*/
}
.horizon-navi-top-outline .butnavbar{
    background: white;
     padding: 8px 10px;
      width: 100%;
    margin:  0!Important;

       float: none;
}

.horizon-navi-top-outline .navbar-collapse.in {
    overflow-y: visible!Important;
}
.navbar-toggle {
    border-radius: 0;
}
/*------------------------------------*\
	NAV
\*------------------------------------*/

.horizon-navi-outline .navbar-header button {
    color: white;
}
.horizon-navi-outline .navbar-header{
    background: #404040;
}

.head_nav_nextmap li{
    width: 100%;
}

#navishow ul.head_nav_nextmap {
    text-align: left;
}

.horizon-navi-outline .butnavbar{
    background: #404040;
     padding: 8px 10px;
   

    margin:  0!Important;
/* width: 100%;  nur einer auf Zeile */
       float: none;
}










}