/* Bei 850px muss hier schon der Header anders dargestellt werden. Der Rest ist noch ok */

/* einstieg */
.einstieg > div, 
.einstieg02 > div {
    clear:both;
    float:none;
    padding:10px;
    text-align:center;
    width:calc(100% - 20px);
}

.subdir_info_inner h1 {
    font-size:8vw;    
}

.footer_right {
    padding:0 3%;
    width: 94%;
}
.haendler_register {
    width:80%;
}
.content .subdir .box_subdir:nth-child(3n+0) {
    margin:2% 5.68% 0 0%;
}
.tablecell_verticalmiddle {
    float:left;
    padding:2%;
    text-align:center;
}
.basket_icontext,
.basket_vkfrei {
    display:none;
}

html{
    height:100%;
}

    .aktion_scrolldown{
        display:none;
    }
.ui-accordion .ui-accordion-content{
    padding: 2%;
}
.root{
    clear:none;
    margin-top:0px;
}
.root .gruenePunkte{
    position:relative;
    background: none;
    height: auto;
}
.header{
    height:auto;
    
}
.desktop,
#topinfo .desktop,
.header .desktop{
    display: none!important;
}
.mobile,
.header .mobile{
    display:block;
    padding:0;
    width:100%;
    float:left;
}

.box_2_basket .mobile{
    display: none;
}
.header .mobile .boxLeft {
    float:left;
    width:33.3%;
    padding:0;    
    text-align:left;
}
.header .mobile .boxCenter {
    float:left;
    width:33.3%;
    padding:0;
    text-align:center;
}
.header .mobile .boxRight {
    float:left;
    width:33.3%;
    padding:0;
    text-align:right;
}

.header .mobile .boxCenter .logo{
    text-align:center;
    max-width:100%;
    position: relative;
    float: none;
    margin: 0px;
}
.header .mobile .boxCenter .logo a{
    margin: 0 0 -3px 0;
    display: block;
}
.header .mobile img {
    width:auto;
    height:auto;
    max-width:100%;
    max-height:60px;
}
.header .mobile .logo img{
    max-width:100%;
    max-height:64px;
}
.header .mobile .warenkorb .warenkorb_icon{
    padding:0px;
    min-width:100%!important;
    width:100px;
    border-style:none;
}
.header .mobile .warenkorb .warenkorb_preis {
    background-color:transparent;
    float:none;
    position: absolute;
    margin-top: 10%;
    padding: 0px 3%;
    height:auto;
    color: #fff;
    text-align:center;
}
.searchMobile{
    float:left;
    width:100%;
}
.searchMobile .mobile .search{
    padding:1%;
    width:98%;
    float: left;
}
.searchMobile .mobile #suchbegriff{
    max-width: none;
    max-width:88%;
    height:30px;
    float:left;
    padding-left:3px;
    width:calc(90% - 3px);
}
.searchMobile .mobile #searchSubmit{
    float: left;
    max-width: 9%;
    height: 32px;
}
.header_wk_anzahl{
    width: 13%;
    text-align: center;
    margin: 0px;
    padding: 12px 2.5%;
    float: left;
}
.header_wk_anzahl_10 {
    width: 13%;
    text-align: center;
    margin: 0px;
    padding: 12px 1.9%;
    float: left;
}
/* topnav */
[role="navigation"]{
    margin-left: -100%;
	float: left;
    display:none;
    min-height: 100%;
    height: 100%;
    overflow: hidden !important;
}
.topnav {
    height: auto;
    margin-top: 0px;
    padding-top:2%;
    clear:both;
}
.topnav .inner{
    height: auto;
    float: left;
    width: 96%;
}
.topnav ul {
    margin: 0;
    float:left;
    clear:both;    
    max-width:100%;
    height:auto;
    padding-bottom:2%;
}
.topnav ul li {
    float:left!important;
    height:auto;
    padding:1%;
}
.topnav ul li a {
    height:auto;
    /*float:left;*/
    display: block;   
    text-align: left;
    max-width:90%;
    width:100%; 
}
.topnav_active {
    display:none!important;
}
.subnav {
    clear:both;
    float:none;
    width:100%;
    z-index:9999999999;
    position:relative;
}
.subnav .level02_item {
    min-height:25px;    
}
.subnav_inner_container {
    height:auto;
    min-height:10px;
    padding-bottom:2%;
}

