/*
 * Platz für eigene Änderungen direkt als CSS
 * Die hier gemachten Änderungen überschreiben ggfs. andere Styles, da diese Datei als letzte geladen wird.
 */

/* header {background: linear-gradient(90deg, rgba(15,15,38,1) 0%, rgba(0,0,0,1) 50%, rgba(181,98,74,1) 100%) !important; } */
/* header .container-fluid {padding-top:0.6rem;padding-bottom:0.6rem;} */

body {background-color:#fff;}
.hidden {display: none;}

/* Megamenu */
.full-width-mega .nav-icons-wrapper {z-index:1;}

/* Startseite */
.home-banner-top {margin-top:-146px;}

/* Artikeldetailseite */
#gallery .slick-list, .carousel-thumbnails .slick-slide {box-shadow: 0.2px 2px 4px rgba(0, 0, 0, 0.1);border: 1px solid #ebebeb;}
.carousel-thumbnails .slick-slide {margin: 0.5rem;}

.product-info-inner .product-attributes ul {padding:4px 0 4px 4px;background-color:#ebebeb;display: inline-block;width:100%;}
.product-info-inner .product-attributes ul > li {list-style: none;}
.product-info-inner .product-attributes ul > li > .art-title {float: left;width: 40%;}
.product-info-inner .product-attributes ul > li > .art-value {float: right;max-width: 60%;text-align: right;}
.product-info-inner .product-attributes a.badge-primary::after {content: "-";color: #000;margin-left: 0.5rem;}
.product-info-inner .product-attributes a.badge-primary:last-child::after {content: "";margin-left: 0;}
.product-info-inner .product-attributes .badge-primary {background: transparent;border: none;color:#525252;font-size: 0.875rem;font-weight:normal;}
.product-info-inner .product-attributes .badge-primary:hover {color: #000;}

#product-offer .product-info .shortdesc {margin-bottom: 1rem;}
#product-offer .product-info .shortdesc ul {padding-left: 1rem;}
#product-offer .product-info .product-offer > .row {margin-bottom: 0;}
#product-offer .product-info .product-offer .variations .js-btn-slider-wrapper {font-weight:900;background-color:#ebebeb;padding: 2px 4px;}
#product-offer .product-info .product-offer .price_wrapper {text-align: right;padding-top:1rem;border-top:1px solid #ebebeb;margin-bottom: 1rem;}

.choose-variations {margin-top:2rem;}
.variations .variation-badge {display:none;}
.badge-right ~ .badge-not-available {margin-left: auto;}

#result-wrapper .recommendations {max-width: 1250px;margin: auto;padding: 0 1rem;}
#result-wrapper .recommendations .hr-sect::before {display:none;}
#result-wrapper .recommendations .hr-sect {display: inline-grid;font-size: 1rem;justify-content: left;border-bottom: 1px solid #dee2e6;width: 100%;}
#result-wrapper .recommendations .hr-sect::after {border-bottom:6px solid #000;margin-left:0;margin-top: 5px;}

    /* CLP */
.product-info > .product-info-inner .risk_number_warnings {border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb;padding:15px 0 10px;margin-bottom:1rem;}
.product-info > .product-info-inner .risk_number_warnings span {font-weight:900;}
.product-info > .product-info-inner .risk_number_warnings span:hover {color:#A5A7AC;}
.risk_number_warnings .clp-titel {cursor: pointer;width:100%;}

.risk_number_warnings .clp-popup {z-index: 100000;position: fixed;top:0;left:0;width:100%;height:100%;overflow-x: hidden;overflow-y: auto;background: rgb(75, 86, 107, 0.5);}
.risk_number_warnings .clp-popup .clp-titel {font-size: 20px;border-bottom: 1px solid #ebebeb;padding-bottom: 1rem;margin-bottom: 1rem;}
.risk_number_warnings .clp-titel img.clp-img {width: 30px;padding: 0 5px 5px 0;}
.risk_number_warnings .clp-popup .clp-popup-inner {max-width: 1140px;
  background-color: #fff;
  max-height: calc(100% - 3.5rem);
  margin: 1.75rem auto;
  padding: 2rem;
  position: relative;
  display: table;
  width: auto;
  pointer-events: auto;
  background-clip: padding-box;
  border-radius: .4375rem;
}
.risk_number_warnings .clp-popup .clp-popup-inner .clp-info {float: left;width:100%;padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px solid #ebebeb;}
.risk_number_warnings .clp-popup .clp-popup-inner button {float:right;}

.risk_number_warnings .clp-nr-title-text.has_img {float:left;width: calc(100% - 115px);}
.risk_number_warnings .clp-nr-title-text {width:100%;}
.risk_number_warnings .clp-nr-title-text .rn_title h4 {font-weight:900;}
.risk_number_warnings .clp-nr-text {float: left;padding:0;}
.risk_number_warnings ul > li {list-style: none;width: 100%;float: left;}
.risk_number_warnings .rn_images {float:left;margin-bottom:5px;}
.risk_number_warnings .rn_images:first-child {float:left;margin-right:0px;margin-bottom:0px;}
.risk_number_warnings .clp-rn_images {float:left;max-width:115px;padding:0 15px 0 0;}
.risk_number_warnings img.clp-img {width:50px;padding-top: 5px;}
.risk_number_warnings .clp-nr-text {margin-bottom:0px;}
.risk_number_warnings .clp-nr-text p {margin-bottom:2px;}
.item-list-clp .risk_number_warnings ul > li {width:100%;}
.col.item-list-clp,.col.item-list-clp .risk_number_warnings {padding:0;}

#footer a:not(.btn):hover {text-decoration: underline;color: #fff!important;}
#footer .text-decoration-underline {text-decoration: none;}

@media (min-width: 1300px) {
/*   .container-fluid-xl, .container{max-width: 103.125rem;} */
  footer .container {max-width: 103.125rem;}
}

@media (min-width: 992px) {
    header {box-shadow:none;}
    header .toggler-logo-wrapper {margin-right: 6px;}
    header #logo {padding: 0.6rem 0;}
    header .navbar-brand {margin-right: 2px;padding:0;}
    header .navbar-brand, header #mainNavigation {background-color:#fff;box-shadow: 0.2px 2px 7px rgba(0, 0, 0, 0.1);}
    header #mainNavigation .nav-mobile-body > .navbar-nav > li.dropdown.show > a {color:#fff;}
    
    #mainNavigation .nav-item .dropdown-menu {left: auto;right: auto;overflow: hidden;width: auto;max-width: 100%;}
    #mainNavigation .nav-item .dropdown-menu .container {max-width: 250px;}
    #mainNavigation .nav-item .dropdown-menu .container > .row > .nav-item {flex: 0 0 100%;max-width: 100%; margin: 0;}
    .nav-scrollbar-item .dropdown-body {padding-bottom: 1rem;padding-top: 10px;}
    .navbar #mainNavigation .container.subcategory-wrapper {padding-top:1rem;}
    .navbar #mainNavigation a.categories-recursive-link:not(.dropdown-item):not(.btn):hover {color: #979797;}
    
    .main-search-wrapper, header .nav-icons-wrapper {filter: drop-shadow(0.2px 2px 7px rgba(0, 0, 0, 0.1));}
    .main-search-wrapper {background-color: #fff;}
    .main-search-wrapper .search-add {
    clip-path: polygon(0 0, 100% 0, 0px 100%, 0% 100%);
    width: 65px;
    height: 57px;
    float: right;
    margin-top: -52px;
    right: -81px;
    position: relative;
    background-color: #fff;
    padding: 0.45rem 0;
  }

    header .nav-icons-wrapper {margin-left: 45px;}
    .nav-icons-wrapper .icons-add {
    clip-path: polygon(45px 0%, 100% 0%, 100% 100%, 0 100%, 0 40px);
    width: 65px;
    height: 57px;
    margin-bottom: -57px;
    right: 45px;
    position: relative;
    background-color: #fff;
    padding: 0.45rem 0;
  }
    header #shop-nav {height:57px;background-color: #fff;}
    header #shop-nav li#search {margin-right: 0rem;}
    header #shop-nav.nav-right .nav-link {padding-top: 1.2rem;padding-bottom: 1.2rem;}
    header.full-width-mega .nav-right .dropdown-menu {background-color:#fff;}
    
    .navbar #mainNavigation .container {background-color: #fff;/*max-width: 101.125rem;*/}
/*     .navbar #mainNavigation .dropdown-menu.show .container .text-truncate {text-align:center;} */
     header .submenu-headline-toplevel {border:none;}
    
    header #mainNavigation .nav-mobile-body > .navbar-nav > li:hover, header #shop-nav > li:hover {background-color:#000;color:#fff;}
    header #mainNavigation .nav-mobile-body > ul > li > a:not(.dropdown-item):not(.btn):hover,
    header #shop-nav a:not(.dropdown-item):not(.btn):hover {color: #fff;}
    header .navbar-nav > .nav-item > .nav-link {font-weight: 600;text-transform: uppercase;font-size: 1rem;}
    header .navbar-nav > .nav-item > .nav-link::before {border-color: #fff;}
    
/*
    header .search-wrapper .dropdown-menu {min-width:25rem;margin-top: -52px;margin-right: -2px;background-color: #fff;}
    header .search-wrapper .dropdown-menu .dropdown-body {padding:0.44rem 1.5rem;}*/
    .full-width-mega .menu-search-position-center .main-search-wrapper {margin-right:30px;}
    .main-search-wrapper #search {max-width: 40%;margin: auto;padding: 0.45rem 0 0.1rem;}
    
     #content-wrapper:not(.has-fluid) {padding-top: 2rem;}
    
}
@media (max-width: 991.98px) {
  header, #mainNavigation, header .nav-right .dropdown-menu {background-color:#fff!important;}
}