/* Widerrufsbutton im Footer ausblenden */
.row.withdrawal-link-wrapper {
    display: none;
}

/* PayPal Buttons ausblenden */
div#ppc-miniCart-horizontal-container,
div#ppc-productDetails-horizontal-container,
div#ppc-cart-horizontal-container {
    display: none;
}

.snack-b2b-box {
    max-width: 1080px;
    margin: 40px auto 60px;
    padding: 0 20px;
    font-family: Arial, sans-serif;
}

.snack-b2b-inner {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 18px;
    padding: 38px 34px 34px;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);
}

.snack-b2b-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, #e30613 0%, #ff4b55 100%);
}

.snack-b2b-head {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.snack-b2b-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 14px;
    background: #111;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.snack-b2b-heading {
    margin: 0;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
    color: #111;
}

.snack-b2b-desc {
    margin: 0;
    font-size: 18px;
    line-height: 1.75;
    color: #222;
}

.snack-b2b-desc strong {
    color: #e30613;
    font-weight: 800;
}

.snack-b2b-info {
    margin-top: 24px;
    padding: 18px 20px;
    border-radius: 12px;
    background: #f6f6f6;
    border: 1px solid #ececec;
    font-size: 15px;
    line-height: 1.7;
    color: #333;
}

.footnote-vat {
    text-align: center;
}

div#copyright {
    display: none;
}

.product-stock_kachel {
    color: #eb1414;
}

.productbox-inner .productbox-title {
    top: 0.5rem;
    height: 50px;
}

small,
.small {
    font-size: 0.875em;
    font-weight: bolder;
}

.text-danger.text-stroke.text-nowrap-util,
.discount {
    font-weight: bolder;
}

header .dropdown-menu {
    background-color: #fff;
    color: #eb1414;
}

#jtl-nav-wrapper .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) label {
    background: #fff;
    color: #eb1414;
}

.row.gallery.row-eq-height.row-eq-img-height.product-list.opc-ProductStream.opc-ProductStream-gallery {
    width: 85%;
    margin: auto;
}

input#search-header {
    background-color: #fff;
}

span.fas.fa-home {
    color: #fff;
}

.price_label.price_invisible {
    font-weight: bolder;
    color: #eb1414;
    font-size: 13px;
}

.landing_text {
    text-shadow: 3px 2px 4px #eb1414;
}

.productbox-inner {
    position: relative;
    text-align: center;
}

.text-muted {
    color: #eb1414 !important;
}

.text-muted.small.zusatzartikel {
    padding-top: 5px;
    font-weight: bolder;
    font-size: 14px;
}

.price.productbox-price,
span.price_label.price_on_application {
    color: #eb1414;
}

.min-value-wrapper {
    font-weight: bolder;
    padding-top: 10px;
    font-size: 16px;
}

span.fas.fa-user-check,
li.cart-icon-dropdown.nav-item.dropdown,
i.fas.fa-heart,
span.fas.fa-user {
    font-size: 24px;
}

#content {
    padding-bottom: 3rem;
}

.cart-icon-dropdown .cart-icon-dropdown-price {
    font-size: 18px;
}

span.cart-icon-dropdown-price {
    color: #fff;
    font-weight: bolder;
}

h3,
.h3,
.sidepanel-left .box-normal .box-normal-link {
    font-size: 1rem;
    padding-top: 15px;
}

.card-body.opc-area {
    background-color: #f6f6f6;
    padding-left: 50px;
}

button.btn.opc-Accordion-head.btn-link {
    font-weight: bolder;
    font-size: 18px;
}

.opc-hidden-xs.opc-hidden-sm.opc-hidden-md.landing_faq {
    background-color: #f6f6f6;
    margin-bottom: -50px;
}

button.btn.btn-secondary {
    background-color: #333;
}

p.footer_tiktok {
    margin-top: 40px;
}