[role="search"]{
    height: 0;
	float: left;
    display:none;
}
.active-search [role="search"]{
    height:auto;
    display:block;
}

.active-nav [role="navigation"] {
	margin-left: 0;
	width:100%;
    background-color:#3d3d3d!important;
    display:block; 
}
.active-nav [role="main"]{
	margin-right: -100%;
}
.mainslider{
    float:left;
    clear:none;
}
/** BESTELLVORGANG **/
.content .basketNav2{
    width: 100%;
    padding:0;
    height:auto;
}
.content .basketNav2 .headline{
    display: none;
}
.content .basketNav2 .basketNav2Image{
    width: 100%;  
}
.content .basketNav2 .basketNav2Image img{
    max-width: 25%;
}
.topfooter_inner .service_center > div{
    width:48%;
}

.basketButton{
    margin-top:15px;
}


@media screen and (max-width:1260px){
    .subnav_padding .subRow:nth-last-child(1) .level02_item:last-child {
        border-style:none!important;
    } 
    .closeMenu {
        display:none;
    }
    .subnav {
        position:relative!important;
    }
    .subnav_outer_container {
        min-height:0;
    }
    .subnav .level02_item {
        padding:0!important;
        margin:0!important;
    }
    
    .topnav ul{
        width:100%;
        background-color:#3d3d3d!important;
    }
    
    .topnav ul li{
        clear: both;
        margin:2px 0px;
        padding:0;
        width: 100%;
        max-width: none;
    }
    .topnav ul li a{
        width: 100%;
    }
    
    .subnav{
        position: fixed;
    }
    
    .subnav .level02_item{
        clear:both;
    }
    
    .sub2 a{
        clear:both;
    }
    
    .header .mobile{
       background-color:#3d3d3d!important;
    }
    
    .topInfo .logo{
        width: 30%;
        max-width: none!important;
        float:left;
        padding-top:2%;
        text-align:center;
    }
    
    .topInfo .logo img{
        max-height: 130px!important;
    }
    
    .topInfo .topicon{
        width:40%;
        text-align:right;
        float:left;
    }
    
    .topInfo .topicon:first-of-type{
        margin-right:10px;
    }
    
    .topInfo .topinfo_left{
        padding:5% 1%;
        width:33%;
    }
    
    .topInfo .topinfo_right{
        padding:5% 1%;
        width:33%;
    }
    
    .topInfo .iconContainer_left{
        float:right;
        width:100%;
        max-width:100px;
    }
    
    .topInfo .iconContainer_right{
        float:left;
        width:100%;
        max-width:100px;
    }
    
    .topInfo .topinfo_right .meine_merkliste img, 
    .topInfo .topinfo_right .mein_account img {
        margin:0;
        padding:0;
    }
    
    .topInfo .topinfo_left img, .topInfo .topinfo_right img{
        max-width:45px;
        max-height:none!important;
    }
    
    .menuBar{
        background-color:#3d3d3d;
        float:left;
        clear:both;
        width:100%;
    }
    
    .hd_menu{
        float:left;
        width:50%;
    }
    
    .warenkorb{
        width:100%;
    }
    
    .hd_menu .warenkorb{
        float:left;
        width:85px;
    }
}



