/* inmcs 2021-08-09  Deaktivierung OXID Standard mobile Navigation */
@media (max-width:1280px) {
  .navbar-toggle {
    display: block;
  }
}

@media (max-width: 1280px){
body{padding-top: 0 !important; background-color: #fff !important}
#page {display: block;height: 60px}
    
nav#mainnav, .menu-dropdowns.pull-right.lang-und-basket, .menu-dropdowns.pull-right.lang-und-basket.inm{
display: none 
}
#header .col-xs-12.col-sm-6.col-md-3.logo-col,
#header .col-xs-12.col-sm-6.col-md-3,
#header .col-xs-12.col-sm-12.col-md-4.col-md-push-4.menus-col{display: none}
body.is-checkout #header .col-xs-12.col-sm-6.col-md-3{display: block}    
div.headerDeliveryCountdown{margin-top: 0}
#header #page{position: fixed; top: 0px;left: 0px; padding-top: 5px; background-color: rgba(255,255,255,1.00); z-index: 11;-webkit-box-shadow: 0px 9px 15px -12px rgba(0,0,0,0.4); 
box-shadow: 0px 9px 15px -12px rgba(0,0,0,0.4);}    
#header #page .inm_mm_head_srv{padding-top: 10px}
#header #page .inm_mm_head_lg{width: auto;height: 20px}
.inm_mm_head_srv_col{float: left; width: 60px;text-align: center}
.inm_mm_head_srv_col:first-child{width: 120px;text-align: left}
.inm_mm_head_srv_col a {color: #333}
.inm_mm_head_srv_col .btn{font-size: 9px; padding: 0; background: none} 
.minibasket-menu-box p.functions {margin-top: 7px}  
.minibasket-menu-box .functions .btn{width: 90px; font-size: 14px; font-weight: 700;text-align: right;padding: 5px 15px 5px 5px; background: none}  
#loginBox .btn{color: #333}    
.mm-menu a{text-transform: uppercase}    
div.wishlist-menu:before {
    content: '';
    position: relative;
    background: url(../../out/flow/img/ak-sprite.png) no-repeat -20px 2px;
    background-size: auto 38px;
    width: 25px;
    height: 22px;
    margin: 0px auto;
    display: block;
}   
div.minibasket-menu:before {
    content: '';
    position: relative;
    background: url(../../out/flow/img/ak-sprite.png) no-repeat -184px -2px;
    width: 25px;
    background-size: auto 46px;
    height: 22px;
    margin: 0px auto;
    display: block;
}    
div.service-menu:before {
    content: '';
    position: relative;
    background: url(../../out/flow/img/ak-sprite.png) no-repeat -1px -1px;
    width: 18px;
    height: 22px;
    margin: 0px auto;
    display: block;
    top: 0;
}    
#header #page {
border-color: #ddd;
background: #fff!important;
border-radius: 0;
margin-right: 3px;
} 

.welcome-teaser{text-align: center}
    
#page {width: 100%}    
#page .navbar-toggle {
    position: relative;
    float: right;
    margin-right: 1px;
    padding: 9px 10px;
    margin-top: 3px;
    margin-bottom: 3px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}    
#page .header.offcanvas-toggle.navbar-toggle{float: left; width: 45px}
#page .inm_mm_head_srv{display: block;float: right; width: 87%}    
    
.col-main-navi.col-md-9X #page button{background: none;}     
.col-main-navi.col-md-9X #page .languages-menu.rem-languages-tpl img {width: 28px;}    
.col-main-navi.col-md-9X #page .header.offcanvas-toggle.navbar-toggle a,
.col-main-navi.col-md-9X #page .header.offcanvas-toggle.navbar-toggle a .icon-bar {
color: #fff !important;background-color:  #fff !important;    
}
.col-main-navi.col-md-9X #page .languages-menu.rem-languages-tpl .dropdown-menu>li>a {color: #333 !important}     
.btn-group.languages-menu.rem-languages-tpl.mm-panel.mm-hidden {display: inline-block !important; height: 50px;position: relative}
.mm-inm-divider{height: 70px}    
    
div.mm-navbar.mm-navbar_sticky{color: rgba(0,0,0,1.00);font-weight: 700}
nav.mm-menu.mm-menu_offcanvas.mm-menu_opened{-webkit-box-shadow: -1px 0px 21px -4px rgba(0,0,0,0.41); 
box-shadow: -1px 0px 21px -4px rgba(0,0,0,0.41);}   
 
