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

@font-face {font-family: "Good Vibes"; src: url('fonts/Good-Vibes.otf') format("opentype");font-display: swap;}
@font-face {font-family: "Barlow_Condensed"; src: url('fonts/Barlow_Condensed/BarlowCondensed-Regular.ttf') format("truetype");font-display: swap;font-weight:400;}
@font-face {font-family: "Barlow_Condensed_bold"; src: url('fonts/Barlow_Condensed/BarlowCondensed-SemiBold.ttf') format("truetype");font-display: swap;font-weight:600;}

body {hyphens: auto;}
/* Barlow_Condensed */
header #mainNavigation, 
header #mainNavigation .submenu-headline-toplevel, 
header #mainNavigation .submenu-headline-toplevel, 
#shop-nav .cart-icon-dropdown-price, .font-size-sm, 
.form-control-sm, .btn-basket-check .fas, 
.custom-select, .dropdown-menu,/* .btn,*//* #search-header,*/
.cart-dropdown .cart-dropdown-total-item, 
.label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label, 
.item-box-description, .item-box-description font, 
.item-box-description p                                {font-size: 18px!important;}

body, .breadcrumb, #content #result-wrapper, 
#main-wrapper .btn.btn-primary, 
.additional-content .btn.btn-primary, 
#product-list .productbox-title, .item-slider-desc, 
#footer-boxes .productlist-filter-headline, 
.box-categories .productlist-filter-headline, 
.btn-basket-check, h3, .h3, h6, .h6, #content em,
.tab-navigation .nav-link, .font-size-lg, 
.basket .basket-summary .basket-summary-total,
#product-list .productbox-price, 
#panel-register-form .form-control                     {font-size: 20px!important;}

#product-offer .product-info-inner .price,
.sidepanel-left .box-normal .box-normal-link           {font-size: 30px!important;}

#shop-nav, #shop-nav .btn .fas, .fas
#main-wrapper #add-to-cart .btn.btn-primary, 
#quantity-grp .btn, .input-group-prepend, 
.input-group-append/*, .input-group-prepend .btn*/, 
.input-group-append .btn , .form-control,
.price_wrapper .base_price span.value                   {font-size: 14px !important;}

#header-top-bar a, #product-list .productbox-details, 
#product-list .item-delivery-status .estimated_delivery,
.estimated-delivery, .question-on-item .btn, 
#product-offer .product-info-inner .price-note         {font-size: 16px !important;}

h1, .h1, h1.hr-sect {font-size: 50px;}
h2, .h2, h2.hr-sect, #tabAccordion > .card .card-header {font-size: 40px;}
.hr-sect a {font-weight:400!important;}
.h1.hr-sect {margin:auto auto 1rem;}
.h1.hr-sect > h1 {margin-bottom:0;}

#tab-description .desc h3 {margin-bottom:0;}

body, .shortdesc > span, .desc span, .desc p, 
header .submenu-headline-toplevel, .desc font, 
.productlist-filter-headline, .shortdescription, 
.shortdescription span, .text-accent, .productbox-price, 
.tab-navigation .nav-link, .form-counter .form-control, 
.item-box-description, .item-box-description a, 
.item-box-description p, .item-box-description span,
.item-box-description font                                              {font-family:'Barlow_Condensed', sans-serif, "Open Sans", "Arial"!important;}
h1, #content h1, h2, .h1, .h2, .hr-sect, .hr-sect.h2, 
#tabAccordion > .card .card-header                                      {font-family: "Good Vibes", 'Barlow_Condensed', sans-serif, "Open Sans", "Arial"!important;}
b, strong, h3, h4, h5, h6, .opc-Button, .h3, .h5, .h6,
.gutschein-title, .newsletter-title, .oeffnungszeiten-title, 
.sidepanel-left .box-normal .box-normal-link                            {font-family:'Barlow_Condensed_bold', sans-serif, "Open Sans", "Arial"!important;}