nav.navbar.row.justify-content-center.align-items-center-util.navbar-expand-lg.navbar-expand-1 {
    width: 70%;
    margin: auto;
}

.container-fluid-xl {
    max-width: 100%;
}

span.text-truncate.d-block {
    color: #000;
    font-weight: bolder;
    text-transform: uppercase;
    font-size: 16px;
}

.container-fluid.container-fluid-xl.menu-center-center.menu-multiple-rows-multiple {
    background-color: #eb1414;
    box-shadow: 0 7px 13px -7px #000000, 0 5px 15px 5px rgba(0, 0, 0, 0);
}

.btn-secondary {
    color: #eb1414;
    background-color: #fff;
}

button.btn.wow.pulse.btn-warning {
    border: 1px #fff solid;
}

a.dropdown-item.cart-dropdown-empty,
.wishlist-dropdown-footer.dropdown-body,
.dropdown-body.lg-min-w-lg {
    background-color: #f6f6f6;
}

header .form-control,
header .form-control:focus {
    background-color: #fff;
}

#footer .productlist-filter-headline {
    font-size: 24px;
}

#footer a:not(.btn),
#footer .productlist-filter-headline,
#footer .newsletter-footer-heading,
#footer .btn-outline-primary {
    color: #fff;
}

/* Header schwarz */
header,
#jtl-nav-wrapper,
header .navbar,
header .header-main,
header .container-fluid-xl,
.container-fluid.container-fluid-xl.menu-center-center.menu-multiple-rows-multiple {
    background-color: #000 !important;
}

/* Footer schwarz */
#footer,
footer,
#footer .footer-additional {
    background-color: #000 !important;
}

/* Icons rot */
header i,
header .fas,
header .far,
header .fab,
#footer i,
#footer .fas,
#footer .far,
#footer .fab,
span.fas.fa-home,
span.fas.fa-user,
span.fas.fa-user-check,
i.fas.fa-heart,
li.cart-icon-dropdown.nav-item.dropdown i {
    color: #eb1414 !important;
}

/* Footer-Links weiß */
#footer a,
#footer p,
#footer span,
#footer li,
#footer .productlist-filter-headline,
#footer .newsletter-footer-heading {
    color: #fff !important;
}

/* Obere Header-Inhalte schwarz */
header .form-control,
header .form-control:focus,
header .dropdown-menu {
    background-color: #000 !important;
}

/* Navigation / Menüleiste rot */
.container-fluid.container-fluid-xl.menu-center-center.menu-multiple-rows-multiple,
#jtl-nav-wrapper .navbar-nav,
#jtl-nav-wrapper .navbar-nav > .nav-item,
#jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link,
#jtl-nav-wrapper .nav-scrollbar-item,
#jtl-nav-wrapper .nav-mobile-heading {
    background-color: #eb1414 !important;
    color: #fff !important;
    border-color: #eb1414 !important;
    box-shadow: none !important;
}

/* Weiße Flächen in den Menüpunkten entfernen */
#jtl-nav-wrapper span.text-truncate.d-block,
#jtl-nav-wrapper .navbar-nav > .nav-item > .nav-link span {
    background: transparent !important;
    color: #fff !important;
}

/* Hover / aktiv */
#jtl-nav-wrapper .navbar-nav > .nav-item:hover > .nav-link,
#jtl-nav-wrapper .navbar-nav > .nav-item.active > .nav-link,
#jtl-nav-wrapper .navbar-nav > .nav-item.show > .nav-link {
    background-color: #eb1414 !important;
    color: #fff !important;
}

/* Cart Preis weiß */
span.cart-icon-dropdown-price {
    color: #fff !important;
}

