@media (max-width:991px){
.articles{width:100%!important}
.articleliste{width:auto!important}
.attr-list li img{max-width:45px!important;}
/* Main Menu Active */
.navbar .navbar-header .search-wrap .dropdown-menu{width:100%!important}
.headroom--top .ico-nav[title*="Cart"]{display:none}

.dropdown-menu .close{right:15px}
.navbar .ajax{margin-top:15px;position:relative}
/* Navbar-header --> ico-nav */
.ico-nav:hover .fa{color:#303257}
.ico-nav .badge{display:block;font-size:9px;box-shadow:0 0 3px #ef4f00;position:absolute;padding:3px 4px 1px;background:#ffe62e;border:1px solid #ff5500;color:#303255;left:auto;right:0}
.ico-nav .badge:empty{opacity:0}
 /* item slider  */
.item-slider .fa-cart-arrow-down{color:#ff5500}
.item-slider ul>li:hover .fa-cart-arrow-down{background:#fff}

.diamond{margin:60px 0 10px 35px;width:40px;height:40px}
.diamond>h3{font-size:16px;width:40px}
.diamond>h3>strong{line-height:13px}
.diamond>h3>span{font-size:9px;line-height:initial}

/*.product-preview{pointer-events: none;}*/
.sticky .recordset,.sticky .checkout-nav{-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);/*background-color:rgba(255,255,255,0.9)*/}

.tab-nav #more{padding-top:5px}
.tab-content .panel-collapse{display:none}

#more .panel-collapse:empty+.btn{display:none}
#more .panel-heading span{display:none}

.newsletter-btn,.clubmember-btn,.chat-btn{right:15px}
.side-wrapper{height:auto;max-height:600px}
/* Smartmenu for small devices */
.hamburger{width:20px;height:2px;background:#fff;display:block;position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-1px;-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms,-webkit-transform 200ms}.hamburger-1{-webkit-transform:translate3d(0,-6px,0);transform:translate3d(0,-6px,0)}.hamburger-2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hamburger-3{-webkit-transform:translate3d(0,6px,0);transform:translate3d(0,6px,0)}
.smartmenu-open{display:none}.smartmenu{position:fixed;height:40px;left:15px;bottom:55px;z-index:11;padding-left:40px;box-sizing:border-box;font-size:18px;text-align:left}
.menu-item{border:1px solid #333;transition:.3s all;-webkit-transition:.3s all;-moz-transition:.3s all;-o-transition:.3s all}.menu-item i{line-height:38px}.menu-item:hover,.menu-item:focus{background:#ff5b00;color:#fff;border:1px solid #ff5b00;box-shadow:0 5px 11px 0 #0000002e,0 4px 15px 0 #00000026}.menu-item:hover .fa-plus-circle,.menu-item:focus .fa-plus-circle{color:#ff5b00}.menu-item .fa-plus-circle{font-size:10px;color:#333}

.tipholder .fa-info-circle:hover + div.tip:hover{display: table-row;}
.tipholder .fa-info-circle:hover + div.tip{display:table-row;position:relative;margin-top:5px;top:auto;border:none;box-shadow:none;background:#0000}

.summary > div{margin:15px 0 0!important}

.DocumentBodyBox .col-md-3{text-align:center}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
.headroom--not-top .slide-panel, .headroom--not-top.headroom--not-bottom .slide-panel{top:0}
}
@media (min-width: 481px) and (max-width: 991px) {}
@media (min-width: 768px) and (max-width: 991px) {
.headfix-unpinned ~ .container .sticky .recordset, .headfix-pinned ~ .container .sticky .recordset{margin-top:42px;right:15px;left:15px}
.summary>div>div{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-rule:1px dotted #ddd;-moz-column-rule:1px dotted #ddd;column-rule:1px dotted #ddd}
}
@media (max-width:767px) {

.footerlist{display:table}
.headroom--not-top .slide-panel{top:74px!important}
.smartmenu-open:checked+.smartmenu-open-button .hamburger-1{-webkit-transform:translate3d(0,0,0) rotate(45deg);transform:translate3d(0,0,0) rotate(45deg)}.smartmenu-open:checked+.smartmenu-open-button .hamburger-2{-webkit-transform:translate3d(0,0,0) scale(0.1,1);transform:translate3d(0,0,0) scale(0.1,1)}.smartmenu-open:checked+.smartmenu-open-button .hamburger-3{-webkit-transform:translate3d(0,0,0) rotate(-45deg);transform:translate3d(0,0,0) rotate(-45deg)}.smartmenu-open:checked ~ .menu-item{-webkit-transition-timing-function:cubic-bezier(0.165,0.84,0.44,1);transition-timing-function:cubic-bezier(0.165,0.84,0.44,1);box-shadow:0 5px 11px -2px rgba(0,0,0,0.18),0px 4px 12px -7px rgba(0,0,0,0.15)}.smartmenu-open:checked ~ .menu-item:nth-child(3){-webkit-transition-duration:190ms;transition-duration:190ms;-webkit-transform:translate3d(0,-45px,0);transform:translate3d(0,-45px,0)}.smartmenu-open:checked ~ .menu-item:nth-child(4){-webkit-transition-duration:290ms;transition-duration:290ms;-webkit-transform:translate3d(0,-90px,0);transform:translate3d(0,-90px,0)}.smartmenu-open:checked ~ .menu-item:nth-child(5){-webkit-transition-duration:390ms;transition-duration:390ms;-webkit-transform:translate3d(0,-135px,0);transform:translate3d(0,-135px,0)}.smartmenu-open:checked ~ .menu-item:nth-child(6){-webkit-transition-duration:490ms;transition-duration:490ms;-webkit-transform:translate3d(0,-180px,0);transform:translate3d(0,-180px,0)}.smartmenu-open:checked ~ .menu-item:nth-child(7){-webkit-transition-duration:590ms;transition-duration:590ms;-webkit-transform:translate3d(0,-225px,0);transform:translate3d(0,-225px,0)}.smartmenu-open:checked ~ .menu-item:nth-child(8){-webkit-transition-duration:690ms;transition-duration:690ms;-webkit-transform:translate3d(0,-270px,0);transform:translate3d(0,-270px,0)}.smartmenu-open:checked ~ .menu-item:nth-child(9){-webkit-transition-duration:790ms;transition-duration:790ms;-webkit-transform:translate3d(0,-315px,0);transform:translate3d(0,-315px,0)}.smartmenu-open:checked ~ .menu-item:nth-child(10){-webkit-transition-duration:890ms;transition-duration:890ms;-webkit-transform:translate3d(0,-360px,0);transform:translate3d(0,-360px,0)}.smartmenu-open:checked ~ .menu-item:nth-child(11){-webkit-transition-duration:990ms;transition-duration:990ms;-webkit-transform:translate3d(0,-405px,0);transform:translate3d(0,-405px,0)}.smartmenu-open:checked ~ .menu-item:nth-child(12){-webkit-transition-duration:1090ms;transition-duration:1090ms;-webkit-transform:translate3d(0,-450px,0);transform:translate3d(0,-450px,0)}.smartmenu-open:checked ~ .menu-item[tooltip]:before{bottom:15%;border-radius:3px;background:#585858;color:#fff;content:attr(tooltip);visibility:hidden;opacity:0;padding:5px 7px;margin-left:10px;position:absolute;left:100%;white-space:nowrap;font:600 12px/14px arial}.smartmenu-open:checked ~ .menu-item[tooltip]:hover:before,.smartmenu-open:checked ~ .menu-item[tooltip]:hover:after{visibility:visible;opacity:1}
.discountbtn-xs h1{margin:0!important;line-height:45px;font-size:20px;white-space:nowrap}.discountbtn-xs h1:before{content:"-"}.discountbtn-xs span{display:none}
#freeshipping img{width:85px}
.selectiontype.fa-box .radio.radio-def input[type=radio]+label,.selectiontype.fa-box .radio.radio-def input[type=checkbox]+label{padding-left:30px;margin-bottom:0;line-height:18px}.selectiontype.fa-box .radio.radio-def label{padding:7px}
.selectiontype.fa-box .radio label{font-size:14px}.selectiontype.fa-box .radio input[type=radio]+label:before,.selectiontype.fa-box .radio input[type=checkbox]+label:before{font-size:21px}
.pop-up.modal-content>form{width:90%;margin:auto;left:10px;right:10px}
/*.cart-list td{text-align:right}*/
.mobile-search.active,.mobile-search.hover,.mobile-search:hover{width:100%!important;position:absolute;z-index:10}
.row.content .item-slider{margin:0!important}
.tab-nav+#tag>div{padding:0!important}
.tab-nav span>li:last-of-type{border:none}
.tab-nav >li >a:before, .tab-nav span >li >a:before{font-size:20px;line-height:20px;content:'\f107';float:right;position:relative;font-family:FontAwesome}
.tab-nav >.active >a:before, .tab-nav span>.active >a:before{content:'\f106';font-family:FontAwesome;color:#f50}

#tabs >.tab-content {display:none!important}
.tab-content .table > tbody > tr .chip{opacity:1!important}
.tab-content{margin:0;padding:15px 0 15px;top:0!important}
.tab-content.mypageaddon .modal-content{margin:15px 15px 30px!important;left:0;top:0;right:0;z-index:101;margin:20px}

section #searchfilter li{width:29%!important}
section #searchfilter li a{line-height:24px!important}
section #searchfilter li a i[class*="-circle"]{font-size:22px!important;line-height:24px!important;float:left;padding-right:5px}

.item-slider .price-box{margin-bottom:0}
.item-slider.large-mode .price{font-size:25px!important;clear:both}
.item-slider .overview .sstat{font-size:12px}

 /* Benefits block */
.benefits>div{width:50%!important;margin:15px 0 10px!important}

/* Tiles */
.tile h1{font-size:26px}.tile h2{font-size:20px!important}.tile p{font-size:15px;line-height:24px}

.headfix.headroom--not-top{transform:translateY(-64%)}
.headfix-unpinned~.container .sticky .recordset,
.headfix-pinned~.container .sticky .recordset{margin-top:42px;right:0;left:0}

.grid .prod-col-b{width:100%;height:224px;overflow:hidden}

.narrowby .selectiontype>.checked{color:#ff5500}
.filter-ajax{margin:15px}
#article>.item-info~.btn:visible+.row{border-top:1px solid #e9e9e9}
.visible-xs-table-cell{display:table-cell!important}
#flex-container+div>.nav-left{top:140px}
/* Searchresult */

.searchresults ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;font-size:14px}

#main .row.form-group{margin-bottom:15px!important}
#article .catalogue.content.row>div{padding:0}
#footer .containerRow,#path{display:none}

.DocumentBodyBox .product-list{padding:0!important}
.DocumentBodyBox #top-of-list{width:100%!important}
.DocumentBodyBox #top-of-list>.recordset{left:0}
/* Style for Old Review Rating */
.review-rating .rating-users>div{width:100%}
.review-rating{position:relative;-webkit-column-count:auto;-moz-column-count:auto;column-count:auto}
.review-rating>div{margin-left:15px;margin-right:15px}
.review-rating .fa~span:nth-child(3){display:none}

.diamond.diamond-md+.bigpricebg{font-size:32px;text-align:center}.diamond.diamond-md+.bigpricebg .alt-price{font-size:15px}
.summary>div{border:0;border-radius:5px}
.tip-plate-lg h3{height:80px;margin-bottom:25px!important}.tip-plate-lg h3>span{font-size:18px;padding-left:55px;padding-top:8px}.tip-plate-lg strong>span{line-height:80px;font-size:50px}.tip-plate-lg strong>div{line-height:75px;padding:4px 7px 4px 30px}.tip-plate-lg strong>div>span{font-size:20px}.tip-plate-lg strong>div>strong{font-size:75px}.tip-plate-lg.down strong:before{border-width:1.9em 0 0 1.9em;bottom:-1.8em}
.best-sellers .product .splitt{display:none}.best-sellers .product{border-right:none!important}.best-sellers .product:not(:last-child)>div{padding-bottom:25px;border-bottom:1px dashed #ff5500}.best-sellers .product.last-product>div{border-bottom:0}

.footerlist>div{padding:0}
.footerlist>div:not(:last-child){width:50%}
.footerlist>div:not(:last-child):nth-of-type(odd) {padding-right:15px}
.footerlist>div:nth-child(3){border-left:none}

.navbar .navbar-header .search-wrap .close{position:absolute;top:0;background:#fff;opacity:.9;border-radius:50%}
.menu-block .dropdown-toggle:not(.visible-xs-table-cell){display:none!important}

.notify-btn,.clubmember-btn{right:70px;left:auto}
.newsletter-btn .btn>span,.clubmember-btn .btn>span,.notify-btn .btn>span,.chat-btn .btn>span{display:none}
.newsletter-btn,.clubmember-btn{right:126px;left:auto;margin-left:auto}

#newsletterpopup .modal-header h2{font-size:30px!important}
#newsletterpopup .modal-dialog{margin-top:20px}
/**/
#cart-table td>a{line-height:18px}
#cart-table td .btn:hover .fa{color:#fff}
#cart-table>thead{display:none}
#cart-table>tbody>tr>td{display:block;white-space:normal!important}
#cart-table .holder .input-group .input-group-addon{min-width:13px}
#cart-table .operations{margin-top:10px;margin-bottom:20px}
#cart-table .price.oneprise+.holder{width:130px}
#cart-table .price.oneprise+.holder>span{line-height:34px}

#partners>div{padding-bottom:15px;min-height:60px}
.side-wrapper{max-height:400px}
.border-solid{border-top:1px solid #ff5500;border-bottom:1px solid #ff5500;margin:15px 0;padding:15px}

#partner,#wizard{padding:0 15px}
#wizard .product-list{padding:0}
}

@media (max-width: 568px){
.discountbtn-xs{width:45px;height:45px}
.discountbtn-xs h1{line-height:35px;font-size:15px}
 /* Benefits block */
.benefits>div{width:100%!important}
.benefits>div:first-of-type{padding-top:10px}
 /* item slider  */
.item-slider ul>li>a>.fa-cart-arrow-down{opacity:.7}
.item-slider ul>li>a>.fa:hover{opacity:1;color:#fff}
.item-slider ul>li.active{font-size:22px}
.item-slider .active>li[data-product]{display:inline-block;width:100%!important;margin:15px 0}
/*.item-slider.large-mode li[data-product]{width:100%!important;max-width:100%;display:inline-block!important;margin:10px 0}*/
.item-slider.large-mode .col-md-6+.col-md-6{min-height:0!important}
.recordset .records>strong{display:none!important}
.modal-chat{left:1%}
.tip-plate-sm h3{font-size:15px!important;padding:2px 5px}.tip-plate-lg h3{height:50px;margin-bottom:20px!important}.tip-plate-lg h3>span{font-size:16px;padding-left:50px}.tip-plate-lg.down strong:before{border-width:1.5em 0 0 1.5em;bottom:-1.4em}.tip-plate-lg strong>span{line-height:49px;font-size:28px;padding:4px 10px}.tip-plate-lg strong>div{line-height:42px;padding:4px 7px 4px 20px}.tip-plate-lg strong>div>span{font-size:12px;line-height:10px}.tip-plate-lg strong>div>strong{font-size:50px}

section #searchfilter li{width:45%!important}
#frequentlyboughttogether{display:none}
#deliverytable+.row{margin:0}
#newsletterpopup .modal-header h2{font-size:28px!important}
#newsletterpopup .modal-body h2{font-size:26px!important}
}

@media (max-width:480px){
.separator h2, .separator h2 span+span, .separator h2 span:not(:empty)+span{font-size:12px}
/* Cart Menu */

.cart .badge{display:block;position:absolute;z-index:10;right:-5px;opacity:1;border:1px solid #fff;background-color:#DE0803}
.cart .badge:empty{opacity:0}
.cart .dropdown-menu{display:none!important}
.modal-cart .btn-holder{float:right!important}
.modal-cart .price-box{border:none}
/*.modal-cart .product-preview{float:none;margin:0;width:auto}*/

.separator h2 span:not(:empty){max-width:200px}
.product-title h2 div>strong{height:14px;display:inline-block}
.product-list .modal .bigprice{font-size:20px}
.nav-left{left:0!important}

section #searchfilter li{width:100%!important}
.searchresults ul{-webkit-column-count:1;-moz-column-count:1;column-count:1}

.menu-block .dropdown-toggle:not(.visible-xs-table-cell){display:table-cell!important}
.menu-block .dropdown-toggle.hidden-xs{display:none!important}

.tab-content .period >div:not(.input-group){float:none;display:block;margin-bottom:5px;height:auto}
.tab-content .period .input-group {max-width:100%}
}
@media (max-width: 378px){
.holder .input-group-addon{padding:6px 8px;width:25px!important}
.discountbtn-xs{width:35px;height:35px}.discountbtn-xs h1{line-height:25px;font-size:12px}
.item-slider li{float:left}.item-slider ul>li.active{font-size:20px;padding:5px}.item-slider .only-price .price-box>.price{font-size:13px!important}
.recordset .showrecords{display:none!important}

.diamond.diamond-md>h3{font-size:15px}
.diamond.diamond-md>h3>strong{line-height:16px;max-width:60px}
.diamond.diamond-md{width:65px;height:65px}
.diamond.diamond-md+.bigpricebg .bigprice{font-size:28px}
.diamond.diamond-md+.bigpricebg .alt-price{font-size:12px}

.footerlist>div:not(:last-child){width:100%;min-height:inherit}
.footerlist>div{border-left:none;height:auto}
.footerlist>div:last-child{display:block;margin-bottom:15px}
.footerlist>div:last-child address{width:100%;float:none}

#newsletterpopup .modal-dialog {margin-top: 10px;}
#newsletterpopup .modal-header h2{font-size:24px!important}
#newsletterpopup .modal-footer{text-align:center}
#newsletterpopup .modal-footer a{float:none!important;padding: 0 0 14px;display:block}

.modal .table>thead>tr>th,.modal .table>tbody>tr>th,.modal .table>tfoot>tr>th,.modal .table>thead>tr>td,.modal .table>tbody>tr>td,.modal .table>tfoot>tr>td{display:block;padding:2px 0}.modal table.table>tbody>tr{margin-top:15px;display:block}
.modal:not(.modal-cart) .list .item-info{width:calc(100% - 140px);}
.modal:not(.modal-cart) .list .price-box{width:100%}

.tab-nav .grid .product{width:97%}
.grid .price-box span:not(.bigprice){line-height:17px}
.grid .product{height:auto;border-bottom:1px solid #ccc;padding:10px 15px 15px}
.product-list .product-info{float:left;width:100%;margin-top:10px}
.product-list .product-info .label.lagerstatus{clear:both}
.product-list .product-info .label{font-size:13px;width:24%}
.product-list .product-info .label:not(:last-child){margin-right:1%}
.product-list .ratings{clear:none;padding-top:2px;text-align:left;}
.product-list .ratings .fa{font-size:1.2em}
.product-list .price-box{height:auto;float:left;margin-bottom:0;text-align:left}
.product-list .bigprice{margin-top:0;text-align:left}
.product-list .modal .btn-holder{margin:5px 0 15px;clear:both;width:auto;position:relative;top:auto;right:auto}
.product-list .btn-holder~.compare input[type=checkbox]+label:before{font-size:24px;padding-top:0}
.product-list .product-preview{float:left;margin-right:10px}
.product-list .compare label+.ajax{left:3px}
.product-list .tip-plate.down.color-gray{max-width:55%}
.product-list .tip-plate h3{white-space:normal;height:auto}
.product-list .tip-plate h3>strong{height:auto;text-align:center}
}
@media (max-width: 374px){.tip-plate {word-break:break-all}.modal-cart .product-preview{float:none;margin:auto}}
@media (max-width: 320px){.home-privat img{width:100%;float:none}.flip-clock-wrapper{transform: scale(0.8,0.8) translate3d(0,0,0); width: 300px;right: calc(100% - 242px);}}