.btn-group.service-menu.showLogin.open  .dropdown-menu.dropdown-menu-right.pull-right{ left: -150px}
.btn-group.minibasket-menu.open  .dropdown-menu.dropdown-menu-right.pull-right{ left: -280px}
#header .minibasket-menu .dropdown-menu {
    min-width: 320px;
    padding: 15px;
}    
}        
  
@media (max-width: 320px){
#page .header.offcanvas-toggle.navbar-toggle {width: 35px;}    
#header #page .inm_mm_head_lg{width: auto;height: 16px}
.inm_mm_head_srv_col:first-child{width: 88px;text-align: left}    
}    

@media screen  and (min-width:992px) and (max-width:1280px){
#header .col-xs-12.col-sm-6.col-md-3.logo-col,
#header .col-xs-12.col-sm-6.col-md-3{display: block}
    
.headerTop.hidden-xs{position: fixed;top: 0px;left: 0;width: 100%;z-index: 11; }    
#header #page {
    position: fixed;
    top: 46px;
    left: 0px;
    padding-top: 5px;
    background-color: rgba(255,255,255,1.00);
    z-index: 200;
    -webkit-box-shadow: 0px 9px 15px -12px rgb(0 0 0 / 40%);
    box-shadow: 0px 9px 15px -12px rgb(0 0 0 / 40%);}  

#header .header-box .col-xs-12.col-md-6:nth-child(3){width: 100%;margin-top: 20px}  
body.is-checkout #header .header-box{margin-top: 100px}    
.inm_mm_head_srv_col{float: right; width: 80px;text-align: center}   
.btn-group.wishlist-menu.inm_mm_head_srv_col a.btn{float: none; margin-top: -6px}
.inm_mm_head_srv_col:first-child {width: 190px;text-align: left;}
#header #page .inm_mm_head_lg {width: auto;height: 30px;} 
.col-xs-12.col-sm-12.col-md-4.col-md-push-4.search-col{width: 100%;left: 0;margin-bottom: 20px}
}


@media (min-width: 768px)and (max-width:1023px){
 .headerTop.hidden-xs{position: fixed;top: 0px;left: 0;width: 100%;z-index: 11; }  
#header #page {
    position: fixed;
    top: 66px;
    left: 0px;
    padding-top: 5px;
    background-color: rgba(255,255,255,1.00);
    z-index: 11;
    -webkit-box-shadow: 0px 9px 15px -12px rgb(0 0 0 / 40%);
    box-shadow: 0px 9px 15px -12px rgb(0 0 0 / 40%);}      
#page .inm_mm_head_srv {display: block;float: right;width: 250px;}    
.inm_mm_head_srv_col:first-child {display: none}
.inm_mm_head_srv_col {width: 80px}
.inm_mm_head_srv_col a {color: #000;margin: 0 auto !important; width: 100%}  
.inm_mm_head_srv_col span{color: #000;margin: 0 auto}      
     
   
#header .col-xs-12.col-sm-6.col-md-3.logo-col,
#header .col-xs-12.col-sm-6.col-md-3{display: inherit}
#header .col-xs-12.col-md-6{margin-top: 15px}
#header .header-box .logo-col {text-align: left;} 
#header .col-xs-12.col-sm-6.col-md-3 .headerPhone{float: right;}
#header .header-box{margin-top: 130px}    
body.is-checkout #header .header-box {margin-top: 80px}     
}



@media screen and (min-width: 768px) and (max-width:1280px){
#header #page {
    position: fixed;
    top: 66px;
    left: 0px;
    padding-top: 5px;
    background-color: rgba(255,255,255,1.00);
    z-index: 11;
    -webkit-box-shadow: 0px 9px 15px -12px rgb(0 0 0 / 40%);
    box-shadow: 0px 9px 15px -12px rgb(0 0 0 / 40%);}     
#header .header-box{margin-top: 130px}
#header .header-box .col-xs-12.col-md-3{width: 33%;}  
#header .header-box .col-xs-12.col-md-3:first-child{text-align: left}      
#header .header-box .col-xs-12.col-md-6:nth-child(3){width: 33%;margin-top: 0px}
.inm_mm_head_srv_col:first-child {display: none}    
.productData.col-sm-6.productBox .col-xs-12.col-md-7{float: none; text-align: left}    
.headerTop.hidden-xs .col-xs-6.col-sm-4.col-md-2{width: 33%; text-align: left}    
}


@media (min-width: 1280px){
nav#menu, .inm_mm_head_srv{display: none !important}
nav#mainnav{display: block !important}

.productBox .alistSizeMain {display: inline-block;}    
}


.inm_mm_head_srv_col .badge{color: #fff;background-color: #E3001B}