/* Warenkorb-Dropdown innen weiß */
#cart-dropdown-container,
#cart-dropdown-container .dropdown-menu,
#cart-dropdown-container .dropdown-body,
#cart-dropdown-container .dropdown-footer,
#cart-dropdown-container .table-responsive,
#cart-dropdown-container .cart-dropdown-body,
#cart-dropdown-container .dropdown-cart,
#cart-dropdown-container .dropdown-body.last-child,
#cart-dropdown-container .dropdown-footer.last-child {
    color: #000 !important;
}

/* Produkttexte im Dropdown dunkel */
#cart-dropdown-container a,
#cart-dropdown-container .text-truncate,
#cart-dropdown-container .cart-dropdown-name,
#cart-dropdown-container .cart-item-name,
#cart-dropdown-container .dropdown-item,
#cart-dropdown-container .price_label,
#cart-dropdown-container .cart-dropdown-price,
#cart-dropdown-container .item-sum,
#cart-dropdown-container small,
#cart-dropdown-container .small {
    color: #000 !important;
}

/* Summen unten rot */
#cart-dropdown-container .cart-dropdown-price,
#cart-dropdown-container .price,
#cart-dropdown-container .price-value,
#cart-dropdown-container .text-danger,
#cart-dropdown-container .value {
    color: #eb1414 !important;
    font-weight: 700 !important;
}

/* Trennlinien im Dropdown */
#cart-dropdown-container hr,
#cart-dropdown-container .dropdown-divider,
#cart-dropdown-container .cart-item,
#cart-dropdown-container .productbox,
#cart-dropdown-container .table td {
    border-color: #e5e5e5 !important;
}

/* Buttons unten */
#cart-dropdown-container .btn-outline-primary {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #eb1414 !important;
}

#cart-dropdown-container .btn-primary,
#cart-dropdown-container .btn.btn-primary {
    background: #eb1414 !important;
    border-color: #eb1414 !important;
    color: #fff !important;
}

/* Dropdown unter Hauptmenü schwarz */
#jtl-nav-wrapper .dropdown-menu,
#jtl-nav-wrapper .dropdown-body,
#jtl-nav-wrapper .dropdown-footer,
#jtl-nav-wrapper .dropdown-body.last-child,
#jtl-nav-wrapper .dropdown-footer.last-child,
#jtl-nav-wrapper .dropdown-menu .nav-scrollbar,
#jtl-nav-wrapper .dropdown-menu .row,
#jtl-nav-wrapper .dropdown-menu .col,
#jtl-nav-wrapper .dropdown-menu .container,
#jtl-nav-wrapper .dropdown-menu .container-fluid {
    background-color: #000 !important;
    color: #fff !important;
}

/* Links im Dropdown weiß */
#jtl-nav-wrapper .dropdown-menu a,
#jtl-nav-wrapper .dropdown-menu .nav-link,
#jtl-nav-wrapper .dropdown-menu .dropdown-item,
#jtl-nav-wrapper .dropdown-menu span,
#jtl-nav-wrapper .dropdown-menu strong {
    color: #fff !important;
    background: transparent !important;
}

/* Hover im Dropdown */
#jtl-nav-wrapper .dropdown-menu a:hover,
#jtl-nav-wrapper .dropdown-menu .nav-link:hover,
#jtl-nav-wrapper .dropdown-menu .dropdown-item:hover {
    color: #eb1414 !important;
    background-color: #111 !important;
}

/* Trennlinien im Dropdown dunkler */
#jtl-nav-wrapper .dropdown-menu hr,
#jtl-nav-wrapper .dropdown-menu .dropdown-divider {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

/* Hover im seitlichen Kategorien-Menü rot */
aside .box .nav-link:hover,
aside .box .nav a:hover,
aside .box .dropdown-menu .dropdown-item:hover,
aside .box .nav-item:hover > .nav-link,
aside .box .nav-item.active > .nav-link,
aside .box .nav-link.dropdown-toggle:hover {
    color: #eb1414 !important;
}