body {color:#666;background-color: #fff;}

/* a {text-decoration: none;} */
#result-wrapper .product-wrapper a {text-decoration: none;}
/*#tab-description a {text-decoration: underline;}*/
dt {font-weight: normal;}

.desc strong {color:#404040;}
.desc strong > span {font-weight: bolder;}

.hidden, .navbar-expand-lg .navbar-collapse.hidden {display:none!important;}

/* Hover and Basecolor */
/* TEXT */
h1, h2, h4, h5, .h1, .h2, h1.hr-sect, h2.hr-sect, .product-slider-wrapper .hr-sect.h2 a, .sidepanel-left .box-normal .box-normal-link, .h4, .h5, header .active > a, 
a:hover, header a:hover:not(.dropdown-item):not(.btn), .btn-link:hover, .checkout-steps .step-check, .info-essential a:hover, 
.link-content a:hover, #result-wrapper .desc a:hover, .tab-navigation #tab-content-product-tabs a:hover, #search .sd-button.btn-secondary:hover, 
.badge-circle-1:hover, #burger-menu:hover, aside .nav-panel > .nav .active > span > a, aside .nav-panel > .nav .active > .show .active > a, .page-link:hover, 
.page-text:hover, .page-item.active .page-link, .btn-outline-secondary:hover, .show > .btn-outline-secondary.dropdown-toggle, .dropdown-item:hover, .dropdown-item:focus, 
.dropdown-item.active, .dropdown-item:active, .estimated-delivery:hover .estimated-delivery-info, .tab-navigation .nav-tabs .nav-link.active, a strong:hover, .desc strong:hover,
/*.no_sell_item #result-wrapper .sub-categories .caption a, */.swatches-text.active, .swatches-text:hover, .FAQ .accordion .card-body a, #tabAccordion > .card .card-header {color: #0293c8;}

#header-top-bar a, #header-top-bar a:not(.dropdown-item):not(.btn) {/*color:#fff;*/font-weight: 600;padding: 6px 15px 6px 20px;}
/*#header-top-bar a:hover:not(.dropdown-item):not(.btn) {color:#ffffffba;}*/

/* BOARDER */
.nav-tabs .nav-link.active, aside .nav-panel > .nav > .active > .nav-link, .nav-tabs .nav-item.show .nav-link, .tab-navigation .nav-link::after, .btn-secondary, 
/*#search .form-control, */#newsletter_email.form-control, .btn-primary, .btn-outline-primary, .custom-control-input:checked ~ .custom-control-label::before, #form-register .col-form-label::after, 
.form-control:focus, .page-item.active .page-link::after, .page-item.active .page-text::after, .bootstrap-select.custom-select.show button.dropdown-toggle, 
.bootstrap-select.custom-select.show button[data-toggle="collapse"]:not(.navbar-toggler), .swatches-text:hover, .account-head-data .account-head-data-credit, .swatches-text.active {border-color: #0293c8;}

/* BACKGROUND */
.btn-secondary, .stepper .step-active .step-content::after, .custom-control-input:checked ~ .custom-control-label::before, .fa-sup, 
.noUi-horizontal .noUi-connect, .noUi-horizontal .noUi-handle, .header-notification, .slick-arrow:hover, #image_wrapper.fullscreen .product-detail-image-topbar #image_fullscreen_close:hover,
.btn-outline-secondary:not(:disabled):not(.disabled).active {background-color: #0293c8;}

.btn-primary, .badge-primary {background-color: #fff;}

/* Button */
.badge-primary, .btn-primary {color: #025D7E!important;border:2px solid #025D7E;-webkit-box-shadow: 0px 0px 5px 0px #025D7E; box-shadow: 0px 0px 5px 0px #025D7E;}
.badge-primary:hover, .badge-primary:focus .btn-primary:hover, .btn-outline-primary:hover, .btn-primary:focus {background-color:#1C871E!important;border-color:#1C871E!important;color:#fff!important;-webkit-box-shadow: 0px 0px 5px 0px #1C871E; box-shadow: 0px 0px 5px 0px #1C871E;}
.form-counter {border-radius:10px;}
#main-wrapper .btn.btn-primary, .additional-content .btn.btn-primary, #main-wrapper .btn.btn-outline-primary  {padding:6px 25px;/*letter-spacing:2px;*/border-radius:10px;}
body[data-page="18"] #main-wrapper .btn.btn-primary {min-width: 160px;}
.product-actions .btn-secondary {background-color: #fff!important;border-color:#707070;}
.btn, #quantity-grp .btn {border-radius:10px;}

.noUi-horizontal .noUi-handle {box-shadow: 0px 0px 0px 5px rgba(0, 109, 248, 0.2);}

.nl-pop-hinweis #18-popup > .modal-content {-webkit-box-shadow: 0px 0px 5px 0px #025D7E; box-shadow: 0px 0px 5px 0px #025D7E;}
/*.nl-pop-hinweis .opc-Button > .btn-primary {background-color: #1C871E !important;border-color:#1C871E!important}
.nl-pop-hinweis .opc-Button > .btn-primary:hover {background-color: #B8B8B9 !important;border-color:#B8B8B9!important}*/

/* Helles Grün */
/* .delivery-status .status-2 {color: rgb(140, 192, 67);} */
#checkout .checkout-button-row .btn-primary, .card-body #cart-checkout-btn.btn-primary {background-color:rgb(140, 192, 67);border-color:rgb(140, 192, 67);}

/* JTL-Consent-Manager */
.consent-btn-helper > div {width:100%;}
#consent-banner-btn-all, .consent-btn-tertiary, #consent-banner-btn-close {color: #025D7E!important;border:2px solid #025D7E;-webkit-box-shadow: 0px 0px 5px 0px #025D7E; box-shadow: 0px 0px 5px 0px #025D7E;}
#consent-banner-btn-all.consent-btn-outline-primary:hover, #consent-banner-btn-close:hover {color:#fff!important;}

/* Header */
header {border-bottom: 1px solid #ebebeb;box-shadow:none;}
header a {color: rgba(0,0,0,.6);}
#header-top-bar {-webkit-box-shadow: 0px 0px 5px 0px #025D7E; box-shadow: 0px 0px 5px 0px #025D7E;}
#header-top-bar ::after {color:transparent;}
/* #header-top-bar {margin-bottom:15px;} */
#header-top-bar > .container-fluid.flex-row-reverse {flex-direction: row !important;flex-wrap: wrap;}
#header-top-bar > .container-fluid > ul {flex-grow: 1;justify-content:flex-end;}
#header-top-bar li.nav-item .nav-link .fas::before {margin-right:5px;}
/*#header-top-bar li.nav-item .nav-link .fas.fa-leaf-heart::before {content: "\f4cb";font-family: "Font Awesome 5 Free";}*/
#header-top-bar .topbar-main.kopf-info {justify-content: start;}
#header-top-bar .topbar-main.kopf-info-center {justify-content: center;}
#header-top-bar .topbar-main.kopf-info a, 
#header-top-bar .topbar-main.kopf-info-center a,
#header-top-bar .topbar-main.kopf-info-center2 a {font-family:'Barlow_Condensed', sans-serif, "Open Sans", "Arial";font-weight: 600;letter-spacing: 1px;}

#jtl-nav-wrapper > .container-fluid {padding-right: 0rem;padding-left: 0rem;}

/* .toggler-logo-wrapper {padding-top: 4px;} */
/*#search .btn, #search .form-control {line-height: 1;padding: 8px;height: auto;}
#search .btn {padding:25px 7px;}
#search .btn.close-icon {padding:5.5px 7px;}
header.fixed #search .btn.close-icon {padding: 5px 7px;}
header.fixed #search .btn {padding:19px 7px;}*/
.search-wrapper .btn {border-radius:0 10px 10px 0!important;}
.search-wrapper #search-header-desktop.form-control, .search-wrapper #search-header.form-control {border-radius:10px 0px 0px 10px!important;border-color:#0293c8;}
#search .search-wrapper .form-clear {margin-right: 40px;margin-bottom: 2px;}

/* Menu */
header .navbar-nav > .nav-item > .nav-link::before {border:none;}
.modal-backdrop.show {opacity: 0;}
/* #shop-nav .nav-link {padding-right:14px;padding-left:10px;} */
/* #shop-nav .cart-icon-dropdown {margin-top: -3px;} */
/* header .nav-right .dropdown-menu {box-shadow: 0 0.0625rem 0.75rem rgba(0, 0, 0, 0.16);padding: 10px 0;} */
.account-icon-dropdown .account-icon-dropdown-logout {padding: 10px 25px 0;}

.navbar .nav-logo-wrapper, .navbar .nav-icons-wrapper {padding:0;}

#main-wrapper .header-banner {width:100%;}

/* Content */
.breadcrumb-item.first {display: none;}
.breadcrumb-item + .breadcrumb-item::before {content: ">";}
#content #result-wrapper {letter-spacing: 0.48px;}

/* Sitebar */
aside .nav-panel > .nav > .active > .nav-link, .page-item.active .page-link::after, .page-item.active .page-text::after {border-bottom:none;}
.box-categories .dropdown .collapse, .box-linkgroup .dropdown .collapse {background: transparent;}
#sidepanel_left .nav-panel .nav .nav {padding-left: 1rem;}
.no_sell_item #sidepanel_left > .box {display:none!important;}
.no_sell_item #sidepanel_left > .box.box-categories {display:block!important;}
/*.no_sell_item */#sidepanel_left > .box.box-categories .nav-panel > .nav > .nav-item {display:none;}
/*.no_sell_item */#sidepanel_left > .box.box-categories .nav-panel > .nav > .nav-item.active {display:block;}

/* Übersichtsseiten */
/* #result-wrapper > div {max-width:100%;margin:0;} */
#result-wrapper > .desc.desc-img {display:flex;}
#result-wrapper .desc {margin-bottom: 4rem;}
.btn-outline-secondary:hover, .show > .btn-outline-secondary.dropdown-toggle, .dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .dropdown-item:active {background-color: transparent;}
.btn-outline-secondary:not(:disabled):not(.disabled).active {color:#fff;}
.btn-outline-secondary {border-color: #E5E5E5;}
.displayoptions .btn.btn-outline-secondary {padding: 6px 10px;}
.no_sell_item .displayoptions .filter-type-FilterItemSort, .no_sell_item #product-list .productbox-image .productbox-ribbon {display:none;}
/* #result-wrapper .sub-categories .caption {font-size:16px;font-weight:600;} */
/* .no_sell_item #result-wrapper .sub-categories .caption {font-family: "Good Vibes", 'Barlow_Condensed', sans-serif, "Open Sans", "Arial";font-size: 32px;font-weight: normal;}  */
/* #result-wrapper .sub-categories .caption {font-family: "Good Vibes", 'Barlow_Condensed', sans-serif, "Open Sans", "Arial";font-size: 32px;font-weight: normal;} */
/* #result-wrapper .sub-categories .caption a {color: #0293c8;} */
.breadcrumb-item + .breadcrumb-item {padding-left: 0;}
.breadcrumb-item {padding-right: 0.5rem;}
.no_sell_item #improve_search.d-inline-block, .no_sell_item #improve_search.result-option-wrapper {display: none !important;}

.productbox:not(.productbox-show-variations) .productbox-variations {display: block;}
.productbox-inner .productbox-title > a {-moz-hyphens: auto;-o-hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}

.productlist-page-nav.productlist-page-nav-header-m {margin-top: 0;}

.FAQ .accordion > .card > .card-header {padding:0px 15px;}
.FAQ .accordion > .card:not(:last-of-type) {border-bottom: 4px solid #fff;}
.FAQ .accordion h2 > button, .FAQ .accordion h3 > button {font-size:20px!important;width: 100%;font-family:'Barlow_Condensed_bold', sans-serif, "Open Sans", "Arial"!important;}
.FAQ .accordion h2 > button::after, .FAQ .accordion h3 > button::after {text-align: right;}
.FAQ .card-header {background-color: rgb(235, 235, 235);}

/* Artikel */
.price_wrapper .price span,
.price_wrapper .base_price span.value {font-family:'Barlow_Condensed', sans-serif, "Open Sans", "Arial"!important;font-weight: 300;color: #707070;}
#product-list .productbox-title {font-weight:bold;}
#product-list .item-list-basket-details {margin-top: 0;}
#product-list .item-list-basket-details .btn.btn-primary {padding: 10px;}
#product-list .item-box-description > ul {padding-left:18px;}
#product-list .price_wrapper {margin-bottom: 0rem;}

/* Atikeldetailseite */
#product-offer .product-info-inner h1.product-title {font-size: 60px;}
#product-offer .product-info-inner li.product-sku strong {font-weight: 400;}
#product-offer .product-info-inner .price {font-family:'Barlow_Condensed', sans-serif, "Open Sans", "Arial"!important;color: #707070;/*font-size: 20px;*/margin-bottom: 6px;margin-top: 12px;font-weight: 300;}
/* #product-offer .product-info-inner .price-note {font-size: 12px;font-family:'Barlow_Condensed', sans-serif, "Open Sans", "Arial"!important;} */
#product-offer .product-info-inner .price-note a {text-decoration: underline;}
.price-note .old-price small {color: #b90000;}

/* payment */
.artikel-details-payment img.payment-logos {max-width: 35%;/*padding: 10px 0;*/min-width:160px;}
/* .artikel-details-payment > * {max-width: 50%;} */

.swatches-text.active {background-color: transparent;}

.tab-navigation .nav-link {font-family:'Barlow_Condensed', sans-serif, "Open Sans", "Arial"!important;font-weight:300;}
.tab-navigation .nav-link.active {font-weight:600;}
#tabAccordion > .card .card-header {background-color: transparent;}

.badge-primary, a.badge-primary:hover, a.badge-primary:focus {color: #fff;}

/* Checkout */
.is-checkout header > .container-fluid {padding:0;}
.is-checkout .badge-primary {color: #fff;}

/* Warenkorb */
.basket-items .sku, .basket-items .baseprice, .basket-items .partlist-items{display:none;}

/* footer */
/* .container {max-width: 1600px;} */
#footer #footer-boxes .btn-icon-secondary {border-color: #fff;background-color: #fff;}
#footer #footer-boxes .btn-icon-secondary:hover {background-color: #dfdfdf;}
#footer .collapse:not(.show) {display: block;}
#footer .dropdown-toggle::after, #footer [data-toggle="collapse"]:not(.navbar-toggler)::after {display:none;}

/*footer Icons / Boxes */
#footer-boxes .payments-inner a {text-decoration:none;}
#footer-boxes .payments-inner a.btn {width:80px;}
#footer-boxes .payments-inner img {max-width:100%;}
#footer-boxes .productlist-filter-headline {text-transform:uppercase;font-weight: 300;font-size: 1rem;font-family:'Barlow_Condensed', sans-serif, "Open Sans" ;}

#footer-boxes .zertifiziert-logos {padding-left:0;}
#footer-boxes .zertifiziert-logos li {list-style:none;/*float:left;*/}
/* #footer-boxes .zertifiziert-logos li.z1 {width: 150px;padding-right: 15px;} */
#footer-boxes .zertifiziert-logos li.z2 {width: 100px;}
#footer-boxes .zertifiziert-logos li img {max-width:100%;border: 1px solid #fff;}

#footer-boxes .informationen li.nav-item {width:100%;}
#footer-boxes .informationen li.nav-img {max-width: 35%;}
#footer-boxes .informationen li img {max-width: 100%;height: auto !important;}
#footer-boxes .informationen li.nav-txt {line-height: 1rem;font-size: 12px;width:100%;}

#footer-boxes .box-normal-hr {border:none;}
#footer .footnote-vat {text-align: center;}
/* #footer #footer-boxes > div {padding-bottom:30px;} */
#footer #footer-boxes > div .box-normal-hr {display:none;}
#footer #footer-boxes > div .text-truncate {text-transform:uppercase;}
#footer #footer-boxes > .box5 {width:100%;max-width: 100%;flex: 0 0 100%;}
#footer #footer-boxes > .box5 .partner-logo {float:left;width:33.33%;text-align:center;}
#footer #footer-boxes > .box5 .partner-logo img {max-height:100px;max-width:180px;}
#footer #footer-boxes > .box5 hr {/*margin: 10px 5% 30px 5%;*/margin: 0px 5% 15px 5%;border-color:#ccc;}

/* copyright */
#footer #copyright > div {font-size:17px;margin:auto;max-width:1250px;padding-top: 0.8rem;padding-bottom: 0.8rem;}
#footer .footer-social-media ul {float: right;margin-right: -10px;}
#footer #copyright .footer-social-media a.btn-icon-secondary {color: #fff;}
#footer #copyright .row > .col {text-align:left;padding-top:5px;font-family:'Barlow_Condensed', sans-serif, "Open Sans"!important;}
#footer #copyright .row > #system-credits {text-align:center;padding-top:5px;}
#footer #copyright .row > .footer-social-media {text-align:right;margin:0;float:right;}
#footer .footer-additional-wrapper li {margin:0;}
#footer #copyright .row > .footer-social-media > div, #footer #copyright .row > .footer-social-media > div > ul {padding:0;}

/* Footer Evolve */
#footer {background-color: #5e5e5e;}
#footer #copyright {background-color:#222222;}
#footer, #footer .productlist-filter-headline, #footer a {color:#fff;}
#footer .btn-icon-secondary {border-color: #222222;} 

/* Cookie */
/* Webstollen */
#ws_eu-cookie-openConsentManagerButton-container rect {display:none;}
.justifyContentBetween__3HB {max-width: 1140px;margin: auto!important;padding-top:15px;padding-bottom:15px;}
#ws_eu-cookie-container .flex__2cz.mt2__1Kg {display:none!important;}
#ws_eu-cookie-container {hyphens: none;}
#ws_eu-cookie-container button {font-size:18px!important;line-height: 18px;}

/* CookieBot */
#CybotCookiebotDialogBodyContentTitle {font-family: inherit !important;}

/* Back to Top */
.smoothscroll-top.show {bottom: 70px;}

/* Kontaktseite */
body[data-page="5"] .contact-form > div.row > .col.col-md-6 {flex: 0 0 100%;max-width: 100%;}
body[data-page="5"] .contact-form > div.row > .col > div.row > .col.col-xl-3 {flex: 0 0 35%;max-width: 35%;}

/* EVOLVE CSS Anpassungen Startseite und Artikelseiten*/
.max-width-stoerer {max-width:234px!important;}

/* Startseite */
#main-wrapper .header-banner .banner-button > .btn.btn-primary {min-width: 204px;}
#main-wrapper .header-banner.header-banner-mobil .banner-button > .btn.btn-primary {font-size: 16px !important;min-width: 184px;}
.header-banner.header-banner-mobil .max-width-stoerer {max-width:140px!important;}


/* v2 banner */
.header-banner .banner-inner {max-width:60%;border-radius: 15px;margin: auto;padding: 30px;}
.header-banner .banner-inner .btn-primary {background:none;border-color: #fff;}
.header-banner .banner-inner.banner-inner-gray .btn-primary {background:#0293c8;border-color: #0293c8;}
.header-banner .header-banner-title {/*text-shadow: 4px 2px #000;*/font-size: 80px;}
.header-banner .header-banner-text {text-shadow: 2px 2px #000;font-size: 20px;}


.content-width {max-width:1250px;/*margin-top:100px;*/margin-bottom:30px;}
h2.hr-sect, .slick-slider-other .hr-sect, .slick-slider-other.is-not-opc {margin-bottom: 4rem;}
.cel-box-buttons > div {width: 100%;position: absolute!important;bottom: 20px;}

/* Artikel Slider */
.product-slider-wrapper {margin-top:100px;}
.product-slider-wrapper .hr-sect.h2 a:hover{color:#525252;}
.item-slider-desc {font-size:16px;font-weight:bold;}

/* Vorteil */
.vorteil-box {margin-bottom:40px;}

/* Support */
.support-buttom.button-bottom a {position:absolute;bottom:30px;}
.support-text-email p {margin-bottom:0;}

/* Bewertung */
.bewertung-boxen .element-img-text.img-hell {text-shadow: 1px 2px #000;font-weight: bold;color: #fff;}
.bewertung-boxen .element-img-text.img-dunkel {text-shadow: 1px 2px #fff;font-weight: bold;color: #000;}
.bewertung-boxen .element-text, .bewertung-boxen .element-img {min-height:300px!important;}
.bewertung-boxen .element-img-text {min-height:400px!important;}
.bewertung-boxen .element-text {margin-top:15px;}
.bewertung-boxen .bewertung-name {font-size:22px!important;}

.rating-5 i.fas::before, .rating-4 i.fas::before, .rating-45 i.fas::before {content:"\f005";color: #0293C8;}
.rating-4 i.fas.star5::before {font-weight:400;}
.rating-45 i.fas.star5::before {content:"\f5c0";color: #0293C8;}

/* Gutscheine Banner & Newsletter Anmeldung Banner */
.gutschein-text ul, .newsletter-text ul {padding-left: 0;}
.gutschein-text ul li, .newsletter-text ul li {list-style:none;}
.gutschein-text ul li::before, .newsletter-text ul li::before {font-family: "Font Awesome 5 Free";font-weight: 900;content:"\f00c";margin-right: 6px;font-size: 20px;}
.nl-teaser-inner {margin: auto;padding: 15px;}

/* .gutschein-text ul li {float:left; margin-right:10px;font-size:22px!important;} */

/* News startseite */
.news-home a {color:#0293c8;font-weight:bold;}
.news-home a:hover {color:#000;}
body[data-page="18"] .additional-content .newsletter-teaser.content-width {max-width:1220px!important;}

/* Über uns */
.button-bottom > div {position: absolute !important;bottom: 0;width: 100%;}

/* Newsletter Anmeldung PopUp */
#Newsletter-PopUp .PopUp-inner {position: fixed;top: 0;left: 0;bottom: 0;width: 100%;z-index: 1021;height: auto;background-color: rgba(0, 0, 0, 0.5);overflow-y: scroll;}
#Newsletter-PopUp .PopUp-inner #Newsletter-Anmeldung {max-width:800px;margin:auto;margin-top: 80px;padding:20px 20px 15px;font-size: 20px;}
#Newsletter-PopUp .PopUp-inner #Newsletter-Anmeldung .nl-order {color:#000;float:right;padding:0px 14px 5px;font-weight:bold;cursor: pointer;background-color: rgb(235, 235, 235);border-radius:50%;margin-top: -30px;margin-right: -30px;}
#Newsletter-PopUp .PopUp-inner #Newsletter-Anmeldung .nl-order {color:#666;}

.custom-content {background-color: #0293C8;}
.custom-content #sib-form > div {padding:0!important;}
.custom-content #sib-form > div > div {padding:0 8px!important;}
.custom-content .sib-form .entry__error, .custom-content .sib-form .entry__label, .custom-content .sib-form .entry__specification, .custom-content .sib-form .form__error {max-width: 1240px;}
.custom-content #sib-container {padding:0;}
.custom-content .sib-form .entry__choice:not(:first-child) {margin-top: 0;}
.custom-content .entry__choice, .custom-content .label, .custom-content .entry__choice .checkbox__label {margin-bottom: 0;}
.custom-content .sib-input.sib-form-block {max-width:540px;}
.custom-content .entry__specification p {margin:5px 0!important;}
.custom-content .entry__specification p.cookie-notifi {font-size: 14px !important;padding-top:10px;}
.custom-content .entry__specification p.cookie-notifi span {color:#95FF00 !important;}
.custom-content .sib-form__declaration {margin-top:5px!important;}
.custom-content .grecaptcha-badge {display:none;}

/* Newsletter Anmeldung PopUp JTL  */
#Newsletter-PopUp .PopUp-inner #Newsletter-Anmeldung .h2.newsletter-footer-heading {color:#fff;}
#Newsletter-PopUp .PopUp-inner #Newsletter-Anmeldung .btn-secondary {background-color: #1C871E;border-color:#1C871E;}
#Newsletter-PopUp .PopUp-inner #Newsletter-Anmeldung .btn-secondary:hover {background-color: #666;border-color: #666;}
#Newsletter-PopUp .PopUp-inner #Newsletter-Anmeldung .info {color:#fff;}
#Newsletter-PopUp .PopUp-inner #Newsletter-Anmeldung .info a {color:#fff;}
#Newsletter-PopUp .PopUp-inner #Newsletter-Anmeldung .info a:hover {color:#666;}

/* Newsletter Anmeldung */
#newsletter-anmeldung #content-wrapper .nl-order {display:none;}
#newsletter-anmeldung #content-wrapper .custom-content,
#newsletter-anmeldung #content-wrapper #sib-container {background-color: transparent!important;}
#newsletter-anmeldung .sib-form .sib-form-block, 
#newsletter-anmeldung .sib-form p, 
#newsletter-anmeldung .sib-form label, 
#newsletter-anmeldung .sib-form span, 
#newsletter-abmeldung #sib-form .sib-form-block, 
#newsletter-abmeldung #sib-form p, 
#newsletter-abmeldung #sib-form label, 
#newsletter-abmeldung #sib-form span {color:#525252!important;}
#newsletter-anmeldung .sib-form p > a,
#newsletter-anmeldung .sib-form p > span,
#newsletter-abmeldung #sib-form p > a,
#newsletter-abmeldung #sib-form p > span {color:#0293c8 !important;}
#newsletter-anmeldung .sib-form button, 
#newsletter-abmeldung  #sib-form button {color:#fff!important;background-color:#0293c8!important;border-color: #0293c8!important;border-radius:10px;margin-top:1rem;margin-bottom:1rem;}
#newsletter-anmeldung .sib-form button:hover, 
#newsletter-abmeldung  #sib-form button:hover {background-color: #1C871E !important;border-color: #1C871E !important;}
#newsletter-abmeldung #sib-container {width:100%;}
#newsletter-abmeldung #sib-container .sib-input.sib-form-block .entry__field {max-width: 540px;}
#newsletter-abmeldung #sib-container #sib-form .entry__specification {max-width:100%;}

.newsletter .form-group input {max-width: 50%;}

/* Detailseite */
.breadcrumb-item.first {display: block;}
.rating .fa-star::before, .rating .fa-star-half::before, .rating .fa-star-half-alt::before {color:#FABB05;}
#add-to-cart .artikel-details-payment > .paypalexpress {float:right;}

.artikel-details-icons {padding:15px 0;border-top: 1px solid #ebebeb;}
.artikel-details-icons img {max-width:80px;}

#tabAccordion .collapse:not(.show) {display: block;}
#tabAccordion .card [data-toggle="collapse"]:not(.navbar-toggler)::after {display:none;}
#tabAccordion .anker {position:absolute;margin:-100px;visibility: hidden;}
#tabAccordion .tab-navigation .nav-tabs .nav-link.active {color:#525252;font-weight:normal;}
#tabAccordion .tab-navigation .nav-tabs a.nav-link.active:hover {color: #0293c8;}
#tabAccordion .tab-navigation .nav-tabs .nav-link.active::after {border:transparent;}
#tabAccordion .tab-navigation .nav-tabs a.nav-link.active:hover::after {width: 100%;border-color: #0293c8;border-width: 0 0 6px;border-style: solid;}

#tabAccordion .card > h2.hr-sect {margin-bottom: 2rem;}

.rating_additonal {margin: 15px 0;}
li.rating_additonal  {font-family: "Font Awesome 5 Free";}

/* additionals */
body[data-page="1"] .content-width.FAQ {margin-top:0;}
body[data-page="1"] .content-width.support-teaser {margin-bottom:100px;}

/* Katehorie Boxes */
/*.kategorie-boxes > .col {max-height:400px;}*/

/* Artikellistenseiten */
#result-wrapper .sub-categories .caption {/*position:absolute;width:100%;bottom:30px;*/margin-top: -80px;margin-bottom: 40px;}
#result-wrapper .sub-categories .caption .caption-button {min-width:160px;}

/* Logoslider über opc*/
.customer-logos.slick-initialized .slick-slide {width:305px!important;padding:0;}
.customer-logos.slick-initialized .slick-slide img {max-width: 300px;margin: auto;}
main section.customer-logos {padding:0;}

/* OPC Styles */
.opc-Container {background-size: cover;background-position: center;}

.modal__28B span, .modal__28B p, .modal__28B th/*, .modal__28B td*/ {font-size: 18px!important;}
.closeButton__1Gv, .closeButton__1Gv > span {font-size: 45px!important;color: #000 !important;}

@media (min-width: 1200px) {
    .opc-hidden-lg {display: none !important;}
    .opc-area .opc-hidden-lg {display: flex !important;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .opc-hidden-md {display: none !important;}
    .opc-area .opc-hidden-md {display: flex !important;}
    aside#sidepanel_left.cats-list-mobil {display:none!important;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .opc-hidden-sm {display: none !important;}
    .opc-area .opc-hidden-sm {display: flex !important;}
}
@media (max-width: 1199px) {
/* Gutschein Teaser */
    .gutschein-title {font-size:44px!important;}
    .newsletter-title {font-size:34px!important;}
    .gutschein-text, .newsletter-text {font-size:22px!important;}
    .gutschein-text ul li::before, .newsletter-text ul li::before {font-size: 16px;}
}
@media (max-width: 767.98px) {
    .opc-hidden-xs {display: none !important;}
    .opc-area .opc-hidden-xs {display: flex !important;}
    .bewertung-cat .opc-Container.element-text, .bewertung-cat .opc-Container.element-img-text {min-height:200px!important;}
    .bewertung-abstand {display:none;}
    .bewertung-boxen .element-img-text, .bewertung-boxen .element-text {min-height: 0px !important;}
    .oeffnungszeiten-mobil .bio-img {padding-bottom:15px;}
    .newsletter-teaser .col, .gutschein-teaser .col, .haendler-teaser .col {padding-right:0;padding-left:0;}
    #tabAccordion .card > .collapse table {width:100%!important;}
    #tabAccordion .card > .collapse table tr {border-bottom:1px solid #f0f0f0;}
    #tabAccordion .card > .collapse table td {width:50%;}
}
/* EVOLVE END */


@media (min-width: 769px) {
    #result-wrapper > .desc {column-count: 2;}
/*     #result-wrapper > .container-fluid {max-width: 720px;} */
}
@media (min-width: 992px) {
    /*     Header */
    #header-top-bar .container-fluid {padding:0;}
/*     header > .container-fluid {padding:20px 0;} */
   #mainNavigation ul.navbar-nav {justify-content: flex-end!important;}
    nav.navbar {height: auto;}
    
    /* Logo */
    #logo {margin:6px 0 6px 4px;}
    header.fixed #logo {margin:0;}
    header .navbar-brand {margin-right: 0rem;}
    .toggler-logo-wrapper .logo-wrapper {padding-left: 0rem;}
    header .navbar-brand {padding-top: 0;padding-bottom: 0;}
    header .navbar-brand img {height: auto;}
        
    /* Megamenu */
    #mainNavigation .dropdown-menu {box-shadow: 0 2px 5px rgba(0,0,0,.1);-moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);}
    #mainNavigation .categories-recursive-dropdown {box-shadow:none;padding: 0 5px;}
    #mainNavigation .link-group-item .categories-recursive-dropdown {padding: 0;}
    #mainNavigation .link-group-item .dropdown-menu {left: auto;right: auto;overflow: hidden;width: auto;max-width: 100%;}
    #mainNavigation .link-group-item .dropdown-menu .container {max-width:200px;}
    #mainNavigation .link-group-item .dropdown-menu .container > .row > .nav-item {flex: 0 0 100%;max-width:100%;margin:0;}
    header #mainNavigation .submenu-headline-toplevel {margin-bottom: 10px;background-color: rgba(2, 147, 200, 0.1);padding: 0 5px;}
    header #mainNavigation .link-group-item .submenu-headline-toplevel {background-color: transparent;padding: 0;}
    header #mainNavigation .link-group-item .submenu-headline-toplevel {font-weight: normal;border:none;margin-bottom: 10px;}
    .link-group-item.nav-scrollbar-item .dropdown-body {padding-bottom: 1rem;}
    #mainNavigation .link-group-item .dropdown-menu {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
    .submenu-headline-toplevel {font-weight:600;}
    
    #jtl-nav-wrapper.fixed .container-fluid {padding:0;}
    .is-checkout #jtl-nav-wrapper.fixed > .container-fluid .toggler-logo-wrapper {padding:7px 0;}
    #jtl-nav-wrapper.fixed .container-fluid #shop-logo {max-width:76.4%;;margin:3px 0 3px 4px;}
    header#jtl-nav-wrapper.fixed .navbar-nav > .nav-item > .nav-link {padding: 12px 10px;}
    header#jtl-nav-wrapper.fixed .nav-right .nav-link {padding-top: 15px;padding-bottom: 15px;}
    header#jtl-nav-wrapper.fixed .nav-scrollbar-inner {padding-bottom:0;}
    header .navbar-nav > .nav-item > .nav-link {padding: 1.3rem 14px;font-weight: 600;}
    header .navbar-nav > .nav-item > .nav-link:last-child {padding-right:0;} 
    header.fixed .navbar-collapse {height: 54px;}
    header .nav-right .nav-link {padding-top: 1.35rem;padding-bottom: 1.35rem;}
    
    /*  Search Desktop */
    #search {margin-right:0;}
    #search.search-desktop #search-header, #search.search-desktop .input-group-append {display:none!important;}
    #search .sd-button.btn-secondary {color:#525252;background-color:transparent;border:none;z-index:1;box-shadow: none;}
    #search .sd-button.btn-secondary.close-icon .fa-search::before {content:"\2716";font-size: 22px;color:#666;font-weight:300;}
    #search-button {display:none;}
    header.fixed #shop-nav.search-overlay {padding: 11px 0;}
    
    #mainNavigation.d-none {display:none!important;}
/*    #search {margin-right: 6px;}
    #shop-nav.search-overlay {width:60%;padding: 18px 0;}
    #shop-nav.search-overlay #search {width: 100%;display:block!important;}
    #shop-nav.search-overlay > li {display:none;}
    #shop-nav.search-overlay .search-wrapper .input-group-append  .btn-secondary {display:none;}
    #search .form-control {border:none;}*/
    
    #result-wrapper > .desc .desc-img-text {column-count: 2;}
    #result-wrapper > .container-fluid {max-width: 960px;}
    
/*     #content-wrapper:not(.has-fluid) {padding-top: 0rem;} */
    .product-slider-wrapper {max-width: 1250px;}
    .breadcrumb-wrapper, .productlist-page-nav-bottom {border-top:none;}
    .breadcrumb-wrapper {border-bottom: none;}
    
    #footer-boxes {padding:0 15px;}
    #footer-boxes > .col-lg-3 {flex: 0 0 24%;max-width: 24%;margin-right: 5%;margin-bottom: 15px;padding:0;}
    #footer-boxes > .box4, #footer-boxes > .col-lg-3:last-child {margin-right:0;text-align:center;flex: 0 0 12%;max-width: 12%;}
    #footer-boxes .zertifiziert-logos li {width:100%;text-align:center;}
    #footer-boxes .zertifiziert-logos li.z2 {width: 100%;}
}
@media (min-width: 1300px) {
    .productbox.productbox-hover.productbox-column:not(:hover) .item-delivery-status {display: none;}
    .productbox.productbox-hover:not(:hover) .productbox-onhover {display: none;}
    #result-wrapper > .container-fluid {max-width: 1250px;}
}
@media (min-width: 1350px) {
    .container-fluid-xl {max-width: 1250px;}
}  
@media (max-width: 1300px) {
/*     .productbox-inner .item-box-description {display:none;} */
}
@media (max-width: 1100px) {
    #jtl-nav-wrapper .container-fluid #shop-logo {max-width:240px;}
    .toggler-logo-wrapper {padding-top: 2px;}
    header .navbar-nav > .nav-item > .nav-link {padding: 1.3rem 8px;}
}
@media (max-width: 991.98px) {
    #jtl-nav-wrapper {padding-left: 1rem;padding-right: 0.5rem;}
    header .navbar-collapse {top:46px;}
/*    .nav-mobile-body .nav-link {font-weight:600;}
    #shop-nav {padding-top:8px;}
    #shop-nav .cart-icon-dropdown > .nav-link {padding-top: 12px;}
    #shop-nav .search-icon .btn {padding-top:8px;}*/
/*     #burger-menu {margin-top:18px;margin-left: 12px;} */
    #mainNavigation .nav-mobile-header-toggler, #mainNavigation .nav-mobile-header-name > span {display:none;}
    header .nav-mobile-header {padding:0;}
    header .nav-mobile-header > .row {height: auto;margin-right:0;background-color: rgba(0,0,0,.03);}
    header .nav-scrollbar-item .dropdown-menu.show .nav-mobile-heading {text-align:center;padding:0;}
    
    header .navbar-nav .dropdown-menu .dropdown-body > .container > .row > .nav-item {padding: 10px 1rem;}
    header .navbar-nav > .nav-item > .nav-link, 
    header .navbar-nav > .nav-item .dropdown-menu .nav-link, 
    header .navbar-nav .nav-item,
    header .navbar-nav .dropdown-menu .dropdown-body > .container > .row > .nav-item.dropdown {padding: 14px 1rem;font-weight:600;}
    
    
    header .navbar-nav .nav-item {border-bottom: 1px solid rgba(0,0,0,.03);}
    header .navbar-nav .dropdown-menu .nav-item.dropdown.d-lg-none {background-color: rgba(0,0,0,.03);}
    
/*     .search-wrapper {display:none;} */
/*     .search-form-wrapper-fixed.search-aktive {margin-top: -44px;} */
/*     .search-wrapper.search-mobile {display:block;max-width: 50%;margin-left: 50%;} */
/*    .search-icon .sm-button {background-color:transparent;color:#525252;border:none;}
    .search-icon .sm-button .fa-search:hover {color:#0293c8;}
    .search-icon .close-icon .fa-search::before, .search-wrapper .fa-search.sm-button.close-icon::before {content:"\f00d";font-size:16px;color:#525252;}
    .search-wrapper .main-search .btn-secondary {background-color: #fff;border:none;}
    .search-wrapper #search-header-mobile-top.form-control {border:none;}*/
    
    .about-us-img {min-height:460px!important;}
    
    #footer-boxes > .col {padding-bottom:30px;}
    #footer-boxes .zertifiziert li img {width:100%; margin-bottom:0.5rem;}
}
@media (max-width: 767px) {
    #Newsletter-PopUp .PopUp-inner #Newsletter-Anmeldung {margin-top: 0px;}
    .content-cats-small .sub-categories .subcategories-image {display: block!important;}
    .about-us .about-us-image {max-width:350px!important;}
    #result-wrapper .content-cats-small .sub-categories .caption {text-align:center;}
    #result-wrapper .content-cats-small > .col-12 {flex: 0 0 50%;max-width: 50%;}
    
    .desc-img-img.col-sm-12 {display:none;}
    
    .about-us-img {min-height:400px!important;}
    .about-us-img > div {position: absolute!important;bottom: 0;width: 100%;}
    .about-us-img > div .ueber-uns-button {text-align:center!important;}
    .about-us-img > div .ueber-uns-button > .btn {margin:15px!important;}
    
    #footer #footer-boxes > div .text-truncate {font-size:1rem;font-weight:300;}
    #copyright .row > .col-4 {flex: 0 0 50%;max-width: 50%;}
    #copyright .row > .col {padding-left: 45px;}
    #copyright .row > .footer-social-media {padding-right: 45px;}
    #copyright .row > #system-credits.col-4 {display:none;}
}
@media (max-width: 575px) {
/*     header .navbar {position: relative;width: 100%;} */
/*    .toggler-logo-wrapper {position: relative;width: 100%;}
    .toggler-logo-wrapper .logo-wrapper {width: 100%;text-align: center;}*/
    
    .search-wrapper.search-mobile {max-width: 100%;margin-left: 0%;background: #fff;z-index: 100;}
    
    .gutschein-text, .newsletter-text {font-size:19px!important;}
    .gutschein-text ul li::before, .newsletter-text ul li::before {font-size: 12px;}
    
    .about-us-img {min-height:300px!important;}
    
    .categorie-box > div > .row > .col.col-6 {flex: 0 0 100%;max-width: 100%;}
    
    #footer #footer-boxes > .box5 .partner-logo {width:50%;}
    #footer #footer-boxes > .box5 .partner-logo.pl1, #footer #footer-boxes > .box5 .partner-logo.pl3 {text-align:left;}
    #footer #footer-boxes > .box5 .partner-logo.pl2 {text-align:right;}
    #result-wrapper .content-cats-small > .col-12 {flex: 0 0 100%;max-width: 100%;}
}
@media (max-width: 376px) {
    header #shop-nav {margin-top: 40px;}
    header .toggler-logo-wrapper {width: 100%;padding-left: 0.5rem;}
    .toggler-logo-wrapper .burger-menu-wrapper {float: right;}
    #jtl-nav-wrapper {padding-left: 0rem;}
}