@media screen and (max-width:800px){
    .sub_head a:link,
    .sub_head a:active,
    .sub_head a:visited {
        color:#000!important;
    }
    .sub_head a:focus,
    .sub_head a:hover {
        color:#bd8448!important;
    }
    
    
    .bx-controls-direction {
        display:none;
    }
    .typo3content iframe {
        width:90%!important;    
    }
    
    .subdir_bild {
        width:100%;
        clear:both;
        float:none;        
    }
    .subdir_bild img {
        width:100%;
    }
    .subdir_info {
        clear:both;
        float:left;
        width:100%;
    }
    
    .cols-2 div {
        clear:both;
        float:none;
        width:100%;
    }
    .cols-2-50percent div {
        clear:both;
        float:none;
        width:100%!important;
        padding:0;
    }
    .cols-2-50percent div img{
        display:block;
        margin:auto;
    }
    
    #einstieg .cols-2-50percent div:last-of-type{
        padding-top:10px!important;
    }
    
    section#einstieg{
        padding-top:50px;
        /*background:none;*/
        
    }
    
    .artikel_box {
        clear:both;
        width:98%;
        margin:20px auto;
        float:left;
    }
    .artikel_box .top .bild {
        text-align:center;
    }
    .artikel_box .top img {
        margin:0 auto;
    }
    
    #widgets {
        display:none;
    }
    .basket_icontext,
    .basket_vkfrei {
        display:none;
    }

    .header .info{
        display:none;
    }
    .header_wk_anzahl{
        padding: 2% 2.5%;        
    }    
    .root{
        width:100%;
        float:left;
    }
    #container-content,
    .mainnav{
        /*background-color: #2c4f1b;*/
    }
    .content{
        padding: 0;
        width:100%;
    }
    .content .subdir_artikel_wrapper .subdir_artikel,
    .content .subdir .box_subdir,
    .content .mainnav .box{
        width:100%;
        float:left; 
    }
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box {
        height: auto;
        max-height:none;
        width: 47.5%;
        border-right:1px solid #CDCDCD;
    }
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box:nth-child(2n){
        border-style: none;
    }
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .bottom{
        position:relative;
        padding: 0;
        height: auto;
        width: 100%;
    }
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .preis_lieferstatus .lieferstatusText{
        padding-right: 0px;    
    }
    .content .subdir,
    .content .subdir_artikel_wrapper,
    .content .mainnav,
    .content .serviceBox_wrapper{
        width:100%;
        float:left;
    }
    .content .subdir .box_subdir .descriptionInner, 
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .itemnameInner, 
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .descriptionInner, 
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .preisInner, 
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .preis_messageInner, 
    .content .mainnav .box .description .descriptionInner, 
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .favorite_ButtonInner {
        float: left;
        text-align: center;
        line-height: 1.3em !important;
         
    }
    .content .subdir_artikel_wrapper .subdir_artikel .artikel_box .preisInner{
        font-size: 20px;   
    }
    .content .artikel_box .subdir_addFavorites{
        margin-top: 0;
        float:left;
        /*width:40%;*/
    }
    
    /** ITEMSEITE **/
    .content .box_2 .box_singleitem_img{
        display:block;
    }
    .itemBasketButton {
        margin-left: 0;
    }
    .basketButton{
        width: 100%;
        max-width:none;
    }
    .itemTopSection{
        width:98%
    }
    .itemRightLeft{
        margin-left:0;
    }
    .content .box_2 .basket{
        width:100%;
    }
    /** LOGIN CONTROL CENTER **/
    .loginInfo{
        min-width: 0px;
    }
    .basket-table-items{
        margin: 0;
    }
    
    /** SLIDER **/
    .content .neueProdukte .bx-wrapper, 
    .content .bottomcontent .lastvisited .bx-wrapper, 
    .content .bottomcontent .kundenBesuchtenAuch .bx-wrapper{
        width: 88%;    
    }
    .content .neueProdukte .item_slider_inner .item_slider_img, 
    .content .bottomcontent .lastvisited .item_slider_inner .item_slider_img, 
    .content .bottomcontent .kundenBesuchtenAuch .item_slider_inner .item_slider_img{
        width:auto;
        height: 95px;
    }
    .content .neueProdukte .item_slider_inner .item_slider_wrapper, 
    .content .bottomcontent .lastvisited .item_slider_inner .item_slider_wrapper, 
    .content .bottomcontent .kundenBesuchtenAuch .item_slider_inner .item_slider_wrapper{
        width: auto;
    } 
    .content .neueProdukte .item_slider_inner .item_slider_wrapper span, 
    .content .neueProdukte .item_slider_inner .item_slider_wrapper h3, 
    .content .bottomcontent .lastvisited .item_slider_inner .item_slider_wrapper span, 
    .content .bottomcontent .lastvisited .item_slider_inner .item_slider_wrapper h3, 
    .content .bottomcontent .kundenBesuchtenAuch .item_slider_inner .item_slider_wrapper span, 
    .content .bottomcontent .kundenBesuchtenAuch .item_slider_inner .item_slider_wrapper h3{
        height: 20%;
    }   
        
    /** FOOTER **/
    .topfooter .desktop{
        display: none;
    }
    .topfooter .mobile{
        display: block;
    }
    .topfooter_inner{
        width:100%;
        /*background-color: #2C4F1B;*/   
    }
    .topfooter_inner .head_background{
        width: 100%;
        height: 15px;
    }
    .topfooter .topfooter_box{
        padding: 5%;
        width: 90%;
    }
    .topfooter .topfooter_box div{
        width: 100%;
        text-align:center;
        
    }
    .topfooter .topfooter_box div:nth-child(1){
            
    }
    .topfooter .topfooter_box .head{
        text-align: left;
        padding: 0;
        
    }
    .topfooter .top .topfooter_box .head,
    .topfooter .topfooter_box .head{
        background-color: transparent;
    }
    
    
    .topfooter a:link, 
    .topfooter a:active, 
    .topfooter a:visited{
        
    }
    
    .topfooter_inner .top{
        position: unset!important;
        float: left;
        margin: 9px 0px 0px;
    }
    .topfooter_inner .top a:link, 
    .topfooter_inner .top a:active, 
    .topfooter_inner .top a:visited{
        
    }
    
    .topfooter .top .topfooter_box{
        padding-top: 0px;
        text-align:center;    
    }
    .topfooter .top .topfooter_box div{
        border-bottom: none;    
    }
    .topfooter .top .topfooter_box .head{
        text-align:center;
    }


}