/* Optional: auch Pfeil/Icon dazu rot */
aside .box .nav-link:hover i,
aside .box .nav-link.dropdown-toggle:hover i,
aside .box .nav-item.active > .nav-link i {
    color: #eb1414 !important;
}

/* Nur Hover bei Produkttiteln rot */
.productbox-title a:hover,
.productbox-title a.text-clamp-2:hover,
.productbox a.text-clamp-2:hover {
    color: #eb1414 !important;
    text-decoration: none !important;
}

/* Hover bei Unterkategorie-Kacheln rot */
.content-cats-small .caption a:hover,
.sub-categories .caption a:hover,
div.caption a:hover {
    color: #eb1414 !important;
    text-decoration: none !important;
}

/* Hover bei Bestseller-/Slider-Produkttiteln rot */
.slick-slider .item-slider-desc:hover,
.slick-slider .item-slider-desc a:hover,
.slick-slider .text-clamp-2:hover,
.slick-slider .text-clamp-2 a:hover,
.slick-slider .item-slider-product a:hover {
    color: #eb1414 !important;
    text-decoration: none !important;
}

/* Cross-Selling / ähnliche Artikel:
   Wenn man über Bild oder ganze Kachel hovert, wird der Titel rot */
.productbox:hover .productbox-title a,
.productbox:hover .text-clamp-2,
.productbox:hover .text-clamp-2 a,
.productbox a:hover + .productbox-inner .productbox-title a,
.productbox a:hover + .productbox-inner .text-clamp-2,
.productbox a:hover + .productbox-inner .text-clamp-2 a {
    color: #eb1414 !important;
    text-decoration: none !important;
}

@media (hover) {
    .btn-animated .btn-outline-primary:hover {
        border-color: rgb(235, 20, 20);
        background-color: transparent;
        color: #fff;
    }
}

@media (max-width: 767px) {
    .snack-b2b-box {
        margin: 25px auto 40px;
        padding: 0 14px;
    }

    .snack-b2b-inner {
        padding: 24px 20px 22px;
        border-radius: 14px;
    }

    .snack-b2b-head {
        align-items: flex-start;
    }

    .snack-b2b-icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
        font-size: 20px;
        border-radius: 12px;
    }

    .snack-b2b-heading {
        font-size: 23px;
    }

    .snack-b2b-desc {
        font-size: 16px;
        line-height: 1.65;
    }

    .snack-b2b-info {
        font-size: 14px;
        padding: 15px 16px;
    }
}

@media (min-width: 992px) {
    .nav-scrollbar-item .nav-mobile-heading {
        padding-right: 0;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        font-weight: bolder;
    }

    .breadcrumb-wrapper {
        width: 80%;
        margin: auto;
    }

    #content-wrapper:not(.has-fluid) {
        padding-top: 0rem;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
        width: 80%;
        margin: auto;
    }

    header .navbar-nav > .nav-item > .nav-link::before {
        border-color: #fff;
    }

    span.text-truncate.d-block {
        background-color: #f6f6f6;
    }
}

/* =========================
   GELB -> ROT im JTL-Shop
========================= */

/* Standard gelbe Buttons */
.btn-warning,
.btn.btn-warning,
a.btn-warning,
button.btn-warning {
    background-color: #eb1414 !important;
    border-color: #eb1414 !important;
    color: #fff !important;
}

/* Hover / Focus */
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning:not(:disabled):not(.disabled):active,
.btn.btn-warning:hover,
.btn.btn-warning:focus,
.btn.btn-warning:active {
    background-color: #eb1414 !important;
    border-color: #eb1414 !important;
    color: #fff !important;
    box-shadow: none !important;
}

/* Outline / animierte Buttons, falls JTL hier Gelb nutzt */
.btn-outline-warning,
.btn-outline-warning:hover,
.btn-outline-warning:focus,
.btn-outline-warning:active {
    background-color: #eb1414 !important;
    border-color: #eb1414 !important;
    color: #fff !important;
}

