.site-msg.information {background: var(--color-primary);}
.advanced-order .products-block.products-related .product:nth-child(n + 4) {display: none;}
@media screen and (min-width: 768px){
.top-navigation-bar .container{position: relative;}
.top-navigation-bar .container > div.top-navigation-menu{position: absolute; left: -20px;bottom: -118px;z-index: 1;padding: 0;width: 100%;text-align: left;}
.header-top {padding-bottom: 42px;padding-top: 18px;height: 125px;}
.top-navigation-bar a {color: #222;}
.menu-helper{top: 125px;}
}
.hp-kategorie-wrapper h2{text-align: center;font-size: 26px;color: #666; margin: 0 0 32px 0;}
.hp-kategorie{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.hp-kategorie > div{width: 16.6666%; padding: 0 10px; margin-bottom: 20px;}
.hp-kategorie > div a{display: block; border: 1px solid #dadada; padding: 10px;text-align: center;}
.hp-kategorie > div a:hover{box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.hp-kategorie > div span{color: #222;font-size: 16px;line-height: 20px;height: 40px;display: flex;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;align-items: center;margin-top: 10px;}
.hp-kategorie > div a:hover span{text-decoration: underline;}
.footer-banner a:hover img {transform: none;}
@media screen and (max-width: 1199px){
.hp-kategorie > div{width: 33.3333%;}
}
@media screen and (max-width: 767px){
.hp-kategorie{margin: 0 -5px;}
.hp-kategorie > div{padding: 0 5px; margin-bottom: 10px;}
.hp-kategorie > div span {font-size: 14px;line-height: 18px;height: 36px;}
#header, .top-navigation-bar {z-index: 9999;}
}
@media screen and (max-width: 479px){
.hp-kategorie > div{width: 50%;}
}
@media screen and (min-width: 768px){
.id--16 .search-form, .id--16 #navigation, .id--16 .top-navigation-menu, .id--16 .order-summary .checkout-box,
.id--17 .search-form, .id--17 #navigation, .id--17 .top-navigation-menu, .id--17 .order-summary .checkout-box{display: none !important;}
.id--16 .header-top, .id--17 .header-top {padding-bottom: 18px;height: 98px;}
}
@media screen and (max-width: 767px){
ol.cart-header li{display: block;width: 33.3333%;padding: 0 10px;text-align: center;font-size: 14px;line-height: 1.2;}
ol.cart-header {display: flex; flex-wrap: wrap; position: relative;}
ol.cart-header li a::before, ol.cart-header li strong::before {content: counter(steps);counter-increment: steps;display: block;margin: 0 auto 6px;width: 32px;height: 32px;line-height: 32px;background-color: #f1f1f1;border-radius: 50%;}
ol.cart-header li a, ol.cart-header li strong{padding: 10px 0;text-transform: none;font-size: 14px;line-height: 1.2;}
.ordering-process .responsive-tools > a[data-target="navigation"] {line-height: 38px;}
.ordering-process .top-navigation-bar {border-bottom: 1px solid #dadada;}
.ordering-process #header .site-name{display: block;}
.ordering-process #header, .ordering-process .responsive-tools > a[data-target="navigation"]{position: absolute;}
ol.cart-header li.active a, ol.cart-header li.active strong{font-weight: 700;}
}
.site-msg-custom.step-1{padding: 20px;background-color: rgba(158, 117, 78, .1);border: 2px dashed var(--color-tertiary);color: #000;width: 100%;margin-top: 24px;}
.site-msg-custom.step-1 p:last-child{margin-bottom: 0 !important;}
@media screen and (max-width: 991px){
.site-msg-custom.step-1{width: calc(100% - 20px);margin: 20px 10px;}
}
article img {margin-top: 24px;margin-bottom: 24px !important;}
article img[style*="float: right"] {margin-left: 24px;}
article img[style*="float: left"] {margin-right: 24px;}
article table {width: 100%;margin-bottom: 40px;}
article table td {color: #000;font-size: 14px;line-height: 24px;padding: 12px;}
article table tr:first-child {background-color: #FAF2EC;font-weight: 600;}
article table tr:not(:first-child) {border-bottom: 1px solid #DEDFE2;}
article table td:last-child {text-align: right;}
article ul, article ol {list-style: none;padding: 0;margin: 0 0 32px 0;}
article ul li, article ol li {margin-bottom: 12px;position: relative;}
article ul li {padding-left: 32px;}
article ul li::before {content: url('/user/documents/upload/sipka-li.svg');position: absolute;left: 0;top: -1px;}
article ol li {padding-left: 22px;}
article ol li::before {counter-increment: steps;content: counter(steps)'.';position: absolute;left: 0;color: #F2994A;font-weight: 700;}.news-item-detail img + img {margin-left: 8px;}
article a {text-decoration: underline;color: #9e754e !important;}
article a:hover {text-decoration: none;}
.category-header{display: none !important;}
@media screen and (max-width: 767px){
body:not(.ordering-process) .top-navigation-menu{display: block !important; height: auto; padding: 0;left: -10px;width: calc(100% + 30px);}
.top-navigation-menu-trigger{display: none !important;}
body:not(.ordering-process) #header{top: 81px;}
.top-navigation-bar-menu li {font-size: 14px;}
.top-navigation-bar-menu li a{padding: 11px 0;}
.top-navigation-bar-menu li::before {font-size: 13px;left: -9px;margin-top: -8px;color: #ccc !important;}
.top-navigation-bar-menu li{margin-right: 16px;display: block !important;}
.top-navigation-bar-menu {display: flex;flex-wrap: nowrap;overflow: auto;}
.responsive-tools > a[data-target="navigation"] {top: 36px;}
.popup-widget.cart-widget{padding-top: 75px;}
body:not(.ordering-process) .overall-wrapper {padding-top: 127px !important;}
}
.quantity .decrease, .quantity .increase {height: 30px !important;width: 30px !important;border-radius: 4px !important;border: 0;background-color: #eee;top: calc(50% - 15px) !important;}
.quantity .decrease{left: 10px !important; right: auto;}
.quantity .increase{right: 10px; left: auto;}
.quantity {padding: 0 40px !important;}
.quantity input{text-align: center;width: 35px !important;font-size: 16px !important;}
.quantity .decrease::before, .quantity .increase::before{line-height: 30px !important;}
.quantity .increase::before {content: "\e918";}
.quantity .decrease::before {content: "\e919";}
.quantity .decrease:hover, .quantity .increase:hover{background-color: var(--color-secondary-hover);color: #fff;}
.cart-widget-product > div.cart-widget-product-unit{display: none;}
.cart-widget-product > div.cart-widget-product-amount{width: 130px;padding: 0;}
@media screen and (max-width: 767px){
    .id--9 .cart-table tr{position: relative;}
    .id--9 .remove-item{top: 0; right: 0; position: absolute;}
    .id--9 .messages {z-index: 9999;}
}