@media screen and (max-width:700px){
    .bestellartWrapper {
        margin:5% 0;
    }  
    .box_subdir, 
    .box_subdir * {
        width:100%;
        clear:both;
        float:none;
        margin:10px auto 0 auto!important;
        padding:0!important;
        max-width:100%!important;
        background-color:#fff;
    }
    .subRow {
        clear:both;
        width:100%;
    }
    .subnav .level02_item:last-Child {
        border-bottom:1px dotted #fff;
    }
    
    .subnav_special {
        display:none;    
    }

    #widgets {
        display:none;
    }
    
    .itemRightLeft {
        width:98%;
    }
    
    .backbutton{
    }
    
    .itemPreis{
        padding: 0% 4%;
        width: 90%;
    }
    
    #reiter{
        margin-top: 35px;
    }
    
    .header .search{
        padding:0;
    }
    
    /**LOGINCENTER **/
    #accordionBasket > div {
        min-height:200px;
    }
    
    /** BESTELLVORGANG **/
    .content .box_2 .bestellartWrapper:nth-child(2),
    .content .box_2 .bestellartWrapper{
        clear:both;
        width: 60%;
        padding: 0px 20%;
    }
    .itemLeftContainer{
        width: 100%;
    }
    #img_zoom{
        max-width:50%;
    }
    .content .box_2 .box_top,
    .itemTopContainer,
    .itemRightContainer{
        width:98%;
        padding:0 2%;
        margin-top:25px !important;
    } 
    .itemRightContainer{
        margin: 0;
    }
    .content .box_2 .box_singleitem_img_wrapper{
        max-height:100%;
    }
    .content .box_2 .item_top{
        padding: 0px;
    }
    
   
    .itemPreis {
        font-size: 35px;
        float: right;
        text-align: right;
        padding: 0% 5%;
        width: 90%;
    }
    
    .content .box_2 .itemLeftContainer .box_singleitem_img{
        float: none;
    }
    .content .box_2 .itemLeftContainer .box_singleitem_img_wrapper{
        text-align: center;
    }
    .content .box_2 .itemRightLeft .liefer_0, 
    .content .box_2 .itemRightLeft .liefer_1, 
    .content .box_2 .itemRightLeft .liefer_4{
        min-width: 119px!important;
        width: auto!important;
    }
    .content .box_2 .itemBasketButton{
        text-align: center;
    }
    .content .box_2 .itemBasketButton .item_addFavorites{
        float: left;
        width: 100%;
    }
    .content .box_2 .itemBasketButton .item_addFavorites .favoriteButton{
        margin: 0 auto;
        float:none;
    }
    .footer .bottomcontent .werbungen .werbung_wrapper div{
        width:100%;
        padding: 2% 0;
    }
    .topfooter .inner .topfooter_box{
        width:50%;
    }
    .topfooter .inner .topfooter_box:nth-child(1),
    .topfooter .inner .topfooter_box:nth-child(4),
    .topfooter .inner .topfooter_box:nth-child(5){
        display:none;
    }
    .topfooter h1{
        text-align:center;
    }
    
    .box_singleitem_img{
        min-height:0!important;   
    }
}
@media screen and (max-width:615px) {
    .itemTable_container thead th:first-of-type,
    .itemTable_container tbody td:first-of-type {
        display:none;
    }
    #artikel .itemTable_container .basket {
        float:initial;
    }
    #widgets {
        display:none;
    }
    
    .infopic{
        display:none;
        
    }
    
    .content .mainnav .col,
    .content .subdir_artikel_wrapper .directory_box,
    .content .serviceBox_wrapper .serviceBox,
    .content .mainnav .col:nth-child(2){
        width: 100%;
        margin-left:0;
        margin-right: 0; 
    } 
    .content .basket-table-items{
        display: none;
    }
    .box_2_basket .mobile{
        display: block;
    } 
    .basket_preis{
        width:70%!important;
        float:left;
    }
    .basketItemTabelle .itemPreis{
        text-align:left;
        padding:0;
    }
    .basket_summe{
        width:30%!important;
        float:left;
    }
    .bottom_nav {
        float:left;
        width:100%;
    }
    .bottom_nav .special_buy{
        width:100%;
    }
    .topfooter_inner .service_center > div{
        width:100%;
    }
    .footer .inner .footer_left{
        width:94%;
        border-right: none;
        padding-bottom:5%;
    }
    .footer .inner .footer_right{
        width: 94%;
        border-top: 1px solid #fff;
        margin-top: 2%;
    }
    .footer .inner .footer_right img{
        padding: 2% 0!important;
    }
    .footer_head{
        padding-top: 0px;
    }
    .itemPreis{
        /*display:none!important;*/
    }
    .mengeninput{
        margin-bottom:5px;
    }
}
/* Darstellung des Contents */