/* Buttons in Produktboxen */
.productbox .btn-warning,
.productbox .btn.btn-warning,
.productbox .btn-outline-warning,
.productbox .btn-primary,
.productbox .btn.btn-primary {
    background-color: #eb1414 !important;
    border-color: #eb1414 !important;
    color: #fff !important;
}

/* "Zum Artikel" / Warenkorb Buttons in Produktlisten */
.productbox .btn,
.productbox button.btn,
.productbox a.btn {
    border-color: #eb1414 !important;
}

.productbox .btn:hover,
.productbox button.btn:hover,
.productbox a.btn:hover {
    border-color: #eb1414 !important;
}

/* Bestseller / Labels / Badges */
.badge-warning,
.badge.badge-warning,
.ribbon-warning,
.list-badge .badge-warning,
.productbox .badge-warning,
.productbox .ribbon-warning,
.productbox .badge[class*="warning"] {
    background-color: #eb1414 !important;
    border-color: #eb1414 !important;
    color: #fff !important;
}

/* Falls die kleinen Eck-Badges gelb sind */
.productbox .ribbon,
.productbox .productbox-ribbon,
.productbox .badge {
    border-color: #eb1414;
}

/* Aktive Pagination / Seitenauswahl */
.page-item.active .page-link,
.pagination .active .page-link,
.pagination .page-item.active span,
.pagination .page-item.active a {
    background-color: #eb1414 !important;
    border-color: #eb1414 !important;
    color: #fff !important;
}

/* Preis-Slider / Range-Handles */
.noUi-connect,
.noUi-horizontal .noUi-handle,
.noUi-target .noUi-connect {
    background: #eb1414 !important;
    border-color: #eb1414 !important;
}

.noUi-handle {
    box-shadow: none !important;
}

/* Gelbe Unterstreichungen / aktive Filter */
.nav-panel .active,
.filter-item.active,
li.active > a,
aside .active > a {
    color: #eb1414 !important;
    border-color: #eb1414 !important;
}

/* Falls irgendwo gelbe Hintergründe direkt inline/über Klassen kommen */
.bg-warning,
.text-bg-warning {
    background-color: #eb1414 !important;
    color: #fff !important;
    border-color: #eb1414 !important;
}

.text-warning {
    color: #eb1414 !important;
}

@media (hover) {
  .btn-animated .btn-outline-primary:hover {
    border-color: #525252;
    background-color: transparent;
    color: #000000;
  }
}

@media (hover) {
  .btn-animated .btn-outline-primary:hover::after {
    width: 300%;
    background: #eb1414;
  }
}

.btn-primary {
    color: #ffffff;
    background-color: #eb1414;
    border-color: #F8BF00;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0);
    border-color: #eb1414;
}

@media (hover) {
  .btn-animated .btn-primary:hover {
    background-color: #eb1414;
    border-color: #eb1414;
  }
}

.btn-outline-primary {
    border-color: #eb1414;
}

@media (hover) {
  .btn-primary:hover {
    color: #fff;
  }
}

.tab-navigation .nav-link::after {
    border-color: #eb1414;
}

.fa-sup {
    background-color: #eb1414;
    color: #ffffff;
}

header .form-control, header .form-control:focus, header .dropdown-menu {
    background-color: #fff !important;
}

.form-control:focus {
  color: #525252;
  background-color: #ffffff;
  border-color: #eb1414;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(235, 20, 20, 0.25);
}

header .table, header .dropdown-item, header .btn-outline-primary {
    color: #fff;
}

#jtl-nav-wrapper .dropdown-menu a:hover,
#jtl-nav-wrapper .dropdown-menu .nav-link:hover,
#jtl-nav-wrapper .dropdown-menu .dropdown-item:hover {
  color: #fff !important;
  background-color: #111 !important;
}

.cart-dropdown .cart-dropdown-total-item {
    color: #fff;
    margin-bottom: 0.5rem;
    font-size: 0.75rem;
}

