/* ALLGEMEIN */
/* CI-Hauptfarbe: #12CC8C */
#opc {display:none;}
h1, h2, h3 {font-family:"Open Sans",sans-serif; letter-spacing:.2rem; text-align:center;}
h2, h3 {letter-spacing:.1rem;}
h1 {font-size:1.8rem; font-size:clamp(1em, calc(1em + 1vw), 1.8em); text-transform:uppercase; overflow:hidden;}
h2 {font-size:1.5rem; font-size:clamp(0.9em, calc(0.9em + 1vw), 1.5em);}
h3 {font-size:1.2rem; font-size:clamp(0.85em, calc(0.85em + 1vw), 1.2em); margin:0; padding:2rem .5rem 1rem 0rem; text-align:left;}
h1::before, h1::after {background:#eee; content:""; display:inline-block; height:1px; position:relative; vertical-align:middle; width:50%;}
h1::before {right:1rem; margin-left:-50%;}
h1::after {left:1rem; margin-right:-50%;}
.breadcrumb-wrapper {border-color:#f5f5f5; border:0; margin-bottom:0.5rem;}
.breadcrumb-item {font-weight:normal; font-size:0.7rem;}
#content-wrapper:not(.has-fluid) {padding-top:0.5rem;}
.fa-star:before, .fa-star-half-alt:before {color:#ffc041;}
.btn-primary {color:#fff; box-shadow:none;}
.btn-primary:hover, .button:hover {background-color:#000; border-color:#ccc; color:#fff;}
.btn-outline-primary:hover {background-color:#eee; border-color:#000;}
#pushed-success .alert-success {background-color:#cee8d1;}
.modal-content .index-heading-wrapper, .modal-title {display:none !important;}
.clear {clear:both;} /* um "float" für Bilder o.ä. aufzuheben */


/* BUTTONS */
#th-button a {background:#12cc8c; display:inline-block; text-decoration:none !important; padding:0.5rem 1.5rem; color:#fff; text-align:center; font-size:1rem; line-height:1.5; font-weight:700;}
#th-button.gray a {background:#ccc; color:#333;}
#th-button a:hover {background-color:#000; color:#fff;}
#th-button a .svg-icon {position:relative; bottom:1px; margin:0 4px 0 0; fill:#fff; width:1rem;}
#th-button a:hover .svg-icon {color:#fff !important; fill:#12cc8c;}
#th-button a i {margin:0 0 0 4px;}


/* HEADER */
#header-top-bar {background:#FAFAFA; z-index:1022; border-bottom:1px solid #EFEFEF;}
#header-top-bar .container-fluid {padding:0;}
#header-top-bar .service {display:flex; flex-wrap:wrap; width:100%;}
#header-top-bar .service div {flex:0 0 25%; max-width:25%; text-align:center; line-height:2rem; font-size:0.8rem; color:#888;}
#header-top-bar .service i {margin-right:2px;}
#header-top-bar .service .fas {color:#aaa;}
#header-top-bar.header-top-bar2 {background:#fff; z-index:1021;}


/* HEADER ICONS (Warenkorb, Suche, etc.) */
.cart-icon-dropdown .dropdown-cart-items tr td {padding:.5rem; font-size:0.8rem;}
.cart-icon-dropdown .dropdown-cart-items tr:last-child td {border-bottom:0;}
.cart-icon-dropdown .dropdown-body:last-child, .dropdown-footer:last-child {background:#f5f5f5;}
#header-top-bar .search-wrapper .form-control {border-color:transparent; background:#f5f5f5 !important; box-shadow:none;}
#header-top-bar .search-wrapper .btn-secondary {border-color:transparent; background:#f5f5f5 !important; color:#525252; box-shadow:none;}
#header-top-bar .navbar {padding:0.7rem 1rem;}
/*.search-wrapper form:focus {background-color:#f00 !important; border:1px solid #f00;}
 { border:1px solid #f00;}*/
#search .tt-input:active, #search .tt-input:focus {background-color:#eee !important;/* border:1px solid #12cc8c;*/}
.cart-icon-dropdown-icon .fa-sup {color:#fff;}


/* WARENKORB */
.basket_wrapper .manufacturer {display:none;}
.basket_wrapper .sku {color:#bbb; font-size:.8rem;}
.cart-dropdown .cart-dropdown-empty {padding:1.5rem;}


/* CONSENT MANAGER (Datenschutz Einwillingungskram) */
#consent-manager p {font-size:0.75rem;}


/*MEGAMENU */
#th-mega {display:flex; flex-wrap:wrap; width:100%;}
#th-mega div {flex:0 0 calc(100%/6); max-width:calc(100%/6); padding:0 .5rem; margin:.5rem 0; white-space:normal;}
#th-mega div a {display:block; background:#fff; color:#666; font-size: .85rem; line-height:1.3rem; padding:.2rem .2rem .2rem .7rem; margin:0; border:1px solid transparent;}
#th-mega div p {font-weight:700; padding:.3rem 0 .3rem .7rem; margin:0.5rem 0 0; background:#eee; border:1px solid transparent; border-top:1px solid #ddd; color:#333;}
#th-mega div p a {background:transparent; padding:0; font-size:.9rem; color:#000;}
#th-mega div p a:hover {border-color:transparent;}
#th-mega div p.th-m-main:hover {border-color:#000;}


/* MOBILE MENU */
.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:before {transform: translateX(-50%) translateY(-0.45rem);}
.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:after {transform: translateX(-50%) translateY(0.45rem);}


/* ARTIKEL-ANSICHT */
#product-offer h1 {text-transform:none; font-size:1.5rem; font-size:clamp(1em, calc(1em + 1vw), 1.5em);}
#product-offer h1::before, .product-detail h1::after {height:0;}
#product-offer .price_wrapper {display:flex; flex-wrap:wrap; border-top:1px solid #ebebeb; padding:1rem; margin:0;}
#product-offer .price {flex:0 0 43%; max-width:43%; margin:0;}
#product-offer .price-note {flex:0 0 52%; max-width:52%; padding:.8rem 0 0 0; text-align:right;}
#product-offer .pricestarting {flex:0 0 5%; max-width:5%;}
#product-offer .vat_info, .product-detail .price_wrapper .vat_info a {color:#ccc; font-size:0.7rem;}
#product-offer .estimated-delivery {display:none;}
#product-offer .status-icon {width:10px;}
#product-offer span.status-icon {display:none;}
#product-offer .delivery-status .status {border:1px solid #eee; border-width:1px 0; padding:.1rem .2rem; width:100%; display:block; text-align:center;}
#product-offer .delivery-status .status-1 {color:#f39932;}
#product-offer .delivery-status .status-2 {color:#777;}
#product-offer .product-info ul.info-essential {margin:1rem 0;}
#product-offer .product-info ul.info-essential .product-sku {text-align:right; font-size:0.8rem; color:#999;}
#product-offer .product-info .stock-information.stock-information-p {margin-top:0; border:0; padding:0;}
#product-offer .product-info .shortdesc {margin:1rem 0 0; padding:1rem; border-top:1px solid #ebebeb;}
#product-offer .product-info .product-offer .row {margin-bottom:0;}
#product-offer .product-info .product-offer .variation-wrapper:first-Child {border-top:1px solid #ebebeb; padding:1rem 0 0;}
#product-offer .variations dt {font-weight:700; margin-bottom:5px;}
#product-offer #add-to-cart {margin:2rem 0;}
#product-offer .usp-icons {border:1px solid #ebebeb; border-width:1px 0 ; padding:1rem 0; display:flex; flex-wrap:wrap;}
#product-offer .usp-icons div {flex:0 0 calc(100%/4); max-width:calc(100%/4); text-align:center; color:#777;}
#product-offer .usp-icons img {max-width:34px; opacity:0.45; margin:0 0 5px;}
#product-offer .rating-wrapper {text-align:center;}
#pushed-success .img-fluid {max-width:150px;}
.#{$fa-css-prefix}-truck:before { content: fa-content($fa-var-check); }
.abmessung-svg {max-width:450px; min-width:100px; padding:1rem;}
#tab-description .desc img {max-width:450px; min-width:150px; padding:1rem;}
#tab-description .gpsr {font-size:0.7rem; text-align:right; list-style:none; display:block;}
#tab-description .gpsr img {max-width:35px; min-width:35px; padding:0;}
#tab-description table tr h3 {padding:1rem .5rem .7rem 0;}


/* ARTIKEL-ANSICHT - TAB */
.tab-navigation .tab-content {margin:0 0 1.5rem 0; border:1px solid #ddd; padding:1rem;}
.tab-navigation .nav-tabs {border:0;}
.tab-navigation .nav-item:not(:last-child) {margin:0 1px 0 0;}
.tab-navigation .nav-link {border:1px solid #eee; border-bottom:0; padding:0.5rem 2rem;}
.tab-navigation .nav-link.active {background-color:#fff; border-color:#ddd;}
.tab-navigation .nav-link::after {border:0;}
.tab-navigation .nav-link:hover, .tab-navigation .nav-link:focus {border-color:#ddd;}


/* ARTIKEL-ANSICHT - TAB - MOBILE */
#tabAccordion {margin-bottom:2rem;}
#tabAccordion .card {border:1px solid #eee;}
#tabAccordion .card .card-header {background:#f9f9f9;}


/* ARTIKEL-ANSICHT - VARIATION - SWATCHES BILDER */
/*.swatches-image, .swatches-image.active {border-width:2px; border-radius:10px;}*/
.swatches-image img {padding:2px;}
.variations .swatches .variation-badge {display:block; /*border-top:1px solid #eee;*/ font-size:0.7rem;}
.variations .text-success {color:#000 !important; border:1px solid #12cc8c; border-width:1px 0;}


/* KATEGORIE & ARTIKEL-ÜBERSICHT - BUTTONS */
.sub-categories a {text-decoration:none;}
.sub-categories a .katbutton {width:100%; display:block; line-height:1rem; font-size:.9rem; padding:0.5rem 0; background:#ddd; border-color:#ddd; font-weight:200; text-align:center;}
.sub-categories a:hover .katbutton {background:#12cc8c; border-color:#12cc8c; color:#000;}
.content-cats-small .sub-categories .subcategories-image {margin-bottom:0;}
.xtrabutton ul {margin:0 -1rem; list-style:none; padding:0; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.xtrabutton li {flex:0 0 25%; max-width:25%; padding:0 1rem 1rem; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.xtrabutton a {width:100%; color:#525252; background:#ddd; padding:0.3rem 0rem; text-align:center; text-decoration:none;}
.xtrabutton a:hover {background:#F8BF00;}
#size {border:1px solid #707070; border-radius:2px; margin:1rem 0 0;}
#size .opc-Accordion-collapse {padding:0.5rem 1.5rem;}
#size button {min-width:13rem;}
.button.gray {background:#ccc; color:#333; border-color:#ccc; font-weight:100;}
#product-list .productbox-title a {text-decoration:none;}
#result-wrapper .th-desc-top {border-bottom:1px solid #eee;}
#result-wrapper .th-img-top img {width:100%;}
#result-wrapper .productlist-page-nav-bottom, #result-wrapper .productlist-page-nav-top {margin:0 0 1rem; border-color:transparent;}
#result-wrapper .pagination .page-link {background:#eee; border:1px solid #fff;}
#result-wrapper .pagination .page-link:hover {border-color:#12cc8c;}
.page-item.active .page-link::after, .page-item.active .page-text::after {left:0; right:0;}
#result-wrapper .price_wrapper .pricestarting {color:#aaa;}



/* KATEGORIE & ARTIKEL-ÜBERSICHT - BILD & HOOVER */
.productbox.productbox-hover:hover .productbox-inner::before {left:-1.5rem; right:-1.5rem;}
#product-list {padding:0 1rem;}
#product-list .productbox-inner .col-12 {padding:0 0.1rem;}
#product-list .product-wrapper:not(:last-child) {margin-bottom:2rem;}
#product-list .product-wrapper .square-image .inner img {width:100%; filter:brightness(98%);}
#product-list .product-wrapper .square-image .inner img.second {filter:brightness(100%);}
#product-list .product-wrapper .productbox:hover .inner img {filter:brightness(100%);}
#product-list .productbox-show-variations .productbox-variations {padding:0 1rem !important;}


/* HERSTELLER & MARKEN (Max-Palmer Seite) */
.brand {display:flex; flex-wrap:wrap; background:#f7f7f7;}
.brand .brand_text {flex:0 0 75%; max-width:75%; padding:2rem; text-align:justify;}
.brand .brand_img {flex:0 0 25%; max-width:25%; text-align:right;}
.brand img {max-width:100%;}


/* TABELLEN */
table {width:100%; max-width:100%;}
table tr {border:1px solid #ddd; border-width:0 0 1px;}
table th {border-top:1px solid #ddd; background:#eee; color:#000;}
table th, table td {border-bottom:0px solid #ddd; padding:0.5rem 0 0.5rem 1rem;}
table td:first-child {max-width:300px;}
table tr:nth-child(2n) td {background:#f9f9f9;} /* "odd" oder "2n+1" = alle ungeraden Zeilen & "even" oder "2n" = alle gerade Zeilen */
/* TABELLE ARTIKEL-BESCHREIBUNG - wegen alter Farben in der Wawi */
#tab-description table {border:0 solid #fff !important; background-color:transparent !important; margin-bottom:0;}
#tab-description table tr {background-color:transparent !important;}
#tab-description table tr:first-child {border-top:1px solid #ddd;}
#tab-description table td {padding:0.5rem 1%; background:#f9f9f9 !important; color:#707070 !important; border:0;}
#tab-description tr:nth-child(2n) td {background:#fff !important;} /* "odd" oder "2n+1" = alle ungeraden Zeilen & "even" oder "2n" = alle gerade Zeilen */
#tab-description table font {color:#707070 !important;}
#tab-description table h2 {font-size:1.15rem; margin:0; color:#707070;}
#tab-description table table td, #tab-description table table tr {border:0 !important;}
#tablekontakt {width:100%; margin:2rem 0 4rem;}
#tablekontakt td {width:33.333333%; border:1px solid #666; background:#fafafa; padding:1.5rem;}


/* BLOG & NEWS */
.newsbox {background:#f6f6f6;}
.newsbox-body {padding:1rem;}
.newsbox-footer {padding:0 1rem;}
.blog-details {background:#fff; font-size:1.1rem; padding:0;}
.blog-details div {display:inline-block; width:100%;}
.blog-details h1 {padding:1rem; color:#000;}
.blog-details h2 {border-top:1px solid #ccc; margin:3.5rem 0 2rem; padding:2.5rem 0 0; color:#000;}
.blog-details h3 {font-size:1.2rem; margin:0; display:inline-block; text-decoration:underline 1px #ccc; color:#000;}
.blog-details .author-meta {text-align:left; padding-left:3rem;}
.blog-details #blog p {text-align:justify;}
.blog-details #blog p.mid {text-align:center;}
.blog-details #blog p.pic {float:left; margin:0 2rem 1rem 0;}
.blog-details #blog p.pic.right {float:right; margin:0 0 1rem 2rem;}
.blog-details #blog p.button a {color:#fff; text-decoration:none;}
.blog-details #blog img, iframe {max-width:100%;}
.blog-details #blog a {text-decoration:underline; font-weight:bold;}
/*.blog-details #blog div {padding:2.5rem 2rem;}*/
/*.blog-details #blog div:nth-child(2n+1) {background:#f9f9f9;}*/ /* "2nd" = alle ungeraden Zeilen & "2nd+1" = alle gerade Zeilen bzw. jeder erste oder zweite */


/* STARTSEITE */
.ths h1 {margin-top:1rem;}
.ths img {max-width:100%; width:100%;}
.ths0 p {letter-spacing:0.25rem; text-transform:uppercase; text-align:center; font-size:1.1rem;}
.ths1 {display:flex; flex-wrap:wrap; margin:1rem 0 0;}
.ths1 div {flex:0 0 25%; max-width:25%; padding:0; border:1px solid #fff; position:relative;}
.ths1 div a {padding:0; width:100%; color:#fff; text-transform:uppercase; text-decoration:none; font-size:1rem; line-height:1.5rem;}
.ths1 div a .sub-name {position:absolute; bottom:0; left:0; padding:0.5rem 6%; font-weight:300; text-align:left; background-color:rgba(0, 0, 0, 0.4);}
.ths1 div a:hover .sub-name {background-color:rgba(255, 255, 255, 0.4); color:#000;}

.ths3 img {margin-left:0 !important; width:100% !important;}
.ths4 {display:flex; flex-wrap:wrap; margin:3rem 0; text-align:center;}
.ths4 div {flex:0 0 20%; max-width:20%; border-right:1px solid #eee; padding:1rem 0;}
.ths4 div:nth-of-type(5n) {border:0;}
.ths4 div i {margin-right:0.5rem; font-size:1.1rem;}

.thsbox {display:flex; flex-wrap:wrap; margin:3rem 0; background:#fbfbfb;}
.thsbox div {flex:0 0 50%; max-width:50%;}
.thsbox div.thsbox-head {flex:0 0 100%; max-width:100%;}
.thsbox a {text-decoration:none;}
.thsbox h2 {margin:0; padding:0.5rem 1rem; background:#eee; color:#333;}
.thsbox h3 {padding:2rem .5rem 0 2rem;}
.thsbox-img img {max-width:100%; width:110%;}
.thsbox img {max-width:100%;}
.thsbox-txt {position:relative;}
.thsbox-txt p {margin:0; padding:1rem 2rem 0; text-align:justify;}
.thsbox-txt p.last {padding-bottom:2rem;}
.thsbox-txt p:last-child {padding-bottom:2rem;}
.thsbox-txt p a {text-decoration:underline;}
.thsbox-txt ul, .thsbox-txt ol {padding-left:3.5rem; margin:1rem 2rem 0 1rem; display:flow-root;}
.thsbox-txt ul:last-child, .thsbox-txt ol:last-child {margin-bottom:3rem;}
.thsbox-txt li {margin-bottom:0.3rem;}
.thsbox-txt ul li::marker {color:#999; font-size:120%;}
.thsbox-txt ol li::marker {color:#666; font-size:120%;}
.thsbox .button {/*padding:0.5rem 1rem; line-height:1.5rem; font-size:1rem; font-weight:700;*/ text-decoration:none;}
.thsbox-middle {flex:0 0 100% !important; max-width:100% !important;}


/* CHECKOUT */
.card {border:1px solid #eee;}
.card-gray {border:0;}
.card-gray, .card-products .card-header .btn, .card .card-header {background-color:#FAFAFA;}
.checkout-confirmation .card-products {border:1px solid #12CC8C;}
.card-products .card-header .btn {background:#eee;; padding:0.7rem 1rem;}
.is-checkout h1 {font-size:1.5rem; font-size:clamp(1em, calc(1em + 1vw), 1.5em);}
.is-checkout .h2 {font-size:min(8vw, 1.1rem); font-size:clamp(0.9em, calc(0.9em + 1vw), 1.1em);}
#complete-order-button {font-size:1rem;}
.checkout-steps {margin-bottom:2rem;}

#checkout .checkout-shipping-form-options .radio-w-100 .custom-control-inline {padding:.5rem 1rem .5rem 2rem; border:1px solid #ddd;}
#checkout #fieldset-payment div[role="group"] {width:100%;}
#checkout #fieldset-payment .checkout-payment-options {margin:auto;}
#checkout #fieldset-payment .custom-control-inline {width:100%;}
#checkout #fieldset-payment label.custom-control-label {width:100%;}
#checkout .checkout-payment-method {border:1px solid #ddd; padding:.5rem 1rem; margin-bottom:-1px;}
#checkout .checkout-items-item .checkout-items-item-image-wrapper img {max-width:120px;}
#checkout .checkout-payment-method .th-za-img img {max-width:60px; margin:0 10px 0 4px;}
#checkout .checkout-payment-method .th-za-img #za_ppc_paylater_name {display:none !important;}
#checkout .checkout-payment-method .th-za-img #za_ppc_paylater_img {min-width:125px;}
#checkout .checkout-items-item-main .manufacturer {display:none;}
#checkout .checkout-items-item-main .sku {color:#bbb;}
#checkout .title {margin-bottom:0.5rem;}


/* FOOTER */
.footerlinks {text-align:center; color:#abacac; background:linear-gradient(135deg,rgba(112,112,112,-0.75) 8.33%,rgba(255,255,255,0) 8.33%,rgba(255,255,255,0) 50%,rgba(112,112,112,.25) 50%,rgba(112,112,112,.25) 58.33%,rgba(255,255,255,0) 58.33%,rgba(255,255,255,0) 100%); background-color:#363636; background-size:5px 5px; padding:0.5rem; min-height:50px;}
.footerlinks a {text-decoration:none; color:#abacac; padding:.3rem; margin:0.1rem 0.3rem; display:inline-block;}

#footer {color:#abacac; background:linear-gradient(135deg,rgba(112,112,112,-0.75) 8.33%,rgba(255,255,255,0) 8.33%,rgba(255,255,255,0) 50%,rgba(112,112,112,.25) 50%,rgba(112,112,112,.25) 58.33%,rgba(255,255,255,0) 58.33%,rgba(255,255,255,0) 100%); background-color:#363636; background-size:5px 5px;}
#footer a {color:#abacac !important;}
#footer a .text-truncate {color:#fff !important;}
#footer a:not(.btn):not(.readmore-button):hover, #footer .active a:not(.btn):not(.readmore-button) {color:#fff;} 
#footer .productlist-filter-headline {color:#fff; font-size:1rem;}
#footer #copyright {background:#333;}
#footer .h2 {color:#fff;}
#footer hr {border-color:#aaa;}
#footer-boxes .pay-icons img {max-width:66px;}


/* HEADER INFO - Weihnachten etc. */
.head_info {background-color:#EEF2A7; padding:0.2rem 0;}
.head_info p {text-align:center; font-size:0.8rem; padding:0; margin:0;}
.is-checkout .head_info {display:none;}



/* GRÖßEN - größer werdend */
@media (min-width: 350px) {
  #result-wrapper .col-lg-3 {flex:0 0 33.333333%; max-width:33.333333%; padding:0 0.2rem; margin:0;}
  #result-wrapper .col-lg-3 .d-md-flex {display:flex !important;}
}
@media (min-width: 576px) {
  #content-wrapper .container {max-width:100%;}
  #result-wrapper .col-lg-3 {flex:0 0 33.333333%; max-width:33.333333%;}
  #checkout .checkout-shipping-form-options .form-row .price-col {text-align:right;}
  #checkout .checkout-shipping-form-options .versandkosten {background:#12CC8C; padding:0.1rem 0.5rem;}
}
@media (min-width: 620px) {
  .right {float:right !important;}
  .left {float:left !important;}
  .thsbox-txt img.right {width:auto; margin-left:1rem;}
  .thsbox-txt img.left {width:auto; margin-right:1rem;}
}
@media (min-width: 768px) {
  #content-wrapper .container {max-width:100%;}
  .productlist-page-nav .productlist-item-info.productlist-item-border {border:0;}
  .productbox.productbox-hover:hover .productbox-ribbon.ribbon {left:-1rem;}
}
@media (min-width: 850px) {
  #result-wrapper .col-lg-3 {flex:0 0 25%; max-width:25%;}
}
@media (min-width: 992px) {
  #header-top-bar #shop-nav .nav-item .fas {font-size:1.1rem;}
  #header-top-bar .toggler-logo-wrapper {top:3px; position:relative; z-index:1;}
  header {background:#464646;}
  header .toggler-logo-wrapper {display:none;}
  header #shop-nav {display:none;}
  header nav.navbar {height:auto;}
  header #mainNavigation {height:auto;}
  header .navbar-nav>.nav-item>.nav-link {color:#fff; font-size:1rem; height:44px; line-height:44px; padding:0 1.5rem;}
  header .nav-scrollbar-inner {justify-content:center; padding:0;}
  #sidepanel_left.col-xl-3 {flex:0 0 25%; max-width:25%;}
  #content .col-xl-9 {flex:0 0 75%; max-width:75%;}
  #sidepanel_left .productlist-filter-headline {display:none !important;}
  #sidepanel_left .box span.nav-link {font-size:1rem;}
  #sidepanel_left .box span.nav-link.snippets-categories-nav-link-child {font-size:0.875rem;}
  #checkout .col-lg-9 {flex:0 0 100%; max-width:100%;}
  .s-checkout {display:none !important;}
  .is-checkout header, .is-checkout .navbar {height:2px;}
  .is-checkout #header-top-bar .navbar {padding-top:2rem;}
  #mainNavigation .dropdown-menu {background:#FAFAFA; margin:0;}
  #mainNavigation .dropdown-menu .dropdown-body {padding:.5rem 0;}
  #mainNavigation .dropdown-menu .container {padding:0;}
  #mainNavigation .dropdown-menu .lg-row-lg {margin:0;}
  #mainNavigation .dropdown-menu .col-xl-3 {flex:0 0 calc(100%/6); max-width:calc(100%/6); padding:0 .5rem; margin:.5rem 0; white-space:normal;}
  #mainNavigation .dropdown-menu .submenu-headline {font-weight:700; font-size:.9rem; padding:.3rem 0 .3rem .7rem; margin:0; background:#eee; border:1px solid transparent; border-top:1px solid #ddd; color:#333;}
  #mainNavigation .dropdown-menu li a {display:block; background:#fff; color:#666; font-size:.85rem; line-height:1.3rem; padding:.2rem .2rem .2rem .7rem; margin:0; border:1px solid transparent;}
  #mainNavigation .dropdown-menu .submenu-headline:hover, #mainNavigation .dropdown-menu li a:hover {border-color:#333;}
  .js-slider-wrapper .swatches.js-slider-items .js-slider-item {width:calc(100%/8); min-width:calc(100%/8);}
  #th-mega div a:hover {border-color:#333;}
  #product-offer .variation-wrapper .dropdown.show {z-index:1022;} /* beim Artikel-Variations-Dropdown waren die Variationen teilweise verdeckt, wenn viele Variationen zum auswählen da waren */
}
@media (min-width: 1250px) {
  #header-top-bar .toggler-logo-wrapper {left:41%;}
}
@media (min-width: 1300px) {
  #sidepanel_left.col-xl-3 {flex:0 0 20%; max-width:20%;}
  #content .col-xl-9 {flex:0 0 80%; max-width:80%;}
  #result-wrapper .col-lg-3 {flex:0 0 20%; max-width:20%;}
  .is-checkout #content-wrapper .container, .is-checkout #mainNavigation .container {max-width:1250px;}
}
@media (min-width: 1450px) {
  #content-wrapper .container, #mainNavigation .container {max-width:1400px;}
}




/* GRÖßEN - kleiner werdend */
@media (max-width: 991px) {
  header {border-bottom:1px solid #ddd;}
  header .nav-mobile-header {background:#464646; color:#fff;}
  header .nav-mobile-header a {color:#fff !important;}
  header .navbar-toggler {color:#fff;}
  header .navbar-toggler.collapsed {color:#333;}
  header .navbar-nav li hr, header .nav-mobile-header .nav-mobile-header-hr {border-color:transparent;}
  header .navbar-nav .nav-item {border-bottom:1px solid #ccc;}
  header .navbar-nav .nav-item .nav-mobile-heading {text-align:center;}
  .navbar-toggler .navbar-toggler-icon {width:1.7rem; height:0.2rem;}
  .ths1 div {flex:0 0 50%; max-width:50%;}
  .product-detail #image_wrapper, .product-detail #image_wrapper #gallery {margin-bottom:1rem;}
  .xtrabutton ul {margin:0 -0.3rem}
  .xtrabutton li {padding:0.3rem;}
  .xtrabutton .s10 li {padding:0.3rem 0.3rem;}
  #size .opc-Accordion-collapse {padding:0.5rem;}
  #th-mega div {flex:0 0 100%; max-width:100%; padding:0; margin:-1px 0 0;}
  #th-mega div a {padding:.5rem 0 .5rem 1.3rem; border-top:1px solid #ddd;}
  #th-mega div p {margin:0; padding:.5rem 0 .5rem .7rem;}
  #th-mega div p a {border:0;}
}
@media (max-width: 767px) {
  #content-wrapper .container {padding:0 0.5rem;}
  .ths4 div {flex:0 0 50%; max-width:50%; padding:0 0 1rem; border-bottom:1px solid #eee;}
  .ths4 div.no {flex:0 0 33.333333%; max-width:33.333333%; border-bottom:0; padding:1rem 0 0;}
  .ths4 div:nth-of-type(2) {border-right:0;}
  h1 {/*font-size:1.6rem;*/ letter-spacing:0.15rem;}
/*
  h2 {font-size:1.4rem;}
  h3 {font-size:1.15rem;}
*/
  .ths0 p {font-size:1rem;}
  .brand .brand_text {flex:0 0 50%; max-width:50%;}
  .brand .brand_img {flex:0 0 50%; max-width:50%;}
  .head_info p {font-size:0.7rem;}
  .blog-details #blog p.pic {float:none !important; text-align:center; margin:1rem 0;}
}
@media (max-width: 679px) {
  .thsbox div {flex:0 0 100%; max-width:100%;}
  .thsbox-txt .button {width:100%; text-align:center;}
  .thsbox-img {order:10;}
  .thsbox-txt {order:20;}
  .brand .brand_text {flex:0 0 100%; max-width:100%; padding:1rem 1rem 0;}
  .brand .brand_img {flex:0 0 100%; max-width:100%; text-align:center;}
}
@media (max-width: 575px) {
  #content-wrapper .container {max-width:100%;}
  h1 {/*font-size:1.5rem;*/ letter-spacing:0.1rem;}
/*
  h2 {font-size:1.3rem;}
  h3 {font-size:1.1rem;}
*/
  #result-wrapper .title {margin:0;}
}
@media (max-width: 520px) {
  #tab-description .card-body {padding:0.5rem;}
  #tab-description .desc img {max-width:100%;}	
  #tablekontakt td {width:100%; max-width:100% !important; margin:-1px 0  0; display:block;}
}
@media (max-width: 450px) {
  .ths1 div a .sub-name {font-size:0.85rem;}
  .ths4 div,.ths4 div.no {flex:0 0 100%; max-width:100%; border:0; border-bottom:1px solid #eee; padding:1rem 0;}
  .ths4 div.no1 {border-top:1px solid #eee;}
  .ths4 div br {display:none;}
  h1 {/*font-size:1.35rem;*/ letter-spacing:unset;}
/*
  h2 {font-size:1.2rem;}
*/
  .ths0 p {font-size:.9rem;}
  .ths4, .thsbox {margin:2rem 0;}
}
@media (max-width: 400px) {
  #tab-description table td {display:block; border-width:1px 0 0;}
  #tab-description .desc img {padding:.3rem;}
  #tab-description table td:first-child {max-width:unset;}
}
@media (max-width: 349px) {
  #result-wrapper .col-lg-3 {flex:0 0 100%; max-width:100%;}
}