@media screen and (max-width:550px){
    .header .mobile img {
        max-width:40px;
    }
    .special_buy a {
        clear:both;
        float:right;
        margin:2% 0;
    }
    .hersteller_alph li {
        width:33%;
        padding:2%;
    }


    .footer_left {
        border-style:none!important;
    }
    
    #widgets {
        display:none;
    }    
  
    .bestellvorgang .basket_table{
        width: 100%!important;
        padding-left: 0!important;
        margin-left: 0!important;
    }
    
    .zoomContainer{
        display:none;
    }
    
    .lastvisited_fixed {
        display:none;
    }
    
}


@media screen and (max-width:465px){
    #preisagenturen {
        display:none;
    }
    .footer_left {
        border-style:none!important;
    }
    
    #widgets {
        display:none;
    }
    .bottom_nav{
        float:left;
    } 
    .header_wk_anzahl{
        padding: 2.5% 2.9%;      
    }
    .special_buy .backToShop{
        padding: 0
    }    
    .options_select,
    .filter_elem,
    .filter_elem_select,
    .filter_elem_radio,
    .filter_elem_range,
    .filter {
        clear:both!important;
        float:left!important;
        width:90%!important;
    }   
    
    #artikel .itemTable_container .bild{
        display:none;
    }
    
    #artikel .itemTable_container .itemTable_row td{
        border:none !important;
    }
    
    .artikeldialog tr td:first-child{
        display:none;
    }
    
    .artikeldialog tr td:last-child{
        min-width: 70px;
    }
    
    .itemBild{
        display:none;
    }
    
    .itemMenge{
        clear:none!important;
        float: left!important;
        margin-left:10px!important;
    }
    
    .itemPreis{
        text-align:right!important;   
    }
    
    .zurKasseButton{
        width: 33%!important;
        padding: 2%!important;
    }
    
    #merken{
        width: 57%!important;
        padding: 2%!important;
    }
}