a:hover {
  color: #eb1414;
  text-decoration: none;
}

.slick-slide a:hover,
.slick-slide a:focus {
  color: #eb1414;
  text-decoration: none;
}

.modal-header .close:hover {
  background-color: #eb1414;
  color: #ffffff;
}

.btn-secondary {
    color: #fff;
    background-color: #fff;
}

.badge-circle-1:hover {
  color: #eb1414;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: #eb1414;
  border-color: #eb1414;
  box-shadow: none;
}

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

.checkout-steps .step-check {
    margin-left: 0.25rem;
    margin-right: auto;
    color: #eb1414;
}

.stepper .step-active .step-content::after {
    background: #eb1414;
}

/* Checkout Radios rot */
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #eb1414 !important;
  border-color: #eb1414 !important;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: radial-gradient(#fff 0, #fff 28%, transparent 32%) !important;
}

/* Hover / Fokus optional auch rot */
.custom-control-input:focus ~ .custom-control-label::before {
  border-color: #eb1414 !important;
  box-shadow: 0 0 0 0.2rem rgba(235, 20, 20, 0.25) !important;
}

#header-top-bar, header {
    background-color: #fff;
    color: #fff;
}

/* =========================================
   JTL Produktbox Buttons / Gelb -> Rot safe
   ========================================= */

/* Normalzustand Outline-Buttons in Produktboxen */
.productbox .btn-outline-primary,
.productbox a.btn-outline-primary,
.productbox button.btn-outline-primary {
  background-color: #ffffff !important;
  border-color: #eb1414 !important;
  color: #eb1414 !important;
  box-shadow: none !important;
}

/* Hover / Focus / Active für Outline-Buttons */
.productbox .btn-outline-primary:hover,
.productbox .btn-outline-primary:focus,
.productbox .btn-outline-primary.focus,
.productbox .btn-outline-primary:active,
.productbox .btn-outline-primary.active,
.productbox .btn-outline-primary:not(:disabled):not(.disabled):active,
.productbox .show > .btn-outline-primary.dropdown-toggle,
.productbox a.btn-outline-primary:hover,
.productbox a.btn-outline-primary:focus,
.productbox a.btn-outline-primary:active,
.productbox button.btn-outline-primary:hover,
.productbox button.btn-outline-primary:focus,
.productbox button.btn-outline-primary:active {
  background-color: #eb1414 !important;
  border-color: #eb1414 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Primäre Buttons ebenfalls sauber rot */
.productbox .btn-primary,
.productbox a.btn-primary,
.productbox button.btn-primary,
.productbox .btn-primary:hover,
.productbox .btn-primary:focus,
.productbox .btn-primary.focus,
.productbox .btn-primary:active,
.productbox .btn-primary.active,
.productbox .btn-primary:not(:disabled):not(.disabled):active,
.productbox .show > .btn-primary.dropdown-toggle,
.productbox a.btn-primary:hover,
.productbox a.btn-primary:focus,
.productbox a.btn-primary:active,
.productbox button.btn-primary:hover,
.productbox button.btn-primary:focus,
.productbox button.btn-primary:active {
  background-color: #eb1414 !important;
  border-color: #eb1414 !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

/* Das animierte Overlay, das oft noch gelb bleibt */
.productbox .btn-outline-primary::after,
.productbox .btn-primary::after,
.productbox .btn-outline-primary:hover::after,
.productbox .btn-primary:hover::after,
.productbox .btn-outline-primary:active::after,
.productbox .btn-primary:active::after,
.productbox .btn-outline-primary:focus::after,
.productbox .btn-primary:focus::after {
  background: #eb1414 !important;
}

/* Zusätzliche Sicherheit für animierte Button-Varianten */
.productbox .btn-animated .btn-outline-primary,
.productbox .btn-animated .btn-primary {
  border-color: #eb1414 !important;
}

.productbox .btn-animated .btn-outline-primary:hover,
.productbox .btn-animated .btn-primary:hover,
.productbox .btn-animated .btn-outline-primary:focus,
.productbox .btn-animated .btn-primary:focus,
.productbox .btn-animated .btn-outline-primary:active,
.productbox .btn-animated .btn-primary:active {
  background-color: #eb1414 !important;
  border-color: #eb1414 !important;
  color: #ffffff !important;
}

/* Falls JTL einzelne Buttons allgemeiner rendert */
.productbox .product-btn .btn,
.productbox .productbox-inner .btn {
  border-color: #eb1414 !important;
}

.productbox .product-btn .btn:hover,
.productbox .productbox-inner .btn:hover,
.productbox .product-btn .btn:focus,
.productbox .productbox-inner .btn:focus,
.productbox .product-btn .btn:active,
.productbox .productbox-inner .btn:active {
  border-color: #eb1414 !important;
}

/* Bestseller-/Badge-Gelb ebenfalls auf Rot */
.productbox .badge-warning,
.productbox .badge.badge-warning,
.productbox .ribbon-warning,
.productbox .ribbon-1 {
  background-color: #eb1414 !important;
  border-color: #eb1414 !important;
  color: #ffffff !important;
}

/* Runde Quick-Action-Buttons */
.productbox .badge-circle-1:hover,
.productbox .badge-circle-1:focus,
.productbox .badge-circle-1:active {
  color: #525252 !important;
  border-color: #525252 !important;
  background: #ffffff !important;
  opacity: 1 !important;
}

.page-item.active .page-link::after, .page-item.active .page-text::after {
    border-bottom: 4px solid #fff;
}

.page-link:hover {
  z-index: 2;
  color: #eb1414;
}

/* =========================================
   JTL Gelb -> Rot | harte Produktbox-Overrides
   ========================================= */

/* Alle typischen Produktbox-Buttons */
.productbox .btn,
.productbox .btn-outline-primary,
.productbox .btn-primary,
.productbox-hover .btn,
.productbox-hover .btn-outline-primary,
.productbox-hover .btn-primary,
.product-btn .btn,
.product-btn .btn-outline-primary,
.product-btn .btn-primary {
  border-color: #eb1414 !important;
}

/* Outline normal */
.productbox .btn-outline-primary,
.productbox-hover .btn-outline-primary,
.product-btn .btn-outline-primary {
  background-color: #fff !important;
  color: #eb1414 !important;
  border-color: #eb1414 !important;
  box-shadow: none !important;
}

/* Primary normal */
.productbox .btn-primary,
.productbox-hover .btn-primary,
.product-btn .btn-primary {
  background-color: #eb1414 !important;
  color: #fff !important;
  border-color: #eb1414 !important;
  box-shadow: none !important;
}

/* Hover / Focus / Active für ALLE Button-Typen in Produktboxen */
.productbox .btn:hover,
.productbox .btn:focus,
.productbox .btn.focus,
.productbox .btn:active,
.productbox .btn.active,
.productbox .btn:not(:disabled):not(.disabled):active,
.productbox .show > .btn.dropdown-toggle,
.productbox-hover .btn:hover,
.productbox-hover .btn:focus,
.productbox-hover .btn.focus,
.productbox-hover .btn:active,
.productbox-hover .btn.active,
.productbox-hover .btn:not(:disabled):not(.disabled):active,
.productbox-hover .show > .btn.dropdown-toggle,
.product-btn .btn:hover,
.product-btn .btn:focus,
.product-btn .btn.focus,
.product-btn .btn:active,
.product-btn .btn.active,
.product-btn .btn:not(:disabled):not(.disabled):active,
.product-btn .show > .btn.dropdown-toggle {
  border-color: #eb1414 !important;
  box-shadow: none !important;
}

/* Outline-Buttons bei Hover/Active rot füllen */
.productbox .btn-outline-primary:hover,
.productbox .btn-outline-primary:focus,
.productbox .btn-outline-primary.focus,
.productbox .btn-outline-primary:active,
.productbox .btn-outline-primary.active,
.productbox .btn-outline-primary:not(:disabled):not(.disabled):active,
.productbox .show > .btn-outline-primary.dropdown-toggle,
.productbox-hover .btn-outline-primary:hover,
.productbox-hover .btn-outline-primary:focus,
.productbox-hover .btn-outline-primary.focus,
.productbox-hover .btn-outline-primary:active,
.productbox-hover .btn-outline-primary.active,
.productbox-hover .btn-outline-primary:not(:disabled):not(.disabled):active,
.productbox-hover .show > .btn-outline-primary.dropdown-toggle,
.product-btn .btn-outline-primary:hover,
.product-btn .btn-outline-primary:focus,
.product-btn .btn-outline-primary.focus,
.product-btn .btn-outline-primary:active,
.product-btn .btn-outline-primary.active,
.product-btn .btn-outline-primary:not(:disabled):not(.disabled):active,
.product-btn .show > .btn-outline-primary.dropdown-toggle {
  background-color: #eb1414 !important;
  color: #fff !important;
  border-color: #eb1414 !important;
  box-shadow: none !important;
}

/* Primary-Buttons in allen Zuständen rot halten */
.productbox .btn-primary:hover,
.productbox .btn-primary:focus,
.productbox .btn-primary.focus,
.productbox .btn-primary:active,
.productbox .btn-primary.active,
.productbox .btn-primary:not(:disabled):not(.disabled):active,
.productbox .show > .btn-primary.dropdown-toggle,
.productbox-hover .btn-primary:hover,
.productbox-hover .btn-primary:focus,
.productbox-hover .btn-primary.focus,
.productbox-hover .btn-primary:active,
.productbox-hover .btn-primary.active,
.productbox-hover .btn-primary:not(:disabled):not(.disabled):active,
.productbox-hover .show > .btn-primary.dropdown-toggle,
.product-btn .btn-primary:hover,
.product-btn .btn-primary:focus,
.product-btn .btn-primary.focus,
.product-btn .btn-primary:active,
.product-btn .btn-primary.active,
.product-btn .btn-primary:not(:disabled):not(.disabled):active,
.product-btn .show > .btn-primary.dropdown-toggle {
  background-color: #eb1414 !important;
  color: #fff !important;
  border-color: #eb1414 !important;
  box-shadow: none !important;
}

/* Animierte Overlays / ::after */
.btn-animated .btn-primary::after,
.btn-animated .btn-outline-primary::after,
.btn-animated .btn-primary:hover::after,
.btn-animated .btn-outline-primary:hover::after,
.btn-animated .btn-primary:active::after,
.btn-animated .btn-outline-primary:active::after,
.productbox .btn::after,
.productbox-hover .btn::after,
.product-btn .btn::after {
  background: #eb1414 !important;
}

/* Quick-Action Kreise oben rechts */
.productbox-hover .badge-circle-1,
.productbox .badge-circle-1 {
  border-color: #eb1414 !important;
}

.productbox-hover .badge-circle-1:hover,
.productbox-hover .badge-circle-1:focus,
.productbox-hover .badge-circle-1:active,
.productbox .badge-circle-1:hover,
.productbox .badge-circle-1:focus,
.productbox .badge-circle-1:active {
  border-color: #eb1414 !important;
  background: #fff !important;
}

/* Bestseller / Ribbon */
.ribbon-1,
.productbox .ribbon-1,
.productbox-hover .ribbon-1,
.badge-warning,
.ribbon-warning {
  background-color: #E0A800 !important;
  border-color: #E0A800 !important;
  color: #fff !important;
}

.ribbon-1::before {
    border-right-color: #E0A800;
}