@charset "UTF-8";

/* =========================================================
   KOBALZ PRODUCTDETAIL LAYOUT v1.0.17
   WIDE_BODY_COMPACT_GALLERY

   Ziel:
   - Alte breite/vertikale Variationsregeln aus kobalz-productdetails.css ueberstimmen.
   - Nur die per JS erkannten echten Optionen stylen.
   - Keine JTL-Inputs ersetzen, keine Rebuild-Logik.
========================================================= */

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .product-offer > .row:has(select),
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .product-offer > .row:has(.bootstrap-select),
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .product-offer > .row:has(.dropdown.bootstrap-select) {
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #dfe4e8 !important;
    border-top: 3px solid #008000 !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.035) !important;
    overflow: visible !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variations,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variation,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .product-variations,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .switch-variations,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variations-wrapper,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variation-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 18px 28px 18px 28px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-bottom: 1px solid #dfe4e8 !important;
    box-shadow: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .product-offer .form-group > label:not(.kobalz-pdl-variation-option),
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .product-offer .variation > label:not(.kobalz-pdl-variation-option),
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .product-offer .variations > label:not(.kobalz-pdl-variation-option),
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .product-offer label.variation-label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
    color: #1f2f3d !important;
    text-align: left !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-options {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    gap: 8px 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-options > * {
    width: auto !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 92px !important;
    max-width: 220px !important;
    min-height: 34px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 7px 13px !important;
    background: #ffffff !important;
    border: 1px solid #cfd6dc !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.18 !important;
    color: #1f2f3d !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option *:not(input):not(img):not(svg):not(path) {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option:hover,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option:focus,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-active {
    border-color: #008000 !important;
    box-shadow: 0 0 0 1px #008000 inset !important;
    color: #111111 !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option::before,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option::after,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option *::before,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option *::after {
    display: none !important;
    content: none !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option input[type="radio"],
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .sr-only,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variations,
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variation,
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .product-variations,
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .switch-variations,
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variations-wrapper,
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variation-wrapper {
        padding: 16px 18px 18px 18px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option {
        min-width: 82px !important;
        min-height: 34px !important;
        padding: 7px 11px !important;
        font-size: 13.5px !important;
    }
}


/* =========================================================
   v1.0.14 NORMALIZE_SWATCHES_ADVANTAGE_BOX_VARIATION_FALLBACK
   Text-Swatches und Bild-Swatches optisch gleich ausgeben.
   JTL-Inputs, Variantenlogik und Klickverhalten bleiben unverändert.
========================================================= */

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option {
    min-width: 92px !important;
    max-width: 240px !important;
    min-height: 34px !important;
    padding: 7px 13px !important;
    overflow: hidden !important;
}

/* Bild-Swatches bekommen keine sichtbaren Bilder mehr, sondern denselben Textbutton wie Text-Swatches. */
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-image {
    font-size: 0 !important;
    line-height: 0 !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-image .square,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-image .square-image,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-image .inner,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-image picture,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-image source,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-image img {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

/* Diese Version darf wieder selbst einen Text aus data-title/data-original anzeigen. */
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-image::after {
    content: attr(data-kobalz-pdl-title) !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.18 !important;
    color: inherit !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* Falls data-title einmal fehlt, keine leere Bildkachel provozieren. */
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-image:not([data-kobalz-pdl-title])::after,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-image[data-kobalz-pdl-title=""]::after {
    content: attr(data-title) !important;
}

/* Text-Swatches bleiben echte Text-Swatches, bekommen aber denselben Button-Rhythmus. */
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-text {
    font-size: 14px !important;
    line-height: 1.18 !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option,
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-image::after,
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-text {
        font-size: 13.5px !important;
    }
}

/* =========================================================
   v1.0.14 ADVANTAGE BOX IN BUYBOX
   Kompakter Vorteilsblock direkt im rechten Kaufbereich.
========================================================= */
body[data-page="1"] #product-offer .kobalz-pdl-advantage-box {
    display: block !important;
    width: 100% !important;
    margin: 14px 0 18px 0 !important;
    padding: 14px 16px 14px 16px !important;
    background: #f7fbf7 !important;
    border: 1px solid #d9eadb !important;
    border-left: 3px solid #008000 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-title {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    color: #0f2415 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner,
body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner * {
    box-sizing: border-box !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner ul,
body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner ul.checklist {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 12px !important;
    row-gap: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner li {
    position: relative !important;
    margin: 0 !important;
    padding: 0 0 0 18px !important;
    color: #26352b !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #008000 !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner p {
    margin: 0 !important;
    color: #26352b !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-box {
        margin: 12px 0 16px 0 !important;
        padding: 13px 14px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner ul,
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner ul.checklist {
        grid-template-columns: 1fr !important;
        row-gap: 6px !important;
    }
}


/* =========================================================
   v1.0.15 VARIATION FALLBACK
   Vorteilsbox auch bei Vater-/Kindartikeln mit Varianten ausgeben.
   Wenn window.KPDO_TECH_DATA.advantageBlock leer ist, nutzt JS die vorhandene Kurzbeschreibungsliste als Quelle.
========================================================= */
body[data-page="1"] #product-offer .kobalz-pdl-advantage-box {
    order: 20 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner li:nth-child(n+6) {
    display: none !important;
}


/* =========================================================
   v1.0.16 WIDE_BODY_COMPACT_GALLERY
   Linke Galerie/Bildspalte auf Desktop verkleinern, rechte Kaufbox breiter setzen.
   Varianten, Preis, Warenkorb, Galerie-Klicks und Sidecart bleiben unverändert.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] #product-offer.kobalz-pdp-shell {
        align-items: flex-start !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell > .product-gallery,
    body[data-page="1"] #product-offer.kobalz-pdp-shell > .kobalz-pdp-gallery-col {
        flex: 0 0 43% !important;
        max-width: 43% !important;
        width: 43% !important;
        padding-right: 24px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell > .product-info,
    body[data-page="1"] #product-offer.kobalz-pdp-shell > .kobalz-pdp-buyarea {
        flex: 0 0 57% !important;
        max-width: 57% !important;
        width: 57% !important;
        padding-left: 10px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-gallery {
        max-width: 620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 32px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-gallery-layout {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        column-gap: 18px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-column,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-window,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-track,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-arrow {
        width: 92px !important;
        min-width: 92px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-arrow {
        height: 32px !important;
        min-height: 32px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-window {
        height: 448px !important;
        max-height: 448px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-track {
        max-height: 448px !important;
        gap: 8px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumb {
        width: 92px !important;
        height: 78px !important;
        min-height: 78px !important;
        padding: 5px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-main-stage {
        max-width: 500px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-main-img {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }
}


/* =========================================================
   v1.0.17 WIDE_BODY_COMPACT_GALLERY
   Produktdetail-Body wieder breit wie vorher, linke Galerie bleibt kompakt.
   Dadurch rueckt der rechte Kaufbereich nach links und hat insgesamt mehr Raum.
========================================================= */
@media (min-width: 1300px) {
    body[data-page="1"] #content-wrapper > .container,
    body[data-page="1"] #content-wrapper > .container-xl,
    body[data-page="1"] #content-wrapper > .container-fluid-xl,
    body[data-page="1"] main .container:has(#product-offer),
    body[data-page="1"] main .container-xl:has(#product-offer),
    body[data-page="1"] main .container-fluid-xl:has(#product-offer) {
        width: calc(100% - 64px) !important;
        max-width: 1680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        column-gap: 0 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell > .product-gallery,
    body[data-page="1"] #product-offer.kobalz-pdp-shell > .kobalz-pdp-gallery-col {
        flex: 0 0 43% !important;
        max-width: 43% !important;
        width: 43% !important;
        padding-right: 28px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell > .product-info,
    body[data-page="1"] #product-offer.kobalz-pdp-shell > .kobalz-pdp-buyarea {
        flex: 0 0 57% !important;
        max-width: 57% !important;
        width: 57% !important;
        padding-left: 8px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-gallery {
        max-width: 640px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }
}

@media (min-width: 1681px) {
    body[data-page="1"] #content-wrapper > .container,
    body[data-page="1"] #content-wrapper > .container-xl,
    body[data-page="1"] #content-wrapper > .container-fluid-xl,
    body[data-page="1"] main .container:has(#product-offer),
    body[data-page="1"] main .container-xl:has(#product-offer),
    body[data-page="1"] main .container-fluid-xl:has(#product-offer) {
        width: 1680px !important;
    }
}

/* =========================================================
   v1.0.18 WIDE_LOWER_CONTENT
   Unteren Beschreibungs-/Tab-Content auf dieselbe breite Body-Breite wie den oberen Produktbereich bringen.
   Oberes Galerie-/Kaufbereich-Layout aus v1.0.17 bleibt unveraendert.
========================================================= */
@media (min-width: 1300px) {
    body[data-page="1"] #tab-content-product-tabs,
    body[data-page="1"] #product-tabs,
    body[data-page="1"] .tab-navigation,
    body[data-page="1"] .tab-content,
    body[data-page="1"] .kpdo-tab-content,
    body[data-page="1"] .product-detail-tabs,
    body[data-page="1"] .productdetails-tabs,
    body[data-page="1"] #tab-description,
    body[data-page="1"] #tab-description .desc,
    body[data-page="1"] .kpdo-description-area {
        width: 100% !important;
        max-width: 1680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #tab-description,
    body[data-page="1"] #tab-description .desc,
    body[data-page="1"] .kpdo-description-area {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body[data-page="1"] #tab-description h2,
    body[data-page="1"] #tab-description h2.produkt,
    body[data-page="1"] #tab-description h3,
    body[data-page="1"] #tab-description h3.produkt,
    body[data-page="1"] #tab-description p,
    body[data-page="1"] #tab-description ul,
    body[data-page="1"] #tab-description ol,
    body[data-page="1"] .kpdo-description-area h2,
    body[data-page="1"] .kpdo-description-area h3,
    body[data-page="1"] .kpdo-description-area p,
    body[data-page="1"] .kpdo-description-area ul,
    body[data-page="1"] .kpdo-description-area ol {
        max-width: none !important;
    }
}

@media (min-width: 1681px) {
    body[data-page="1"] #tab-content-product-tabs,
    body[data-page="1"] #product-tabs,
    body[data-page="1"] .tab-navigation,
    body[data-page="1"] .tab-content,
    body[data-page="1"] .kpdo-tab-content,
    body[data-page="1"] .product-detail-tabs,
    body[data-page="1"] .productdetails-tabs,
    body[data-page="1"] #tab-description,
    body[data-page="1"] #tab-description .desc,
    body[data-page="1"] .kpdo-description-area {
        max-width: 1680px !important;
    }
}


/* =========================================================
   v1.0.19 ADVANTAGE_BOX_READABILITY
   Vorteilsbox besser lesbar und hochwertiger darstellen.
   Layoutbreite, Galerie, Variantenlogik, Preis und Warenkorb bleiben unveraendert.
========================================================= */
body[data-page="1"] #product-offer .kobalz-pdl-advantage-box {
    margin: 14px 0 20px 0 !important;
    padding: 18px 22px 18px 22px !important;
    background: #f7fbf7 !important;
    border: 1px solid #d4e7d6 !important;
    border-left: 4px solid #008000 !important;
    box-shadow: none !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-title {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    color: #0d2414 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: .01em !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner ul,
body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner ul.checklist {
    column-gap: 34px !important;
    row-gap: 10px !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner li {
    padding-left: 22px !important;
    color: #1b2f22 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.42 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner li::before {
    top: 0 !important;
    color: #008000 !important;
    font-size: 15px !important;
    line-height: 1.42 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner p {
    color: #1b2f22 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.48 !important;
}

/* Variantenbox bei wenigen Optionen etwas kompakter, damit die groeßere Vorteilsbox den Preis nicht zu weit nach unten schiebt. */
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-panel {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-group {
    margin-bottom: 10px !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-box {
        margin: 12px 0 18px 0 !important;
        padding: 16px 16px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-advantage-title {
        font-size: 15px !important;
        margin-bottom: 10px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner li,
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner p {
        font-size: 14px !important;
        line-height: 1.42 !important;
    }
}


/* =========================================================
   v1.0.20 ADVANTAGE_BOX_LIVE_STYLE
   Vorteilsbox wieder naeher am Live-Shop-Stil: ruhiger, einspaltig, ohne zusaetzliche Ueberschrift.
   Layoutbreite, Galerie, Variantenlogik, Preis und Warenkorb bleiben unveraendert.
========================================================= */
body[data-page="1"] #product-offer .kobalz-pdl-advantage-box {
    margin: 14px 0 20px 0 !important;
    padding: 20px 24px 20px 24px !important;
    background: #fbfefb !important;
    border: 1px solid rgba(0, 128, 0, 0.22) !important;
    border-left: 4px solid #008000 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-title {
    display: none !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner ul,
body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner ul.checklist {
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 10px !important;
    column-gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner li {
    position: relative !important;
    padding: 0 0 0 25px !important;
    color: #17261b !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.42 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner li::before {
    content: "✓" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    color: #008000 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.42 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner p {
    color: #17261b !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-box {
        margin: 12px 0 18px 0 !important;
        padding: 16px 18px !important;
        border-radius: 7px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner ul,
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner ul.checklist {
        row-gap: 8px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner li,
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner p {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }
}


/* =========================================================
   v1.0.22 VARIANTS_RESTORE_IMAGE_85
   - Vorteilsbox aus v1.0.20 bleibt im Live-Stil.
   - Varianten optisch wieder sauberer: keine gelbe Markierung, aktiver Wert gruen.
   - Grosses Galeriebild auf Desktop ca. 85 % der bisherigen Groesse.
========================================================= */

@media (min-width: 992px) {
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-gallery {
        max-width: 544px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-gallery-layout {
        grid-template-columns: 84px minmax(0, 1fr) !important;
        column-gap: 16px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-column,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-window,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-track,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-arrow {
        width: 84px !important;
        min-width: 84px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-window {
        height: 390px !important;
        max-height: 390px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-track {
        max-height: 390px !important;
        gap: 8px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumb {
        width: 84px !important;
        height: 72px !important;
        min-height: 72px !important;
        padding: 5px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-main-stage {
        max-width: 425px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variations,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variation,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .product-variations,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .switch-variations,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variations-wrapper,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variation-wrapper {
    padding: 18px 28px 18px 28px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #dfe4e8 !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-options {
    gap: 8px 10px !important;
    justify-content: flex-start !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option {
    min-width: 92px !important;
    max-width: 240px !important;
    min-height: 34px !important;
    padding: 7px 13px !important;
    background: #ffffff !important;
    border: 1px solid #cfd6dc !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #17212b !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option:hover,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option:focus {
    border-color: #008000 !important;
    box-shadow: 0 0 0 1px #008000 inset !important;
    outline: none !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-active,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option.active,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option.selected,
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option[aria-selected="true"],
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option[aria-checked="true"] {
    border-color: #008000 !important;
    box-shadow: 0 0 0 1px #008000 inset !important;
    color: #111111 !important;
    background: #ffffff !important;
}

body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option[style],
body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .kobalz-pdl-variation-option-active[style] {
    border-color: #008000 !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variations,
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variation,
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .product-variations,
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .switch-variations,
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variations-wrapper,
    body[data-page="1"] #product-offer.kobalz-pdl-variations-classified .variation-wrapper {
        padding: 16px 18px 18px 18px !important;
    }
}


/* =========================================================
   v1.0.22 IMAGE_SIZE_BALANCE
   Bildbereich nach v1.0.21 wieder etwas groesser, aber kleiner als vor der Reduzierung.
   Variantenoptik aus v1.0.21 bleibt erhalten.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-gallery {
        max-width: 590px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-gallery-layout {
        grid-template-columns: 88px minmax(0, 1fr) !important;
        column-gap: 17px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-column,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-window,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-track,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-arrow {
        width: 88px !important;
        min-width: 88px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-window {
        height: 420px !important;
        max-height: 420px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-track {
        max-height: 420px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumb {
        width: 88px !important;
        height: 76px !important;
        min-height: 76px !important;
        padding: 5px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-main-stage {
        max-width: 465px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   v1.0.23 IMAGE_SIZE_PLUS10
   Bildbereich gegenueber v1.0.22 auf Desktop nochmals moderat vergroessert.
   Nicht zur alten Maximalgroesse zurueck, aber spuerbar groesser als v1.0.22.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-gallery {
        max-width: 645px !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-gallery-layout {
        grid-template-columns: 92px minmax(0, 1fr) !important;
        column-gap: 18px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-column,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-window,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-track,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-arrow {
        width: 92px !important;
        min-width: 92px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-window {
        height: 448px !important;
        max-height: 448px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumbs-track {
        max-height: 448px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-thumb {
        width: 92px !important;
        height: 80px !important;
        min-height: 80px !important;
        padding: 5px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .kbx-detail-main-stage {
        max-width: 512px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* =========================================================
   v1.0.24 ADVANTAGE_BOX_DEDUP_FIX
   Verhindert doppelte Vorteilsboxen, wenn der alte Productdetail Optimizer
   parallel noch seinen eigenen Vorteilsblock ausgibt.
========================================================= */
body[data-page="1"].kobalz-pdl-advantage-ready #product-offer .kpdo-advantage-block-v104,
body[data-page="1"].kobalz-pdl-advantage-ready #product-offer .kpdo-advantage-block,
body[data-page="1"].kobalz-pdl-advantage-ready #product-offer .kpdo-benefit-box,
body[data-page="1"].kobalz-pdl-advantage-ready #product-offer .kpdo-benefits,
body[data-page="1"].kobalz-pdl-advantage-ready #product-offer [class*="kpdo-advantage"] {
    display: none !important;
}

body[data-page="1"].kobalz-pdl-advantage-ready #product-offer .kobalz-pdl-advantage-box {
    display: block !important;
}

body[data-page="1"].kobalz-pdl-advantage-ready #product-offer .kobalz-pdl-advantage-box ~ .kobalz-pdl-advantage-box {
    display: none !important;
}

/* =========================================================
   v1.0.25 BUYAREA_RIGHT_ALIGNMENT
   Rechten Desktop-Kaufbereich weiter nach rechts ziehen und bis auf die gleiche rechte Kante
   wie der untere Beschreibungs-/Kurzbeschreibung-Content ausrichten.
   Linker Bildbereich bleibt visuell praktisch unveraendert.
========================================================= */
@media (min-width: 1300px) {
    body[data-page="1"] #product-offer.kobalz-pdp-shell > .product-gallery,
    body[data-page="1"] #product-offer.kobalz-pdp-shell > .kobalz-pdp-gallery-col {
        flex: 0 0 41.5% !important;
        max-width: 41.5% !important;
        width: 41.5% !important;
        padding-right: 18px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell > .product-info,
    body[data-page="1"] #product-offer.kobalz-pdp-shell > .kobalz-pdp-buyarea {
        flex: 0 0 58.5% !important;
        max-width: 58.5% !important;
        width: 58.5% !important;
        padding-left: 34px !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
    }
}


/* =========================================================
   v1.0.26 BUYAREA_RIGHT_ALIGNMENT_CACHE_FIX
   v1.0.25 wurde nicht sichtbar, weil der Asset-Cache-Buster noch auf der alten Version stand.
   Diese Version setzt den Cache-Buster korrekt und zieht den rechten Kaufbereich stärker bis zur Contentkante.
========================================================= */
@media (min-width: 1300px) {
    body[data-page="1"] #product-offer.kobalz-pdp-shell {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell > .product-gallery,
    body[data-page="1"] #product-offer.kobalz-pdp-shell > .kobalz-pdp-gallery-col,
    body[data-page="1"] #product-offer.kobalz-pdp-shell > [class*="gallery"] {
        flex: 0 0 41% !important;
        max-width: 41% !important;
        width: 41% !important;
        padding-right: 18px !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell > .product-info,
    body[data-page="1"] #product-offer.kobalz-pdp-shell > .kobalz-pdp-buyarea,
    body[data-page="1"] #product-offer.kobalz-pdp-shell > [class*="info"] {
        flex: 0 0 59% !important;
        max-width: 59% !important;
        width: 59% !important;
        padding-left: 36px !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdp-shell .product-info,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kobalz-pdp-buyarea,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .kpdo-offer-card,
    body[data-page="1"] #product-offer.kobalz-pdp-shell .product-offer {
        max-width: none !important;
        width: 100% !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   v1.0.27 SHORTDESC_DIRECT_POSITION_SUPPORT
   Unterstuetzung fuer die TPL-Aenderung: Kurzbeschreibung wird nicht mehr per JS
   verschoben, sondern direkt unterhalb des oberen Produktbereichs ausgegeben.
========================================================= */
body[data-page="1"] #product-offer .kobalz-shortdesc-source,
body[data-page="1"] .kobalz-shortdesc-source {
    display: none !important;
}

body[data-page="1"] .kobalz-shortdesc-container {
    margin-top: 34px !important;
    margin-bottom: 28px !important;
}

body[data-page="1"] .kobalz-shortdesc-fullwidth {
    background: #ffffff !important;
    border: 1px solid #dfe4e8 !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.035) !important;
    padding: 34px 44px !important;
    color: #17212b !important;
    box-sizing: border-box !important;
}

body[data-page="1"] .kobalz-shortdesc-fullwidth h2,
body[data-page="1"] .kobalz-shortdesc-fullwidth h2.produkt,
body[data-page="1"] .kobalz-shortdesc-fullwidth h3,
body[data-page="1"] .kobalz-shortdesc-fullwidth h3.produkt {
    margin: 0 0 18px 0 !important;
    color: #17212b !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

body[data-page="1"] .kobalz-shortdesc-fullwidth p {
    max-width: none !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin-bottom: 14px !important;
}

body[data-page="1"] .kobalz-shortdesc-fullwidth ul,
body[data-page="1"] .kobalz-shortdesc-fullwidth ol {
    font-size: 16px !important;
    line-height: 1.65 !important;
    margin-top: 16px !important;
}

@media (min-width: 1300px) {
    body[data-page="1"] .kobalz-shortdesc-container {
        width: calc(100% - 64px) !important;
        max-width: 1680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (min-width: 1681px) {
    body[data-page="1"] .kobalz-shortdesc-container {
        width: 1680px !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-shortdesc-container {
        margin-top: 20px !important;
        margin-bottom: 22px !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth {
        border-radius: 12px !important;
        padding: 22px 18px !important;
        box-shadow: none !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth h2,
    body[data-page="1"] .kobalz-shortdesc-fullwidth h2.produkt,
    body[data-page="1"] .kobalz-shortdesc-fullwidth h3,
    body[data-page="1"] .kobalz-shortdesc-fullwidth h3.produkt {
        font-size: 22px !important;
    }
}


/* =========================================================
   v1.0.28 TOP_AREA_REDESIGN
   Oberer Produktbereich nach direkter Kurzbeschreibungsposition.
   Ziel: links Bildbereich, rechts ruhiger Kaufbereich; Kurzbeschreibung bleibt unten.
========================================================= */

@media (min-width: 1300px) {
    body[data-page="1"] #content-wrapper > .container,
    body[data-page="1"] #content-wrapper > .container-xl,
    body[data-page="1"] #content-wrapper > .container-fluid-xl,
    body[data-page="1"] main .container:has(#product-offer),
    body[data-page="1"] main .container-xl:has(#product-offer),
    body[data-page="1"] main .container-fluid-xl:has(#product-offer) {
        width: calc(100% - 64px) !important;
        max-width: 1680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }
}

@media (min-width: 992px) {
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign,
    body[data-page="1"] #product-offer.product-detail {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important;
        gap: 34px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 36px !important;
        margin-bottom: 42px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign > .product-gallery,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign > .kobalz-pdp-gallery-col,
    body[data-page="1"] #product-offer.product-detail > .product-gallery {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign > .product-info,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign > .kobalz-pdp-buyarea,
    body[data-page="1"] #product-offer.product-detail > .product-info {
        flex: 1 1 auto !important;
        max-width: none !important;
        width: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer .product-info-inner,
    body[data-page="1"] #product-offer .kobalz-pdl-buybox-card {
        width: 100% !important;
        max-width: none !important;
        background: #ffffff !important;
        border: 1px solid #dfe5e8 !important;
        box-shadow: 0 14px 38px rgba(23,33,43,.045) !important;
        padding: 30px 34px 30px 34px !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer .product-headline,
    body[data-page="1"] #product-offer .product-title,
    body[data-page="1"] #product-offer h1.product-title {
        margin-top: 0 !important;
    }

    body[data-page="1"] #product-offer h1.product-title,
    body[data-page="1"] #product-offer .product-title {
        color: #17212b !important;
        font-size: 32px !important;
        line-height: 1.16 !important;
        font-weight: 700 !important;
        letter-spacing: .01em !important;
        margin-bottom: 18px !important;
    }

    body[data-page="1"] #product-offer .info-essential {
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        color: #4c5963 !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-advantage-box {
        margin: 20px 0 24px 0 !important;
        padding: 18px 24px !important;
        border-radius: 8px !important;
        background: #f7fbf7 !important;
        border: 1px solid #cfe6d1 !important;
        border-left: 4px solid #008000 !important;
    }

    body[data-page="1"] #product-offer .price_wrapper,
    body[data-page="1"] #product-offer .price-wrapper {
        border-top: 2px solid #008000 !important;
        padding-top: 22px !important;
        margin-top: 18px !important;
        margin-bottom: 20px !important;
    }

    body[data-page="1"] #product-offer .price,
    body[data-page="1"] #product-offer .product-price {
        color: #17212b !important;
        font-size: 36px !important;
        line-height: 1.1 !important;
        font-weight: 800 !important;
        letter-spacing: -.02em !important;
    }

    body[data-page="1"] #product-offer .basket-form,
    body[data-page="1"] #product-offer form .basket-form-inline,
    body[data-page="1"] #product-offer .product-offer .row:last-child {
        margin-top: 22px !important;
    }

    body[data-page="1"] #product-offer button[name="inWarenkorb"],
    body[data-page="1"] #product-offer .btn-primary,
    body[data-page="1"] #product-offer .basket-form .btn {
        min-height: 52px !important;
        font-size: 16px !important;
        font-weight: 800 !important;
    }

    /* Galerie optisch beruhigen, ohne Klick- oder Sliderlogik umzubauen */
    body[data-page="1"] #product-offer .product-gallery {
        background: #ffffff !important;
    }

    body[data-page="1"] #product-offer .product-gallery img {
        object-fit: contain !important;
    }

    body[data-page="1"] #product-offer .product-actions {
        top: 18px !important;
        right: 18px !important;
    }
}

@media (min-width: 1681px) {
    body[data-page="1"] #content-wrapper > .container,
    body[data-page="1"] #content-wrapper > .container-xl,
    body[data-page="1"] #content-wrapper > .container-fluid-xl,
    body[data-page="1"] main .container:has(#product-offer),
    body[data-page="1"] main .container-xl:has(#product-offer),
    body[data-page="1"] main .container-fluid-xl:has(#product-offer) {
        width: 1680px !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] #product-offer .product-info-inner,
    body[data-page="1"] #product-offer .kobalz-pdl-buybox-card {
        padding: 20px 16px !important;
        border: 1px solid #dfe5e8 !important;
        box-shadow: none !important;
    }

    body[data-page="1"] #product-offer h1.product-title,
    body[data-page="1"] #product-offer .product-title {
        font-size: 25px !important;
        line-height: 1.2 !important;
    }
}


/* =========================================================
   v1.0.29 TOP_AREA_50_50
   Oberer Produktbereich im Desktop auf 50/50 setzen.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign,
    body[data-page="1"] #product-offer.product-detail {
        gap: 26px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign > .product-gallery,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign > .kobalz-pdp-gallery-col,
    body[data-page="1"] #product-offer.product-detail > .product-gallery {
        flex: 0 0 calc(50% - 13px) !important;
        max-width: calc(50% - 13px) !important;
        width: calc(50% - 13px) !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign > .product-info,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign > .kobalz-pdp-buyarea,
    body[data-page="1"] #product-offer.product-detail > .product-info {
        flex: 0 0 calc(50% - 13px) !important;
        max-width: calc(50% - 13px) !important;
        width: calc(50% - 13px) !important;
    }
}


/* =========================================================
   v1.0.30 IMAGE_AREA_REDESIGN
   Gesamten Bildbereich im oberen Desktop-Layout verbessern.
   Ziel: saubere Galerie, klare Thumbnail-Spalte, ruhige Hauptbildbuehne.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign > .product-gallery,
    body[data-page="1"] #product-offer.product-detail > .product-gallery,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign > .kobalz-pdp-gallery-col {
        align-self: flex-start !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-gallery,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-gallery {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-gallery-layout,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-gallery-layout {
        display: grid !important;
        grid-template-columns: 92px minmax(0, 1fr) !important;
        column-gap: 24px !important;
        align-items: start !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumbs-column,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumbs-column {
        grid-column: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 92px !important;
        min-width: 92px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-arrow,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-arrow {
        width: 92px !important;
        min-width: 92px !important;
        height: 38px !important;
        min-height: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #d7dfe4 !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        box-shadow: 0 2px 8px rgba(23, 33, 43, 0.04) !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumbs-window,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumbs-window {
        width: 92px !important;
        min-width: 92px !important;
        height: 520px !important;
        max-height: 520px !important;
        overflow: hidden !important;
        margin: 10px 0 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumbs-track,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumbs-track {
        width: 92px !important;
        max-height: 520px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumb,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumb {
        width: 92px !important;
        height: 92px !important;
        min-height: 92px !important;
        padding: 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #ffffff !important;
        border: 1px solid #dbe3e8 !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 14px rgba(23, 33, 43, 0.05) !important;
        transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
        overflow: hidden !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumb:hover,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumb:hover {
        border-color: #a9c7ae !important;
        box-shadow: 0 8px 20px rgba(23, 33, 43, 0.08) !important;
        transform: translateY(-1px) !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumb.active,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumb.slick-current,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumb[aria-current="true"],
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumb.active,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumb.slick-current,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumb[aria-current="true"] {
        border-color: #008000 !important;
        box-shadow: 0 0 0 2px rgba(0, 128, 0, 0.12), 0 8px 20px rgba(23, 33, 43, 0.08) !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumb img,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumb img {
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-main,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-main-stage,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-main-item,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-main,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-main-stage,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-main-item {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-main-stage,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-main-stage {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 640px !important;
        padding: 24px !important;
        border: 1px solid #dfe5e8 !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        box-shadow: 0 12px 30px rgba(23, 33, 43, 0.045) !important;
        overflow: hidden !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-main-item,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-main-item {
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-main-img,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-main-stage img,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-main img,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-main-img,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-main-stage img,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-main img {
        max-width: 100% !important;
        max-height: 590px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .product-actions,
    body[data-page="1"] #product-offer.product-detail .product-actions {
        top: 16px !important;
        right: 16px !important;
        z-index: 5 !important;
    }
}


/* =========================================================
   v1.0.31 THUMB_ARROW_FIX
   Pfeile der Thumbnail-Spalte wieder klickbar machen.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-arrow,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-arrow {
        cursor: pointer !important;
        pointer-events: auto !important;
        user-select: none !important;
        position: relative !important;
        z-index: 6 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumbs-column,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumbs-column {
        pointer-events: auto !important;
        z-index: 4 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumbs-window,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumbs-window {
        pointer-events: auto !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumb,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumb {
        pointer-events: auto !important;
        cursor: pointer !important;
    }
}


/* =========================================================
   v1.0.32 HIDE_LEGACY_GALLERY_LEAK
   Native/alte Thumbnail- und Fullscreen-Galerie darf nicht unterhalb der Seite sichtbar werden.
   Die neue kbx-Detailgalerie oben bleibt unveraendert.
========================================================= */

/* Alte NOVA/Template-Thumbnailquellen im sichtbaren Produktbereich ausblenden,
   wenn sie nicht Teil der neuen kbx-Galerie sind. */
body[data-page="1"] #product-offer .product-thumbnails-wrapper:not(.kbx-detail-thumbs-column),
body[data-page="1"] #product-offer .product-thumbnails:not(.kbx-detail-thumbs-track),
body[data-page="1"] #product-offer #gallery:not(.kbx-detail-gallery),
body[data-page="1"] #product-offer .product-detail-image-topbar:not(.kbx-detail-gallery *) {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
}

/* Fullscreen-/Lightbox-Container nur anzeigen, wenn sie wirklich aktiv/geoeffnet sind. */
body[data-page="1"] .kbx-fullscreen:not(.active):not(.show):not(.is-active):not(.is-open):not(.kbx-open),
body[data-page="1"] .kbx-fullscreen-wrapper:not(.active):not(.show):not(.is-active):not(.is-open):not(.kbx-open),
body[data-page="1"] .kbx-gallery-fullscreen:not(.active):not(.show):not(.is-active):not(.is-open):not(.kbx-open),
body[data-page="1"] .kbx-lightbox:not(.active):not(.show):not(.is-active):not(.is-open):not(.kbx-open),
body[data-page="1"] .kobalz-fullscreen-gallery:not(.active):not(.show):not(.is-active):not(.is-open):not(.kbx-open) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
}

/* Sicherheitsnetz gegen durchgereichte Bildlisten am Seitenende. */
body[data-page="1"] body > .product-thumbnails,
body[data-page="1"] body > .product-thumbnails-wrapper,
body[data-page="1"] body > #gallery {
    display: none !important;
}


/* =========================================================
   v1.0.33 DESKTOP_THUMB_ACTIVE_STATE
   Nur Desktop: aktive Thumbnail-Auswahl sichtbar machen, inaktive Thumbnails dezent ausgrauen.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumb,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumb {
        opacity: .46 !important;
        filter: grayscale(.18) saturate(.72) !important;
        transition: opacity .18s ease, filter .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumb:hover,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumb:hover {
        opacity: .82 !important;
        filter: grayscale(.05) saturate(.92) !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumb.kobalz-pdl-thumb-active,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumb.active,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumb.slick-current,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-thumb[aria-current="true"],
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumb.kobalz-pdl-thumb-active,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumb.active,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumb.slick-current,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-thumb[aria-current="true"] {
        opacity: 1 !important;
        filter: none !important;
        border-color: #008000 !important;
        box-shadow: 0 0 0 2px rgba(0, 128, 0, .18), 0 10px 24px rgba(23, 33, 43, .10) !important;
        transform: none !important;
    }
}


/* =========================================================
   v1.0.34 THUMB_SINGLE_STEP
   Marker fuer korrigierte Einzelschritt-Logik der Desktop-Thumbnail-Pfeile.
========================================================= */
body[data-page="1"].kobalz-pdl-thumb-single-step #product-offer .kbx-detail-arrow {
    pointer-events: auto !important;
}


/* =========================================================
   v1.0.37 MAIN_IMAGE_ONLY_CENTER_FIX
   Nur Desktop: Hauptbild innerhalb der Bildbox zentrieren.
   Wichtig: Thumbnail-Spalte, Thumbnail-Pfeile und Thumbnail-Markierung bleiben unveraendert.
   Kein Eingriff in Slick-/Track-/List-Container.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-main-column,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-main-column {
        grid-column: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        display: block !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-main-stage,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-main-stage {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-main-stage > .kbx-detail-main-item.d-none,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-main-stage > .kbx-detail-main-item.d-none {
        display: none !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-main-stage > .kbx-detail-main-item:not(.d-none),
    body[data-page="1"] #product-offer.product-detail .kbx-detail-main-stage > .kbx-detail-main-item:not(.d-none) {
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 590px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kbx-detail-main-stage > .kbx-detail-main-item:not(.d-none) > img.kbx-detail-main-img,
    body[data-page="1"] #product-offer.product-detail .kbx-detail-main-stage > .kbx-detail-main-item:not(.d-none) > img.kbx-detail-main-img {
        display: block !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 590px !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto !important;
        flex: 0 0 auto !important;
    }
}


/* =========================================================
   v1.0.38 DESKTOP_FONT_LIVE_STYLE
   Nur Desktop: Schriftbild im oberen Produktbereich wieder naeher an Live-Shop anpassen.
   Bildbereich und Thumbnail-Layout bewusst nicht anfassen.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign,
    body[data-page="1"] #product-offer.product-detail {
        --kobalz-pdl-live-font: "Roboto Condensed", "Arial Narrow", "Oswald", "Montserrat", Arial, sans-serif;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign h1,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .product-title,
    body[data-page="1"] #product-offer.product-detail h1,
    body[data-page="1"] #product-offer.product-detail .product-title {
        font-family: var(--kobalz-pdl-live-font) !important;
        font-size: 31px !important;
        line-height: 1.12 !important;
        font-weight: 800 !important;
        letter-spacing: .005em !important;
        color: #17212b !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .info-essential,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .info-essential *,
    body[data-page="1"] #product-offer.product-detail .info-essential,
    body[data-page="1"] #product-offer.product-detail .info-essential * {
        font-family: var(--kobalz-pdl-live-font) !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
        letter-spacing: .01em !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-pdl-advantage-box,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-pdl-advantage-box *,
    body[data-page="1"] #product-offer.product-detail .kobalz-pdl-advantage-box,
    body[data-page="1"] #product-offer.product-detail .kobalz-pdl-advantage-box *,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-advantage-box,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-advantage-box *,
    body[data-page="1"] #product-offer.product-detail .kobalz-advantage-box,
    body[data-page="1"] #product-offer.product-detail .kobalz-advantage-box * {
        font-family: var(--kobalz-pdl-live-font) !important;
        font-size: 17px !important;
        line-height: 1.38 !important;
        font-weight: 700 !important;
        letter-spacing: .006em !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .price,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .product-price,
    body[data-page="1"] #product-offer.product-detail .price,
    body[data-page="1"] #product-offer.product-detail .product-price {
        font-family: var(--kobalz-pdl-live-font) !important;
        font-size: 37px !important;
        line-height: 1.05 !important;
        font-weight: 900 !important;
        letter-spacing: -.015em !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .price_wrapper,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .price-note,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .delivery-status,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .stock-information,
    body[data-page="1"] #product-offer.product-detail .price_wrapper,
    body[data-page="1"] #product-offer.product-detail .price-note,
    body[data-page="1"] #product-offer.product-detail .delivery-status,
    body[data-page="1"] #product-offer.product-detail .stock-information {
        font-family: var(--kobalz-pdl-live-font) !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .basket-form,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .basket-form *,
    body[data-page="1"] #product-offer.product-detail .basket-form,
    body[data-page="1"] #product-offer.product-detail .basket-form * {
        font-family: var(--kobalz-pdl-live-font) !important;
        font-weight: 800 !important;
    }
}


/* =========================================================
   v1.0.42 BUYBOX_PURCHASE_PANEL_DESIGN
   Nur Design fuer den serverseitig in details.tpl ausgegebenen Kaufbereich.
   Keine JS-Verschiebung, keine Aenderung an Bild/Thumbnails.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel {
        margin-top: 22px !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel > .row,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel > .row > [class*="col"],
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel > .row > [class*="col"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Preis als klarer Kaufanker */
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .price_wrapper,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .price_wrapper {
        margin: 0 0 18px 0 !important;
        padding: 24px 0 18px 0 !important;
        border-top: 2px solid #008000 !important;
        border-bottom: 1px solid #e5ebe5 !important;
        background: transparent !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .price,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .product-price,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .price,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .product-price {
        color: #17212b !important;
        font-size: 38px !important;
        line-height: 1.05 !important;
        font-weight: 900 !important;
        letter-spacing: -0.02em !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .price-note,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .tax-shipping-delivery,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .price-note,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .tax-shipping-delivery {
        margin-top: 6px !important;
        color: #64727f !important;
        font-size: 13px !important;
        line-height: 1.35 !important;
        font-weight: 500 !important;
    }

    /* Liefer-/Servicebereich ruhiger und kompakter */
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .stock-information,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .stock-information {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        margin: 0 0 14px 0 !important;
        padding: 14px 16px !important;
        border: 1px solid #dfeade !important;
        border-radius: 8px !important;
        background: #f7fbf7 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .stock-information .col,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .stock-information .col {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .stock-information,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .stock-information *,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .stock-information,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .stock-information * {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .delivery-status,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .delivery-status,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .status,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .status {
        color: #008000 !important;
        font-weight: 800 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .question-on-item,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .question-on-item {
        margin-left: auto !important;
        flex: 0 0 auto !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .question-on-item .question,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .question-on-item .question {
        padding: 0 !important;
        color: #43515c !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .question-on-item .question:hover,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .question-on-item .question:hover {
        color: #008000 !important;
    }

    /* Kaufzeile: Mengenfeld und Button als Einheit */
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .product-offer,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .product-offer {
        margin-top: 18px !important;
        margin-bottom: 0 !important;
        padding: 18px !important;
        border: 1px solid #e2e8e2 !important;
        border-radius: 10px !important;
        background: #fbfdfb !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .product-offer > .row,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .product-offer > .row {
        align-items: stretch !important;
        margin-left: -6px !important;
        margin-right: -6px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .product-offer > .row > [class*="col"],
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .product-offer > .row > [class*="col"] {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .quantity,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .input-group.quantity,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .quantity,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .input-group.quantity {
        min-height: 52px !important;
        height: 52px !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .quantity .form-control,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .quantity input,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .quantity .form-control,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .quantity input {
        height: 52px !important;
        min-height: 52px !important;
        border-color: #cfd8cf !important;
        box-shadow: none !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        text-align: center !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .quantity .btn,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .quantity .btn {
        height: 52px !important;
        min-height: 52px !important;
        border-color: #cfd8cf !important;
        background: #ffffff !important;
        color: #17212b !important;
        box-shadow: none !important;
        font-weight: 900 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .btn-basket,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel button[name="inWarenkorb"],
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .basket-submit,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .btn-basket,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel button[name="inWarenkorb"],
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .basket-submit {
        min-height: 52px !important;
        height: 52px !important;
        border-radius: 0 !important;
        border: 1px solid #008000 !important;
        background: #008000 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-size: 17px !important;
        font-weight: 900 !important;
        letter-spacing: .01em !important;
        box-shadow: 0 10px 20px rgba(0, 128, 0, 0.14) !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .btn-basket:hover,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel button[name="inWarenkorb"]:hover,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .basket-submit:hover,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .btn-basket:hover,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel button[name="inWarenkorb"]:hover,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .basket-submit:hover {
        background: #006f00 !important;
        border-color: #006f00 !important;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }
}

/* Mobile safe: nur leichte Struktur, kein Umbau */
@media (max-width: 991.98px) {
    body[data-page="1"] #product-offer .kobalz-buybox-purchase-panel {
        margin-top: 18px !important;
    }

    body[data-page="1"] #product-offer .kobalz-buybox-purchase-panel .stock-information {
        padding: 12px 0 !important;
    }
}


/* =========================================================
   v1.0.46 QUANTITY_COUNTER_STABLE_FROM_LIVE
   Mengenfeld auf die echte NOVA-Struktur aus dem Quelltext abgestimmt:
   .input-group.form-counter.choose_quantity
   -> prepend Button | input.quantity | append Unit + Button
   Keine Grid-Experimente mehr.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel #quantity-grp.input-group.form-counter.choose_quantity,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel #quantity-grp.input-group.form-counter.choose_quantity,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        width: 100% !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid #cfd8cf !important;
        background: #ffffff !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity > .input-group-prepend,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity > .input-group-append,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity > .input-group-prepend,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity > .input-group-append {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        width: auto !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
        float: none !important;
        position: static !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity > .input-group-prepend {
        order: 1 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity > input.form-control.quantity,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity > input.form-control.quantity {
        order: 2 !important;
        display: block !important;
        flex: 1 1 auto !important;
        width: 1% !important;
        min-width: 58px !important;
        max-width: none !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        margin: 0 !important;
        padding: 0 8px !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 1px solid #cfd8cf !important;
        border-right: 1px solid #cfd8cf !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-shadow: none !important;
        color: #17212b !important;
        font-size: 16px !important;
        font-weight: 800 !important;
        line-height: 50px !important;
        text-align: center !important;
        float: none !important;
        position: static !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity > .input-group-append,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity > .input-group-append {
        order: 3 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity .btn,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity .btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 50px !important;
        width: 50px !important;
        max-width: 50px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-color: #cfd8cf !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: #17212b !important;
        box-shadow: none !important;
        font-size: 15px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-align: center !important;
        float: none !important;
        position: static !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity .input-group-text.unit,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .input-group.form-counter.choose_quantity .input-group-text.unit {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 58px !important;
        width: 58px !important;
        max-width: 58px !important;
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
        margin: 0 !important;
        padding: 0 8px !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-left: 1px solid #cfd8cf !important;
        border-right: 1px solid #cfd8cf !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: #17212b !important;
        box-shadow: none !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        text-align: center !important;
        float: none !important;
        position: static !important;
        box-sizing: border-box !important;
    }

    /* Buttonzeile bleibt wie in der funktionierenden v1.0.42-Basis */
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-buybox-purchase-panel .basket-form-inline,
    body[data-page="1"] #product-offer.product-detail .kobalz-buybox-purchase-panel .basket-form-inline {
        align-items: stretch !important;
    }
}


/* =========================================================
   v1.0.47 SHORTDESC_DESCRIPTION_LIVE_STYLE
   Kurzbeschreibung und Beschreibung im Stil des Live-Systems.
   Nur Optik: keine JS-Verschiebung, keine Struktur-Aenderung.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] .kobalz-shortdesc-container {
        max-width: 1680px !important;
        margin: 34px auto 0 auto !important;
        padding-left: 32px !important;
        padding-right: 32px !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth {
        max-width: none !important;
        width: 100% !important;
        margin: 0 auto 30px auto !important;
        padding: 34px 44px 30px 44px !important;
        background: #ffffff !important;
        border: 1px solid #dfe5e8 !important;
        border-radius: 14px !important;
        box-shadow: 0 14px 34px rgba(23, 33, 43, 0.045) !important;
        color: #17212b !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth,
    body[data-page="1"] .kobalz-shortdesc-fullwidth * {
        font-family: var(--kobalz-pdl-live-font, "Roboto Condensed", "Arial Narrow", "Oswald", "Montserrat", Arial, sans-serif) !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth h1,
    body[data-page="1"] .kobalz-shortdesc-fullwidth h2,
    body[data-page="1"] .kobalz-shortdesc-fullwidth h3,
    body[data-page="1"] .kobalz-shortdesc-fullwidth .produkt {
        margin: 0 0 18px 0 !important;
        color: #17212b !important;
        font-size: 30px !important;
        line-height: 1.18 !important;
        font-weight: 900 !important;
        letter-spacing: .002em !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth p {
        max-width: 1120px !important;
        margin: 0 0 16px 0 !important;
        color: #17212b !important;
        font-size: 17px !important;
        line-height: 1.65 !important;
        font-weight: 600 !important;
        letter-spacing: .004em !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth ul,
    body[data-page="1"] .kobalz-shortdesc-fullwidth ul.checklist {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 64px !important;
        row-gap: 13px !important;
        max-width: 1180px !important;
        margin: 22px 0 0 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth li {
        position: relative !important;
        margin: 0 !important;
        padding: 0 0 0 26px !important;
        color: #17212b !important;
        font-size: 17px !important;
        line-height: 1.45 !important;
        font-weight: 600 !important;
        list-style: none !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth li::before {
        content: "✓" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        color: #008000 !important;
        font-weight: 900 !important;
    }

    /* Tabs wie Live-System: ruhiger, klarer, grüne aktive Linie */
    body[data-page="1"] .productdetails-tabs,
    body[data-page="1"] #product-tabs,
    body[data-page="1"] .tabs,
    body[data-page="1"] .tab-navigation {
        max-width: 1680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body[data-page="1"] .productdetails-tabs .nav-tabs,
    body[data-page="1"] #product-tabs .nav-tabs,
    body[data-page="1"] .nav-tabs {
        border-bottom: 1px solid #dfe5e8 !important;
        margin-bottom: 38px !important;
        gap: 28px !important;
    }

    body[data-page="1"] .productdetails-tabs .nav-tabs .nav-link,
    body[data-page="1"] #product-tabs .nav-tabs .nav-link,
    body[data-page="1"] .nav-tabs .nav-link {
        position: relative !important;
        padding: 0 0 18px 0 !important;
        border: 0 !important;
        background: transparent !important;
        color: #59636c !important;
        font-family: var(--kobalz-pdl-live-font, "Roboto Condensed", "Arial Narrow", "Oswald", "Montserrat", Arial, sans-serif) !important;
        font-size: 23px !important;
        line-height: 1.2 !important;
        font-weight: 900 !important;
        text-decoration: none !important;
    }

    body[data-page="1"] .productdetails-tabs .nav-tabs .nav-link.active,
    body[data-page="1"] #product-tabs .nav-tabs .nav-link.active,
    body[data-page="1"] .nav-tabs .nav-link.active {
        color: #17212b !important;
    }

    body[data-page="1"] .productdetails-tabs .nav-tabs .nav-link.active::after,
    body[data-page="1"] #product-tabs .nav-tabs .nav-link.active::after,
    body[data-page="1"] .nav-tabs .nav-link.active::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: -1px !important;
        height: 3px !important;
        background: #008000 !important;
        border-radius: 3px 3px 0 0 !important;
    }

    /* Beschreibung im Tab: Live-Stil mit klarer Typografie */
    body[data-page="1"] .tab-content,
    body[data-page="1"] #tab-description,
    body[data-page="1"] .tab-pane {
        font-family: var(--kobalz-pdl-live-font, "Roboto Condensed", "Arial Narrow", "Oswald", "Montserrat", Arial, sans-serif) !important;
        color: #17212b !important;
    }

    body[data-page="1"] #tab-description,
    body[data-page="1"] .tab-pane#description,
    body[data-page="1"] .tab-pane.active {
        max-width: 1680px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body[data-page="1"] #tab-description h1,
    body[data-page="1"] #tab-description h2,
    body[data-page="1"] #tab-description h3,
    body[data-page="1"] .tab-pane.active h1,
    body[data-page="1"] .tab-pane.active h2,
    body[data-page="1"] .tab-pane.active h3 {
        margin: 0 0 20px 0 !important;
        color: #17212b !important;
        font-family: var(--kobalz-pdl-live-font, "Roboto Condensed", "Arial Narrow", "Oswald", "Montserrat", Arial, sans-serif) !important;
        font-size: 31px !important;
        line-height: 1.18 !important;
        font-weight: 900 !important;
        letter-spacing: .002em !important;
    }

    body[data-page="1"] #tab-description p,
    body[data-page="1"] .tab-pane.active p {
        max-width: 1180px !important;
        margin: 0 0 17px 0 !important;
        color: #17212b !important;
        font-family: var(--kobalz-pdl-live-font, "Roboto Condensed", "Arial Narrow", "Oswald", "Montserrat", Arial, sans-serif) !important;
        font-size: 17px !important;
        line-height: 1.7 !important;
        font-weight: 600 !important;
        letter-spacing: .004em !important;
    }

    body[data-page="1"] #tab-description ul,
    body[data-page="1"] #tab-description ul.checklist,
    body[data-page="1"] .tab-pane.active ul.checklist {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 64px !important;
        row-gap: 13px !important;
        max-width: 1180px !important;
        margin: 22px 0 26px 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    body[data-page="1"] #tab-description li,
    body[data-page="1"] .tab-pane.active ul.checklist li {
        position: relative !important;
        margin: 0 !important;
        padding: 0 0 0 26px !important;
        color: #17212b !important;
        font-size: 17px !important;
        line-height: 1.45 !important;
        font-weight: 600 !important;
        list-style: none !important;
    }

    body[data-page="1"] #tab-description li::before,
    body[data-page="1"] .tab-pane.active ul.checklist li::before {
        content: "✓" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        color: #008000 !important;
        font-weight: 900 !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-shortdesc-fullwidth {
        margin: 22px 0 24px 0 !important;
        padding: 24px 20px !important;
        border: 1px solid #dfe5e8 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow: 0 10px 24px rgba(23, 33, 43, 0.04) !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth ul,
    body[data-page="1"] .kobalz-shortdesc-fullwidth ul.checklist,
    body[data-page="1"] #tab-description ul,
    body[data-page="1"] #tab-description ul.checklist {
        display: block !important;
        margin: 18px 0 0 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth li,
    body[data-page="1"] #tab-description li {
        margin-bottom: 10px !important;
        padding-left: 24px !important;
    }
}


/* =========================================================
   v1.0.48 SHORTDESC_CENTER_LIGHTER
   Kurzbeschreibung wie Live-System:
   Inhalt mittig in der Box, Text nicht komplett fett.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] .kobalz-shortdesc-fullwidth {
        padding: 34px 44px 30px 44px !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth > * {
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth h1,
    body[data-page="1"] .kobalz-shortdesc-fullwidth h2,
    body[data-page="1"] .kobalz-shortdesc-fullwidth h3,
    body[data-page="1"] .kobalz-shortdesc-fullwidth .produkt {
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 18px !important;
        font-weight: 800 !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth p {
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        font-weight: 400 !important;
        line-height: 1.7 !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth ul,
    body[data-page="1"] .kobalz-shortdesc-fullwidth ul.checklist {
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth li {
        font-weight: 400 !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth li strong,
    body[data-page="1"] .kobalz-shortdesc-fullwidth li b,
    body[data-page="1"] .kobalz-shortdesc-fullwidth p strong,
    body[data-page="1"] .kobalz-shortdesc-fullwidth p b {
        font-weight: 600 !important;
    }

    /* Beschreibung ebenfalls nicht komplett fett */
    body[data-page="1"] #tab-description p,
    body[data-page="1"] .tab-pane.active p {
        font-weight: 400 !important;
    }

    body[data-page="1"] #tab-description li,
    body[data-page="1"] .tab-pane.active ul.checklist li {
        font-weight: 400 !important;
    }

    body[data-page="1"] #tab-description strong,
    body[data-page="1"] #tab-description b,
    body[data-page="1"] .tab-pane.active strong,
    body[data-page="1"] .tab-pane.active b {
        font-weight: 600 !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-shortdesc-fullwidth p,
    body[data-page="1"] .kobalz-shortdesc-fullwidth li,
    body[data-page="1"] #tab-description p,
    body[data-page="1"] #tab-description li {
        font-weight: 400 !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth strong,
    body[data-page="1"] .kobalz-shortdesc-fullwidth b,
    body[data-page="1"] #tab-description strong,
    body[data-page="1"] #tab-description b {
        font-weight: 600 !important;
    }
}


/* =========================================================
   v1.0.49 LIVE_FONT_OSWALD_CONTENT
   Schriftwerte aus Livesystem:
   font-family: Oswald, Arial, sans-serif
   font-size: 15.5px
   font-weight: 400
   line-height: 25.1px
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] .kobalz-shortdesc-fullwidth,
    body[data-page="1"] .kobalz-shortdesc-fullwidth *,
    body[data-page="1"] #tab-description,
    body[data-page="1"] #tab-description *,
    body[data-page="1"] .tab-pane.active,
    body[data-page="1"] .tab-pane.active * {
        font-family: Oswald, Arial, sans-serif !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth p,
    body[data-page="1"] .kobalz-shortdesc-fullwidth li,
    body[data-page="1"] #tab-description p,
    body[data-page="1"] #tab-description li,
    body[data-page="1"] .tab-pane.active p,
    body[data-page="1"] .tab-pane.active li {
        font-family: Oswald, Arial, sans-serif !important;
        font-size: 15.5px !important;
        font-weight: 400 !important;
        line-height: 25.1px !important;
        letter-spacing: 0 !important;
        color: rgb(31, 47, 61) !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth h1,
    body[data-page="1"] .kobalz-shortdesc-fullwidth h2,
    body[data-page="1"] .kobalz-shortdesc-fullwidth h3,
    body[data-page="1"] .kobalz-shortdesc-fullwidth .produkt,
    body[data-page="1"] #tab-description h1,
    body[data-page="1"] #tab-description h2,
    body[data-page="1"] #tab-description h3,
    body[data-page="1"] .tab-pane.active h1,
    body[data-page="1"] .tab-pane.active h2,
    body[data-page="1"] .tab-pane.active h3 {
        font-family: Oswald, Arial, sans-serif !important;
        font-weight: 600 !important;
        letter-spacing: 0 !important;
        color: rgb(31, 47, 61) !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth strong,
    body[data-page="1"] .kobalz-shortdesc-fullwidth b,
    body[data-page="1"] #tab-description strong,
    body[data-page="1"] #tab-description b,
    body[data-page="1"] .tab-pane.active strong,
    body[data-page="1"] .tab-pane.active b {
        font-weight: 500 !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth ul,
    body[data-page="1"] .kobalz-shortdesc-fullwidth ul.checklist,
    body[data-page="1"] #tab-description ul,
    body[data-page="1"] #tab-description ul.checklist,
    body[data-page="1"] .tab-pane.active ul.checklist {
        row-gap: 8px !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-shortdesc-fullwidth,
    body[data-page="1"] .kobalz-shortdesc-fullwidth *,
    body[data-page="1"] #tab-description,
    body[data-page="1"] #tab-description *,
    body[data-page="1"] .tab-pane.active,
    body[data-page="1"] .tab-pane.active * {
        font-family: Oswald, Arial, sans-serif !important;
    }

    body[data-page="1"] .kobalz-shortdesc-fullwidth p,
    body[data-page="1"] .kobalz-shortdesc-fullwidth li,
    body[data-page="1"] #tab-description p,
    body[data-page="1"] #tab-description li {
        font-size: 15.5px !important;
        font-weight: 400 !important;
        line-height: 25.1px !important;
        letter-spacing: 0 !important;
        color: rgb(31, 47, 61) !important;
    }
}


/* =========================================================
   v1.0.50 DESCRIPTION_FULL_WIDTH_CONTAINER
   Beschreibung/Tab-Bereich auf die gleiche breite Layoutbreite wie oben ziehen.
   Keine JS-Verschiebung, nur Container-/Breiten-Optik.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] #content .productdetails-tabs,
    body[data-page="1"] #content #product-tabs,
    body[data-page="1"] #content .tabs,
    body[data-page="1"] #content .tab-navigation,
    body[data-page="1"] #content .tab-content,
    body[data-page="1"] #content .tab-pane,
    body[data-page="1"] #content #tab-description {
        max-width: 1680px !important;
        width: calc(100vw - 64px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #content .productdetails-tabs > .container,
    body[data-page="1"] #content .productdetails-tabs > .container-fluid,
    body[data-page="1"] #content #product-tabs > .container,
    body[data-page="1"] #content #product-tabs > .container-fluid,
    body[data-page="1"] #content .tab-content > .container,
    body[data-page="1"] #content .tab-content > .container-fluid {
        max-width: 1680px !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #content .nav-tabs {
        max-width: 1680px !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Beschreibung selbst breiter laufen lassen */
    body[data-page="1"] #tab-description p,
    body[data-page="1"] .tab-pane.active p {
        max-width: 1120px !important;
    }

    body[data-page="1"] #tab-description ul,
    body[data-page="1"] #tab-description ul.checklist,
    body[data-page="1"] .tab-pane.active ul.checklist {
        max-width: 1180px !important;
    }

    /* Falls rechts Bundle/Side-Content liegt: Gesamtbereich darf die volle Breite nutzen */
    body[data-page="1"] #content .tab-pane.active > .row,
    body[data-page="1"] #content #tab-description > .row {
        max-width: 1680px !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body[data-page="1"] #content .tab-pane.active > .row > [class*="col"],
    body[data-page="1"] #content #tab-description > .row > [class*="col"] {
        box-sizing: border-box !important;
    }
}

@media (min-width: 1300px) {
    body[data-page="1"] #content .tab-pane.active > .row > .col,
    body[data-page="1"] #content #tab-description > .row > .col {
        padding-right: 42px !important;
    }
}


/* =========================================================
   v1.0.51 DESCRIPTION_MATCH_SHORTDESC_WIDTH
   Korrektur nach v1.0.50:
   Beschreibungs-/Tab-/Bundle-Bereich exakt an die Kurzbeschreibungsbox angleichen.
   Keine 100vw-Breite mehr.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] {
        --kobalz-pdl-content-width: 1680px;
        --kobalz-pdl-content-gutter: 32px;
    }

    /* Kurzbeschreibung und Beschreibung nutzen dieselbe äußere Breitenlogik */
    body[data-page="1"] .kobalz-shortdesc-container,
    body[data-page="1"] #content .productdetails-tabs,
    body[data-page="1"] #content #product-tabs,
    body[data-page="1"] #content .tabs,
    body[data-page="1"] #content .tab-navigation,
    body[data-page="1"] #content .tab-content,
    body[data-page="1"] #content .tab-pane,
    body[data-page="1"] #content #tab-description {
        width: 100% !important;
        max-width: var(--kobalz-pdl-content-width) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--kobalz-pdl-content-gutter) !important;
        padding-right: var(--kobalz-pdl-content-gutter) !important;
        box-sizing: border-box !important;
    }

    /* v1.0.50 ueberschreiben: keine viewport-breite Sonderlogik */
    body[data-page="1"] #content .productdetails-tabs,
    body[data-page="1"] #content #product-tabs,
    body[data-page="1"] #content .tabs,
    body[data-page="1"] #content .tab-navigation,
    body[data-page="1"] #content .tab-content,
    body[data-page="1"] #content .tab-pane,
    body[data-page="1"] #content #tab-description {
        width: 100% !important;
        max-width: var(--kobalz-pdl-content-width) !important;
    }

    /* Innere Container nicht wieder enger oder breiter ziehen */
    body[data-page="1"] #content .productdetails-tabs > .container,
    body[data-page="1"] #content .productdetails-tabs > .container-fluid,
    body[data-page="1"] #content #product-tabs > .container,
    body[data-page="1"] #content #product-tabs > .container-fluid,
    body[data-page="1"] #content .tab-content > .container,
    body[data-page="1"] #content .tab-content > .container-fluid,
    body[data-page="1"] #content .tab-pane > .container,
    body[data-page="1"] #content .tab-pane > .container-fluid {
        width: 100% !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Tab-Linie beginnt und endet innerhalb derselben Kanten */
    body[data-page="1"] #content .nav-tabs {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Beschreibung + Produktbundle bleiben gemeinsam im gleichen Gesamtblock */
    body[data-page="1"] #content .tab-pane.active > .row,
    body[data-page="1"] #content #tab-description > .row {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #content .tab-pane.active > .row > [class*="col"],
    body[data-page="1"] #content #tab-description > .row > [class*="col"] {
        box-sizing: border-box !important;
    }

    /* Text selbst nicht ueber die Lesebreite ziehen */
    body[data-page="1"] #tab-description p,
    body[data-page="1"] .tab-pane.active p {
        max-width: 1120px !important;
    }

    body[data-page="1"] #tab-description ul,
    body[data-page="1"] #tab-description ul.checklist,
    body[data-page="1"] .tab-pane.active ul.checklist {
        max-width: 1180px !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] #content .productdetails-tabs,
    body[data-page="1"] #content #product-tabs,
    body[data-page="1"] #content .tabs,
    body[data-page="1"] #content .tab-navigation,
    body[data-page="1"] #content .tab-content,
    body[data-page="1"] #content .tab-pane,
    body[data-page="1"] #content #tab-description {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   v1.0.52 TAB_AREA_MATCH_SHORTDESC_OUTER_BOX
   Korrektur nach Sichtprüfung:
   Der echte HTML-Wrapper nach der Kurzbeschreibung ist:
   .kobalz-shortdesc-container + .container
   Dieser Wrapper muss dieselbe Außenkante/Breite wie die Kurzbeschreibungsbox bekommen.
========================================================= */
@media (min-width: 992px) {
    body[data-page="1"] {
        --kobalz-pdl-detail-width: 1680px;
        --kobalz-pdl-detail-gutter: 32px;
    }

    /* Der komplette Bereich: Tabs + Beschreibung + Produktbundle */
    body[data-page="1"] .kobalz-shortdesc-container + .container {
        width: 100% !important;
        max-width: var(--kobalz-pdl-detail-width) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--kobalz-pdl-detail-gutter) !important;
        padding-right: var(--kobalz-pdl-detail-gutter) !important;
        box-sizing: border-box !important;
    }

    /* Innen keine zweite Einrückung mehr, damit die linke Kante stimmt */
    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-navigation,
    body[data-page="1"] .kobalz-shortdesc-container + .container #product-tabs,
    body[data-page="1"] .kobalz-shortdesc-container + .container .nav-tabs,
    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-content,
    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-pane,
    body[data-page="1"] .kobalz-shortdesc-container + .container #tab-description {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* v1.0.50/v1.0.51 sicher überschreiben */
    body[data-page="1"] #content .kobalz-shortdesc-container + .container .tab-navigation,
    body[data-page="1"] #content .kobalz-shortdesc-container + .container #product-tabs,
    body[data-page="1"] #content .kobalz-shortdesc-container + .container .nav-tabs,
    body[data-page="1"] #content .kobalz-shortdesc-container + .container .tab-content,
    body[data-page="1"] #content .kobalz-shortdesc-container + .container .tab-pane,
    body[data-page="1"] #content .kobalz-shortdesc-container + .container #tab-description {
        width: 100% !important;
        max-width: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Tablinie exakt über die Gesamtbreite des gemeinsamen Blocks */
    body[data-page="1"] .kobalz-shortdesc-container + .container .nav-tabs {
        border-bottom: 1px solid #dfe5e8 !important;
        margin-bottom: 38px !important;
    }

    /* Bundle bleibt Teil dieses gemeinsamen Blocks und wandert an die rechte Innenkante */
    body[data-page="1"] .kobalz-shortdesc-container + .container #tab-description .kpb-bundle-box,
    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-pane.active .kpb-bundle-box {
        float: right !important;
        width: 380px !important;
        max-width: 380px !important;
        margin: 0 0 24px 38px !important;
        box-sizing: border-box !important;
    }

    /* Beschreibung darf links an der gleichen Innenkante beginnen */
    body[data-page="1"] .kobalz-shortdesc-container + .container #tab-description > section:not(.kpb-bundle-box),
    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-pane.active > section:not(.kpb-bundle-box),
    body[data-page="1"] .kobalz-shortdesc-container + .container #tab-description > div:not(.kpb-bundle-box),
    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-pane.active > div:not(.kpb-bundle-box) {
        margin-left: 0 !important;
    }

    /* Text-Lesebreite im gemeinsamen Block beibehalten */
    body[data-page="1"] .kobalz-shortdesc-container + .container #tab-description p,
    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-pane.active p {
        max-width: 1120px !important;
    }

    body[data-page="1"] .kobalz-shortdesc-container + .container #tab-description h1,
    body[data-page="1"] .kobalz-shortdesc-container + .container #tab-description h2,
    body[data-page="1"] .kobalz-shortdesc-container + .container #tab-description h3,
    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-pane.active h1,
    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-pane.active h2,
    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-pane.active h3 {
        max-width: 1120px !important;
    }

    /* Abstand oben etwas ruhiger */
    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-content {
        padding-top: 0 !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-shortdesc-container + .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-navigation,
    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-content,
    body[data-page="1"] .kobalz-shortdesc-container + .container .tab-pane,
    body[data-page="1"] .kobalz-shortdesc-container + .container #tab-description {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body[data-page="1"] .kobalz-shortdesc-container + .container .kpb-bundle-box {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 24px 0 !important;
    }
}


/* =========================================================
   v1.0.53 CONTENT_FONT_SIZE_TABS_NO_YELLOW
   Beschreibung/Kurzbeschreibung besser lesbar.
   Gelbe Tab-Balken entfernen.
========================================================= */
@media (min-width: 992px) {
    /* Kurzbeschreibung etwas groesser, aber weiterhin ruhig */
    body[data-page="1"] .kobalz-shortdesc-fullwidth p,
    body[data-page="1"] .kobalz-shortdesc-fullwidth li {
        font-size: 16px !important;
        line-height: 26.4px !important;
        font-weight: 400 !important;
    }

    /* Beschreibung wegen breiterem Bereich noch etwas besser lesbar */
    body[data-page="1"] #tab-description p,
    body[data-page="1"] .tab-pane.active p,
    body[data-page="1"] #tab-description li,
    body[data-page="1"] .tab-pane.active li {
        font-size: 16.5px !important;
        line-height: 27.2px !important;
        font-weight: 400 !important;
    }

    /* Gelbe NOVA-Balken/Unterstreichungen unter Tabs entfernen */
    body[data-page="1"] .kobalz-shortdesc-container + .container .nav-tabs .nav-link,
    body[data-page="1"] .kobalz-shortdesc-container + .container .nav-tabs .nav-link.active,
    body[data-page="1"] .kobalz-shortdesc-container + .container .nav-tabs .nav-item.active .nav-link,
    body[data-page="1"] .kobalz-shortdesc-container + .container .nav-tabs .nav-item.show .nav-link,
    body[data-page="1"] #product-tabs .nav-link,
    body[data-page="1"] #product-tabs .nav-link.active {
        border-color: transparent !important;
        border-bottom-color: transparent !important;
        box-shadow: none !important;
        text-decoration: none !important;
    }

    body[data-page="1"] .kobalz-shortdesc-container + .container .nav-tabs .nav-link::before,
    body[data-page="1"] .kobalz-shortdesc-container + .container .nav-tabs .nav-link::after,
    body[data-page="1"] .kobalz-shortdesc-container + .container .nav-tabs .nav-item::before,
    body[data-page="1"] .kobalz-shortdesc-container + .container .nav-tabs .nav-item::after,
    body[data-page="1"] #product-tabs .nav-link::before,
    body[data-page="1"] #product-tabs .nav-link::after,
    body[data-page="1"] #product-tabs .nav-item::before,
    body[data-page="1"] #product-tabs .nav-item::after {
        display: none !important;
        content: none !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body[data-page="1"] .kobalz-shortdesc-container + .container .nav-tabs,
    body[data-page="1"] #product-tabs.nav-tabs,
    body[data-page="1"] .nav-tabs {
        border-bottom: 1px solid #dfe5e8 !important;
    }

    /* Aktiver Tab nur ueber Schriftfarbe/Gewicht, ohne Balken */
    body[data-page="1"] .kobalz-shortdesc-container + .container .nav-tabs .nav-link.active,
    body[data-page="1"] #product-tabs .nav-link.active {
        color: #17212b !important;
        font-weight: 900 !important;
    }

    body[data-page="1"] .kobalz-shortdesc-container + .container .nav-tabs .nav-link:not(.active),
    body[data-page="1"] #product-tabs .nav-link:not(.active) {
        color: #64727f !important;
        font-weight: 800 !important;
    }

    /* Alte gelbe Pagination-/Tab-After-Regel im Produktdetailbereich neutralisieren */
    body[data-page="1"] .kobalz-shortdesc-container + .container .page-item.active .page-link::after,
    body[data-page="1"] .kobalz-shortdesc-container + .container .page-item.active .page-text::after {
        display: none !important;
        content: none !important;
        border: 0 !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-shortdesc-fullwidth p,
    body[data-page="1"] .kobalz-shortdesc-fullwidth li,
    body[data-page="1"] #tab-description p,
    body[data-page="1"] #tab-description li {
        font-size: 16px !important;
        line-height: 26.4px !important;
        font-weight: 400 !important;
    }

    body[data-page="1"] #product-tabs .nav-link::before,
    body[data-page="1"] #product-tabs .nav-link::after,
    body[data-page="1"] #product-tabs .nav-item::before,
    body[data-page="1"] #product-tabs .nav-item::after {
        display: none !important;
        content: none !important;
    }
}


/* =========================================================
   v1.0.64 CLEAN_SLIDER_ROLLBACK
   Wichtig:
   Keine nachtraeglichen Eingriffe in den unteren Crossselling-Slider.
   Der Bereich "Dazu passende Produkte" bleibt wieder reine JTL-/NOVA-Ausgabe.
   Eine saubere Neugestaltung erfolgt ab jetzt nur noch ueber TPL-Struktur + CSS,
   nicht per Unslick/JS/DOM-Umbau.
========================================================= */


/* =========================================================
   v1.0.65 CLEAN_XSELL_GRID_DESIGN
   Saubere Lösung:
   Struktur kommt aus snippets/product_slider.tpl + snippets/slider_items.tpl.
   Plugin macht nur Optik. Kein JS. Kein DOM-Umbau. Kein Unslick.
========================================================= */
body[data-page="1"] .kobalz-pdl-xsell,
body[data-page="1"] .kobalz-pdl-xsell * {
    box-sizing: border-box !important;
}

body[data-page="1"] .kobalz-pdl-xsell {
    width: 100% !important;
    max-width: 1680px !important;
    margin: 44px auto 56px auto !important;
    padding: 0 32px !important;
}

body[data-page="1"] .kobalz-pdl-xsell .hr-sect.h2,
body[data-page="1"] .kobalz-pdl-xsell .hr-sect {
    width: 100% !important;
    max-width: 1460px !important;
    margin: 0 auto 30px auto !important;
    padding: 0 !important;
    color: rgb(31, 47, 61) !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
    text-align: center !important;
}

body[data-page="1"] .kobalz-pdl-xsell .hr-sect::before,
body[data-page="1"] .kobalz-pdl-xsell .hr-sect::after {
    background: #dfe5e8 !important;
    height: 1px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-grid {
    width: 100% !important;
    max-width: 1460px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 30px !important;
    align-items: stretch !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    text-align: left !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card:nth-child(n+6) {
    display: none !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    color: inherit !important;
    text-decoration: none !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 365px !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #dfe6dd !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.045) !important;
    overflow: hidden !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image:hover {
    transform: translateY(-3px) !important;
    border-color: #cbd8c8 !important;
    box-shadow: 0 18px 42px rgba(17, 24, 39, 0.085) !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square::before,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square-image::before {
    display: none !important;
    content: none !important;
    padding: 0 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image picture {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;
    padding: 20px !important;
    background: #ffffff !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img.product-image,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img.img-fluid {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 165px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc.text-clamp-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    color: rgb(31, 47, 61) !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    text-align: left !important;
    text-decoration: none !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc span {
    color: inherit !important;
    font: inherit !important;
    text-decoration: none !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
    margin-top: auto !important;
    padding: 14px 18px 18px 18px !important;
    background: #f7faf7 !important;
    border-top: 1px solid #edf1ec !important;
    text-align: left !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .productbox-price {
    display: block !important;
    margin: 0 !important;
    color: rgb(31, 47, 61) !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 23px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .first-range-price,
body[data-page="1"] .kobalz-pdl-xsell-card .second-range-price {
    display: inline !important;
    color: inherit !important;
    font: inherit !important;
    white-space: nowrap !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .footnote-reference {
    display: inline-block !important;
    position: relative !important;
    top: -0.36em !important;
    margin-left: 2px !important;
    font-size: .58em !important;
    line-height: 1 !important;
    font-weight: 600 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price-note {
    display: block !important;
    margin-top: 10px !important;
}

@media (min-width: 1300px) and (max-width: 1549.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 24px !important;
        max-width: 1250px !important;
    }
}

@media (min-width: 992px) and (max-width: 1299.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 22px !important;
        max-width: 960px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card:nth-child(n+5) {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-pdl-xsell {
        width: 100% !important;
        margin: 30px auto 44px auto !important;
        padding: 0 16px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell .hr-sect.h2,
    body[data-page="1"] .kobalz-pdl-xsell .hr-sect {
        margin-bottom: 20px !important;
        font-size: 24px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-grid {
        width: 100% !important;
        max-width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card:nth-child(n+5) {
        display: block !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image {
        min-height: 300px !important;
        border-radius: 10px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image picture {
        height: 160px !important;
        min-height: 160px !important;
        max-height: 160px !important;
        padding: 14px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img.product-image,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img.img-fluid {
        max-height: 132px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc {
        min-height: 44px !important;
        padding: 0 14px !important;
        font-size: 15px !important;
        line-height: 1.42 !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
        padding: 12px 14px 14px 14px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .productbox-price {
        font-size: 20px !important;
    }
}


/* =========================================================
   v1.0.67 CLEAN_XSELL_SLIDER_WITH_ARROWS
   Sauberer Slider:
   Struktur kommt aus TPL.
   Plugin macht Design + Button-Optik.
   Kein DOM-Umbau. Kein Unslick.
========================================================= */
body[data-page="1"] .kobalz-pdl-xsell-slider-wrap {
    position: relative !important;
    width: 100% !important;
    max-width: 1460px !important;
    margin: 0 auto !important;
}

body[data-page="1"] .kobalz-pdl-xsell-track {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

body[data-page="1"] .kobalz-pdl-xsell-track::-webkit-scrollbar {
    display: none !important;
}

body[data-page="1"] .kobalz-pdl-xsell-slider-wrap .kobalz-pdl-xsell-grid {
    max-width: none !important;
    width: max-content !important;
    margin: 0 !important;
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((1460px - 120px) / 5) !important;
    grid-template-columns: none !important;
    gap: 30px !important;
    align-items: stretch !important;
}

body[data-page="1"] .kobalz-pdl-xsell-slider-wrap .kobalz-pdl-xsell-card {
    display: block !important;
}

body[data-page="1"] .kobalz-pdl-xsell-slider-wrap .kobalz-pdl-xsell-card:nth-child(n+6) {
    display: block !important;
}

body[data-page="1"] .kobalz-pdl-xsell-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 4 !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 999px !important;
    border: 1px solid #dfe6dd !important;
    background: #ffffff !important;
    color: rgb(31, 47, 61) !important;
    box-shadow: 0 10px 26px rgba(17, 24, 39, .12) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, opacity .16s ease !important;
}

body[data-page="1"] .kobalz-pdl-xsell-arrow span {
    display: block !important;
    font-family: Arial, sans-serif !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    margin-top: -3px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-arrow:hover {
    border-color: #007a00 !important;
    box-shadow: 0 14px 34px rgba(17, 24, 39, .16) !important;
}

body[data-page="1"] .kobalz-pdl-xsell-arrow-prev {
    left: -23px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-arrow-next {
    right: -23px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-arrow[disabled],
body[data-page="1"] .kobalz-pdl-xsell-arrow.is-disabled {
    opacity: .35 !important;
    cursor: default !important;
    pointer-events: none !important;
}

@media (min-width: 1300px) and (max-width: 1549.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-slider-wrap {
        max-width: 1250px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-slider-wrap .kobalz-pdl-xsell-grid {
        grid-auto-columns: calc((1250px - 96px) / 5) !important;
        gap: 24px !important;
    }
}

@media (min-width: 992px) and (max-width: 1299.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-slider-wrap {
        max-width: 960px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-slider-wrap .kobalz-pdl-xsell-grid {
        grid-auto-columns: calc((960px - 66px) / 4) !important;
        gap: 22px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-arrow-prev {
        left: -18px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-arrow-next {
        right: -18px !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-slider-wrap {
        max-width: 100% !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-slider-wrap .kobalz-pdl-xsell-grid {
        width: max-content !important;
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: calc((100vw - 48px) / 2) !important;
        grid-template-columns: none !important;
        gap: 16px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-arrow {
        width: 40px !important;
        height: 40px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-arrow span {
        font-size: 30px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-arrow-prev {
        left: -8px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-arrow-next {
        right: -8px !important;
    }
}


/* =========================================================
   v1.0.68 CLEAN_PRODUCTDETAIL_SLIDERS
   Die vorhandenen generischen Klassen gelten jetzt fuer:
   - slider-xsell-group-1
   - slider-partlist
   Die Struktur kommt sauber aus der TPL.
========================================================= */


/* =========================================================
   v1.0.69 CLEAN_PRODUCTDETAIL_SLIDERS_V5
   Die saubere Slider-TPL unterstuetzt jetzt zusaetzlich:
   - slider-xsell
   CSS/JS bleiben generisch auf .kobalz-pdl-xsell-*.
========================================================= */


/* =========================================================
   v1.0.70 CLEAN_PARTSLIST_SLIDER_SUPPORT
   Der Bereich "Dieser Artikel besteht aus" wird nun sauber per TPL
   ueber #slider-partslist in dieselbe Slider-Struktur gebracht.
========================================================= */
body[data-page="1"] .partslist .kobalz-pdl-xsell {
    margin-top: 44px !important;
    margin-bottom: 56px !important;
}


/* =========================================================
   v1.0.71 GPSR_UNDER_DESCRIPTION_DESIGN
   GPSR-Box unter der Produktbeschreibung.
   Struktur kommt sauber aus tabs.tpl, kein JS, kein DOM-Umbau.
========================================================= */
body[data-page="1"] .kobalz-gpsr-box {
    margin: 34px 0 0 0 !important;
    padding: 22px 24px !important;
    border: 1px solid #dfe6dd !important;
    border-radius: 14px !important;
    background: #f8fbf8 !important;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.035) !important;
}

body[data-page="1"] .kobalz-gpsr-title {
    margin: 0 0 18px 0 !important;
    color: rgb(31, 47, 61) !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
}

body[data-page="1"] .kobalz-gpsr-card {
    padding: 16px 0 !important;
    border-top: 1px solid #e6ece6 !important;
}

body[data-page="1"] .kobalz-gpsr-card:first-of-type {
    border-top: 0 !important;
    padding-top: 0 !important;
}

body[data-page="1"] .kobalz-gpsr-label {
    display: block !important;
    margin: 0 0 8px 0 !important;
    color: #007a00 !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

body[data-page="1"] .kobalz-gpsr-text {
    color: rgb(31, 47, 61) !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}

body[data-page="1"] .kobalz-gpsr-text a {
    color: rgb(31, 47, 61) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

@media (min-width: 992px) {
    body[data-page="1"] .kobalz-gpsr-box {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        column-gap: 34px !important;
        row-gap: 0 !important;
    }

    body[data-page="1"] .kobalz-gpsr-title {
        grid-column: 1 / -1 !important;
    }

    body[data-page="1"] .kobalz-gpsr-card {
        border-top: 1px solid #e6ece6 !important;
        padding-top: 16px !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-gpsr-box {
        padding: 18px 18px !important;
    }

    body[data-page="1"] .kobalz-gpsr-title {
        font-size: 22px !important;
    }

    body[data-page="1"] .kobalz-gpsr-text {
        font-size: 15px !important;
    }
}


/* =========================================================
   v1.0.72 GPSR_HOOK_SLOT_DESIGN
   Saubere Lösung:
   GPSR-Plugin wird in den Theme-Block
   kobalz-productdetails-gpsr-under-description eingehängt.
   Diese CSS-Regeln gestalten die Original-GPSR-Ausgabe im Slot.
========================================================= */
body[data-page="1"] .kobalz-gpsr-slot {
    margin: 34px 0 0 0 !important;
    padding: 0 !important;
}

body[data-page="1"] .kobalz-gpsr-slot:empty {
    display: none !important;
}

body[data-page="1"] .kobalz-gpsr-slot:not(:empty) {
    padding: 22px 24px !important;
    border: 1px solid #dfe6dd !important;
    border-radius: 14px !important;
    background: #f8fbf8 !important;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.035) !important;
}

body[data-page="1"] .kobalz-gpsr-slot::before {
    content: "Produktsicherheit" !important;
    display: block !important;
    margin: 0 0 18px 0 !important;
    color: rgb(31, 47, 61) !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
}

body[data-page="1"] .kobalz-gpsr-slot:empty::before {
    display: none !important;
    content: none !important;
}

body[data-page="1"] .kobalz-gpsr-slot .product-manufacturer,
body[data-page="1"] .kobalz-gpsr-slot .product-manufacturer-responsible,
body[data-page="1"] .kobalz-gpsr-slot .product-manufacturer-manufacturer,
body[data-page="1"] .kobalz-gpsr-slot > div {
    color: rgb(31, 47, 61) !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
    font-weight: 400 !important;
}

body[data-page="1"] .kobalz-gpsr-slot > .product-manufacturer,
body[data-page="1"] .kobalz-gpsr-slot > div {
    padding: 16px 0 !important;
    border-top: 1px solid #e6ece6 !important;
}

body[data-page="1"] .kobalz-gpsr-slot > .product-manufacturer:first-of-type,
body[data-page="1"] .kobalz-gpsr-slot > div:first-of-type {
    border-top: 0 !important;
    padding-top: 0 !important;
}

body[data-page="1"] .kobalz-gpsr-slot strong {
    display: block !important;
    margin: 0 0 8px 0 !important;
    color: #007a00 !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

body[data-page="1"] .kobalz-gpsr-slot a {
    color: rgb(31, 47, 61) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
}

@media (min-width: 992px) {
    body[data-page="1"] .kobalz-gpsr-slot:not(:empty) {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        column-gap: 34px !important;
        row-gap: 0 !important;
    }

    body[data-page="1"] .kobalz-gpsr-slot::before {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-gpsr-slot:not(:empty) {
        padding: 18px 18px !important;
    }

    body[data-page="1"] .kobalz-gpsr-slot::before {
        font-size: 22px !important;
    }

    body[data-page="1"] .kobalz-gpsr-slot .product-manufacturer,
    body[data-page="1"] .kobalz-gpsr-slot > div {
        font-size: 15px !important;
    }
}


/* =========================================================
   v1.0.74 GPSR_TAB_FINAL_STYLE
   GPSR steht als letzter Tab "Produktsicherheit (GPSR)".
   Ziel: Ueberschrift oben einzeilig, Herstellerinformationen darunter.
   TPL-Block fuer GPSR-Plugin:
   kobalz-productdetails-gpsr-tab
========================================================= */
body[data-page="1"] .kobalz-gpsr-tab-content {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 26px 28px 30px !important;
    border: 1px solid #dfe6df !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.045) !important;
    color: #122334 !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

body[data-page="1"] .kobalz-gpsr-tab-content:empty {
    display: none !important;
}

/* Hauptueberschrift aus der TPL: kleiner und oben ueber der Hersteller-Ausgabe. */
body[data-page="1"] .kobalz-gpsr-main-title {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 18px 0 !important;
    padding: 0 0 14px 0 !important;
    border-bottom: 1px solid #e3ebe3 !important;
    color: #122334 !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
}

/* GPSR-Plugin-Ausgabe: unter der Ueberschrift, nicht mehr zweispaltig daneben. */
body[data-page="1"] .kobalz-gpsr-tab-content > .product-manufacturer,
body[data-page="1"] .kobalz-gpsr-tab-content > .product-manufacturer-responsible,
body[data-page="1"] .kobalz-gpsr-tab-content > .product-manufacturer-manufacturer,
body[data-page="1"] .kobalz-gpsr-tab-content > div:not(.kobalz-gpsr-main-title) {
    display: block !important;
    width: 100% !important;
    max-width: 780px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    color: #122334 !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

/* Herstellerinformationen und Inhaltszeilen groesser/lesbarer. */
body[data-page="1"] .kobalz-gpsr-tab-content p,
body[data-page="1"] .kobalz-gpsr-tab-content span,
body[data-page="1"] .kobalz-gpsr-tab-content li {
    color: #122334 !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
}

/* Gruene Zwischenueberschrift vom GPSR-Plugin. */
body[data-page="1"] .kobalz-gpsr-tab-content strong,
body[data-page="1"] .kobalz-gpsr-tab-content b {
    display: block !important;
    margin: 0 0 10px 0 !important;
    color: #007a00 !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

body[data-page="1"] .kobalz-gpsr-tab-content a {
    color: #122334 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

/* Alte GPSR-Unterbeschreibung-Box neutralisieren, falls irgendwo noch vorhanden. */
body[data-page="1"] .kobalz-gpsr-slot::before {
    content: none !important;
    display: none !important;
}

@media (max-width: 767.98px) {
    body[data-page="1"] .kobalz-gpsr-tab-content {
        padding: 20px 18px 24px !important;
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    body[data-page="1"] .kobalz-gpsr-main-title {
        font-size: 19px !important;
        line-height: 1.35 !important;
        margin-bottom: 16px !important;
        padding-bottom: 12px !important;
    }

    body[data-page="1"] .kobalz-gpsr-tab-content > .product-manufacturer,
    body[data-page="1"] .kobalz-gpsr-tab-content > .product-manufacturer-responsible,
    body[data-page="1"] .kobalz-gpsr-tab-content > .product-manufacturer-manufacturer,
    body[data-page="1"] .kobalz-gpsr-tab-content > div:not(.kobalz-gpsr-main-title),
    body[data-page="1"] .kobalz-gpsr-tab-content p,
    body[data-page="1"] .kobalz-gpsr-tab-content span,
    body[data-page="1"] .kobalz-gpsr-tab-content li {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    body[data-page="1"] .kobalz-gpsr-tab-content strong,
    body[data-page="1"] .kobalz-gpsr-tab-content b {
        font-size: 17px !important;
    }
}


/* =========================================================
   v1.0.75 COMPACT_PRODUCT_TOP_SPACING
   Leeraum im oberen Artikeldetailbereich reduzieren.
   Ziel: Header/Menu bleibt optisch gleich, Produktbereich rueckt naeher nach oben.
   Keine Aenderung an Galerie, Buybox, Tabs, Warenkorb oder GPSR-Logik.
========================================================= */

@media (min-width: 992px) {
    /* Abstand direkt unter Navigation/Breadcrumb-Bereich kompakter halten. */
    body[data-page="1"] #content-wrapper,
    body[data-page="1"] main,
    body[data-page="1"] .main,
    body[data-page="1"] #main-wrapper {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    /* Breadcrumb-Zeile hoeher an das Menue ziehen und unten weniger Luft lassen. */
    body[data-page="1"] .breadcrumb-wrapper,
    body[data-page="1"] .breadcrumb-container,
    body[data-page="1"] .breadcrumbs,
    body[data-page="1"] .breadcrumb {
        margin-top: 14px !important;
        margin-bottom: 14px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* NOVA setzt teilweise auf umliegende Content-Container zusaetzliche Abstaende. */
    body[data-page="1"] #content-wrapper > .container,
    body[data-page="1"] #content-wrapper > .container-xl,
    body[data-page="1"] #content-wrapper > .container-fluid-xl,
    body[data-page="1"] main .container:has(#product-offer),
    body[data-page="1"] main .container-xl:has(#product-offer),
    body[data-page="1"] main .container-fluid-xl:has(#product-offer) {
        padding-top: 0 !important;
    }

    /* Wichtigster Bereich: Galerie und Kaufbox naeher unter Breadcrumb/Navigation. */
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign,
    body[data-page="1"] #product-offer.product-detail,
    body[data-page="1"] #product-offer.kobalz-pdp-shell {
        margin-top: 18px !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] #content-wrapper,
    body[data-page="1"] main,
    body[data-page="1"] .main,
    body[data-page="1"] #main-wrapper {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    body[data-page="1"] .breadcrumb-wrapper,
    body[data-page="1"] .breadcrumb-container,
    body[data-page="1"] .breadcrumbs,
    body[data-page="1"] .breadcrumb {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign,
    body[data-page="1"] #product-offer.product-detail,
    body[data-page="1"] #product-offer.kobalz-pdp-shell {
        margin-top: 12px !important;
    }
}

/* =========================================================
   v1.0.80 REVERT_ARROW_SPACE_KEEP_V78
   Breadcrumb-Produktpfeile optisch wie im NOVA-Beispielbild:
   schlanke dunkle Chevron-Pfeile, keine Box, kein Kreis, keine Positions-Umbauten.
========================================================= */

@media (min-width: 992px) {
    body[data-page="1"] .product-navigation,
    body[data-page="1"] .product-nav,
    body[data-page="1"] .product-detail-nav,
    body[data-page="1"] .productdetail-nav,
    body[data-page="1"] .product-pagination,
    body[data-page="1"] .product-pager,
    body[data-page="1"] .product-nav-arrows,
    body[data-page="1"] .kobalz-product-nav-arrows {
        gap: 22px !important;
    }

    body[data-page="1"] .product-navigation a,
    body[data-page="1"] .product-nav a,
    body[data-page="1"] .product-detail-nav a,
    body[data-page="1"] .productdetail-nav a,
    body[data-page="1"] .product-pagination a,
    body[data-page="1"] .product-pager a,
    body[data-page="1"] .product-nav-arrows a,
    body[data-page="1"] .kobalz-product-nav-arrows a,
    body[data-page="1"] .product-navigation button,
    body[data-page="1"] .product-nav button,
    body[data-page="1"] .product-detail-nav button,
    body[data-page="1"] .productdetail-nav button,
    body[data-page="1"] .product-pagination button,
    body[data-page="1"] .product-pager button,
    body[data-page="1"] .product-nav-arrows button,
    body[data-page="1"] .kobalz-product-nav-arrows button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 28px !important;
        height: 28px !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #122334 !important;
        opacity: 1 !important;
        visibility: visible !important;
        text-decoration: none !important;
    }

    body[data-page="1"] .product-navigation a:hover,
    body[data-page="1"] .product-nav a:hover,
    body[data-page="1"] .product-detail-nav a:hover,
    body[data-page="1"] .productdetail-nav a:hover,
    body[data-page="1"] .product-pagination a:hover,
    body[data-page="1"] .product-pager a:hover,
    body[data-page="1"] .product-nav-arrows a:hover,
    body[data-page="1"] .kobalz-product-nav-arrows a:hover,
    body[data-page="1"] .product-navigation button:hover,
    body[data-page="1"] .product-nav button:hover,
    body[data-page="1"] .product-detail-nav button:hover,
    body[data-page="1"] .productdetail-nav button:hover,
    body[data-page="1"] .product-pagination button:hover,
    body[data-page="1"] .product-pager button:hover,
    body[data-page="1"] .product-nav-arrows button:hover,
    body[data-page="1"] .kobalz-product-nav-arrows button:hover {
        color: #008000 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body[data-page="1"] .product-navigation svg,
    body[data-page="1"] .product-nav svg,
    body[data-page="1"] .product-detail-nav svg,
    body[data-page="1"] .productdetail-nav svg,
    body[data-page="1"] .product-pagination svg,
    body[data-page="1"] .product-pager svg,
    body[data-page="1"] .product-nav-arrows svg,
    body[data-page="1"] .kobalz-product-nav-arrows svg {
        width: 18px !important;
        height: 18px !important;
        color: currentColor !important;
        fill: currentColor !important;
        stroke: currentColor !important;
    }

    body[data-page="1"] .product-navigation i,
    body[data-page="1"] .product-nav i,
    body[data-page="1"] .product-detail-nav i,
    body[data-page="1"] .productdetail-nav i,
    body[data-page="1"] .product-pagination i,
    body[data-page="1"] .product-pager i,
    body[data-page="1"] .product-nav-arrows i,
    body[data-page="1"] .kobalz-product-nav-arrows i,
    body[data-page="1"] .product-navigation .fas,
    body[data-page="1"] .product-nav .fas,
    body[data-page="1"] .product-detail-nav .fas,
    body[data-page="1"] .productdetail-nav .fas,
    body[data-page="1"] .product-pagination .fas,
    body[data-page="1"] .product-pager .fas,
    body[data-page="1"] .product-nav-arrows .fas,
    body[data-page="1"] .kobalz-product-nav-arrows .fas,
    body[data-page="1"] .product-navigation .fa,
    body[data-page="1"] .product-nav .fa,
    body[data-page="1"] .product-detail-nav .fa,
    body[data-page="1"] .productdetail-nav .fa,
    body[data-page="1"] .product-pagination .fa,
    body[data-page="1"] .product-pager .fa,
    body[data-page="1"] .product-nav-arrows .fa,
    body[data-page="1"] .kobalz-product-nav-arrows .fa {
        color: currentColor !important;
        font-size: 18px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
    }
}


/* =========================================================
   v1.0.83 SAFE_PRICE_BOX_RESTYLE
   Sehr gezielte Preis-/Sonderpreis-Optik.
   Es werden nur Elemente gestylt, die per Safe-Klasse markiert wurden.
   Keine Grid-, Flex-, Galerie- oder Buybox-Struktur wird verändert.
========================================================= */

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe {
    display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 250px !important;
    min-height: 64px !important;
    margin: 0 !important;
    padding: 13px 18px !important;
    border: 1px solid #dfe4e8 !important;
    border-left: 4px solid #008000 !important;
    border-radius: 10px !important;
    background: #f8fbf8 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.035) !important;
    color: #122334 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe * {
    color: #122334 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .small,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe small,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe [class*="label"] {
    color: #5f6f7d !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe strong,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe b,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .h1,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .h2,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .h3 {
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    letter-spacing: 0.01em !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-old-price-safe {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    max-width: max-content !important;
    margin: 8px 0 0 0 !important;
    padding: 5px 11px !important;
    border-radius: 999px !important;
    background: #fff4f1 !important;
    color: #b42318 !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-old-price-safe,
body[data-page="1"] #product-offer .kobalz-pdl-old-price-safe * {
    color: #b42318 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-old-price-safe del,
body[data-page="1"] #product-offer .kobalz-pdl-old-price-safe s {
    text-decoration-color: #b42318 !important;
    text-decoration-thickness: 1.5px !important;
}

@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin-top: 10px !important;
        padding: 12px 14px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe strong,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe b {
        font-size: 17px !important;
    }
}


/* =========================================================
   v1.0.84 PRICE_BOX_POLISH
   Preisbereich optisch verfeinern, ohne das Produktlayout zu verändern.
   Vorherige breite Old-Price-Flaeche neutralisieren und nur den echten
   „Statt ...“-Hinweis als kleinen Badge darstellen.
========================================================= */

body[data-page="1"] #product-offer .kobalz-pdl-old-price-safe {
    display: inline !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-old-price-chip {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 10px !important;
    padding: 3px 9px !important;
    border: 1px solid #f1c7c0 !important;
    border-radius: 999px !important;
    background: #fff7f5 !important;
    color: #b42318 !important;
    font-size: 12.5px !important;
    line-height: 1.15 !important;
    font-weight: 600 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-old-price-chip del,
body[data-page="1"] #product-offer .kobalz-pdl-old-price-chip s {
    color: #b42318 !important;
    text-decoration-color: #b42318 !important;
    text-decoration-thickness: 1.4px !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe {
    min-width: 255px !important;
    min-height: 74px !important;
    padding: 12px 18px !important;
    border: 1px solid #dce4de !important;
    border-left: 4px solid #008000 !important;
    border-radius: 8px !important;
    background: #fbfcfb !important;
    box-shadow: none !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .small,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe small,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe [class*="label"] {
    color: #5f6f7d !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe strong,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe b,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .h1,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .h2,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .h3 {
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: 0.01em !important;
}

@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer .kobalz-pdl-old-price-chip {
        display: inline-flex !important;
        margin-left: 6px !important;
        margin-top: 6px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 12px 14px !important;
    }
}


/* =========================================================
   v1.0.85 SALE_PRICE_SELLING_STYLE
   Sonderpreis klarer, hochwertiger und verkaufsstärker darstellen.
   Nur markierte Safe-Elemente werden optisch veredelt.
========================================================= */

body[data-page="1"] #product-offer .kobalz-pdl-special-price-safe {
    position: relative !important;
    display: inline-block !important;
    margin: 4px 0 0 0 !important;
    padding: 24px 0 0 0 !important;
    color: #122334 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 54px !important;
    font-weight: 700 !important;
    line-height: 0.95 !important;
    letter-spacing: 0.01em !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-special-price-safe::before {
    content: "SONDERPREIS" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: #008000 !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0.09em !important;
    white-space: nowrap !important;
    box-shadow: 0 10px 20px rgba(0, 128, 0, 0.15) !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-price-selling-note {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 10px 0 0 0 !important;
    color: #008000 !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-price-selling-note::before {
    content: "Jetzt sparen:" !important;
    color: #5f6f7d !important;
    font-weight: 600 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-price-selling-note .kobalz-pdl-saving-value {
    color: #008000 !important;
    font-weight: 700 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-old-price-chip {
    margin-left: 0 !important;
    margin-top: 8px !important;
    padding: 4px 10px !important;
    border-color: #f1d2cb !important;
    background: #fff8f6 !important;
    font-size: 12px !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] #product-offer .kobalz-pdl-special-price-safe {
        font-size: 46px !important;
    }
}

@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer .kobalz-pdl-special-price-safe {
        font-size: 40px !important;
        padding-top: 22px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-special-price-safe::before {
        font-size: 10px !important;
        padding: 5px 9px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-price-selling-note {
        font-size: 13px !important;
        margin-top: 8px !important;
    }
}


/* =========================================================
   v1.0.86 COUNTDOWN_SALES_URGENCY
   Countdown-Box verkaufsstärker gestalten, ohne das Produktlayout zu ändern.
   Nur bereits markierte Safe-Countdown-Elemente werden optisch verschärft.
========================================================= */

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe {
    position: relative !important;
    display: inline-flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 285px !important;
    min-height: 102px !important;
    padding: 14px 18px 14px 18px !important;
    border: 1px solid #f0d0c8 !important;
    border-left: 5px solid #d92d20 !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #fff8f6 0%, #fff2ee 100%) !important;
    box-shadow: 0 12px 26px rgba(217, 45, 32, 0.08) !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe::before {
    content: "JETZT ANGEBOT SICHERN" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: flex-start !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: #d92d20 !important;
    color: #ffffff !important;
    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.09em !important;
    white-space: nowrap !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe * {
    color: #122334 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .small,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe small,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe [class*="label"],
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .kobalz-pdl-timer-urgency-label {
    color: #8a1c13 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe strong,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe b,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .h1,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .h2,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .h3,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .kobalz-pdl-timer-value {
    color: #122334 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.01em !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe::after {
    content: "Nur für kurze Zeit zum Aktionspreis" !important;
    display: block !important;
    margin-top: 2px !important;
    color: #8a1c13 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe {
        min-width: 255px !important;
        min-height: 98px !important;
    }
}

@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 13px 14px !important;
        gap: 5px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe::before {
        font-size: 9px !important;
        padding: 5px 9px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe::after {
        font-size: 11px !important;
    }
}


/* =========================================================
   v1.0.87 SALE_BADGE_ONLY_WHEN_ACTIVE
   Kleine Verfeinerung: Spar-Hinweis sauber ohne Durchstreichung.
========================================================= */

body[data-page="1"] #product-offer .kobalz-pdl-price-selling-note,
body[data-page="1"] #product-offer .kobalz-pdl-price-selling-note * {
    text-decoration: none !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-price-selling-note {
    margin-top: 9px !important;
    color: #008000 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}


/* =========================================================
   v1.0.88 COUNTDOWN_STICKER_POLISH
   Countdown näher an den Preis, kürzerer Text, Kobalz-Grün mit dezentem
   Warnakzent und kompaktere Aktions-Sticker-Optik.
========================================================= */

@media (min-width: 768px) {
    body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe {
        min-width: 238px !important;
        max-width: 238px !important;
        min-height: 88px !important;
        padding: 12px 14px !important;
        gap: 4px !important;
        margin-left: -14px !important;
        border: 1px solid #d7e4d7 !important;
        border-left: 4px solid #f0b323 !important;
        border-radius: 10px !important;
        background: linear-gradient(180deg, #fbfefb 0%, #f4fbf4 100%) !important;
        box-shadow: 0 10px 22px rgba(0, 128, 0, 0.05) !important;
    }
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe::before {
    content: "AKTION" !important;
    padding: 4px 9px !important;
    background: #008000 !important;
    color: #ffffff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    box-shadow: 0 8px 18px rgba(0, 128, 0, 0.12) !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe * {
    color: #122334 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .small,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe small,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe [class*="label"],
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .kobalz-pdl-timer-urgency-label {
    color: #006b3c !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe strong,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe b,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .h1,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .h2,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .h3,
body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe .kobalz-pdl-timer-value {
    color: #122334 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.08 !important;
    letter-spacing: 0.01em !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe::after {
    content: "Nur noch kurze Zeit" !important;
    margin-top: 1px !important;
    color: #7a5a00 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-price-selling-note,
body[data-page="1"] #product-offer .kobalz-pdl-price-selling-note * {
    text-decoration: none !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-price-selling-note {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 8px !important;
    color: #008000 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-price-selling-note::before {
    color: #5f6f7d !important;
}

@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin-left: 0 !important;
        padding: 12px 13px !important;
        gap: 4px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-timer-safe::after {
        font-size: 10px !important;
    }
}


/* =========================================================
   v1.0.89 SALE_TWO_BOX_LAYOUT
   Preis-/Aktionsbereich in zwei gleich hohe Boxen teilen:
   links Preisbereich, rechts Countdown-Bereich.
   Beide Boxen nutzen die verfügbare Höhe besser aus.
========================================================= */

@media (min-width: 768px) {
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(250px, 0.92fr) !important;
        gap: 18px !important;
        align-items: stretch !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right {
        width: auto !important;
        max-width: none !important;
        float: none !important;
        margin: 0 !important;
        padding: 18px 20px !important;
        border: 1px solid #dce7dc !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        box-shadow: 0 10px 24px rgba(18, 35, 52, 0.045) !important;
        min-height: 176px !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-self: stretch !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left {
        gap: 8px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right {
        justify-content: center !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left > *,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right > * {
        max-width: 100% !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left .kobalz-pdl-special-price-safe {
        margin-top: 0 !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left .kobalz-pdl-price-selling-note {
        margin-top: 6px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe {
        display: flex !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        gap: 6px !important;
        justify-content: center !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe::before {
        align-self: flex-start !important;
        margin-bottom: 2px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe::after {
        margin-top: 2px !important;
    }
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .small,
body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe small,
body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe [class*="label"],
body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .kobalz-pdl-timer-urgency-label {
    font-size: 11px !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe strong,
body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe b,
body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .h1,
body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .h2,
body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .h3,
body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .kobalz-pdl-timer-value {
    font-size: 20px !important;
}

body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe::after {
    font-size: 12px !important;
}

@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right {
        margin: 0 0 14px 0 !important;
        padding: 16px 16px !important;
        border: 1px solid #dce7dc !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow: 0 8px 20px rgba(18, 35, 52, 0.04) !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
}


/* =========================================================
   v1.0.90 SALE_BOX_CONTENT_BIGGER
   Boxen aus v1.0.89 bleiben, aber der Inhalt darin wird deutlich größer,
   damit Preis und Countdown den vorhandenen Platz besser ausfüllen.
========================================================= */

@media (min-width: 768px) {
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right {
        min-height: 196px !important;
        padding: 20px 22px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left {
        gap: 10px !important;
        justify-content: flex-start !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right {
        justify-content: center !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left .kobalz-pdl-special-price-safe {
        font-size: 64px !important;
        line-height: 0.92 !important;
        padding-top: 28px !important;
        margin-top: 0 !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left .kobalz-pdl-special-price-safe::before {
        padding: 6px 12px !important;
        font-size: 12px !important;
        letter-spacing: 0.09em !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left .kobalz-pdl-old-price-chip {
        font-size: 14px !important;
        padding: 5px 11px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left .kobalz-pdl-price-selling-note {
        font-size: 16px !important;
        line-height: 1.3 !important;
        gap: 8px !important;
        margin-top: 10px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe {
        gap: 8px !important;
        justify-content: center !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe::before {
        padding: 6px 12px !important;
        font-size: 11px !important;
        letter-spacing: 0.1em !important;
        margin-bottom: 3px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .small,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe small,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe [class*="label"],
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .kobalz-pdl-timer-urgency-label {
        font-size: 13px !important;
        line-height: 1.15 !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe strong,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe b,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .h1,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .h2,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .h3,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .kobalz-pdl-timer-value {
        font-size: 25px !important;
        line-height: 1.05 !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe::after {
        font-size: 14px !important;
        line-height: 1.2 !important;
        margin-top: 4px !important;
    }
}

@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left .kobalz-pdl-special-price-safe {
        font-size: 46px !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe strong,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe b,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .h1,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .h2,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .h3,
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid .kobalz-pdl-sale-box-right .kobalz-pdl-sale-timer-safe .kobalz-pdl-timer-value {
        font-size: 20px !important;
    }
}


/* =========================================================
   v1.0.91 NATIVE_PRICE_TIMER_BOXES
   Exakte Shop-Klassen aus dem Quelltext nutzen:
   .price_wrapper.kobalz-price-wrapper-with-timer
   .special-price
   .price-note
   .kobalz-special-timer
   Dadurch werden Preisbox links und Countdownbox rechts sauber gleich hoch,
   ohne zusätzliche Layout-Umbauten.
========================================================= */

@media (min-width: 768px) {
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer {
        display: grid !important;
        grid-template-columns: minmax(0, 1.38fr) minmax(285px, 0.92fr) !important;
        grid-template-rows: auto 1fr !important;
        column-gap: 24px !important;
        row-gap: 0 !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price {
        grid-column: 1 / 2 !important;
        grid-row: 1 / 2 !important;
        display: flex !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 122px !important;
        margin: 0 !important;
        padding: 26px 26px 8px 26px !important;
        border: 1px solid #dce7dc !important;
        border-bottom: 0 !important;
        border-radius: 14px 14px 0 0 !important;
        background: #ffffff !important;
        box-shadow: 0 10px 24px rgba(18, 35, 52, 0.045) !important;
        color: #122334 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 70px !important;
        font-weight: 700 !important;
        line-height: 0.92 !important;
        letter-spacing: 0.01em !important;
        position: relative !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price::before {
        content: "SONDERPREIS" !important;
        position: absolute !important;
        top: 18px !important;
        left: 26px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 6px 13px !important;
        border-radius: 999px !important;
        background: #008000 !important;
        color: #ffffff !important;
        font-family: Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: 0.09em !important;
        white-space: nowrap !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price > span {
        display: block !important;
        margin-top: 30px !important;
        color: #122334 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note {
        grid-column: 1 / 2 !important;
        grid-row: 2 / 3 !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 74px !important;
        margin: 0 !important;
        padding: 0 26px 20px 26px !important;
        border: 1px solid #dce7dc !important;
        border-top: 0 !important;
        border-radius: 0 0 14px 14px !important;
        background: #ffffff !important;
        box-shadow: 0 10px 24px rgba(18, 35, 52, 0.045) !important;
        color: #5f6f7d !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .vat_info {
        display: block !important;
        margin: 0 0 9px 0 !important;
        color: #5f6f7d !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .kobalz-special-oldprice,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-old-price-chip {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        max-width: max-content !important;
        margin: 0 0 8px 0 !important;
        padding: 5px 12px !important;
        border: 1px solid #f1d2cb !important;
        border-radius: 999px !important;
        background: #fff8f6 !important;
        color: #b42318 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-decoration-color: #b42318 !important;
        text-decoration-thickness: 1.4px !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note {
        display: flex !important;
        align-items: center !important;
        gap: 7px !important;
        margin: 4px 0 0 0 !important;
        color: #008000 !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
        text-decoration: none !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note * {
        text-decoration: none !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .kobalz-special-timer,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-sale-timer-safe {
        grid-column: 2 / 3 !important;
        grid-row: 1 / 3 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 196px !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 24px 28px !important;
        border: 1px solid #dce7dc !important;
        border-left: 5px solid #f0b323 !important;
        border-radius: 14px !important;
        background: linear-gradient(180deg, #fbfefb 0%, #f4fbf4 100%) !important;
        box-shadow: 0 10px 24px rgba(18, 35, 52, 0.045) !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .kobalz-special-timer::before,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-sale-timer-safe::before {
        content: "AKTION" !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 0 10px 0 !important;
        padding: 6px 13px !important;
        border-radius: 999px !important;
        background: #008000 !important;
        color: #ffffff !important;
        font-family: Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: 0.1em !important;
        white-space: nowrap !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-special-timer-label,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-timer-urgency-label {
        display: block !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        color: #006b3c !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.12 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-special-timer-value,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-timer-value {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #122334 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 34px !important;
        font-weight: 800 !important;
        line-height: 1.05 !important;
        letter-spacing: 0.01em !important;
        white-space: nowrap !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .kobalz-special-timer::after,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-sale-timer-safe::after {
        content: "Nur noch kurze Zeit" !important;
        display: block !important;
        margin-top: 9px !important;
        color: #7a5a00 !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }
}

@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer {
        display: block !important;
        margin-bottom: 18px !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .kobalz-special-timer {
        width: 100% !important;
        max-width: none !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price {
        font-size: 48px !important;
        min-height: 106px !important;
        padding: 24px 18px 8px 18px !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price::before {
        top: 16px !important;
        left: 18px !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note {
        min-height: 0 !important;
        padding: 0 18px 18px 18px !important;
        margin-bottom: 14px !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .kobalz-special-timer {
        min-height: 138px !important;
        padding: 20px 22px !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-special-timer-value {
        font-size: 26px !important;
    }
}


/* =========================================================
   v1.0.92 SALE_BOX_FIXES
   - doppelten Sonderpreis-Badge entfernen
   - Countdown-Rahmen grün
   - Countdown mittig in der Box
   - "Jetzt sparen" als eigenes Feld wie der Statt-Preis
========================================================= */

@media (min-width: 768px) {
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price > .kobalz-pdl-special-price-safe,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price .kobalz-pdl-special-price-safe {
        position: static !important;
        display: block !important;
        margin: 30px 0 0 0 !important;
        padding: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: inherit !important;
        font-family: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
        letter-spacing: inherit !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price > .kobalz-pdl-special-price-safe::before,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price .kobalz-pdl-special-price-safe::before {
        content: none !important;
        display: none !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: flex-start !important;
        align-content: flex-start !important;
        gap: 10px 8px !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .vat_info {
        flex: 0 0 100% !important;
        width: 100% !important;
        margin: 0 0 2px 0 !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .kobalz-special-oldprice,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .kobalz-pdl-old-price-chip {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 6px 13px !important;
        border: 1px solid #f1d2cb !important;
        border-radius: 999px !important;
        background: #fff8f6 !important;
        color: #b42318 !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        text-decoration-color: #b42318 !important;
        text-decoration-thickness: 1.4px !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note * {
        text-decoration: none !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        margin: 0 !important;
        padding: 6px 13px !important;
        border: 1px solid #b9e0b9 !important;
        border-radius: 999px !important;
        background: #f3fbf3 !important;
        color: #008000 !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note::before {
        color: #008000 !important;
        font-weight: 800 !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note .kobalz-pdl-saving-value {
        color: #008000 !important;
        font-weight: 800 !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .kobalz-special-timer,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-sale-timer-safe {
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 24px 24px !important;
        border: 1px solid #cfe2cf !important;
        border-left: 5px solid #008000 !important;
        background: linear-gradient(180deg, #fbfefb 0%, #f4fbf4 100%) !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .kobalz-special-timer::before,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-sale-timer-safe::before {
        align-self: center !important;
        margin: 0 0 12px 0 !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-special-timer-label,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-timer-urgency-label {
        margin: 0 0 10px 0 !important;
        text-align: center !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-special-timer-time {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-special-timer-value,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-timer-value {
        text-align: center !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .kobalz-special-timer::after,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-sale-timer-safe::after {
        margin-top: 10px !important;
        text-align: center !important;
        color: #6c6500 !important;
    }
}

@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price .kobalz-pdl-special-price-safe::before {
        content: none !important;
        display: none !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px 6px !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .vat_info {
        flex: 0 0 100% !important;
        width: 100% !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note {
        display: inline-flex !important;
        padding: 6px 11px !important;
        border: 1px solid #b9e0b9 !important;
        border-radius: 999px !important;
        background: #f3fbf3 !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .kobalz-special-timer {
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        border: 1px solid #cfe2cf !important;
        border-left: 5px solid #008000 !important;
    }
}


/* =========================================================
   v1.0.93 PRICE_STARS_AND_SAVINGS_FIX
   - "Jetzt sparen" sauber ohne Durchstreichung
   - hochgestelltes Sternchen hinter aktuellem Preis
   - hochgestelltes Sternchen hinter Statt-Preis
========================================================= */

body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price > span::after,
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price .kobalz-pdl-special-price-safe::after {
    content: "*" !important;
    display: inline-block !important;
    margin-left: 2px !important;
    color: currentColor !important;
    font-size: 0.42em !important;
    line-height: 1 !important;
    vertical-align: super !important;
    position: relative !important;
    top: -0.05em !important;
}

body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .kobalz-special-oldprice::after,
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .kobalz-pdl-old-price-chip::after {
    content: "*" !important;
    display: inline-block !important;
    margin-left: 2px !important;
    color: currentColor !important;
    font-size: 0.72em !important;
    line-height: 1 !important;
    vertical-align: super !important;
    position: relative !important;
    top: -0.08em !important;
}

body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-saving-standalone,
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-saving-standalone *,
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note,
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note * {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-color: transparent !important;
    text-shadow: none !important;
}

body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-saving-standalone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price > span::after,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price .kobalz-pdl-special-price-safe::after {
        font-size: 0.46em !important;
    }
}


/* =========================================================
   v1.0.97 OLDPRICE_SINGLE_NATIVE
   Korrektur nach v1.0.94–v1.0.96:
   Der native Statt-Preis bleibt erhalten. Falls ein innerer Chip vom
   bisherigen Script erzeugt wurde, wird er nicht gelöscht, sondern optisch
   neutralisiert. Dadurch bleibt genau ein sichtbares Statt-Feld.
========================================================= */

body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    gap: 10px 8px !important;
}

body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .vat_info {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin: 0 0 2px 0 !important;
}

/* Falls ein alter, direkter Zusatz-Chip existiert: ausblenden */
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note > .kobalz-pdl-old-price-chip {
    display: none !important;
}

/* Das echte Shop-Feld für den Statt-Preis */
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .kobalz-special-oldprice {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 6px 13px !important;
    border: 1px solid #f1d2cb !important;
    border-radius: 999px !important;
    background: #fff8f6 !important;
    color: #b42318 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    text-decoration: line-through !important;
    text-decoration-color: #b42318 !important;
    text-decoration-thickness: 1.4px !important;
}

/* Wenn der alte Text vom Script in einen inneren Chip gewandert ist:
   inneren Chip neutralisieren, nicht löschen. */
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .kobalz-special-oldprice .kobalz-pdl-old-price-chip {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: inherit !important;
}

/* Sternchen nur am äußeren Statt-Feld, nicht am inneren Chip */
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .kobalz-special-oldprice .kobalz-pdl-old-price-chip::after {
    content: none !important;
    display: none !important;
}

body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .kobalz-special-oldprice::after {
    content: "*" !important;
    display: inline-block !important;
    margin-left: 3px !important;
    color: currentColor !important;
    font-size: 0.72em !important;
    line-height: 1 !important;
    vertical-align: super !important;
    position: relative !important;
    top: -0.08em !important;
    text-decoration: none !important;
}

/* Jetzt-sparen-Feld sauber daneben, ohne Durchstreichung */
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note,
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note *,
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-saving-standalone,
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-saving-standalone * {
    text-decoration: none !important;
    text-decoration-line: none !important;
}

body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note,
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-saving-standalone {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 6px 13px !important;
    border: 1px solid #b9e0b9 !important;
    border-radius: 999px !important;
    background: #f3fbf3 !important;
    color: #008000 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note::before {
    color: #008000 !important;
    font-weight: 800 !important;
}

@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note .kobalz-special-oldprice,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-selling-note,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-price-saving-standalone {
        min-height: 34px !important;
        font-size: 12.5px !important;
        padding: 6px 11px !important;
    }
}


/* =========================================================
   v1.0.98 REMOVE_MAIN_PRICE_STAR
   Sternchen am großen aktuellen Preis entfernen.
   Der rechtliche Hinweis steht direkt darunter über inkl. USt. / zzgl. Versand.
   Sternchen beim Statt-Preis bleibt erhalten.
========================================================= */

body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price > span::after,
body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price .kobalz-pdl-special-price-safe::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   v1.0.99 REVIEWS_TAB_RESTYLE
   Bewertungen-Tab optisch aufräumen.
   Nur CSS: keine Bewertungslogik, keine TPL-Änderung.
========================================================= */

body[data-page="1"] #tab-votes {
    padding: 28px 0 10px 0 !important;
    color: #122334 !important;
}

body[data-page="1"] #tab-votes .reviews {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* obere Bewertungs-/CTA-Zone */
body[data-page="1"] #tab-votes #reviews-overview {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(280px, 0.85fr) !important;
    gap: 26px !important;
    align-items: stretch !important;
    margin: 0 0 26px 0 !important;
}

body[data-page="1"] #tab-votes #reviews-overview > [class*="col"] {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    padding: 0 !important;
}

/* Boxen im Bewertungs-Kopf */
body[data-page="1"] #tab-votes #reviews-overview > [class*="col"],
body[data-page="1"] #tab-votes #reviews-overview form,
body[data-page="1"] #tab-votes .reviews > .row:first-child > [class*="col"],
body[data-page="1"] #tab-votes .reviews .review-overview,
body[data-page="1"] #tab-votes .reviews .rating-overview,
body[data-page="1"] #tab-votes .reviews .average-rating {
    border: 1px solid #dfe6df !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(18, 35, 52, 0.045) !important;
}

body[data-page="1"] #tab-votes #reviews-overview > [class*="col"],
body[data-page="1"] #tab-votes #reviews-overview form {
    min-height: 126px !important;
    padding: 22px 24px !important;
}

/* Text im Kopfbereich */
body[data-page="1"] #tab-votes .subheadline,
body[data-page="1"] #tab-votes .reviews strong,
body[data-page="1"] #tab-votes .reviews b,
body[data-page="1"] #tab-votes .reviews .h1,
body[data-page="1"] #tab-votes .reviews .h2,
body[data-page="1"] #tab-votes .reviews .h3,
body[data-page="1"] #tab-votes .reviews .headline,
body[data-page="1"] #tab-votes .reviews .review-title {
    color: #122334 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
}

body[data-page="1"] #tab-votes .subheadline {
    margin: 0 0 16px 0 !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
}

/* Sterne größer und deutlicher */
body[data-page="1"] #tab-votes .stars,
body[data-page="1"] #tab-votes .rating,
body[data-page="1"] #tab-votes .rating-stars,
body[data-page="1"] #tab-votes .review-rating,
body[data-page="1"] #tab-votes .product-rating {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #f0b323 !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

body[data-page="1"] #tab-votes .fa-star,
body[data-page="1"] #tab-votes .fa-star-half-alt,
body[data-page="1"] #tab-votes .fa-star-half,
body[data-page="1"] #tab-votes .fas.fa-star,
body[data-page="1"] #tab-votes .far.fa-star,
body[data-page="1"] #tab-votes [class*="star"] {
    color: #f0b323 !important;
}

/* Buttons */
body[data-page="1"] #tab-votes .btn,
body[data-page="1"] #tab-votes button,
body[data-page="1"] #tab-votes input[type="submit"] {
    border-radius: 0 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em !important;
    min-height: 42px !important;
    padding: 10px 18px !important;
    text-decoration: none !important;
}

body[data-page="1"] #tab-votes .btn-outline-primary,
body[data-page="1"] #tab-votes .btn-primary,
body[data-page="1"] #tab-votes button[name="bewerten"] {
    border: 1px solid #008000 !important;
    background: #008000 !important;
    color: #ffffff !important;
    box-shadow: 0 10px 20px rgba(0, 128, 0, 0.10) !important;
}

body[data-page="1"] #tab-votes .btn-outline-primary:hover,
body[data-page="1"] #tab-votes .btn-primary:hover,
body[data-page="1"] #tab-votes button[name="bewerten"]:hover {
    background: #006f00 !important;
    border-color: #006f00 !important;
    color: #ffffff !important;
}

/* Info-Button wie „Wie funktionieren Bewertungen?“ */
body[data-page="1"] #tab-votes a.btn,
body[data-page="1"] #tab-votes .btn-link,
body[data-page="1"] #tab-votes .reviews a[href*="bewertung"],
body[data-page="1"] #tab-votes .reviews a[href*="Bewertung"] {
    text-decoration: none !important;
}

body[data-page="1"] #tab-votes .reviews > p,
body[data-page="1"] #tab-votes .reviews .alert,
body[data-page="1"] #tab-votes .reviews .no-reviews {
    margin: 18px 0 0 0 !important;
    padding: 18px 20px !important;
    border: 1px solid #dfe6df !important;
    border-left: 4px solid #008000 !important;
    border-radius: 14px !important;
    background: #f8fbf8 !important;
    color: #122334 !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
}

/* Sortierung / Anzahl / Selects */
body[data-page="1"] #tab-votes select,
body[data-page="1"] #tab-votes .custom-select,
body[data-page="1"] #tab-votes .form-control {
    min-height: 42px !important;
    border: 1px solid #cfd8cf !important;
    border-radius: 0 !important;
    background-color: #ffffff !important;
    color: #122334 !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

body[data-page="1"] #tab-votes .reviews label,
body[data-page="1"] #tab-votes .reviews .small,
body[data-page="1"] #tab-votes .reviews small {
    color: #5f6f7d !important;
}

/* einzelne Bewertungen als Karten */
body[data-page="1"] #tab-votes .review,
body[data-page="1"] #tab-votes .review-item,
body[data-page="1"] #tab-votes .review-entry,
body[data-page="1"] #tab-votes .reviews-list > *,
body[data-page="1"] #tab-votes .reviews .media,
body[data-page="1"] #tab-votes .reviews .card,
body[data-page="1"] #tab-votes .reviews [itemprop="review"] {
    margin: 0 0 18px 0 !important;
    padding: 22px 24px !important;
    border: 1px solid #dfe6df !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(18, 35, 52, 0.04) !important;
}

/* Damit einfache row-basierte Bewertungen aus NOVA ebenfalls schöner wirken */
body[data-page="1"] #tab-votes .reviews > .row:not(#reviews-overview) {
    margin: 0 0 16px 0 !important;
    padding: 18px 20px !important;
    border: 1px solid #dfe6df !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(18, 35, 52, 0.035) !important;
}

body[data-page="1"] #tab-votes .reviews > .row:not(#reviews-overview) > [class*="col"] {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Bewertungstext */
body[data-page="1"] #tab-votes .reviews p,
body[data-page="1"] #tab-votes .reviews .review-comment,
body[data-page="1"] #tab-votes .reviews .review-text,
body[data-page="1"] #tab-votes .reviews [itemprop="reviewBody"] {
    color: #122334 !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

body[data-page="1"] #tab-votes .reviews .text-muted,
body[data-page="1"] #tab-votes .reviews .review-date,
body[data-page="1"] #tab-votes .reviews .review-author,
body[data-page="1"] #tab-votes .reviews [itemprop="author"],
body[data-page="1"] #tab-votes .reviews [itemprop="datePublished"] {
    color: #6a7784 !important;
    font-size: 13px !important;
}

/* Nützlichkeits-Buttons / kleine Icon-Buttons */
body[data-page="1"] #tab-votes .reviews .btn-sm,
body[data-page="1"] #tab-votes .reviews .btn-outline-secondary {
    min-height: 34px !important;
    padding: 6px 10px !important;
    border-color: #cfd8cf !important;
    background: #ffffff !important;
    color: #122334 !important;
    box-shadow: none !important;
}

body[data-page="1"] #tab-votes .reviews .btn-sm:hover,
body[data-page="1"] #tab-votes .reviews .btn-outline-secondary:hover {
    border-color: #008000 !important;
    color: #008000 !important;
}

/* Mobile */
@media (max-width: 767.98px) {
    body[data-page="1"] #tab-votes {
        padding-top: 18px !important;
    }

    body[data-page="1"] #tab-votes #reviews-overview {
        display: block !important;
        margin-bottom: 20px !important;
    }

    body[data-page="1"] #tab-votes #reviews-overview > [class*="col"],
    body[data-page="1"] #tab-votes #reviews-overview form {
        min-height: 0 !important;
        margin-bottom: 14px !important;
        padding: 18px 16px !important;
    }

    body[data-page="1"] #tab-votes .subheadline {
        font-size: 17px !important;
    }

    body[data-page="1"] #tab-votes .review,
    body[data-page="1"] #tab-votes .review-item,
    body[data-page="1"] #tab-votes .review-entry,
    body[data-page="1"] #tab-votes .reviews-list > *,
    body[data-page="1"] #tab-votes .reviews .media,
    body[data-page="1"] #tab-votes .reviews .card,
    body[data-page="1"] #tab-votes .reviews [itemprop="review"],
    body[data-page="1"] #tab-votes .reviews > .row:not(#reviews-overview) {
        padding: 18px 16px !important;
        border-radius: 14px !important;
    }
}


/* =========================================================
   v1.0.100 REVIEWS_STARS_RESTORE
   Sterne im Bewertungen-Tab wieder korrekt anzeigen.
   Falls durch Theme-/Iconfont-Kollisionen nur Kästchen erscheinen,
   werden die relevanten Stern-/Icon-Elemente auf die richtige
   Icon-Font zurückgesetzt.
========================================================= */

body[data-page="1"] #tab-votes .fa,
body[data-page="1"] #tab-votes .fas,
body[data-page="1"] #tab-votes .far,
body[data-page="1"] #tab-votes .fal,
body[data-page="1"] #tab-votes .fab,
body[data-page="1"] #tab-votes .fa-star,
body[data-page="1"] #tab-votes .fa-star-half-alt,
body[data-page="1"] #tab-votes .fa-star-half,
body[data-page="1"] #tab-votes .fa-star-o,
body[data-page="1"] #tab-votes .icon,
body[data-page="1"] #tab-votes .icon-star,
body[data-page="1"] #tab-votes .icon-star-empty,
body[data-page="1"] #tab-votes .icon--star,
body[data-page="1"] #tab-votes .star,
body[data-page="1"] #tab-votes .stars i,
body[data-page="1"] #tab-votes .rating i,
body[data-page="1"] #tab-votes .review-rating i,
body[data-page="1"] #tab-votes .product-rating i {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "Font Awesome 5 Pro", "FontAwesome" !important;
    font-style: normal !important;
    font-variant: normal !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}

body[data-page="1"] #tab-votes .fas,
body[data-page="1"] #tab-votes .fa-star,
body[data-page="1"] #tab-votes .fa-star-half-alt,
body[data-page="1"] #tab-votes .fa-star-half,
body[data-page="1"] #tab-votes .stars .fas,
body[data-page="1"] #tab-votes .rating .fas,
body[data-page="1"] #tab-votes .review-rating .fas,
body[data-page="1"] #tab-votes .product-rating .fas {
    font-weight: 900 !important;
}

body[data-page="1"] #tab-votes .far,
body[data-page="1"] #tab-votes .fa-star-o,
body[data-page="1"] #tab-votes .stars .far,
body[data-page="1"] #tab-votes .rating .far,
body[data-page="1"] #tab-votes .review-rating .far,
body[data-page="1"] #tab-votes .product-rating .far {
    font-weight: 400 !important;
}

body[data-page="1"] #tab-votes .stars,
body[data-page="1"] #tab-votes .rating,
body[data-page="1"] #tab-votes .rating-stars,
body[data-page="1"] #tab-votes .review-rating,
body[data-page="1"] #tab-votes .product-rating {
    font-family: inherit !important;
    letter-spacing: 0 !important;
}

body[data-page="1"] #tab-votes .stars i,
body[data-page="1"] #tab-votes .rating i,
body[data-page="1"] #tab-votes .rating-stars i,
body[data-page="1"] #tab-votes .review-rating i,
body[data-page="1"] #tab-votes .product-rating i,
body[data-page="1"] #tab-votes .fa-star,
body[data-page="1"] #tab-votes .fa-star-half-alt,
body[data-page="1"] #tab-votes .fa-star-half,
body[data-page="1"] #tab-votes .fa-star-o {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    margin-right: 1px !important;
    color: #f0b323 !important;
}

body[data-page="1"] #tab-votes .empty,
body[data-page="1"] #tab-votes .far.fa-star,
body[data-page="1"] #tab-votes .fa-star-o,
body[data-page="1"] #tab-votes .icon-star-empty {
    color: #e0c88e !important;
}


/* =========================================================
   v1.0.101 QUESTION_MODAL_RESTYLE
   Modal „Frage zum Artikel“ optisch an Kobalz-Produktdetaildesign anpassen.
   Keine TPL-Änderung, keine Formularlogik-Änderung.
========================================================= */

body[data-page="1"] .modal.kobalz-question-modal .modal-dialog {
    max-width: 760px !important;
    margin: 5vh auto !important;
}

body[data-page="1"] .modal.kobalz-question-modal .modal-content {
    overflow: visible !important;
    border: 1px solid #dfe6df !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 28px 70px rgba(18, 35, 52, 0.25) !important;
}

body[data-page="1"] .modal.kobalz-question-modal .modal-header {
    position: relative !important;
    display: block !important;
    padding: 30px 34px 18px 34px !important;
    border-bottom: 1px solid #e4ece4 !important;
    background: linear-gradient(180deg, #fbfefb 0%, #ffffff 100%) !important;
    border-radius: 18px 18px 0 0 !important;
}

body[data-page="1"] .modal.kobalz-question-modal .modal-title,
body[data-page="1"] .modal.kobalz-question-modal h1,
body[data-page="1"] .modal.kobalz-question-modal h2,
body[data-page="1"] .modal.kobalz-question-modal h3 {
    margin: 0 !important;
    color: #122334 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 27px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
}

body[data-page="1"] .modal.kobalz-question-modal .modal-title::after {
    content: "Wir antworten schnellstmöglich auf Ihre Produktfrage." !important;
    display: block !important;
    margin-top: 8px !important;
    color: #5f6f7d !important;
    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
}

body[data-page="1"] .modal.kobalz-question-modal .close,
body[data-page="1"] .modal.kobalz-question-modal button.close {
    position: absolute !important;
    top: -18px !important;
    right: -18px !important;
    width: 46px !important;
    height: 46px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid #dfe6df !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #122334 !important;
    font-size: 22px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    box-shadow: 0 10px 28px rgba(18, 35, 52, 0.14) !important;
    text-shadow: none !important;
}

body[data-page="1"] .modal.kobalz-question-modal .close:hover,
body[data-page="1"] .modal.kobalz-question-modal button.close:hover {
    color: #008000 !important;
    transform: translateY(-1px) !important;
}

body[data-page="1"] .modal.kobalz-question-modal .modal-body {
    padding: 26px 34px 30px 34px !important;
}

body[data-page="1"] .modal.kobalz-question-modal .modal-footer {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    padding: 0 34px 32px 34px !important;
    border-top: 0 !important;
}

/* Abschnittsüberschriften wie „Kontaktdaten“ / „Frage zum Artikel“ */
body[data-page="1"] .modal.kobalz-question-modal .modal-body h4,
body[data-page="1"] .modal.kobalz-question-modal .modal-body h5,
body[data-page="1"] .modal.kobalz-question-modal .modal-body .h4,
body[data-page="1"] .modal.kobalz-question-modal .modal-body .h5,
body[data-page="1"] .modal.kobalz-question-modal .modal-body legend,
body[data-page="1"] .modal.kobalz-question-modal .modal-body .form-headline,
body[data-page="1"] .modal.kobalz-question-modal .modal-body .subheadline {
    display: block !important;
    margin: 4px 0 14px 0 !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 1px solid #e4ece4 !important;
    color: #122334 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
}

body[data-page="1"] .modal.kobalz-question-modal .form-group {
    margin-bottom: 18px !important;
}

body[data-page="1"] .modal.kobalz-question-modal label {
    margin-bottom: 7px !important;
    color: #122334 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

body[data-page="1"] .modal.kobalz-question-modal .form-control,
body[data-page="1"] .modal.kobalz-question-modal input[type="text"],
body[data-page="1"] .modal.kobalz-question-modal input[type="email"],
body[data-page="1"] .modal.kobalz-question-modal textarea,
body[data-page="1"] .modal.kobalz-question-modal select {
    min-height: 46px !important;
    width: 100% !important;
    padding: 11px 14px !important;
    border: 1px solid #cfd8cf !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #122334 !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    box-shadow: none !important;
    transition: border-color .18s ease, box-shadow .18s ease !important;
}

body[data-page="1"] .modal.kobalz-question-modal textarea,
body[data-page="1"] .modal.kobalz-question-modal textarea.form-control {
    min-height: 170px !important;
    resize: vertical !important;
}

body[data-page="1"] .modal.kobalz-question-modal .form-control:focus,
body[data-page="1"] .modal.kobalz-question-modal input[type="text"]:focus,
body[data-page="1"] .modal.kobalz-question-modal input[type="email"]:focus,
body[data-page="1"] .modal.kobalz-question-modal textarea:focus,
body[data-page="1"] .modal.kobalz-question-modal select:focus {
    border-color: #008000 !important;
    box-shadow: 0 0 0 3px rgba(0, 128, 0, 0.10) !important;
    outline: none !important;
}

body[data-page="1"] .modal.kobalz-question-modal input::placeholder,
body[data-page="1"] .modal.kobalz-question-modal textarea::placeholder {
    color: #8a96a3 !important;
}

/* Datenschutzlink */
body[data-page="1"] .modal.kobalz-question-modal a {
    color: #122334 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

body[data-page="1"] .modal.kobalz-question-modal a:hover {
    color: #008000 !important;
}

/* Submit-Button */
body[data-page="1"] .modal.kobalz-question-modal .btn-primary,
body[data-page="1"] .modal.kobalz-question-modal .btn-warning,
body[data-page="1"] .modal.kobalz-question-modal .btn[type="submit"],
body[data-page="1"] .modal.kobalz-question-modal button[type="submit"],
body[data-page="1"] .modal.kobalz-question-modal input[type="submit"] {
    min-height: 46px !important;
    padding: 12px 24px !important;
    border: 1px solid #008000 !important;
    border-radius: 0 !important;
    background: #008000 !important;
    color: #ffffff !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.02em !important;
    box-shadow: 0 12px 24px rgba(0, 128, 0, 0.13) !important;
    text-decoration: none !important;
}

body[data-page="1"] .modal.kobalz-question-modal .btn-primary:hover,
body[data-page="1"] .modal.kobalz-question-modal .btn-warning:hover,
body[data-page="1"] .modal.kobalz-question-modal .btn[type="submit"]:hover,
body[data-page="1"] .modal.kobalz-question-modal button[type="submit"]:hover,
body[data-page="1"] .modal.kobalz-question-modal input[type="submit"]:hover {
    background: #006f00 !important;
    border-color: #006f00 !important;
    color: #ffffff !important;
}

/* Falls eModal keinen echten Header nutzt und alles im Body liegt */
body[data-page="1"] .modal.kobalz-question-modal .modal-body > h4:first-child,
body[data-page="1"] .modal.kobalz-question-modal .modal-body > h3:first-child,
body[data-page="1"] .modal.kobalz-question-modal .modal-body > .h4:first-child {
    margin-top: 0 !important;
}

/* Overlay etwas hochwertiger */
body.modal-open .modal-backdrop.show {
    opacity: .72 !important;
    background-color: #122334 !important;
}

/* Mobile */
@media (max-width: 767.98px) {
    body[data-page="1"] .modal.kobalz-question-modal .modal-dialog {
        max-width: calc(100% - 24px) !important;
        margin: 22px auto !important;
    }

    body[data-page="1"] .modal.kobalz-question-modal .modal-header {
        padding: 24px 22px 16px 22px !important;
    }

    body[data-page="1"] .modal.kobalz-question-modal .modal-title,
    body[data-page="1"] .modal.kobalz-question-modal h1,
    body[data-page="1"] .modal.kobalz-question-modal h2,
    body[data-page="1"] .modal.kobalz-question-modal h3 {
        font-size: 23px !important;
    }

    body[data-page="1"] .modal.kobalz-question-modal .modal-body {
        padding: 22px 22px 24px 22px !important;
    }

    body[data-page="1"] .modal.kobalz-question-modal .modal-footer {
        padding: 0 22px 24px 22px !important;
    }

    body[data-page="1"] .modal.kobalz-question-modal .close,
    body[data-page="1"] .modal.kobalz-question-modal button.close {
        top: -14px !important;
        right: -8px !important;
        width: 42px !important;
        height: 42px !important;
    }

    body[data-page="1"] .modal.kobalz-question-modal textarea,
    body[data-page="1"] .modal.kobalz-question-modal textarea.form-control {
        min-height: 145px !important;
    }
}


/* =========================================================
   v1.0.102 QUESTION_MODAL_CLOSE_STABLE
   Close-Kreuz im Modal „Frage zum Artikel“ stabilisieren.
   Kein Springen mehr durch negative Position, Hover-Transform oder
   Bootstrap-Standardabstände.
========================================================= */

body[data-page="1"] .modal.kobalz-question-modal .modal-header {
    padding-right: 82px !important;
}

body[data-page="1"] .modal.kobalz-question-modal .close,
body[data-page="1"] .modal.kobalz-question-modal button.close,
body[data-page="1"] .modal.kobalz-question-modal [data-dismiss="modal"],
body[data-page="1"] .modal.kobalz-question-modal [data-bs-dismiss="modal"] {
    position: absolute !important;
    top: 18px !important;
    right: 22px !important;
    left: auto !important;
    bottom: auto !important;

    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #dfe6df !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #122334 !important;

    font-size: 22px !important;
    line-height: 1 !important;
    font-weight: 400 !important;

    opacity: 1 !important;
    box-shadow: 0 8px 22px rgba(18, 35, 52, 0.12) !important;
    text-shadow: none !important;

    transform: none !important;
    transition: color .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease !important;
    z-index: 10 !important;
}

body[data-page="1"] .modal.kobalz-question-modal .close:hover,
body[data-page="1"] .modal.kobalz-question-modal button.close:hover,
body[data-page="1"] .modal.kobalz-question-modal [data-dismiss="modal"]:hover,
body[data-page="1"] .modal.kobalz-question-modal [data-bs-dismiss="modal"]:hover,
body[data-page="1"] .modal.kobalz-question-modal .close:focus,
body[data-page="1"] .modal.kobalz-question-modal button.close:focus,
body[data-page="1"] .modal.kobalz-question-modal [data-dismiss="modal"]:focus,
body[data-page="1"] .modal.kobalz-question-modal [data-bs-dismiss="modal"]:focus {
    top: 18px !important;
    right: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    color: #008000 !important;
    border-color: #008000 !important;
    background: #ffffff !important;
    outline: none !important;
    box-shadow: 0 8px 22px rgba(0, 128, 0, 0.14) !important;
}

/* Bootstrap erzeugt teils ein span im Close-Button. Auch dieses fixieren. */
body[data-page="1"] .modal.kobalz-question-modal .close span,
body[data-page="1"] .modal.kobalz-question-modal button.close span {
    display: block !important;
    width: auto !important;
    height: auto !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    pointer-events: none !important;
}

@media (max-width: 767.98px) {
    body[data-page="1"] .modal.kobalz-question-modal .modal-header {
        padding-right: 70px !important;
    }

    body[data-page="1"] .modal.kobalz-question-modal .close,
    body[data-page="1"] .modal.kobalz-question-modal button.close,
    body[data-page="1"] .modal.kobalz-question-modal [data-dismiss="modal"],
    body[data-page="1"] .modal.kobalz-question-modal [data-bs-dismiss="modal"],
    body[data-page="1"] .modal.kobalz-question-modal .close:hover,
    body[data-page="1"] .modal.kobalz-question-modal button.close:hover,
    body[data-page="1"] .modal.kobalz-question-modal [data-dismiss="modal"]:hover,
    body[data-page="1"] .modal.kobalz-question-modal [data-bs-dismiss="modal"]:hover,
    body[data-page="1"] .modal.kobalz-question-modal .close:focus,
    body[data-page="1"] .modal.kobalz-question-modal button.close:focus,
    body[data-page="1"] .modal.kobalz-question-modal [data-dismiss="modal"]:focus,
    body[data-page="1"] .modal.kobalz-question-modal [data-bs-dismiss="modal"]:focus {
        top: 16px !important;
        right: 16px !important;
        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        transform: none !important;
    }
}


/* =========================================================
   v1.0.103 NATIVE_SLICK_TO_XSELL_REFERENCE
   Ziel:
   Native JTL/NOVA Produktslider wie
   .row.slick-smooth-loading.carousel.slick-type-product
   werden optisch und strukturell an die Kobalz-XSell-Referenz
   .kobalz-pdl-xsell-slider-wrap angeglichen.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.103";
}

/* Referenz-/Converted-Wrapper */
body[data-page="1"] .kobalz-pdl-xsell-slider-wrap {
    position: relative !important;
    width: 100% !important;
    max-width: 1460px !important;
    margin: 0 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

/* Track wie Referenz */
body[data-page="1"] .kobalz-pdl-xsell-track {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-behavior: smooth !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    padding: 0 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-track::-webkit-scrollbar {
    display: none !important;
}

/* Grid wie Referenz */
body[data-page="1"] .kobalz-pdl-xsell-grid {
    width: max-content !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: 270px !important;
    grid-template-columns: none !important;
    gap: 30px !important;
    align-items: start !important;
}

/* Kartenstruktur exakt wie Referenz:
   Außenkarte 300px, Link und sichtbare Box 365px. */
body[data-page="1"] .kobalz-pdl-xsell-card,
body[data-page="1"] .product-wrapper.product-wrapper-product.kobalz-pdl-xsell-card,
body[data-page="1"] .product-wrapper-product.kobalz-pdl-xsell-card[style] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 300px !important;
    min-height: 300px !important;
    max-height: 300px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    text-align: left !important;
    display: block !important;
    overflow: visible !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card > a {
    display: block !important;
    width: 100% !important;
    height: 365px !important;
    min-height: 365px !important;
    max-height: 365px !important;
    color: inherit !important;
    text-decoration: none !important;
    overflow: visible !important;
}

/* Sichtbare Produktbox */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 365px !important;
    min-height: 365px !important;
    max-height: 365px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #dfe6dd !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(17, 24, 39, 0.045) !important;
    overflow: hidden !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image:hover {
    transform: translateY(-3px) !important;
    border-color: #cbd8c8 !important;
    box-shadow: 0 18px 42px rgba(17, 24, 39, 0.085) !important;
}

/* NOVA square pseudo-height neutralisieren */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square::before,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square-image::before {
    display: none !important;
    content: none !important;
    padding: 0 !important;
}

/* Bildbereich */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image picture {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;
    padding: 20px !important;
    margin: 0 !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img.product-image,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img.img-fluid {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 165px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Titel */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc.text-clamp-2 {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 52px !important;
    max-height: 52px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    color: rgb(31, 47, 61) !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    text-align: left !important;
    text-decoration: none !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc span {
    color: inherit !important;
    font: inherit !important;
    text-decoration: none !important;
}

/* Preis */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
    margin-top: auto !important;
    padding: 14px 18px 18px 18px !important;
    background: #f7faf7 !important;
    border-top: 1px solid #edf1ec !important;
    text-align: left !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .productbox-price {
    display: block !important;
    margin: 0 !important;
    color: rgb(31, 47, 61) !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 23px !important;
    line-height: 1.1 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price-note {
    display: block !important;
    margin-top: 10px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .footnote-reference {
    display: inline-block !important;
    position: relative !important;
    top: -0.36em !important;
    margin-left: 2px !important;
    font-size: .58em !important;
    line-height: 1 !important;
    font-weight: 600 !important;
}

/* Pfeile */
body[data-page="1"] .kobalz-pdl-xsell-arrow {
    position: absolute !important;
    z-index: 3 !important;
    top: 50% !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    border: 1px solid #dfe6dd !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 26px rgba(17, 24, 39, 0.10) !important;
    color: rgb(31, 47, 61) !important;
    cursor: pointer !important;
}

body[data-page="1"] .kobalz-pdl-xsell-arrow-prev {
    left: -22px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-arrow-next {
    right: -22px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-arrow span {
    display: block !important;
    font-size: 34px !important;
    line-height: 38px !important;
    font-family: Arial, sans-serif !important;
    font-weight: 300 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-arrow.is-disabled,
body[data-page="1"] .kobalz-pdl-xsell-arrow:disabled {
    opacity: .35 !important;
    cursor: default !important;
}

/* Die alte Slick-Hülle wird nach Umwandlung nicht mehr gebraucht */
body[data-page="1"] .kobalz-pdl-native-slick-converted {
    width: 100% !important;
    max-width: 1460px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Responsive */
@media (min-width: 1300px) and (max-width: 1549.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-slider-wrap {
        max-width: 1250px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-grid {
        grid-auto-columns: 240px !important;
        gap: 24px !important;
    }
}

@media (min-width: 992px) and (max-width: 1299.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-slider-wrap {
        max-width: 960px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-grid {
        grid-auto-columns: 225px !important;
        gap: 22px !important;
    }
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-slider-wrap {
        max-width: 100% !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-grid {
        grid-auto-columns: minmax(215px, 44vw) !important;
        gap: 16px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card,
    body[data-page="1"] .product-wrapper.product-wrapper-product.kobalz-pdl-xsell-card,
    body[data-page="1"] .kobalz-pdl-xsell-card[style] {
        height: 260px !important;
        min-height: 260px !important;
        max-height: 260px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card > a,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image {
        height: 300px !important;
        min-height: 300px !important;
        max-height: 300px !important;
        border-radius: 10px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image picture {
        height: 160px !important;
        min-height: 160px !important;
        max-height: 160px !important;
        padding: 14px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img.product-image,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img.img-fluid {
        max-height: 132px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc {
        min-height: 44px !important;
        max-height: 44px !important;
        padding: 0 14px !important;
        font-size: 15px !important;
        line-height: 1.42 !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
        padding: 12px 14px 14px 14px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .productbox-price {
        font-size: 20px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-arrow-prev {
        left: -10px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-arrow-next {
        right: -10px !important;
    }
}


/* =========================================================
   v1.0.104 XSELL_SHOW_PRICES
   Boxen bleiben in der Breite unverändert.
   Karten werden nur etwas höher, damit Preisbereich sichtbar ist.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.104";
}

/* Gleiche Breite wie v1.0.103, nur höhere Karten */
body[data-page="1"] .kobalz-pdl-xsell-card,
body[data-page="1"] .product-wrapper.product-wrapper-product.kobalz-pdl-xsell-card,
body[data-page="1"] .product-wrapper-product.kobalz-pdl-xsell-card[style] {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 340px !important;
    min-height: 340px !important;
    max-height: 340px !important;
    overflow: visible !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card > a {
    height: 405px !important;
    min-height: 405px !important;
    max-height: 405px !important;
    overflow: visible !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image {
    height: 405px !important;
    min-height: 405px !important;
    max-height: 405px !important;
}

/* Bildbereich unverändert lassen, damit nur unten mehr Platz entsteht */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image picture {
    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;
}

/* Titel leicht kompakt, damit Preis sicher sichtbar bleibt */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc.text-clamp-2 {
    min-height: 50px !important;
    max-height: 50px !important;
}

/* Preisbereich sichtbar und unten sauber */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
    margin-top: auto !important;
    min-height: 78px !important;
    padding: 14px 18px 18px 18px !important;
    background: #f7faf7 !important;
    border-top: 1px solid #edf1ec !important;
    text-align: left !important;
    overflow: visible !important;
}

/* Native Slick nach Umwandlung ebenfalls nicht abschneiden */
body[data-page="1"] .kobalz-pdl-native-slick-converted,
body[data-page="1"] .kobalz-pdl-native-slick-converted .kobalz-pdl-xsell-track,
body[data-page="1"] .kobalz-pdl-native-slick-converted .kobalz-pdl-xsell-grid {
    overflow-y: visible !important;
}

/* Mobil ebenfalls etwas höher, Breite bleibt unverändert */
@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-card,
    body[data-page="1"] .product-wrapper.product-wrapper-product.kobalz-pdl-xsell-card,
    body[data-page="1"] .kobalz-pdl-xsell-card[style] {
        height: 285px !important;
        min-height: 285px !important;
        max-height: 285px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card > a,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image {
        height: 335px !important;
        min-height: 335px !important;
        max-height: 335px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
        min-height: 66px !important;
    }
}


/* =========================================================
   v1.0.105 XSELL_SHOW_PRICES_HIGHER
   Noch etwas höhere Karten, damit die Preise unten vollständig sichtbar sind.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.105";
}

body[data-page="1"] .kobalz-pdl-xsell-card,
body[data-page="1"] .product-wrapper.product-wrapper-product.kobalz-pdl-xsell-card,
body[data-page="1"] .product-wrapper-product.kobalz-pdl-xsell-card[style] {
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card > a {
    height: 455px !important;
    min-height: 455px !important;
    max-height: 455px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image {
    height: 455px !important;
    min-height: 455px !important;
    max-height: 455px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc.text-clamp-2 {
    min-height: 56px !important;
    max-height: 56px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
    min-height: 88px !important;
    padding: 16px 18px 20px 18px !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-card,
    body[data-page="1"] .product-wrapper.product-wrapper-product.kobalz-pdl-xsell-card,
    body[data-page="1"] .kobalz-pdl-xsell-card[style] {
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card > a,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image {
        height: 380px !important;
        min-height: 380px !important;
        max-height: 380px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
        min-height: 74px !important;
    }
}


/* =========================================================
   v1.0.106 XSELL_TRACK_HEIGHT_FIX
   Der Preis ist vorhanden, wird aber unten vom Slider-/Track-Bereich
   abgeschnitten. Deshalb werden jetzt nicht nur Karte/Link/Box,
   sondern auch Wrapper, Track und Grid auf ausreichende Höhe gesetzt.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.106";
}

/* Äußere Sliderbereiche hoch genug setzen, damit nichts abgeschnitten wird */
body[data-page="1"] .kobalz-pdl-xsell,
body[data-page="1"] .kobalz-pdl-xsell-slider-wrap,
body[data-page="1"] .kobalz-pdl-native-slick-converted {
    height: auto !important;
    min-height: 455px !important;
    max-height: none !important;
    overflow: visible !important;
}

/* Track/Grid müssen die komplette Kartenhöhe aufnehmen */
body[data-page="1"] .kobalz-pdl-xsell-track,
body[data-page="1"] .kobalz-pdl-xsell-grid,
body[data-page="1"] .kobalz-pdl-native-slick-converted .kobalz-pdl-xsell-track,
body[data-page="1"] .kobalz-pdl-native-slick-converted .kobalz-pdl-xsell-grid {
    height: 455px !important;
    min-height: 455px !important;
    max-height: 455px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    align-items: start !important;
}

/* Karte, Link und sichtbarer Produktkasten bleiben in der Breite unverändert */
body[data-page="1"] .kobalz-pdl-xsell-card,
body[data-page="1"] .product-wrapper.product-wrapper-product.kobalz-pdl-xsell-card,
body[data-page="1"] .product-wrapper-product.kobalz-pdl-xsell-card[style] {
    height: 455px !important;
    min-height: 455px !important;
    max-height: 455px !important;
    overflow: visible !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card > a,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image {
    height: 455px !important;
    min-height: 455px !important;
    max-height: 455px !important;
    overflow: hidden !important;
}

/* Bild bleibt wie vorher */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image picture {
    height: 205px !important;
    min-height: 205px !important;
    max-height: 205px !important;
}

/* Titel + Preis sauber innerhalb der 455px */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc.text-clamp-2 {
    min-height: 58px !important;
    max-height: 58px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
    margin-top: auto !important;
    min-height: 92px !important;
    padding: 16px 18px 22px 18px !important;
    overflow: visible !important;
}

/* Pfeile an die volle Kartenhöhe anpassen */
body[data-page="1"] .kobalz-pdl-xsell-arrow {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Abstand zum nächsten Slider/Abschnitt, damit nichts optisch ineinander läuft */
body[data-page="1"] .kobalz-pdl-xsell {
    margin-bottom: 72px !important;
}

/* Mobile */
@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-pdl-xsell,
    body[data-page="1"] .kobalz-pdl-xsell-slider-wrap,
    body[data-page="1"] .kobalz-pdl-native-slick-converted {
        min-height: 380px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-track,
    body[data-page="1"] .kobalz-pdl-xsell-grid,
    body[data-page="1"] .kobalz-pdl-native-slick-converted .kobalz-pdl-xsell-track,
    body[data-page="1"] .kobalz-pdl-native-slick-converted .kobalz-pdl-xsell-grid {
        height: 380px !important;
        min-height: 380px !important;
        max-height: 380px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card,
    body[data-page="1"] .product-wrapper.product-wrapper-product.kobalz-pdl-xsell-card,
    body[data-page="1"] .kobalz-pdl-xsell-card[style],
    body[data-page="1"] .kobalz-pdl-xsell-card > a,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image {
        height: 380px !important;
        min-height: 380px !important;
        max-height: 380px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
        min-height: 78px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell {
        margin-bottom: 54px !important;
    }
}


/* =========================================================
   v1.0.107 MOBILE_PRODUCTDETAIL_LAYOUT
   Mobile Produktdetailseite komplett optimiert.
   WICHTIG: Alles ausschließlich innerhalb max-width: 991.98px.
   Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.107";
}

@media (max-width: 991.98px) {

    /* Grundlayout Produktdetail mobil */
    body[data-page="1"] main,
    body[data-page="1"] #content,
    body[data-page="1"] .content,
    body[data-page="1"] .container,
    body[data-page="1"] .container-fluid {
        max-width: 100% !important;
    }

    body[data-page="1"] .product-detail,
    body[data-page="1"] #product-offer,
    body[data-page="1"] .product-offer,
    body[data-page="1"] .product-info,
    body[data-page="1"] .productdetails,
    body[data-page="1"] .product-detail-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* Produktdetail-Spalten mobil sauber untereinander */
    body[data-page="1"] .product-detail .row,
    body[data-page="1"] #product-offer .row,
    body[data-page="1"] .product-info .row,
    body[data-page="1"] .productdetails .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body[data-page="1"] .product-detail [class*="col-"],
    body[data-page="1"] #product-offer [class*="col-"],
    body[data-page="1"] .product-info [class*="col-"],
    body[data-page="1"] .productdetails [class*="col-"] {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    /* Breadcrumb mobil kompakt */
    body[data-page="1"] .breadcrumb-wrapper,
    body[data-page="1"] .breadcrumb-container,
    body[data-page="1"] .breadcrumb {
        margin-top: 8px !important;
        margin-bottom: 14px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body[data-page="1"] .breadcrumb li,
    body[data-page="1"] .breadcrumb-item {
        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    /* Galerie mobil: groß, sauber, ohne Desktop-Zwang */
    body[data-page="1"] .kbx-detail-gallery,
    body[data-page="1"] .product-gallery,
    body[data-page="1"] .product-images,
    body[data-page="1"] .product-detail-image,
    body[data-page="1"] .gallery {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 18px auto !important;
    }

    body[data-page="1"] .kbx-detail-main,
    body[data-page="1"] .kbx-detail-main-item,
    body[data-page="1"] .product-gallery .square-image,
    body[data-page="1"] .product-images .square-image {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        overflow: hidden !important;
    }

    body[data-page="1"] .kbx-detail-main img,
    body[data-page="1"] .kbx-detail-main-item img,
    body[data-page="1"] .product-gallery img,
    body[data-page="1"] .product-images img,
    body[data-page="1"] .product-detail-image img {
        max-width: 100% !important;
        max-height: 70vh !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* Thumbnails mobil horizontal statt schmaler Desktop-Spalte */
    body[data-page="1"] .kbx-detail-thumbs,
    body[data-page="1"] .kbx-detail-thumb-wrap,
    body[data-page="1"] .product-thumbnails,
    body[data-page="1"] .js-gallery-images {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 8px 2px 4px 2px !important;
        margin: 8px 0 14px 0 !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body[data-page="1"] .kbx-detail-thumbs::-webkit-scrollbar,
    body[data-page="1"] .kbx-detail-thumb-wrap::-webkit-scrollbar,
    body[data-page="1"] .product-thumbnails::-webkit-scrollbar,
    body[data-page="1"] .js-gallery-images::-webkit-scrollbar {
        display: none !important;
    }

    body[data-page="1"] .kbx-detail-thumb,
    body[data-page="1"] .product-thumbnails a,
    body[data-page="1"] .js-gallery-images a {
        flex: 0 0 64px !important;
        width: 64px !important;
        height: 64px !important;
        border-radius: 10px !important;
        border: 1px solid #dfe6dd !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    body[data-page="1"] .kbx-detail-thumb.is-active,
    body[data-page="1"] .kbx-detail-thumb.active,
    body[data-page="1"] .product-thumbnails .active {
        border-color: #008000 !important;
        box-shadow: 0 0 0 1px #008000 inset !important;
    }

    /* Rechte Kaufbox mobil als Karte */
    body[data-page="1"] .kobalz-pdl-buybox,
    body[data-page="1"] .product-buybox,
    body[data-page="1"] .product-offer,
    body[data-page="1"] #buy_form,
    body[data-page="1"] form#buy_form {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .product-info-inner,
    body[data-page="1"] .product-buybox,
    body[data-page="1"] .product-offer,
    body[data-page="1"] .kobalz-pdl-buybox-inner {
        border-radius: 18px !important;
    }

    /* Titel / Artikelnummer mobil */
    body[data-page="1"] h1,
    body[data-page="1"] .product-title,
    body[data-page="1"] .product-info h1,
    body[data-page="1"] #product-offer h1 {
        margin: 0 0 10px 0 !important;
        color: #122334 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 27px !important;
        line-height: 1.18 !important;
        font-weight: 600 !important;
        letter-spacing: 0.01em !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
    }

    body[data-page="1"] .product-sku,
    body[data-page="1"] .product-info .small,
    body[data-page="1"] .product-info .text-muted,
    body[data-page="1"] .product-offer .text-muted {
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    /* Vorteilsbox mobil */
    body[data-page="1"] .kobalz-product-intro,
    body[data-page="1"] .kobalz-shortdesc,
    body[data-page="1"] ul.checklist,
    body[data-page="1"] .shortdesc,
    body[data-page="1"] .short-description {
        max-width: 100% !important;
    }

    body[data-page="1"] ul.checklist {
        margin: 18px 0 18px 0 !important;
        padding: 14px 16px !important;
        border: 1px solid #cfe4cf !important;
        border-left: 4px solid #008000 !important;
        border-radius: 14px !important;
        background: #f8fcf8 !important;
        box-shadow: none !important;
    }

    body[data-page="1"] ul.checklist li {
        margin: 0 0 9px 0 !important;
        padding-left: 24px !important;
        font-size: 15px !important;
        line-height: 1.42 !important;
    }

    body[data-page="1"] ul.checklist li:last-child {
        margin-bottom: 0 !important;
    }

    /* Preisbereich mobil: zwei Boxen untereinander */
    body[data-page="1"] .kobalz-pdl-price-action-row,
    body[data-page="1"] .kobalz-special-price-row,
    body[data-page="1"] .kobalz-special-price-layout,
    body[data-page="1"] .price-wrapper,
    body[data-page="1"] .price_wrapper {
        max-width: 100% !important;
    }

    body[data-page="1"] .kobalz-special-price-layout,
    body[data-page="1"] .kobalz-pdl-price-action-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin: 18px 0 16px 0 !important;
    }

    body[data-page="1"] .kobalz-special-price-box,
    body[data-page="1"] .kobalz-pdl-price-card,
    body[data-page="1"] .kobalz-countdown-box,
    body[data-page="1"] .kobalz-pdl-countdown-card {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .price,
    body[data-page="1"] .productbox-price,
    body[data-page="1"] .product-offer .price,
    body[data-page="1"] .product-info .price,
    body[data-page="1"] .kobalz-special-current-price {
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 42px !important;
        line-height: 1.04 !important;
        font-weight: 600 !important;
        color: #122334 !important;
        letter-spacing: 0.01em !important;
    }

    body[data-page="1"] .kobalz-special-badge,
    body[data-page="1"] .kobalz-pdl-price-badge {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 24px !important;
        padding: 4px 10px !important;
        border-radius: 999px !important;
        background: #008000 !important;
        color: #fff !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        letter-spacing: .06em !important;
        text-transform: uppercase !important;
    }

    body[data-page="1"] .kobalz-special-oldprice,
    body[data-page="1"] .kobalz-special-saving,
    body[data-page="1"] .kobalz-pdl-saving {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 28px !important;
        margin-top: 6px !important;
        margin-right: 6px !important;
        padding: 5px 10px !important;
        border-radius: 999px !important;
        font-size: 12px !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
    }

    /* Countdown mobil */
    body[data-page="1"] .kobalz-countdown-box,
    body[data-page="1"] .kobalz-pdl-countdown-card,
    body[data-page="1"] .kobalz-special-countdown {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 140px !important;
        padding: 18px !important;
        border: 1px solid #cfe4cf !important;
        border-left: 5px solid #008000 !important;
        border-radius: 16px !important;
        background: #f8fcf8 !important;
        text-align: center !important;
    }

    body[data-page="1"] .kobalz-countdown-box .countdown,
    body[data-page="1"] .kobalz-countdown,
    body[data-page="1"] [data-countdown] {
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 31px !important;
        line-height: 1.08 !important;
        font-weight: 600 !important;
        color: #122334 !important;
    }

    /* Lagerbestand / Frage zum Artikel mobil */
    body[data-page="1"] .availability,
    body[data-page="1"] .delivery-status,
    body[data-page="1"] .kobalz-stock-box,
    body[data-page="1"] .kobalz-pdl-stock-row {
        width: 100% !important;
        margin: 14px 0 !important;
        padding: 13px 14px !important;
        border: 1px solid #dfe6dd !important;
        border-radius: 13px !important;
        background: #f8fcf8 !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    body[data-page="1"] .question-on-item,
    body[data-page="1"] .question,
    body[data-page="1"] a[href*="frage"],
    body[data-page="1"] [data-target*="question"] {
        font-size: 14px !important;
    }

    /* Menge + Warenkorb mobil */
    body[data-page="1"] .basket-form-inline,
    body[data-page="1"] .form-basket,
    body[data-page="1"] .add-to-cart,
    body[data-page="1"] .cart-form,
    body[data-page="1"] .product-offer .form-row {
        width: 100% !important;
        max-width: 100% !important;
    }

    body[data-page="1"] .input-group.quantity,
    body[data-page="1"] .quantity-wrapper,
    body[data-page="1"] .quantity {
        min-height: 52px !important;
    }

    body[data-page="1"] .btn-basket,
    body[data-page="1"] .btn-primary.btn-block,
    body[data-page="1"] .product-offer .btn-primary,
    body[data-page="1"] button[name="inWarenkorb"],
    body[data-page="1"] button[type="submit"].btn-primary {
        width: 100% !important;
        min-height: 56px !important;
        margin-top: 12px !important;
        border-radius: 0 !important;
        background: #008000 !important;
        border-color: #008000 !important;
        color: #fff !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 19px !important;
        line-height: 1.1 !important;
        font-weight: 600 !important;
        letter-spacing: .01em !important;
        box-shadow: 0 12px 26px rgba(0, 128, 0, .16) !important;
    }

    /* Tabs mobil */
    body[data-page="1"] .tab-navigation,
    body[data-page="1"] .nav-tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        margin-top: 28px !important;
        border-bottom: 1px solid #dfe5e8 !important;
        scrollbar-width: none !important;
    }

    body[data-page="1"] .tab-navigation::-webkit-scrollbar,
    body[data-page="1"] .nav-tabs::-webkit-scrollbar {
        display: none !important;
    }

    body[data-page="1"] .tab-navigation .nav-item,
    body[data-page="1"] .nav-tabs .nav-item {
        flex: 0 0 auto !important;
    }

    body[data-page="1"] .tab-navigation .nav-link,
    body[data-page="1"] .nav-tabs .nav-link {
        padding: 12px 14px !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 18px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    body[data-page="1"] .tab-content,
    body[data-page="1"] .tab-pane {
        width: 100% !important;
        max-width: 100% !important;
        padding-top: 18px !important;
    }

    body[data-page="1"] .tab-content h2,
    body[data-page="1"] .tab-content h3,
    body[data-page="1"] .beschreibung h2,
    body[data-page="1"] h2.produkt {
        font-size: 24px !important;
        line-height: 1.22 !important;
        margin: 0 0 14px 0 !important;
    }

    body[data-page="1"] .tab-content p,
    body[data-page="1"] .tab-content li,
    body[data-page="1"] .description p,
    body[data-page="1"] .beschreibung p {
        font-size: 16px !important;
        line-height: 1.62 !important;
    }

    /* Bewertungen mobil */
    body[data-page="1"] #tab-votes,
    body[data-page="1"] #reviews,
    body[data-page="1"] .reviews,
    body[data-page="1"] .rating-wrapper {
        width: 100% !important;
        max-width: 100% !important;
    }

    body[data-page="1"] .review,
    body[data-page="1"] .review-item,
    body[data-page="1"] .rating,
    body[data-page="1"] .vote {
        border-radius: 14px !important;
        padding: 14px !important;
    }

    /* GPSR mobil */
    body[data-page="1"] .kobalz-gpsr-box,
    body[data-page="1"] .gpsr,
    body[data-page="1"] #tab-gpsr {
        width: 100% !important;
        max-width: 100% !important;
    }

    body[data-page="1"] .kobalz-gpsr-box {
        display: block !important;
        padding: 18px !important;
        border-radius: 16px !important;
    }

    body[data-page="1"] .kobalz-gpsr-box h2,
    body[data-page="1"] .kobalz-gpsr-box h3 {
        font-size: 22px !important;
        line-height: 1.25 !important;
        margin-bottom: 12px !important;
    }

    /* Untere Slider mobil */
    body[data-page="1"] .kobalz-pdl-xsell,
    body[data-page="1"] .recommendations,
    body[data-page="1"] .kobalz-pdl-native-slick-converted {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 32px !important;
        margin-bottom: 44px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell .hr-sect,
    body[data-page="1"] .recommendations .hr-sect,
    body[data-page="1"] .recommendations h2,
    body[data-page="1"] .recommendations h3 {
        font-size: 23px !important;
        line-height: 1.2 !important;
        margin-bottom: 18px !important;
        text-align: center !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-grid {
        grid-auto-columns: minmax(220px, 78vw) !important;
        gap: 14px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card,
    body[data-page="1"] .product-wrapper.product-wrapper-product.kobalz-pdl-xsell-card,
    body[data-page="1"] .kobalz-pdl-xsell-card[style],
    body[data-page="1"] .kobalz-pdl-xsell-card > a,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image {
        height: 360px !important;
        min-height: 360px !important;
        max-height: 360px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image picture {
        height: 190px !important;
        min-height: 190px !important;
        max-height: 190px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc {
        min-height: 48px !important;
        max-height: 48px !important;
        font-size: 15.5px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
        min-height: 74px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-arrow {
        width: 42px !important;
        height: 42px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-arrow-prev {
        left: -4px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-arrow-next {
        right: -4px !important;
    }

    /* Modale mobil */
    body[data-page="1"] .modal-dialog {
        max-width: calc(100% - 24px) !important;
        margin: 12px auto !important;
    }

    body[data-page="1"] .modal-content {
        border-radius: 16px !important;
    }

    body[data-page="1"] .modal-body,
    body[data-page="1"] .modal-header,
    body[data-page="1"] .modal-footer {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}


/* =========================================================
   v1.0.108 MOBILE_GALLERY_ORDER_FIX
   Mobile Galerie korrigiert.
   WICHTIG: Nur max-width: 991.98px. Desktop bleibt unverändert.
   Ziel:
   - grünen Leerbalken entfernen
   - Hauptbild zuerst groß anzeigen
   - Thumbnails darunter horizontal
   - vertikale Thumbnail-Pfeile mobil ausblenden
   - Herz sauber oben rechts am Hauptbild
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.108";
}

@media (max-width: 991.98px) {

    /* Unerwünschten grünen Leerbalken im mobilen Bildbereich neutralisieren */
    body[data-page="1"] .kbx-detail-gallery::before,
    body[data-page="1"] .product-gallery::before,
    body[data-page="1"] .product-images::before,
    body[data-page="1"] .gallery::before {
        content: none !important;
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent !important;
    }

    /* Galerie mobil als klare Reihenfolge: Hauptbild oben, Thumbs darunter */
    body[data-page="1"] .kbx-detail-gallery,
    body[data-page="1"] .product-gallery,
    body[data-page="1"] .product-images,
    body[data-page="1"] .product-detail-image,
    body[data-page="1"] .gallery {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 18px auto !important;
        padding: 0 12px !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    /* Hauptbild immer zuerst */
    body[data-page="1"] .kbx-detail-main,
    body[data-page="1"] .kbx-detail-main-stage,
    body[data-page="1"] .kbx-detail-main-wrap,
    body[data-page="1"] .product-gallery .product-image,
    body[data-page="1"] .product-images .product-image,
    body[data-page="1"] .product-detail-image {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 12px auto !important;
    }

    body[data-page="1"] .kbx-detail-main,
    body[data-page="1"] .kbx-detail-main-item,
    body[data-page="1"] .product-detail-image,
    body[data-page="1"] .product-gallery .square-image,
    body[data-page="1"] .product-images .square-image {
        position: relative !important;
        border: 1px solid #dfe6dd !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        box-shadow: 0 10px 28px rgba(17, 24, 39, .045) !important;
        overflow: hidden !important;
    }

    /* Hauptbildhöhe mobil stabil */
    body[data-page="1"] .kbx-detail-main-item,
    body[data-page="1"] .kbx-detail-main .slick-slide,
    body[data-page="1"] .kbx-detail-main .slick-slide > div {
        min-height: 340px !important;
        height: auto !important;
    }

    body[data-page="1"] .kbx-detail-main img,
    body[data-page="1"] .kbx-detail-main-item img,
    body[data-page="1"] .product-gallery img,
    body[data-page="1"] .product-images img,
    body[data-page="1"] .product-detail-image img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 430px !important;
        object-fit: contain !important;
        object-position: center center !important;
        display: block !important;
        margin: 0 auto !important;
    }

    /* Thumbnails immer unter das Hauptbild */
    body[data-page="1"] .kbx-detail-thumbs,
    body[data-page="1"] .kbx-detail-thumb-wrap,
    body[data-page="1"] .kbx-detail-thumbnail-wrapper,
    body[data-page="1"] .product-thumbnails,
    body[data-page="1"] .js-gallery-images {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 4px 2px 8px 2px !important;
        margin: 0 0 14px 0 !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body[data-page="1"] .kbx-detail-thumbs::-webkit-scrollbar,
    body[data-page="1"] .kbx-detail-thumb-wrap::-webkit-scrollbar,
    body[data-page="1"] .kbx-detail-thumbnail-wrapper::-webkit-scrollbar,
    body[data-page="1"] .product-thumbnails::-webkit-scrollbar,
    body[data-page="1"] .js-gallery-images::-webkit-scrollbar {
        display: none !important;
    }

    body[data-page="1"] .kbx-detail-thumb,
    body[data-page="1"] .kbx-detail-thumbs .slick-slide,
    body[data-page="1"] .product-thumbnails a,
    body[data-page="1"] .js-gallery-images a {
        flex: 0 0 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
        margin: 0 !important;
        border-radius: 10px !important;
        border: 1px solid #dfe6dd !important;
        background: #fff !important;
        overflow: hidden !important;
    }

    body[data-page="1"] .kbx-detail-thumb img,
    body[data-page="1"] .kbx-detail-thumbs img,
    body[data-page="1"] .product-thumbnails img,
    body[data-page="1"] .js-gallery-images img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        margin: 0 !important;
    }

    body[data-page="1"] .kbx-detail-thumb.is-active,
    body[data-page="1"] .kbx-detail-thumb.active,
    body[data-page="1"] .product-thumbnails .active,
    body[data-page="1"] .js-gallery-images .active {
        border-color: #008000 !important;
        box-shadow: 0 0 0 1px #008000 inset !important;
    }

    /* Vertikale Desktop-Pfeile der Thumbnail-Leiste mobil ausblenden */
    body[data-page="1"] .kbx-detail-thumb-arrow,
    body[data-page="1"] .kbx-detail-thumb-prev,
    body[data-page="1"] .kbx-detail-thumb-next,
    body[data-page="1"] .kbx-detail-thumbs .slick-arrow,
    body[data-page="1"] .product-thumbnails .slick-arrow,
    body[data-page="1"] .js-gallery-images .slick-arrow,
    body[data-page="1"] button.slick-prev,
    body[data-page="1"] button.slick-next {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Herz/Wunschliste mobil sauber oben rechts über dem Hauptbild */
    body[data-page="1"] .product-wishlist,
    body[data-page="1"] .wishlist,
    body[data-page="1"] .wishlist-button,
    body[data-page="1"] .btn-wishlist,
    body[data-page="1"] button[data-toggle="wishlist"],
    body[data-page="1"] .product-detail .wishlist {
        position: absolute !important;
        top: 12px !important;
        right: 12px !important;
        z-index: 5 !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.94) !important;
        border: 1px solid #dfe6dd !important;
        box-shadow: 0 8px 20px rgba(17,24,39,.10) !important;
    }

    /* Kein Abstandsklotz zwischen Breadcrumb und Galerie */
    body[data-page="1"] .breadcrumb-wrapper + *,
    body[data-page="1"] .breadcrumb-container + *,
    body[data-page="1"] .breadcrumb + * {
        margin-top: 0 !important;
    }

    /* Falls ein Banner/Platzhalter im Galerie-Umfeld leer ist */
    body[data-page="1"] .kbx-detail-gallery > .bg-primary:empty,
    body[data-page="1"] .kbx-detail-gallery > .bg-success:empty,
    body[data-page="1"] .product-gallery > .bg-primary:empty,
    body[data-page="1"] .product-gallery > .bg-success:empty,
    body[data-page="1"] .gallery > .bg-primary:empty,
    body[data-page="1"] .gallery > .bg-success:empty {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}


/* =========================================================
   v1.0.109 MOBILE_GALLERY_DOM_FIX
   Mobile Galerie wirklich umbauen:
   - Hauptbild oben
   - Thumbnails darunter
   - grüner Leerbalken ausblenden
   - vertikale Thumb-Pfeile ausblenden
   Nur mobil. Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.109";
}

@media (max-width: 991.98px) {

    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-green-strip-hidden {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-gallery-root {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 12px !important;
        margin: 0 auto 18px auto !important;
        box-sizing: border-box !important;
        background: transparent !important;
    }

    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-main-first {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 10px auto !important;
    }

    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-thumbs-second {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 4px 2px 8px 2px !important;
        margin: 0 0 14px 0 !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-thumbs-second::-webkit-scrollbar {
        display: none !important;
    }

    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-main-first,
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-main-first .kbx-detail-main-item,
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-main-first .slick-list,
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-main-first .slick-track {
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
    }

    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-main-first img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 460px !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto !important;
        border-radius: 16px !important;
    }

    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-thumbs-second .kbx-detail-thumb,
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-thumbs-second .slick-slide,
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-thumbs-second a,
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-thumbs-second div {
        flex: 0 0 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
    }

    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-thumbs-second img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 8px !important;
    }

    /* Alle vertikalen Thumb-Pfeile mobil sicher ausblenden */
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-thumb-arrow-hidden,
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-gallery-root .slick-arrow,
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-gallery-root button[aria-label*="Vor"],
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-gallery-root button[aria-label*="Zur"],
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-gallery-root button[aria-label*="weiter"],
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-gallery-root button[aria-label*="näch"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        pointer-events: none !important;
    }

    /* Herz sauber am Hauptbild */
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-gallery-root .wishlist,
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-gallery-root .btn-wishlist,
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-gallery-root .product-wishlist,
    body[data-page="1"].kobalz-pdl-mobile-gallery-dom-fixed .kobalz-pdl-mobile-gallery-root button[data-toggle="wishlist"] {
        top: 12px !important;
        right: 12px !important;
        z-index: 8 !important;
    }
}


/* =========================================================
   v1.0.110 MOBILE_REAL_GALLERY_STRUCTURE
   Echte mobile Galeriestruktur aus dem Quellcode:
   #image_wrapper.kbx-detail-gallery
   .kbx-detail-gallery-layout
   .kbx-detail-thumbs-column
   .kbx-detail-main-column
   Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.110";
}

@media (max-width: 991.98px) {

    /* Der grüne Balken vor der Galerie stammt aus einem leeren Container
       direkt oberhalb des Bildbereiches. Mobil sicher ausblenden. */
    body[data-page="1"] #product-offer .product-gallery > .container:empty,
    body[data-page="1"] #product-offer .product-gallery > .row:empty,
    body[data-page="1"] #product-offer .product-gallery > div:empty:not(#image_wrapper),
    body[data-page="1"] #product-offer .product-gallery .bg-success:empty,
    body[data-page="1"] #product-offer .product-gallery .bg-primary:empty,
    body[data-page="1"] #product-offer .product-gallery [style*="background: green"]:empty,
    body[data-page="1"] #product-offer .product-gallery [style*="background-color: green"]:empty,
    body[data-page="1"] #product-offer .product-gallery [style*="background:#008000"]:empty,
    body[data-page="1"] #product-offer .product-gallery [style*="background-color:#008000"]:empty,
    body[data-page="1"] #product-offer .product-gallery [style*="background: #008000"]:empty,
    body[data-page="1"] #product-offer .product-gallery [style*="background-color: #008000"]:empty {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body[data-page="1"] #product-offer .product-gallery,
    body[data-page="1"] #image_wrapper.kbx-detail-gallery {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto 18px auto !important;
        padding: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }

    /* Echte Layout-Ebene: mobil umsortieren */
    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-gallery-layout {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 0 !important;
        margin: 0 !important;
        padding: 0 12px !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    /* Hauptbildspalte wirklich zuerst */
    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-main-column {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        margin: 0 0 10px 0 !important;
        padding: 0 !important;
    }

    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-main-stage {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-main-item {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
        border: 1px solid #dfe6dd !important;
        border-radius: 16px !important;
        box-shadow: 0 10px 28px rgba(17, 24, 39, .045) !important;
        overflow: hidden !important;
    }

    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-main-item.d-none {
        display: none !important;
    }

    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-main-img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 470px !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto !important;
    }

    /* Thumbnail-Spalte direkt unter das Hauptbild */
    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-thumbs-column {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        margin: 0 0 12px 0 !important;
        padding: 0 !important;
        display: block !important;
        background: transparent !important;
    }

    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-thumbs-window {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-thumbs-window::-webkit-scrollbar {
        display: none !important;
    }

    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-thumbs-track {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        width: max-content !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 4px 2px 8px 2px !important;
        transform: none !important;
    }

    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-thumb {
        flex: 0 0 64px !important;
        width: 64px !important;
        min-width: 64px !important;
        max-width: 64px !important;
        height: 64px !important;
        min-height: 64px !important;
        max-height: 64px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 10px !important;
        border: 1px solid #dfe6dd !important;
        background: #ffffff !important;
        overflow: hidden !important;
    }

    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-thumb-active {
        border-color: #008000 !important;
        box-shadow: 0 0 0 1px #008000 inset !important;
    }

    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-thumb-img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        margin: 0 !important;
    }

    /* Die vertikalen Desktop-Pfeile mobil komplett entfernen */
    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-arrow,
    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-arrow-up,
    body[data-page="1"] #image_wrapper.kbx-detail-gallery .kbx-detail-arrow-down {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        pointer-events: none !important;
    }

    /* Herz sauber am Hauptbild oben rechts */
    body[data-page="1"] #image_wrapper.kbx-detail-gallery .product-actions.kbx-detail-actions {
        position: absolute !important;
        top: 12px !important;
        right: 24px !important;
        z-index: 8 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body[data-page="1"] #image_wrapper.kbx-detail-gallery .product-actions.kbx-detail-actions .wishlist {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
        min-height: 44px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.94) !important;
        border: 1px solid #dfe6dd !important;
        box-shadow: 0 8px 20px rgba(17,24,39,.10) !important;
        color: #8a8f94 !important;
    }

    /* Header/Breadcrumb-Abstand über Galerie etwas beruhigen */
    body[data-page="1"] .breadcrumb-wrapper {
        margin-bottom: 16px !important;
    }
}


/* =========================================================
   v1.0.111 MOBILE_REMOVE_GREEN_GALLERY_BAR
   Der grüne Leerbalken oberhalb der mobilen Galerie wird entfernt.
   Nur mobil. Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.111";
}

@media (max-width: 991.98px) {

    /* JS-Markierung des grünen Leerbalkens */
    body[data-page="1"] .kobalz-pdl-mobile-remove-green-bar,
    body[data-page="1"] .kobalz-pdl-mobile-green-strip-hidden {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    /* Typische Position: direkt vor #image_wrapper */
    body[data-page="1"] #image_wrapper.kbx-detail-gallery {
        margin-top: 0 !important;
    }

    body[data-page="1"] #product-offer .product-gallery #image_wrapper.kbx-detail-gallery {
        margin-top: 0 !important;
    }

    /* Falls der Balken als direktes Element vor der Galerie liegt */
    body[data-page="1"] #product-offer .product-gallery > div:not(#image_wrapper):has(+ #image_wrapper.kbx-detail-gallery),
    body[data-page="1"] #product-offer .product-gallery > section:not(#image_wrapper):has(+ #image_wrapper.kbx-detail-gallery) {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* Notfall: grüne leere Blöcke im direkten Galerieumfeld */
    body[data-page="1"] #product-offer .product-gallery > .bg-success,
    body[data-page="1"] #product-offer .product-gallery > .bg-primary,
    body[data-page="1"] #product-offer .product-gallery > .kobalz-mobile-spacer,
    body[data-page="1"] #product-offer .product-gallery > .kobalz-gallery-spacer {
        display: none !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}


/* =========================================================
   v1.0.112 MOBILE_HIDE_TOP_CART_BUTTON
   Der grüne Button oberhalb des mobilen Produktbildes ist ein
   zusätzlicher Warenkorbbutton. Mobil ausblenden.
   Der normale Warenkorbbutton unten bleibt erhalten.
   Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.112";
}

@media (max-width: 991.98px) {

    /* JS-Markierung: oberer mobiler Warenkorbbutton vor der Galerie */
    body[data-page="1"] .kobalz-pdl-mobile-top-cart-hidden {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    /* Direkte grüne Add-to-cart-Buttons im Galerie-/Bildbereich ausblenden */
    body[data-page="1"] #product-offer .product-gallery button[name="inWarenkorb"],
    body[data-page="1"] #product-offer .product-gallery input[name="inWarenkorb"],
    body[data-page="1"] #product-offer .product-gallery .btn-primary[name="inWarenkorb"],
    body[data-page="1"] #product-offer .product-gallery .btn-basket,
    body[data-page="1"] #product-offer .product-gallery .basket-details-add-to-cart,
    body[data-page="1"] #product-offer .product-gallery [data-add-to-cart],
    body[data-page="1"] #product-offer .product-gallery [data-cart-add] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    /* Wenn der Button als voller Container direkt vor der Galerie liegt */
    body[data-page="1"] #product-offer .product-gallery > form:has(button[name="inWarenkorb"]),
    body[data-page="1"] #product-offer .product-gallery > form:has(.btn-basket),
    body[data-page="1"] #product-offer .product-gallery > div:has(button[name="inWarenkorb"]):not(#image_wrapper),
    body[data-page="1"] #product-offer .product-gallery > div:has(.btn-basket):not(#image_wrapper),
    body[data-page="1"] #product-offer .product-gallery > div:has([data-add-to-cart]):not(#image_wrapper),
    body[data-page="1"] #product-offer .product-gallery > div:has([data-cart-add]):not(#image_wrapper) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }
}


/* =========================================================
   v1.0.113 MOBILE_HIDE_HIDDEN_DEFAULT_CART_BUTTON
   Exakter Button aus dem Quellcode:
   button.btn.js-cfg-validate.btn-hidden-default.btn-hidden[name="inWarenkorb"]
   Dieser obere versteckte Standard-Warenkorbbutton erzeugt mobil
   den grünen Balken oberhalb des Produktbildes.
   Mobil entfernen. Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.113";
}

@media (max-width: 991.98px) {

    body[data-page="1"] button.btn.js-cfg-validate.btn-hidden-default.btn-hidden[name="inWarenkorb"],
    body[data-page="1"] button.btn-hidden-default.btn-hidden[name="inWarenkorb"][value="In den Warenkorb"],
    body[data-page="1"] button[name="inWarenkorb"].btn-hidden-default,
    body[data-page="1"] button[name="inWarenkorb"].btn-hidden {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -99999px !important;
        top: auto !important;
    }

    body[data-page="1"] .kobalz-pdl-mobile-hidden-default-cart-button {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        position: absolute !important;
        left: -99999px !important;
        top: auto !important;
    }
}


/* =========================================================
   v1.0.114 MOBILE_BENEFIT_BLOCK
   Vorteilsblock mobil neu aufgebaut.
   Nur mobil. Desktop bleibt unverändert.
   Ziel:
   - keine doppelte Innenbox
   - kompakter, hochwertiger Kartenlook
   - saubere Checkmarks links
   - bessere Lesbarkeit und weniger Höhe
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.114";
}

@media (max-width: 991.98px) {

    /* Der sichtbare Vorteilsblock */
    body[data-page="1"] .product-info ul.checklist,
    body[data-page="1"] #product-offer ul.checklist,
    body[data-page="1"] .productdetails ul.checklist,
    body[data-page="1"] ul.checklist {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 20px 0 22px 0 !important;
        padding: 16px 16px 16px 18px !important;
        list-style: none !important;
        border: 1px solid #cfe4cf !important;
        border-left: 5px solid #008000 !important;
        border-radius: 14px !important;
        background: linear-gradient(180deg, #ffffff 0%, #f8fcf8 100%) !important;
        box-shadow: 0 10px 26px rgba(17, 24, 39, .045) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* eventuell vorhandene innere Rahmen/Listenoptik neutralisieren */
    body[data-page="1"] ul.checklist ul,
    body[data-page="1"] ul.checklist ol,
    body[data-page="1"] ul.checklist .checklist,
    body[data-page="1"] ul.checklist > div,
    body[data-page="1"] ul.checklist > span {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    /* grüne Akzentfläche links */
    body[data-page="1"] ul.checklist::before {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 5px !important;
        background: #008000 !important;
        display: block !important;
    }

    body[data-page="1"] ul.checklist li {
        position: relative !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 0 10px 28px !important;
        color: #122334 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.34 !important;
        font-weight: 400 !important;
        letter-spacing: .005em !important;
        list-style: none !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-align: left !important;
    }

    body[data-page="1"] ul.checklist li:last-child {
        padding-bottom: 0 !important;
    }

    body[data-page="1"] ul.checklist li::marker {
        content: "" !important;
        display: none !important;
    }

    body[data-page="1"] ul.checklist li::before {
        content: "✓" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0.02em !important;
        width: 18px !important;
        height: 18px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #008000 !important;
        font-family: Arial, sans-serif !important;
        font-size: 17px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
    }

    /* doppelte Haken aus älteren CSS-/Theme-Regeln unterdrücken */
    body[data-page="1"] ul.checklist li > i:first-child,
    body[data-page="1"] ul.checklist li > svg:first-child,
    body[data-page="1"] ul.checklist li > .fa:first-child,
    body[data-page="1"] ul.checklist li > .fas:first-child,
    body[data-page="1"] ul.checklist li > .far:first-child,
    body[data-page="1"] ul.checklist li > .fal:first-child,
    body[data-page="1"] ul.checklist li > .check:first-child {
        display: none !important;
    }

    /* Falls JTL/NOVA zusätzliche Pseudoelemente setzt */
    body[data-page="1"] ul.checklist li > span {
        font: inherit !important;
        color: inherit !important;
        line-height: inherit !important;
    }

    /* Abstand Preis nach Vorteilsblock */
    body[data-page="1"] ul.checklist + .price,
    body[data-page="1"] ul.checklist + .price_wrapper,
    body[data-page="1"] ul.checklist + .kobalz-special-price-layout,
    body[data-page="1"] ul.checklist + .kobalz-pdl-price-action-row {
        margin-top: 18px !important;
    }
}


/* =========================================================
   v1.0.115 MOBILE_ADVANTAGE_INNER_NO_FRAME
   Beim mobilen Vorteilsblock den Rahmen der inneren Box entfernen:
   .kobalz-pdl-advantage-inner
   Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.115";
}

@media (max-width: 991.98px) {

    body[data-page="1"] .kobalz-pdl-advantage-inner {
        width: 100% !important;
        max-width: 100% !important;
        margin: 18px 0 20px 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body[data-page="1"] .kobalz-pdl-advantage-inner::before,
    body[data-page="1"] .kobalz-pdl-advantage-inner::after {
        content: none !important;
        display: none !important;
    }

    /* Der eigentliche sichtbare Rahmen liegt nur noch auf der ul.checklist */
    body[data-page="1"] .kobalz-pdl-advantage-inner > ul.checklist {
        margin: 0 !important;
    }

    /* Falls die innere Box selbst vom alten Plugin als Rahmenkarte kam */
    body[data-page="1"] .kobalz-pdl-advantage-inner.kobalz-pdl-box,
    body[data-page="1"] .kobalz-pdl-advantage-inner.card,
    body[data-page="1"] .kobalz-pdl-advantage-inner.border {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }
}


/* =========================================================
   v1.0.116 MOBILE_ADVANTAGE_OUTER_NO_FRAME
   Der noch sichtbare äußere Rahmen um den Vorteilsblock wird mobil entfernt.
   Sichtbar bleibt nur die eigentliche ul.checklist.
   Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.116";
}

@media (max-width: 991.98px) {

    /* Äußere Vorteilsblock-Hülle vollständig rahmenlos */
    body[data-page="1"] .kobalz-pdl-advantage-box,
    body[data-page="1"] .kobalz-pdl-advantages,
    body[data-page="1"] .kobalz-pdl-advantage,
    body[data-page="1"] .kobalz-pdl-advantage-wrapper,
    body[data-page="1"] .kobalz-pdl-advantage-outer,
    body[data-page="1"] .kobalz-pdl-advantage-block,
    body[data-page="1"] .kobalz-pdl-advantage-card {
        width: 100% !important;
        max-width: 100% !important;
        margin: 18px 0 22px 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: visible !important;
    }

    body[data-page="1"] .kobalz-pdl-advantage-box::before,
    body[data-page="1"] .kobalz-pdl-advantage-box::after,
    body[data-page="1"] .kobalz-pdl-advantages::before,
    body[data-page="1"] .kobalz-pdl-advantages::after,
    body[data-page="1"] .kobalz-pdl-advantage::before,
    body[data-page="1"] .kobalz-pdl-advantage::after,
    body[data-page="1"] .kobalz-pdl-advantage-wrapper::before,
    body[data-page="1"] .kobalz-pdl-advantage-wrapper::after,
    body[data-page="1"] .kobalz-pdl-advantage-block::before,
    body[data-page="1"] .kobalz-pdl-advantage-block::after,
    body[data-page="1"] .kobalz-pdl-advantage-card::before,
    body[data-page="1"] .kobalz-pdl-advantage-card::after {
        content: none !important;
        display: none !important;
    }

    /* Auch die direkte Elternbox der bekannten inneren Struktur rahmenlos machen */
    body[data-page="1"] .kobalz-pdl-advantage-inner {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: visible !important;
    }

    body[data-page="1"] .kobalz-pdl-advantage-inner::before,
    body[data-page="1"] .kobalz-pdl-advantage-inner::after {
        content: none !important;
        display: none !important;
    }

    /* Falls der äußere Rahmen auf dem direkten Parent der inneren Box liegt */
    body[data-page="1"] .kobalz-pdl-advantage-inner-parent-no-frame {
        margin: 18px 0 22px 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: visible !important;
    }

    /* Sichtbar gestaltet wird nur noch die eigentliche Checkliste */
    body[data-page="1"] .kobalz-pdl-advantage-inner > ul.checklist,
    body[data-page="1"] .kobalz-pdl-advantage-box ul.checklist,
    body[data-page="1"] .kobalz-pdl-advantages ul.checklist,
    body[data-page="1"] .kobalz-pdl-advantage ul.checklist {
        margin: 0 !important;
        border: 1px solid #cfe4cf !important;
        border-left: 5px solid #008000 !important;
        border-radius: 14px !important;
        background: linear-gradient(180deg, #ffffff 0%, #f8fcf8 100%) !important;
        box-shadow: 0 10px 26px rgba(17, 24, 39, .045) !important;
    }
}


/* =========================================================
   v1.0.117 MOBILE_ADVANTAGE_CHECKLIST_NO_GREEN_FRAME
   Der grüne Rahmen liegt auf der eigentlichen ul.checklist.
   Mobil entfernen. Haken bleiben grün, aber keine Rahmenbox mehr.
   Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.117";
}

@media (max-width: 991.98px) {

    /* Kompletten Rahmen der Vorteils-Checkliste entfernen */
    body[data-page="1"] .kobalz-pdl-advantage-inner > ul.checklist,
    body[data-page="1"] .kobalz-pdl-advantage-inner ul.checklist,
    body[data-page="1"] .kobalz-pdl-advantage-box ul.checklist,
    body[data-page="1"] .kobalz-pdl-advantages ul.checklist,
    body[data-page="1"] .kobalz-pdl-advantage ul.checklist,
    body[data-page="1"] .kobalz-pdl-advantage-wrapper ul.checklist,
    body[data-page="1"] .kobalz-pdl-advantage-block ul.checklist,
    body[data-page="1"] .kobalz-pdl-advantage-card ul.checklist {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: visible !important;
    }

    /* Grüner Balken/Pseudorahmen der Liste entfernen */
    body[data-page="1"] .kobalz-pdl-advantage-inner > ul.checklist::before,
    body[data-page="1"] .kobalz-pdl-advantage-inner > ul.checklist::after,
    body[data-page="1"] .kobalz-pdl-advantage-inner ul.checklist::before,
    body[data-page="1"] .kobalz-pdl-advantage-inner ul.checklist::after {
        content: none !important;
        display: none !important;
    }

    /* Parent bleibt rahmenlos */
    body[data-page="1"] .kobalz-pdl-advantage-inner,
    body[data-page="1"] .kobalz-pdl-advantage-inner-parent-no-frame,
    body[data-page="1"] .kobalz-pdl-advantage-box,
    body[data-page="1"] .kobalz-pdl-advantages,
    body[data-page="1"] .kobalz-pdl-advantage,
    body[data-page="1"] .kobalz-pdl-advantage-wrapper,
    body[data-page="1"] .kobalz-pdl-advantage-block,
    body[data-page="1"] .kobalz-pdl-advantage-card {
        padding: 0 !important;
        border: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
        overflow: visible !important;
    }

    /* Listeneinträge weiterhin sauber, nur ohne äußere Rahmenbox */
    body[data-page="1"] .kobalz-pdl-advantage-inner ul.checklist li {
        position: relative !important;
        margin: 0 !important;
        padding: 0 0 10px 28px !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #122334 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.34 !important;
        font-weight: 400 !important;
        list-style: none !important;
    }

    body[data-page="1"] .kobalz-pdl-advantage-inner ul.checklist li:last-child {
        padding-bottom: 0 !important;
    }

    body[data-page="1"] .kobalz-pdl-advantage-inner ul.checklist li::before {
        content: "✓" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0.02em !important;
        width: 18px !important;
        height: 18px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #008000 !important;
        font-family: Arial, sans-serif !important;
        font-size: 17px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        background: transparent !important;
        border: 0 !important;
    }
}


/* =========================================================
   v1.0.118 MOBILE_ADVANTAGE_FORCE_NO_FRAMES
   Der sichtbare grüne Rahmen kommt aus den alten #product-offer-
   Regeln für .kobalz-pdl-advantage-box / .kobalz-pdl-advantage-inner / ul.
   Mobil werden jetzt ALLE Rahmen dieser Vorteilsblock-Hüllen entfernt.
   Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.118";
}

@media (max-width: 991.98px) {

    /* höchste relevante Spezifität: gesamte Vorteilsbox im Produktangebot rahmenlos */
    body[data-page="1"] #product-offer.product-detail .kobalz-pdl-advantage-box,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-pdl-advantage-box,
    body[data-page="1"] #product-offer .product-info .kobalz-pdl-advantage-box,
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-box,
    body[data-page="1"].kobalz-pdl-advantage-ready #product-offer .kobalz-pdl-advantage-box {
        margin: 18px 0 22px 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body[data-page="1"] #product-offer.product-detail .kobalz-pdl-advantage-box::before,
    body[data-page="1"] #product-offer.product-detail .kobalz-pdl-advantage-box::after,
    body[data-page="1"] #product-offer .product-info .kobalz-pdl-advantage-box::before,
    body[data-page="1"] #product-offer .product-info .kobalz-pdl-advantage-box::after,
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-box::before,
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-box::after {
        content: none !important;
        display: none !important;
    }

    /* innere Box ebenfalls rahmenlos */
    body[data-page="1"] #product-offer.product-detail .kobalz-pdl-advantage-box .kobalz-pdl-advantage-inner,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-pdl-advantage-box .kobalz-pdl-advantage-inner,
    body[data-page="1"] #product-offer .product-info .kobalz-pdl-advantage-box .kobalz-pdl-advantage-inner,
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-box .kobalz-pdl-advantage-inner,
    body[data-page="1"] .kobalz-pdl-advantage-inner {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner::before,
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner::after,
    body[data-page="1"] .kobalz-pdl-advantage-inner::before,
    body[data-page="1"] .kobalz-pdl-advantage-inner::after {
        content: none !important;
        display: none !important;
    }

    /* Liste im Vorteilsblock: ebenfalls ohne Rahmen, ohne linken grünen Balken */
    body[data-page="1"] #product-offer.product-detail .kobalz-pdl-advantage-box .kobalz-pdl-advantage-inner > ul.checklist,
    body[data-page="1"] #product-offer.kobalz-pdl-top-redesign .kobalz-pdl-advantage-box .kobalz-pdl-advantage-inner > ul.checklist,
    body[data-page="1"] #product-offer .product-info .kobalz-pdl-advantage-box .kobalz-pdl-advantage-inner > ul.checklist,
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-box .kobalz-pdl-advantage-inner > ul.checklist,
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner > ul.checklist,
    body[data-page="1"] .kobalz-pdl-advantage-inner > ul.checklist {
        display: grid !important;
        grid-template-columns: 1fr !important;
        row-gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
        border: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        border-radius: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner > ul.checklist::before,
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner > ul.checklist::after,
    body[data-page="1"] .kobalz-pdl-advantage-inner > ul.checklist::before,
    body[data-page="1"] .kobalz-pdl-advantage-inner > ul.checklist::after {
        content: none !important;
        display: none !important;
    }

    /* Einträge bleiben lesbar, nur die Haken bleiben grün */
    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner > ul.checklist > li,
    body[data-page="1"] .kobalz-pdl-advantage-inner > ul.checklist > li {
        position: relative !important;
        margin: 0 !important;
        padding: 0 0 8px 26px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #122334 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 16px !important;
        line-height: 1.34 !important;
        font-weight: 700 !important;
        list-style: none !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner > ul.checklist > li:last-child,
    body[data-page="1"] .kobalz-pdl-advantage-inner > ul.checklist > li:last-child {
        padding-bottom: 0 !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-advantage-inner > ul.checklist > li::before,
    body[data-page="1"] .kobalz-pdl-advantage-inner > ul.checklist > li::before {
        content: "✓" !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important;
        width: 18px !important;
        height: 18px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        color: #008000 !important;
        font-family: Arial, sans-serif !important;
        font-size: 17px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }
}


/* =========================================================
   v1.0.119 MOBILE_COUNTDOWN_ABOVE_PRICE
   Mobil soll der Aktions-Countdown über dem Preis stehen.
   Desktop bleibt unverändert.
========================================================= */
@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-right {
        order: 1 !important;
        margin: 0 0 14px 0 !important;
    }

    body[data-page="1"] #product-offer .kobalz-pdl-sale-split-grid > .kobalz-pdl-sale-box-left {
        order: 2 !important;
        margin: 0 0 14px 0 !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .kobalz-special-timer,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .kobalz-pdl-sale-timer-safe,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer .kobalz-pdl-sale-timer-safe {
        order: 1 !important;
        margin: 0 0 14px 0 !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price.special-price,
    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price {
        order: 2 !important;
    }

    body[data-page="1"] #product-offer .price_wrapper.kobalz-price-wrapper-with-timer > .price-note {
        order: 3 !important;
    }
}


/* =========================================================
   v1.0.124 EXACT_MOBILE_BUY_AREA
   Exakt nach echtem HTML aus dem Produktdetail:
   - .row.stock-information.stock-information-p.no-gutters
   - .col.question-on-item.col-auto
   - #add-to-cart .row.basket-form-inline
   - #quantity-grp.input-group.form-counter.choose_quantity
   - button[name="inWarenkorb"].btn-primary.btn-block

   Nur mobil. Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.124";
}

@media (max-width: 767.98px) {

    /* Lagerstatus + Frage zum Artikel */
    body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(138px, auto) !important;
        gap: 10px !important;
        align-items: stretch !important;
        width: 100% !important;
        margin: 20px 0 16px 0 !important;
        padding: 14px 0 !important;
        border-top: 1px solid #edf1ec !important;
        border-bottom: 1px solid #edf1ec !important;
    }

    body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters > .col {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters .delivery-status {
        width: 100% !important;
        height: 100% !important;
        min-height: 64px !important;
        margin: 0 !important;
        padding: 11px 13px !important;
        border: 1px solid #dfe8df !important;
        border-radius: 12px !important;
        background: #fbfefb !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
        color: #8a5d21 !important;
        font-size: 13px !important;
        line-height: 1.3 !important;
    }

    body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters .delivery-status ul {
        margin: 0 !important;
        padding: 0 !important;
    }

    body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters .delivery-status li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters .status {
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        margin: 0 0 3px 0 !important;
        color: #8a5d21 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        font-weight: 500 !important;
    }

    body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters .status-icon {
        color: #b77524 !important;
        font-size: 15px !important;
    }

    body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters .estimated-delivery {
        font-size: 12.5px !important;
        line-height: 1.28 !important;
        color: #4f5962 !important;
    }

    body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters .estimated-delivery a {
        color: #122334 !important;
        text-decoration: underline !important;
    }

    body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters .question-on-item {
        display: flex !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters .question-on-item .question {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-height: 64px !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        border: 1px solid #dfe8df !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        color: #122334 !important;
        box-shadow: none !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        font-weight: 400 !important;
    }

    body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters .question-on-item .question .fa {
        margin-right: 6px !important;
        color: #4f5962 !important;
    }

    /* Add-to-cart Bereich: echte JTL-Struktur gezielt */
    body[data-page="1"] #product-offer #add-to-cart.product-buy {
        width: 100% !important;
        margin: 0 0 22px 0 !important;
        padding: 0 !important;
    }

    body[data-page="1"] #product-offer #add-to-cart .row.basket-form-inline {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body[data-page="1"] #product-offer #add-to-cart .row.basket-form-inline > .col,
    body[data-page="1"] #product-offer #add-to-cart .row.basket-form-inline > .col-12,
    body[data-page="1"] #product-offer #add-to-cart .row.basket-form-inline > .col-sm-6 {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    body[data-page="1"] #product-offer #quantity-grp.input-group.form-counter.choose_quantity {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        border: 1px solid #cfd8cf !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        overflow: hidden !important;
        box-shadow: none !important;
    }

    body[data-page="1"] #product-offer #quantity-grp .input-group-prepend,
    body[data-page="1"] #product-offer #quantity-grp .input-group-append {
        display: flex !important;
        flex: 0 0 auto !important;
        width: auto !important;
        height: 54px !important;
        margin: 0 !important;
    }

    body[data-page="1"] #product-offer #quantity-grp .input-group-prepend .btn,
    body[data-page="1"] #product-offer #quantity-grp .input-group-append .btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: #122334 !important;
        box-shadow: none !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    body[data-page="1"] #product-offer #quantity-grp .input-group-prepend .btn {
        border-right: 1px solid #dfe6dd !important;
    }

    body[data-page="1"] #product-offer #quantity-grp .input-group-append .btn {
        border-left: 1px solid #dfe6dd !important;
    }

    body[data-page="1"] #product-offer #quantity-grp input#quantity.form-control.quantity {
        display: block !important;
        flex: 1 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 10px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: #122334 !important;
        text-align: center !important;
        box-shadow: none !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 18px !important;
        line-height: 54px !important;
        font-weight: 500 !important;
    }

    body[data-page="1"] #product-offer #quantity-grp .input-group-text.unit.form-control {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 58px !important;
        width: 58px !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 6px !important;
        border: 0 !important;
        border-left: 1px solid #dfe6dd !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: #122334 !important;
        box-shadow: none !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 1 !important;
        font-weight: 500 !important;
    }

    body[data-page="1"] #product-offer #add-to-cart button.btn.js-cfg-validate.btn-primary.btn-block[name="inWarenkorb"]:not(.btn-hidden):not(.btn-hidden-default) {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 58px !important;
        height: 58px !important;
        margin: 0 !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #008000 !important;
        border-color: #008000 !important;
        color: #ffffff !important;
        box-shadow: 0 12px 26px rgba(0, 128, 0, .18) !important;
        text-align: center !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 19px !important;
        line-height: 1.1 !important;
        font-weight: 600 !important;
        letter-spacing: .01em !important;
    }

    body[data-page="1"] #product-offer #add-to-cart button.btn.js-cfg-validate.btn-primary.btn-block[name="inWarenkorb"] .btn-basket-check {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        width: auto !important;
        height: auto !important;
        color: #ffffff !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    body[data-page="1"] #product-offer #add-to-cart button.btn.js-cfg-validate.btn-primary.btn-block[name="inWarenkorb"] .btn-basket-check > span {
        display: inline !important;
        width: auto !important;
        height: auto !important;
        max-width: none !important;
        max-height: none !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        color: #ffffff !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 19px !important;
        line-height: 1.1 !important;
        font-weight: 600 !important;
    }

    body[data-page="1"] #product-offer #add-to-cart button.btn.js-cfg-validate.btn-primary.btn-block[name="inWarenkorb"] i {
        color: #ffffff !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    body[data-page="1"] #product-offer #add-to-cart button.btn.js-cfg-validate.btn-primary.btn-block[name="inWarenkorb"] svg {
        display: none !important;
    }

    @media (max-width: 430px) {
        body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters {
            grid-template-columns: 1fr !important;
        }

        body[data-page="1"] #product-offer .product-info .row.stock-information.stock-information-p.no-gutters .question-on-item .question {
            min-height: 46px !important;
        }
    }
}


/* =========================================================
   v1.0.125 MOBILE_SHORTDESC_CHECKLIST_INDENT
   Kurzbeschreibung / ul.checklist mobil einrücken.
   Betrifft nicht den oberen Vorteilsblock.
   Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.125";
}

@media (max-width: 767.98px) {

    body[data-page="1"] ul.checklist.kobalz-pdl-mobile-shortdesc-checklist {
        padding-left: 22px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] ul.checklist.kobalz-pdl-mobile-shortdesc-checklist > li {
        position: relative !important;
        padding-left: 34px !important;
        padding-right: 6px !important;
        text-align: left !important;
    }

    body[data-page="1"] ul.checklist.kobalz-pdl-mobile-shortdesc-checklist > li::before {
        left: 8px !important;
    }

    /* Falls die Kurzbeschreibung direkt in einer Card liegt */
    body[data-page="1"] .shortdesc ul.checklist > li,
    body[data-page="1"] .product-short-description ul.checklist > li,
    body[data-page="1"] .kobalz-product-intro ul.checklist > li,
    body[data-page="1"] .tab-content ul.checklist > li {
        padding-left: 34px !important;
        padding-right: 6px !important;
    }

    body[data-page="1"] .shortdesc ul.checklist > li::before,
    body[data-page="1"] .product-short-description ul.checklist > li::before,
    body[data-page="1"] .kobalz-product-intro ul.checklist > li::before,
    body[data-page="1"] .tab-content ul.checklist > li::before {
        left: 8px !important;
    }
}


/* =========================================================
   v1.0.126 MOBILE_DESCRIPTION_CHECKLIST_INDENT
   Gleiches Einrücken für Checklisten in der Beschreibung.
   Kurzbeschreibung bleibt aus v1.0.125 erhalten.
   Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.126";
}

@media (max-width: 767.98px) {

    /* Beschreibung / Tab Beschreibung / Content-Text */
    body[data-page="1"] .tab-content .tab-pane ul.checklist.kobalz-pdl-mobile-description-checklist,
    body[data-page="1"] #tab-description ul.checklist.kobalz-pdl-mobile-description-checklist,
    body[data-page="1"] #description ul.checklist.kobalz-pdl-mobile-description-checklist,
    body[data-page="1"] .description ul.checklist.kobalz-pdl-mobile-description-checklist,
    body[data-page="1"] .beschreibung ul.checklist.kobalz-pdl-mobile-description-checklist,
    body[data-page="1"] .product-description ul.checklist.kobalz-pdl-mobile-description-checklist {
        padding-left: 22px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .tab-content .tab-pane ul.checklist.kobalz-pdl-mobile-description-checklist > li,
    body[data-page="1"] #tab-description ul.checklist.kobalz-pdl-mobile-description-checklist > li,
    body[data-page="1"] #description ul.checklist.kobalz-pdl-mobile-description-checklist > li,
    body[data-page="1"] .description ul.checklist.kobalz-pdl-mobile-description-checklist > li,
    body[data-page="1"] .beschreibung ul.checklist.kobalz-pdl-mobile-description-checklist > li,
    body[data-page="1"] .product-description ul.checklist.kobalz-pdl-mobile-description-checklist > li {
        position: relative !important;
        padding-left: 34px !important;
        padding-right: 6px !important;
        text-align: left !important;
    }

    body[data-page="1"] .tab-content .tab-pane ul.checklist.kobalz-pdl-mobile-description-checklist > li::before,
    body[data-page="1"] #tab-description ul.checklist.kobalz-pdl-mobile-description-checklist > li::before,
    body[data-page="1"] #description ul.checklist.kobalz-pdl-mobile-description-checklist > li::before,
    body[data-page="1"] .description ul.checklist.kobalz-pdl-mobile-description-checklist > li::before,
    body[data-page="1"] .beschreibung ul.checklist.kobalz-pdl-mobile-description-checklist > li::before,
    body[data-page="1"] .product-description ul.checklist.kobalz-pdl-mobile-description-checklist > li::before {
        left: 8px !important;
    }
}


/* =========================================================
   v1.0.127 MOBILE_HIDE_XSELLING
   X-Selling-/Empfehlungsbereiche auf der Produktdetailseite mobil ausblenden.
   Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.127";
}

@media (max-width: 767.98px) {

    /* Eigene vereinheitlichte X-Selling-Container */
    body[data-page="1"] .kobalz-pdl-xsell,
    body[data-page="1"] .kobalz-pdl-xsell-section,
    body[data-page="1"] .kobalz-pdl-native-slick-converted,
    body[data-page="1"] .kobalz-pdl-xsell-grid,
    body[data-page="1"] .kobalz-pdl-xsell-stage {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* JTL/NOVA Recommendation-Blöcke auf Produktdetailseite */
    body[data-page="1"] .recommendations,
    body[data-page="1"] .recommendations-print-none,
    body[data-page="1"] .recommendations .carousel,
    body[data-page="1"] .x-selling,
    body[data-page="1"] .x-sell,
    body[data-page="1"] .x-sells,
    body[data-page="1"] .x-supplies,
    body[data-page="1"] .crossselling,
    body[data-page="1"] .cross-selling,
    body[data-page="1"] .product-detail-recommendations {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* Überschriften/Wrapper mit bekannten X-Selling Gruppen */
    body[data-page="1"] [id^="slider-xsell-group-"],
    body[data-page="1"] [id*="xsell"],
    body[data-page="1"] [data-kobalz-xsell-count],
    body[data-page="1"] [data-slick-type="product-slider"].x-supplies,
    body[data-page="1"] .slick-slider-other.x-supplies,
    body[data-page="1"] .slick-slider-other.is-not-opc.x-supplies {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* Falls nur die HR-Sektionsüberschrift übrig bleibt */
    body[data-page="1"] .kobalz-pdl-mobile-hide-xsell-heading,
    body[data-page="1"] .hr-sect.kobalz-pdl-mobile-hide-xsell-heading {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
}


/* =========================================================
   v1.0.128 MOBILE_QTY_CART_WIDTH_FIX
   Mengenfeld und Warenkorbbutton mobil auf Kartenbreite begrenzen.
   Behebt Bootstrap-Row/Col-Überbreite im mobilen Kaufbereich.
   Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.128";
}

@media (max-width: 767.98px) {

    body[data-page="1"] #product-offer #add-to-cart,
    body[data-page="1"] #product-offer #add-to-cart.product-buy,
    body[data-page="1"] #product-offer #buy_form #add-to-cart {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body[data-page="1"] #product-offer #add-to-cart .row,
    body[data-page="1"] #product-offer #add-to-cart .row.basket-form-inline,
    body[data-page="1"] #product-offer .basket-form-inline {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: block !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body[data-page="1"] #product-offer #add-to-cart .row > [class*="col"],
    body[data-page="1"] #product-offer .basket-form-inline > [class*="col"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: 0 0 100% !important;
        margin: 0 0 12px 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer #add-to-cart .row > [class*="col"]:last-child,
    body[data-page="1"] #product-offer .basket-form-inline > [class*="col"]:last-child {
        margin-bottom: 0 !important;
    }

    body[data-page="1"] #product-offer #quantity-grp,
    body[data-page="1"] #product-offer #quantity-grp.input-group,
    body[data-page="1"] #product-offer #quantity-grp.input-group.form-counter.choose_quantity {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 !important;
        display: grid !important;
        grid-template-columns: 50px minmax(0, 1fr) 54px 50px !important;
        align-items: stretch !important;
        border: 1px solid #cfd8cf !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body[data-page="1"] #product-offer #quantity-grp .input-group-prepend,
    body[data-page="1"] #product-offer #quantity-grp .input-group-append {
        display: contents !important;
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body[data-page="1"] #product-offer #quantity-grp button,
    body[data-page="1"] #product-offer #quantity-grp .btn {
        width: 100% !important;
        min-width: 0 !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: #122334 !important;
        box-shadow: none !important;
        font-size: 22px !important;
        line-height: 1 !important;
        font-weight: 700 !important;
    }

    body[data-page="1"] #product-offer #quantity-grp input#quantity,
    body[data-page="1"] #product-offer #quantity-grp input.form-control.quantity {
        width: 100% !important;
        min-width: 0 !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 8px !important;
        border: 0 !important;
        border-left: 1px solid #dfe6dd !important;
        border-right: 1px solid #dfe6dd !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: #122334 !important;
        box-shadow: none !important;
        text-align: center !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 17px !important;
        line-height: 54px !important;
        font-weight: 500 !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer #quantity-grp .input-group-text.unit,
    body[data-page="1"] #product-offer #quantity-grp .input-group-text.unit.form-control {
        width: 100% !important;
        min-width: 0 !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 4px !important;
        border: 0 !important;
        border-right: 1px solid #dfe6dd !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: #122334 !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer #add-to-cart button.btn.js-cfg-validate.btn-primary.btn-block[name="inWarenkorb"]:not(.btn-hidden):not(.btn-hidden-default) {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 58px !important;
        min-height: 58px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #008000 !important;
        border-color: #008000 !important;
        color: #ffffff !important;
        box-sizing: border-box !important;
        box-shadow: 0 12px 26px rgba(0, 128, 0, .18) !important;
        overflow: hidden !important;
        text-align: center !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 18px !important;
        line-height: 1.1 !important;
        font-weight: 600 !important;
    }

    body[data-page="1"] #product-offer #add-to-cart button.btn.js-cfg-validate.btn-primary.btn-block[name="inWarenkorb"] .btn-basket-check,
    body[data-page="1"] #product-offer #add-to-cart button.btn.js-cfg-validate.btn-primary.btn-block[name="inWarenkorb"] .btn-basket-check > span {
        color: #ffffff !important;
        opacity: 1 !important;
        visibility: visible !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 18px !important;
        line-height: 1.1 !important;
        font-weight: 600 !important;
    }

    body[data-page="1"] #product-offer #add-to-cart button.btn.js-cfg-validate.btn-primary.btn-block[name="inWarenkorb"] i {
        color: #ffffff !important;
        font-size: 17px !important;
    }
}


/* =========================================================
   v1.0.129 HIDE_PUSHED_SUCCESS
   JTL-Standardmeldung nach "In den Warenkorb" global ausblenden.
   Betrifft Desktop, Tablet und Mobil.
   Sidecart/Warenkorb-Logik bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.129";
}

#pushed-success,
.card#pushed-success,
.alert#pushed-success,
div#pushed-success[role="alert"],
body #pushed-success.card.alert.alert-dismissable {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* Falls JTL die Meldung erneut per Ajax einfügt */
body .kobalz-pdl-hide-pushed-success {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}


/* =========================================================
   v1.0.139 MOBILE_NATIVE_VARIATION_SELECT_STYLE
   Native JTL/Wawi-Varianten-Dropdowns nur mobil optisch verbessern.
   Keine Swatch-/Dropdown-JS-Manipulation.
   Desktop und Tablet bleiben unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.139";
}

@media (max-width: 767.98px) {

    /* Variantenbereich mobil ruhiger einfügen */
    body[data-page="1"] #product-offer .row.variations,
    body[data-page="1"] #product-offer .row.variations.switch-variations,
    body[data-page="1"] #product-offer .variation-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer .variation-wrapper {
        margin-bottom: 20px !important;
        padding: 0 !important;
    }

    /* Label wie "Farbe" sauber darstellen */
    body[data-page="1"] #product-offer .variation-wrapper > dt,
    body[data-page="1"] #product-offer .variations label,
    body[data-page="1"] #product-offer .variation-wrapper label {
        display: block !important;
        width: 100% !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        color: #4f5962 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
        font-weight: 400 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    /* Gewählter Wert im Label grün */
    body[data-page="1"] #product-offer .variation-wrapper > dt .swatches-selected,
    body[data-page="1"] #product-offer .variation-wrapper > dt span,
    body[data-page="1"] #product-offer .variations .swatches-selected {
        color: #008000 !important;
        font-weight: 500 !important;
    }

    /* DD/Formgruppe ohne störende Abstände */
    body[data-page="1"] #product-offer .variation-wrapper > dd,
    body[data-page="1"] #product-offer .variation-wrapper > dd.form-group {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 18px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Das native JTL/Wawi Select-Feld */
    body[data-page="1"] #product-offer .variation-wrapper select,
    body[data-page="1"] #product-offer .variations select,
    body[data-page="1"] #product-offer select.form-control,
    body[data-page="1"] #product-offer select.custom-select,
    body[data-page="1"] #product-offer .variation-wrapper .form-control,
    body[data-page="1"] #product-offer .variation-wrapper .custom-select {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 54px !important;
        height: 54px !important;
        margin: 0 !important;
        padding: 0 46px 0 16px !important;
        border: 1px solid #cfd8cf !important;
        border-radius: 14px !important;
        background-color: #ffffff !important;
        color: #122334 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 17px !important;
        line-height: 54px !important;
        font-weight: 500 !important;
        letter-spacing: .01em !important;
        box-shadow: 0 8px 20px rgba(17, 24, 39, .045) !important;
        outline: none !important;
        box-sizing: border-box !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        background-image:
            linear-gradient(45deg, transparent 50%, #122334 50%),
            linear-gradient(135deg, #122334 50%, transparent 50%) !important;
        background-position:
            calc(100% - 23px) 24px,
            calc(100% - 16px) 24px !important;
        background-size:
            7px 7px,
            7px 7px !important;
        background-repeat: no-repeat !important;
    }

    body[data-page="1"] #product-offer .variation-wrapper select:focus,
    body[data-page="1"] #product-offer .variations select:focus,
    body[data-page="1"] #product-offer select.form-control:focus,
    body[data-page="1"] #product-offer select.custom-select:focus,
    body[data-page="1"] #product-offer .variation-wrapper .form-control:focus,
    body[data-page="1"] #product-offer .variation-wrapper .custom-select:focus {
        border-color: #008000 !important;
        box-shadow: 0 0 0 3px rgba(0, 128, 0, .10) !important;
        outline: none !important;
    }

    /* Wenn JTL um das Select herum Bootstrap-Reihen nutzt */
    body[data-page="1"] #product-offer .variation-wrapper .form-row,
    body[data-page="1"] #product-offer .variation-wrapper .row {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer .variation-wrapper .form-row > [class*="col"],
    body[data-page="1"] #product-offer .variation-wrapper .row > [class*="col"] {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Abstand zur nächsten Preisbox sauber */
    body[data-page="1"] #product-offer .row.variations.switch-variations + .price_wrapper,
    body[data-page="1"] #product-offer .variation-wrapper + .price_wrapper {
        margin-top: 6px !important;
    }
}


/* =========================================================
   v1.0.140 MOBILE_NATIVE_SELECT_CLEAN_FULLWIDTH
   Mobiles natives JTL/Wawi-Varianten-Dropdown bereinigen:
   - volle Kartenbreite
   - nur ein sichtbarer Rahmen
   - keine doppelte Pfeil-/Innenrahmen-Optik
   - keine Desktop-/Tablet-Änderung
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.140";
}

@media (max-width: 767.98px) {

    /* Variantenbereich nicht als schmale Box erscheinen lassen */
    body[data-page="1"] #product-offer .row.variations,
    body[data-page="1"] #product-offer .row.variations.switch-variations {
        width: 100% !important;
        max-width: 100% !important;
        margin: 18px 0 22px 0 !important;
        padding: 0 !important;
        border-top: 1px solid #008000 !important;
        border-bottom: 1px solid #edf1ec !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] #product-offer .row.variations.switch-variations > [class*="col"],
    body[data-page="1"] #product-offer .variation-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        margin: 0 !important;
        padding: 16px 0 18px 0 !important;
        box-sizing: border-box !important;
    }

    /* Label ruhig und linksbündig */
    body[data-page="1"] #product-offer .variation-wrapper > dt {
        display: block !important;
        width: 100% !important;
        margin: 0 0 8px 0 !important;
        padding: 0 !important;
        color: #4f5962 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
        font-weight: 400 !important;
        text-align: left !important;
    }

    body[data-page="1"] #product-offer .variation-wrapper > dt .swatches-selected {
        color: #008000 !important;
        font-weight: 500 !important;
    }

    body[data-page="1"] #product-offer .variation-wrapper > dd,
    body[data-page="1"] #product-offer .variation-wrapper > dd.form-group {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* JTL/Bootstrap-Select Wrapper auf volle Breite */
    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select,
    body[data-page="1"] #product-offer .variation-wrapper .dropdown.bootstrap-select,
    body[data-page="1"] #product-offer .variation-wrapper .btn-group.bootstrap-select,
    body[data-page="1"] #product-offer .variation-wrapper .select-wrapper,
    body[data-page="1"] #product-offer .variation-wrapper .form-control-wrapper {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    /* Bootstrap-Select Button: nur ein sauberer Rahmen */
    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle,
    body[data-page="1"] #product-offer .variation-wrapper .dropdown-toggle.btn,
    body[data-page="1"] #product-offer .variation-wrapper button.dropdown-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 44px 0 16px !important;
        border: 1px solid #cfd8cf !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        color: #122334 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 17px !important;
        line-height: 54px !important;
        font-weight: 500 !important;
        letter-spacing: .01em !important;
        text-align: left !important;
        box-shadow: 0 8px 20px rgba(17, 24, 39, .045) !important;
        outline: none !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle:focus,
    body[data-page="1"] #product-offer .variation-wrapper .dropdown-toggle.btn:focus,
    body[data-page="1"] #product-offer .variation-wrapper button.dropdown-toggle:focus {
        border-color: #008000 !important;
        box-shadow: 0 0 0 3px rgba(0, 128, 0, .10) !important;
        outline: none !important;
    }

    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select .filter-option,
    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select .filter-option-inner,
    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select .filter-option-inner-inner {
        width: 100% !important;
        height: auto !important;
        padding: 0 !important;
        color: #122334 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 17px !important;
        line-height: 54px !important;
        font-weight: 500 !important;
        text-align: left !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* Bootstrap-Pfeil sauber, kein zweiter Pfeilbereich */
    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle::after,
    body[data-page="1"] #product-offer .variation-wrapper .dropdown-toggle.btn::after,
    body[data-page="1"] #product-offer .variation-wrapper button.dropdown-toggle::after {
        content: "" !important;
        position: absolute !important;
        right: 18px !important;
        top: 50% !important;
        width: 8px !important;
        height: 8px !important;
        margin: -5px 0 0 0 !important;
        border: 0 !important;
        border-right: 2px solid #122334 !important;
        border-bottom: 2px solid #122334 !important;
        transform: rotate(45deg) !important;
    }

    /* Native Select: ebenfalls volle Breite, ohne doppelten Innenrahmen */
    body[data-page="1"] #product-offer .variation-wrapper select,
    body[data-page="1"] #product-offer .variation-wrapper select.form-control,
    body[data-page="1"] #product-offer .variation-wrapper select.custom-select,
    body[data-page="1"] #product-offer .variations select,
    body[data-page="1"] #product-offer .variations select.form-control,
    body[data-page="1"] #product-offer .variations select.custom-select {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 54px !important;
        min-height: 54px !important;
        margin: 0 !important;
        padding: 0 44px 0 16px !important;
        border: 1px solid #cfd8cf !important;
        border-radius: 14px !important;
        background-color: #ffffff !important;
        color: #122334 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 17px !important;
        line-height: 54px !important;
        font-weight: 500 !important;
        letter-spacing: .01em !important;
        box-shadow: 0 8px 20px rgba(17, 24, 39, .045) !important;
        outline: none !important;
        box-sizing: border-box !important;
        appearance: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        background-image:
            linear-gradient(45deg, transparent 50%, #122334 50%),
            linear-gradient(135deg, #122334 50%, transparent 50%) !important;
        background-position:
            calc(100% - 23px) 24px,
            calc(100% - 16px) 24px !important;
        background-size:
            7px 7px,
            7px 7px !important;
        background-repeat: no-repeat !important;
    }

    body[data-page="1"] #product-offer .variation-wrapper select:focus,
    body[data-page="1"] #product-offer .variation-wrapper select.form-control:focus,
    body[data-page="1"] #product-offer .variation-wrapper select.custom-select:focus {
        border-color: #008000 !important;
        box-shadow: 0 0 0 3px rgba(0, 128, 0, .10) !important;
        outline: none !important;
    }

    /* Falls Bootstrap-Select den nativen Select noch sichtbar positioniert */
    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select select,
    body[data-page="1"] #product-offer .variation-wrapper select.bs-select-hidden,
    body[data-page="1"] #product-offer .variation-wrapper select.selectpicker {
        position: absolute !important;
        left: -9999px !important;
        width: 1px !important;
        height: 1px !important;
        min-height: 1px !important;
        opacity: 0 !important;
        pointer-events: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Dropdown-Liste selbst etwas ruhiger, soweit Browser/Bootstrap es erlaubt */
    body[data-page="1"] .bootstrap-select .dropdown-menu {
        border: 1px solid #dfe7df !important;
        border-radius: 14px !important;
        box-shadow: 0 18px 35px rgba(17, 24, 39, .16) !important;
        overflow: hidden !important;
    }

    body[data-page="1"] .bootstrap-select .dropdown-menu .dropdown-item,
    body[data-page="1"] .bootstrap-select .dropdown-menu li a {
        min-height: 44px !important;
        padding: 11px 16px !important;
        color: #122334 !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 15px !important;
        line-height: 1.35 !important;
        text-decoration: none !important;
    }

    body[data-page="1"] .bootstrap-select .dropdown-menu .dropdown-item.active,
    body[data-page="1"] .bootstrap-select .dropdown-menu .dropdown-item:active,
    body[data-page="1"] .bootstrap-select .dropdown-menu li.selected a {
        background: #f4fbf4 !important;
        color: #008000 !important;
    }
}


/* =========================================================
   v1.0.141 ALL_VIEWPORTS_NATIVE_SELECT_CLEAN
   Native JTL/Wawi-Varianten-Dropdowns einheitlich auf
   Desktop, Tablet und Mobil gestalten.
   Keine Varianten-JS-Manipulation.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.141";
}

/* Variantenbereich auf allen Geräten ruhig und einheitlich */
body[data-page="1"] #product-offer .row.variations,
body[data-page="1"] #product-offer .row.variations.switch-variations {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px 0 22px 0 !important;
    padding: 0 !important;
    border-top: 1px solid #008000 !important;
    border-bottom: 1px solid #edf1ec !important;
    box-sizing: border-box !important;
}

body[data-page="1"] #product-offer .row.variations.switch-variations > [class*="col"],
body[data-page="1"] #product-offer .variation-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 16px 0 18px 0 !important;
    box-sizing: border-box !important;
}

/* Label */
body[data-page="1"] #product-offer .variation-wrapper > dt {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    color: #4f5962 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    text-align: left !important;
}

body[data-page="1"] #product-offer .variation-wrapper > dt .swatches-selected {
    color: #008000 !important;
    font-weight: 500 !important;
}

body[data-page="1"] #product-offer .variation-wrapper > dd,
body[data-page="1"] #product-offer .variation-wrapper > dd.form-group {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Bootstrap-Select Wrapper */
body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select,
body[data-page="1"] #product-offer .variation-wrapper .dropdown.bootstrap-select,
body[data-page="1"] #product-offer .variation-wrapper .btn-group.bootstrap-select,
body[data-page="1"] #product-offer .variation-wrapper .select-wrapper,
body[data-page="1"] #product-offer .variation-wrapper .form-control-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

/* Bootstrap-Select Button */
body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle,
body[data-page="1"] #product-offer .variation-wrapper .dropdown-toggle.btn,
body[data-page="1"] #product-offer .variation-wrapper button.dropdown-toggle {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 44px 0 16px !important;
    border: 1px solid #cfd8cf !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    color: #122334 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 54px !important;
    font-weight: 500 !important;
    letter-spacing: .01em !important;
    text-align: left !important;
    box-shadow: 0 8px 20px rgba(17, 24, 39, .045) !important;
    outline: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle:focus,
body[data-page="1"] #product-offer .variation-wrapper .dropdown-toggle.btn:focus,
body[data-page="1"] #product-offer .variation-wrapper button.dropdown-toggle:focus,
body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select.show > .dropdown-toggle {
    border-color: #008000 !important;
    box-shadow: 0 0 0 3px rgba(0, 128, 0, .10) !important;
    outline: none !important;
}

body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select .filter-option,
body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select .filter-option-inner,
body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select .filter-option-inner-inner {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    color: #122334 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 54px !important;
    font-weight: 500 !important;
    text-align: left !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Sauberer Pfeil */
body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select > .dropdown-toggle::after,
body[data-page="1"] #product-offer .variation-wrapper .dropdown-toggle.btn::after,
body[data-page="1"] #product-offer .variation-wrapper button.dropdown-toggle::after {
    content: "" !important;
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    width: 8px !important;
    height: 8px !important;
    margin: -5px 0 0 0 !important;
    border: 0 !important;
    border-right: 2px solid #122334 !important;
    border-bottom: 2px solid #122334 !important;
    transform: rotate(45deg) !important;
}

/* Native Select */
body[data-page="1"] #product-offer .variation-wrapper select,
body[data-page="1"] #product-offer .variation-wrapper select.form-control,
body[data-page="1"] #product-offer .variation-wrapper select.custom-select,
body[data-page="1"] #product-offer .variations select,
body[data-page="1"] #product-offer .variations select.form-control,
body[data-page="1"] #product-offer .variations select.custom-select {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 0 44px 0 16px !important;
    border: 1px solid #cfd8cf !important;
    border-radius: 14px !important;
    background-color: #ffffff !important;
    color: #122334 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 54px !important;
    font-weight: 500 !important;
    letter-spacing: .01em !important;
    box-shadow: 0 8px 20px rgba(17, 24, 39, .045) !important;
    outline: none !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image:
        linear-gradient(45deg, transparent 50%, #122334 50%),
        linear-gradient(135deg, #122334 50%, transparent 50%) !important;
    background-position:
        calc(100% - 23px) 24px,
        calc(100% - 16px) 24px !important;
    background-size:
        7px 7px,
        7px 7px !important;
    background-repeat: no-repeat !important;
}

body[data-page="1"] #product-offer .variation-wrapper select:focus,
body[data-page="1"] #product-offer .variation-wrapper select.form-control:focus,
body[data-page="1"] #product-offer .variation-wrapper select.custom-select:focus {
    border-color: #008000 !important;
    box-shadow: 0 0 0 3px rgba(0, 128, 0, .10) !important;
    outline: none !important;
}

/* Bootstrap-Select versteckt den echten Select, wenn aktiv */
body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select select,
body[data-page="1"] #product-offer .variation-wrapper select.bs-select-hidden,
body[data-page="1"] #product-offer .variation-wrapper select.selectpicker {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    min-height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Dropdown-Menü Desktop/Tablet/Mobil nicht über die ganze Seite ziehen */
body[data-page="1"] .bootstrap-select .dropdown-menu {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    border: 1px solid #dfe7df !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 35px rgba(17, 24, 39, .16) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body[data-page="1"] .bootstrap-select .dropdown-menu.inner {
    max-height: 320px !important;
    overflow-y: auto !important;
}

body[data-page="1"] .bootstrap-select .dropdown-menu .dropdown-item,
body[data-page="1"] .bootstrap-select .dropdown-menu li a {
    min-height: 44px !important;
    padding: 11px 16px !important;
    color: #122334 !important;
    font-family: "Oswald", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
}

body[data-page="1"] .bootstrap-select .dropdown-menu .dropdown-item.active,
body[data-page="1"] .bootstrap-select .dropdown-menu .dropdown-item:active,
body[data-page="1"] .bootstrap-select .dropdown-menu li.selected a {
    background: #f4fbf4 !important;
    color: #008000 !important;
}

/* Desktop: nicht zu breit, damit es wie mobil kompakt bleibt */
@media (min-width: 992px) {
    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select,
    body[data-page="1"] #product-offer .variation-wrapper .dropdown.bootstrap-select,
    body[data-page="1"] #product-offer .variation-wrapper select,
    body[data-page="1"] #product-offer .variation-wrapper select.form-control,
    body[data-page="1"] #product-offer .variation-wrapper select.custom-select {
        max-width: 420px !important;
    }
}

/* Mobil volle Kartenbreite */
@media (max-width: 767.98px) {
    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select,
    body[data-page="1"] #product-offer .variation-wrapper .dropdown.bootstrap-select,
    body[data-page="1"] #product-offer .variation-wrapper select,
    body[data-page="1"] #product-offer .variation-wrapper select.form-control,
    body[data-page="1"] #product-offer .variation-wrapper select.custom-select {
        max-width: 100% !important;
    }
}


/* =========================================================
   v1.0.142 VARIATION_DROPDOWN_NO_SCROLL
   Varianten-Dropdown ohne internen Scrollbalken:
   alle Variantenwerte sollen sichtbar sein.
   Desktop, Tablet und Mobil.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.142";
}

/* Bootstrap-Select: interne Höhe nicht begrenzen */
body[data-page="1"] .bootstrap-select .dropdown-menu,
body[data-page="1"] .bootstrap-select .dropdown-menu.inner,
body[data-page="1"] .bootstrap-select .inner,
body[data-page="1"] .bootstrap-select .dropdown-menu .inner,
body[data-page="1"] #product-offer .bootstrap-select .dropdown-menu,
body[data-page="1"] #product-offer .bootstrap-select .dropdown-menu.inner,
body[data-page="1"] #product-offer .bootstrap-select .inner {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
}

/* Falls Bootstrap-Select Inline-Styles für max-height setzt */
body[data-page="1"] .bootstrap-select.open .dropdown-menu,
body[data-page="1"] .bootstrap-select.show .dropdown-menu,
body[data-page="1"] .bootstrap-select.open .dropdown-menu.inner,
body[data-page="1"] .bootstrap-select.show .dropdown-menu.inner,
body[data-page="1"] #product-offer .bootstrap-select.open .dropdown-menu,
body[data-page="1"] #product-offer .bootstrap-select.show .dropdown-menu,
body[data-page="1"] #product-offer .bootstrap-select.open .dropdown-menu.inner,
body[data-page="1"] #product-offer .bootstrap-select.show .dropdown-menu.inner {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
}

/* Alle Listenpunkte sichtbar, keine gekürzte Innenliste */
body[data-page="1"] .bootstrap-select .dropdown-menu li,
body[data-page="1"] .bootstrap-select .dropdown-menu li a,
body[data-page="1"] .bootstrap-select .dropdown-menu .dropdown-item {
    display: block !important;
    visibility: visible !important;
}

/* Menü darf nach unten vollständig aufklappen */
body[data-page="1"] .bootstrap-select .dropdown-menu.show {
    max-height: none !important;
    height: auto !important;
    overflow-y: visible !important;
}

/* Falls Popper/Dropdown eine Transform-/Height-Begrenzung setzt */
body[data-page="1"] .bootstrap-select .dropdown-menu[x-placement],
body[data-page="1"] .bootstrap-select .dropdown-menu[data-popper-placement] {
    max-height: none !important;
    overflow-y: visible !important;
}


/* =========================================================
   v1.0.143 DESKTOP_VARIATION_DROPDOWN_FORCE_DOWN
   Varianten-Dropdown auf Desktop grundsätzlich nach unten öffnen.
   Tablet/Mobil bleiben beim nativen Verhalten.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.143";
}

@media (min-width: 992px) {

    /* Bootstrap-Select / Dropdown innerhalb der Varianten niemals dropup */
    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select.dropup,
    body[data-page="1"] #product-offer .variation-wrapper .dropdown.dropup,
    body[data-page="1"] #product-offer .variation-wrapper .btn-group.dropup {
        position: relative !important;
    }

    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select.dropup .dropdown-menu,
    body[data-page="1"] #product-offer .variation-wrapper .dropdown.dropup .dropdown-menu,
    body[data-page="1"] #product-offer .variation-wrapper .btn-group.dropup .dropdown-menu,
    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select .dropdown-menu {
        top: 100% !important;
        bottom: auto !important;
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        margin-top: 8px !important;
        margin-bottom: 0 !important;
    }

    /* Falls Popper x-placement auf top setzt */
    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select .dropdown-menu[x-placement^="top"],
    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select .dropdown-menu[data-popper-placement^="top"] {
        top: 100% !important;
        bottom: auto !important;
        transform: none !important;
        margin-top: 8px !important;
        margin-bottom: 0 !important;
    }

    /* Sicherheitsnetz: Menü nicht oberhalb positionieren */
    body[data-page="1"] #product-offer .variation-wrapper .bootstrap-select.show .dropdown-menu,
    body[data-page="1"] #product-offer .variation-wrapper .dropdown.show .dropdown-menu {
        top: 100% !important;
        bottom: auto !important;
        transform: none !important;
        margin-top: 8px !important;
        margin-bottom: 0 !important;
    }
}


/* =========================================================
   v1.0.144 MOBILE_DESCRIPTION_UL_STABLE
   Mobile UL/LI-Checklisten in der Beschreibung stabilisieren.
   Hintergrund:
   Nach Erstaufruf/Reload konnten ältere JS-Markierungen die Einrückung
   unterschiedlich darstellen. Diese Regeln setzen die Beschreibung
   unabhängig vom Ladezeitpunkt immer gleich.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.144";
}

@media (max-width: 767.98px) {

    /* Beschreibung: Checklisten immer gleich behandeln */
    body[data-page="1"] #tab-description ul.checklist,
    body[data-page="1"] #description ul.checklist,
    body[data-page="1"] .description ul.checklist,
    body[data-page="1"] .beschreibung ul.checklist,
    body[data-page="1"] .product-description ul.checklist,
    body[data-page="1"] .tab-content .tab-pane ul.checklist,
    body[data-page="1"] ul.checklist.kobalz-pdl-mobile-description-checklist,
    body[data-page="1"] ul.checklist.kobalz-pdl-mobile-shortdesc-checklist {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        box-sizing: border-box !important;
    }

    /* Oberen Vorteilsblock ausdrücklich nicht mit dieser Beschreibungskorrektur verformen */
    body[data-page="1"] .kobalz-pdl-advantage-inner ul.checklist,
    body[data-page="1"] .kobalz-pdl-advantage-box ul.checklist,
    body[data-page="1"] .kobalz-pdl-advantages ul.checklist {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /* Beschreibung: LI-Einzug fix und unabhängig von JS-Klassen */
    body[data-page="1"] #tab-description ul.checklist > li,
    body[data-page="1"] #description ul.checklist > li,
    body[data-page="1"] .description ul.checklist > li,
    body[data-page="1"] .beschreibung ul.checklist > li,
    body[data-page="1"] .product-description ul.checklist > li,
    body[data-page="1"] .tab-content .tab-pane ul.checklist > li,
    body[data-page="1"] ul.checklist.kobalz-pdl-mobile-description-checklist > li,
    body[data-page="1"] ul.checklist.kobalz-pdl-mobile-shortdesc-checklist > li {
        position: relative !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 30px !important;
        padding-right: 4px !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    /* Beschreibung: Hakenposition fix */
    body[data-page="1"] #tab-description ul.checklist > li::before,
    body[data-page="1"] #description ul.checklist > li::before,
    body[data-page="1"] .description ul.checklist > li::before,
    body[data-page="1"] .beschreibung ul.checklist > li::before,
    body[data-page="1"] .product-description ul.checklist > li::before,
    body[data-page="1"] .tab-content .tab-pane ul.checklist > li::before,
    body[data-page="1"] ul.checklist.kobalz-pdl-mobile-description-checklist > li::before,
    body[data-page="1"] ul.checklist.kobalz-pdl-mobile-shortdesc-checklist > li::before {
        left: 6px !important;
        right: auto !important;
        margin-left: 0 !important;
        transform: none !important;
    }

    /* Falls ältere Regeln die Liste nachträglich weiter einrücken */
    body[data-page="1"] .tab-content .tab-pane ul.checklist.kobalz-pdl-mobile-description-checklist,
    body[data-page="1"] .tab-content .tab-pane ul.checklist.kobalz-pdl-mobile-shortdesc-checklist {
        padding-left: 14px !important;
    }

    body[data-page="1"] .tab-content .tab-pane ul.checklist.kobalz-pdl-mobile-description-checklist > li,
    body[data-page="1"] .tab-content .tab-pane ul.checklist.kobalz-pdl-mobile-shortdesc-checklist > li {
        padding-left: 30px !important;
    }
}


/* =========================================================
   v1.0.145 MOBILE_HIDE_ATTRIBUTE_TABLES
   Mobile Merkmale-/Attributtabellen in der Beschreibung ausblenden.
   Desktop bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.145";
}

@media (max-width: 767.98px) {

    /* Merkmale-/Attributtabellen mobil ausblenden */
    body[data-page="1"] #tab-description table,
    body[data-page="1"] #description table,
    body[data-page="1"] .description table,
    body[data-page="1"] .beschreibung table,
    body[data-page="1"] .product-description table,
    body[data-page="1"] .tab-content .tab-pane table,
    body[data-page="1"] .tab-content .tab-pane .table,
    body[data-page="1"] .tab-content .tab-pane .table-responsive,
    body[data-page="1"] .tab-content .tab-pane dl,
    body[data-page="1"] .tab-content .tab-pane .attributes,
    body[data-page="1"] .tab-content .tab-pane .product-attributes,
    body[data-page="1"] .tab-content .tab-pane .characteristics,
    body[data-page="1"] .tab-content .tab-pane .merkmal,
    body[data-page="1"] .tab-content .tab-pane .merkmale,
    body[data-page="1"] .tab-content .tab-pane .eigenschaften {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    /* Falls die Merkmale als vom Plugin markierter Block erkannt werden */
    body[data-page="1"] .kobalz-pdl-mobile-hide-attributes {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }
}


/* =========================================================
   v1.0.146 DESCRIPTION_UL_AFTER_SPACING
   In der Beschreibung grundsätzlich Abstand nach Checklisten.
   Desktop, Tablet und Mobil.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.146";
}

/* Beschreibung: nach jeder ul.checklist etwas Luft zum nächsten Inhalt */
body[data-page="1"] #tab-description ul.checklist,
body[data-page="1"] #description ul.checklist,
body[data-page="1"] .description ul.checklist,
body[data-page="1"] .beschreibung ul.checklist,
body[data-page="1"] .product-description ul.checklist,
body[data-page="1"] .tab-content .tab-pane ul.checklist {
    margin-bottom: 22px !important;
}

/* Oberer Vorteilsblock in der Buybox bleibt davon ausgenommen */
body[data-page="1"] .kobalz-pdl-advantage-inner ul.checklist,
body[data-page="1"] .kobalz-pdl-advantage-box ul.checklist,
body[data-page="1"] .kobalz-pdl-advantages ul.checklist {
    margin-bottom: 0 !important;
}


/* =========================================================
   v1.0.147 MOBILE_VARIATION_GALLERY_REBIND
   Marker only. Mobile Galerie-Funktion wird per JS nach Variantenwechsel neu gebunden.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.147";
}



/* =========================================================
   v1.0.149 DESKTOP_AMAZON_STYLE_GALLERY_MODAL
   Desktop: Amazon-artige Bildansicht mit großer Bildfläche,
   Thumbnail-Leiste und Vor/Zurück-Navigation.
   Mobil bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.149";
}

@media (min-width: 768px) {
    body[data-page="1"] .kobalz-pdl-desktop-gallery-target {
        cursor: zoom-in !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-modal {
        position: fixed !important;
        inset: 0 !important;
        z-index: 999999 !important;
        display: none !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 28px !important;
        background: rgba(0, 0, 0, .72) !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-modal.is-open {
        display: flex !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-dialog {
        position: relative !important;
        width: min(1180px, calc(100vw - 56px)) !important;
        height: min(820px, calc(100vh - 56px)) !important;
        display: grid !important;
        grid-template-columns: 112px minmax(0, 1fr) !important;
        gap: 18px !important;
        padding: 22px !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        box-shadow: 0 26px 80px rgba(0, 0, 0, .36) !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumbs {
        width: 112px !important;
        height: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 2px 4px 2px 2px !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumb {
        width: 88px !important;
        height: 88px !important;
        min-height: 88px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 6px !important;
        border: 1px solid #dfe6df !important;
        border-radius: 10px !important;
        background: #ffffff !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
        transition: border-color .16s ease, box-shadow .16s ease !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumb.is-active {
        border-color: #008000 !important;
        box-shadow: 0 0 0 2px rgba(0, 128, 0, .16) !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumb img {
        display: block !important;
        max-width: 100% !important;
        max-height: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-stage {
        position: relative !important;
        min-width: 0 !important;
        height: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-image {
        display: block !important;
        max-width: 100% !important;
        max-height: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
        user-select: none !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-close {
        position: absolute !important;
        top: 14px !important;
        right: 14px !important;
        z-index: 4 !important;
        width: 46px !important;
        height: 46px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #dfe6df !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        color: #122334 !important;
        font-size: 28px !important;
        line-height: 1 !important;
        font-weight: 400 !important;
        cursor: pointer !important;
        box-shadow: 0 12px 28px rgba(17, 24, 39, .16) !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-nav {
        position: absolute !important;
        top: 50% !important;
        z-index: 3 !important;
        width: 48px !important;
        height: 68px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        transform: translateY(-50%) !important;
        border: 1px solid #dfe6df !important;
        border-radius: 999px !important;
        background: rgba(255, 255, 255, .96) !important;
        color: #122334 !important;
        font-size: 34px !important;
        line-height: 1 !important;
        font-weight: 300 !important;
        cursor: pointer !important;
        box-shadow: 0 14px 30px rgba(17, 24, 39, .14) !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-prev {
        left: 18px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-next {
        right: 18px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-counter {
        position: absolute !important;
        left: 18px !important;
        bottom: 16px !important;
        z-index: 3 !important;
        padding: 7px 11px !important;
        border-radius: 999px !important;
        background: rgba(18, 35, 52, .82) !important;
        color: #ffffff !important;
        font-family: "Oswald", Arial, sans-serif !important;
        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 500 !important;
    }

    body.kobalz-pdl-gallery-open {
        overflow: hidden !important;
    }
}


/* =========================================================
   v1.0.150 CLEAN_AMAZON_GALLERY_ONLY
   Bereinigung: alte einfache Desktop-Lightbox entfernt.
   Aktiv bleibt nur die Amazon-artige Desktop-Galerie aus v1.0.149.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.150";
}


/* =========================================================
   v1.0.151 DESKTOP_GALLERY_80VW_RIGHT_THUMBS
   Desktop-Galerie: 80% Bildschirmbreite,
   großes Bild links, kleine Galerie rechts.
   Höhe bleibt wie bisher.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.151";
}

@media (min-width: 768px) {
    body[data-page="1"] .kobalz-pdl-gallery-dialog {
        width: 80vw !important;
        max-width: 80vw !important;
        height: min(820px, calc(100vh - 56px)) !important;
        grid-template-columns: minmax(0, 1fr) 118px !important;
        grid-template-areas: "stage thumbs" !important;
        gap: 20px !important;
        padding: 22px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-stage {
        grid-area: stage !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        padding: 10px 68px !important;
        background: #ffffff !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumbs {
        grid-area: thumbs !important;
        width: 118px !important;
        max-width: 118px !important;
        height: 100% !important;
        padding: 2px 2px 2px 8px !important;
        border-left: 1px solid #edf1ec !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumb {
        width: 88px !important;
        height: 88px !important;
        min-height: 88px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-image {
        max-width: 100% !important;
        max-height: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-prev {
        left: 18px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-next {
        right: 18px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-close {
        top: 14px !important;
        right: 14px !important;
    }
}

/* Auf sehr schmalen Desktop-/Tablet-Breiten nicht zu eng werden */
@media (min-width: 768px) and (max-width: 1100px) {
    body[data-page="1"] .kobalz-pdl-gallery-dialog {
        width: calc(100vw - 44px) !important;
        max-width: calc(100vw - 44px) !important;
        grid-template-columns: minmax(0, 1fr) 104px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-stage {
        padding: 10px 58px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumbs {
        width: 104px !important;
        max-width: 104px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumb {
        width: 78px !important;
        height: 78px !important;
        min-height: 78px !important;
    }
}


/* =========================================================
   v1.0.152 DESKTOP_GALLERY_BIG_IMAGE_BOTTOM_THUMB_SLIDER
   Desktop-Galerie:
   - Hauptbild maximal groß oben
   - Thumbnail-Galerie unten
   - größere Thumbnails
   - keine Scrollbar
   - Thumbnail-Slider mit Pfeilen
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.152";
}

@media (min-width: 768px) {
    body[data-page="1"] .kobalz-pdl-gallery-dialog {
        width: 80vw !important;
        max-width: 80vw !important;
        height: min(860px, calc(100vh - 56px)) !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: minmax(0, 1fr) 138px !important;
        grid-template-areas:
            "stage"
            "thumbs" !important;
        gap: 14px !important;
        padding: 18px 22px 20px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-stage {
        grid-area: stage !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        padding: 10px 74px !important;
        background: #ffffff !important;
        border-radius: 12px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-image {
        max-width: 100% !important;
        max-height: 100% !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumbs-wrap {
        grid-area: thumbs !important;
        position: relative !important;
        width: 100% !important;
        height: 138px !important;
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) 48px !important;
        gap: 12px !important;
        align-items: center !important;
        padding: 12px 0 0 !important;
        border-top: 1px solid #edf1ec !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumbs {
        grid-area: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 116px !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        gap: 14px !important;
        padding: 2px !important;
        border-left: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-behavior: smooth !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumbs::-webkit-scrollbar {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumb {
        flex: 0 0 108px !important;
        width: 108px !important;
        height: 108px !important;
        min-width: 108px !important;
        min-height: 108px !important;
        margin: 0 !important;
        padding: 7px !important;
        border-radius: 12px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumb-slide {
        width: 48px !important;
        height: 56px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid #dfe6df !important;
        border-radius: 999px !important;
        background: #ffffff !important;
        color: #122334 !important;
        font-size: 30px !important;
        line-height: 1 !important;
        font-weight: 300 !important;
        cursor: pointer !important;
        box-shadow: 0 10px 24px rgba(17, 24, 39, .12) !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumb-slide:hover,
    body[data-page="1"] .kobalz-pdl-gallery-thumb-slide:focus {
        border-color: #008000 !important;
        color: #008000 !important;
        outline: none !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-prev {
        left: 18px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-next {
        right: 18px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-counter {
        left: 18px !important;
        bottom: 16px !important;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    body[data-page="1"] .kobalz-pdl-gallery-dialog {
        width: calc(100vw - 44px) !important;
        max-width: calc(100vw - 44px) !important;
        grid-template-rows: minmax(0, 1fr) 124px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-stage {
        padding: 10px 58px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumbs-wrap {
        height: 124px !important;
        grid-template-columns: 44px minmax(0, 1fr) 44px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumbs {
        height: 104px !important;
        gap: 12px !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumb {
        flex-basis: 96px !important;
        width: 96px !important;
        height: 96px !important;
        min-width: 96px !important;
        min-height: 96px !important;
    }
}


/* =========================================================
   v1.0.153 DESKTOP_GALLERY_IMAGE_FULL_HEIGHT
   Desktop-Galerie:
   Hauptbild nutzt die komplette verfügbare Höhe der großen weißen Bildfläche.
   Thumbnail-Slider unten bleibt unverändert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.153";
}

@media (min-width: 768px) {
    body[data-page="1"] .kobalz-pdl-gallery-stage {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        align-items: stretch !important;
        justify-content: center !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-image {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}


/* =========================================================
   v1.0.155 DESKTOP_GALLERY_HIGHRES_IMAGE_RENDER
   Desktop-Galerie:
   Bild bleibt groß, wird aber nicht mehr aus kleinen Thumbnail-/SM-Quellen hochskaliert.
========================================================= */

body[data-page="1"] {
    --kobalz-pdl-asset-version: "1.0.155";
}

@media (min-width: 768px) {
    body[data-page="1"] .kobalz-pdl-gallery-image {
        image-rendering: auto !important;
        backface-visibility: hidden !important;
        transform: translateZ(0) !important;
    }

    body[data-page="1"] .kobalz-pdl-gallery-thumb img {
        image-rendering: auto !important;
    }
}


/* =========================================================
   v1.0.167 PRODUCTDETAIL_SLIDER_CARD_VISIBILITY_FIX
   Produktdetail-Slider: Titel und Preis wieder sichtbar.
   Ursache:
   Der Bildbereich konnte in bestimmten Sliderkarten zu viel Höhe einnehmen,
   wodurch Titel/Preis optisch nach unten gedrückt wurden.
   Keine TPL-Änderung. Kein DOM-Umbau. Kein JavaScript.
========================================================= */

body[data-page="1"] .kobalz-pdl-xsell-card {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 440px !important;
    overflow: visible !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card > a {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 440px !important;
    text-decoration: none !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image,
body[data-page="1"] .kobalz-pdl-xsell-card .productbox-image.square,
body[data-page="1"] .kobalz-pdl-xsell-card .square-image {
    flex: 0 0 250px !important;
    width: 100% !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image::before,
body[data-page="1"] .kobalz-pdl-xsell-card .productbox-image.square::before,
body[data-page="1"] .kobalz-pdl-xsell-card .square-image::before {
    display: none !important;
    content: none !important;
    padding-bottom: 0 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image .inner {
    position: static !important;
    width: 100% !important;
    height: 250px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img,
body[data-page="1"] .kobalz-pdl-xsell-card .product-image {
    display: block !important;
    max-width: 88% !important;
    max-height: 220px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc {
    display: block !important;
    min-height: 48px !important;
    margin: 16px 18px 10px 18px !important;
    color: #1f2f3d !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    text-align: left !important;
    overflow: hidden !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
    display: block !important;
    margin: auto 18px 18px 18px !important;
    padding: 0 !important;
    text-align: left !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price_wrapper {
    margin: 0 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .productbox-price,
body[data-page="1"] .kobalz-pdl-xsell-card .price {
    display: block !important;
    color: #1f2f3d !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-card {
        min-height: 390px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card > a {
        min-height: 390px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image,
    body[data-page="1"] .kobalz-pdl-xsell-card .productbox-image.square,
    body[data-page="1"] .kobalz-pdl-xsell-card .square-image {
        flex-basis: 210px !important;
        height: 210px !important;
        min-height: 210px !important;
        max-height: 210px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image .inner {
        height: 210px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img,
    body[data-page="1"] .kobalz-pdl-xsell-card .product-image {
        max-height: 185px !important;
    }
}


/* =========================================================
   v1.0.167 PRODUCTDETAIL_SLIDER_CLEAN_HEIGHTS
   Saubere Sliderkarten ohne alte feste Inline-Höhen.
========================================================= */
body[data-page="1"] .kobalz-pdl-xsell,
body[data-page="1"] .kobalz-pdl-xsell-slider-wrap,
body[data-page="1"] .kobalz-pdl-xsell-track,
body[data-page="1"] .kobalz-pdl-xsell-grid {
    overflow: visible !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card > a {
    display: flex !important;
    flex-direction: column !important;
    min-height: 430px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image,
body[data-page="1"] .kobalz-pdl-xsell-card .productbox-image.square,
body[data-page="1"] .kobalz-pdl-xsell-card .square-image {
    flex: 0 0 250px !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image::before,
body[data-page="1"] .kobalz-pdl-xsell-card .productbox-image.square::before,
body[data-page="1"] .kobalz-pdl-xsell-card .square-image::before {
    display: none !important;
    content: none !important;
    padding-bottom: 0 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image .inner {
    position: static !important;
    width: 100% !important;
    height: 250px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img,
body[data-page="1"] .kobalz-pdl-xsell-card .product-image {
    max-width: 88% !important;
    max-height: 220px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc {
    display: block !important;
    min-height: 48px !important;
    margin: 16px 18px 10px 18px !important;
    color: #1f2f3d !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    text-align: left !important;
    overflow: hidden !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
    display: block !important;
    margin: auto 18px 18px 18px !important;
    padding: 0 !important;
    text-align: left !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price_wrapper {
    margin: 0 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .productbox-price,
body[data-page="1"] .kobalz-pdl-xsell-card .price {
    display: block !important;
    color: #1f2f3d !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-card > a {
        min-height: 390px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image,
    body[data-page="1"] .kobalz-pdl-xsell-card .productbox-image.square,
    body[data-page="1"] .kobalz-pdl-xsell-card .square-image {
        flex-basis: 210px !important;
        height: 210px !important;
        min-height: 210px !important;
        max-height: 210px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image .inner {
        height: 210px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img,
    body[data-page="1"] .kobalz-pdl-xsell-card .product-image {
        max-height: 185px !important;
    }
}


/* =========================================================
   v1.0.167 XSELL_CARDS_VISIBLE_FINAL
   Finales Layout fuer Produktdetail-Sliderkarten nach Entfernung alter JS-Hoehen.
========================================================= */
body[data-page="1"] .kobalz-pdl-xsell,
body[data-page="1"] .kobalz-pdl-xsell-slider-wrap,
body[data-page="1"] .kobalz-pdl-xsell-track,
body[data-page="1"] .kobalz-pdl-xsell-grid {
    overflow: visible !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card > a {
    display: flex !important;
    flex-direction: column !important;
    min-height: 430px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    text-decoration: none !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image {
    flex: 0 0 250px !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image::before {
    display: none !important;
    content: none !important;
    padding-bottom: 0 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image .inner {
    position: static !important;
    width: 100% !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img,
body[data-page="1"] .kobalz-pdl-xsell-card .product-image {
    display: block !important;
    max-width: 88% !important;
    max-height: 220px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc {
    display: block !important;
    min-height: 48px !important;
    margin: 16px 18px 10px 18px !important;
    color: #1f2f3d !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    text-align: left !important;
    overflow: hidden !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
    display: block !important;
    margin: auto 18px 18px 18px !important;
    padding: 0 !important;
    text-align: left !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price_wrapper {
    margin: 0 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .productbox-price,
body[data-page="1"] .kobalz-pdl-xsell-card .price {
    display: block !important;
    color: #1f2f3d !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-card > a {
        min-height: 390px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image .inner {
        height: 210px !important;
        min-height: 210px !important;
        max-height: 210px !important;
        flex-basis: 210px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image img,
    body[data-page="1"] .kobalz-pdl-xsell-card .product-image {
        max-height: 185px !important;
    }
}


/* =========================================================
   v1.0.167 XSELL_IMAGE_CENTERING_FIX
   Produktdetail-Slider: Bilder sauber mittig in der Bildbox.
   Keine TPL-Änderung. Kein DOM-Umbau. Kein JavaScript.
========================================================= */

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image .inner {
    position: static !important;
    inset: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    width: 100% !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 auto !important;
    overflow: hidden !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image picture {
    width: 100% !important;
    height: 250px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image img.product-image,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image .product-image {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 86% !important;
    max-height: 210px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
}

/* Falls ein Bild durch NOVA absolute/relative Altregeln verschoben wird. */
body[data-page="1"] .kobalz-pdl-xsell-card .square-image img,
body[data-page="1"] .kobalz-pdl-xsell-card .square img {
    position: static !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image .inner,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image picture {
        height: 210px !important;
        min-height: 210px !important;
        max-height: 210px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image img.product-image,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider.productbox-image.square.square-image .product-image {
        max-height: 180px !important;
        max-width: 86% !important;
    }
}


/* =========================================================
   v1.0.167 XSELL_BASEPRICE_DESIGN
   Grundpreis in den Produktdetail-Sliderkarten.
   Struktur kommt sauber aus snippets/slider_items.tpl.
========================================================= */

body[data-page="1"] .kobalz-pdl-xsell-card .kobalz-pdl-xsell-baseprice {
    display: block !important;
    min-height: 18px !important;
    margin: -10px 18px 14px 18px !important;
    color: #6b7280 !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    text-align: left !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .kobalz-pdl-xsell-baseprice a {
    color: inherit !important;
    text-decoration: none !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .kobalz-pdl-xsell-baseprice .footnote-reference,
body[data-page="1"] .kobalz-pdl-xsell-card .kobalz-pdl-xsell-baseprice sup {
    display: inline-block !important;
    position: relative !important;
    top: -0.35em !important;
    margin-left: 2px !important;
    font-size: 0.72em !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-card .kobalz-pdl-xsell-baseprice {
        margin: -8px 14px 12px 14px !important;
        font-size: 13px !important;
    }
}


/* =========================================================
   v1.0.167 XSELL_PRICEBOX_POLISH
   Produktdetail-Slider: Preisbox niedriger, Preis luftiger
   und Grundpreis sauber integriert.
========================================================= */

body[data-page="1"] .kobalz-pdl-xsell-card > a {
    min-height: 405px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
    display: block !important;
    margin: auto 16px 16px 16px !important;
    padding: 10px 14px 11px 14px !important;
    min-height: 76px !important;
    max-height: none !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #f7fbf7 0%, #eef7ee 100%) !important;
    border: 1px solid rgba(0, 128, 0, 0.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
    text-align: left !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price_wrapper {
    margin: 0 !important;
    padding: 0 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price-note {
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .productbox-price,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #1f2f3d !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 23px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .productbox-price span,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price > span {
    display: inline-flex !important;
    align-items: flex-start !important;
    gap: 4px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .footnote-reference {
    display: inline-block !important;
    position: relative !important;
    top: -0.42em !important;
    margin-left: 1px !important;
    color: #008000 !important;
    font-size: 0.58em !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

/* Grundpreis aus der NOVA-price-note innerhalb der Preisbox */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .base-price {
    display: block !important;
    margin: 5px 0 0 0 !important;
    padding: 0 !important;
    color: #69746d !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.28 !important;
    font-weight: 400 !important;
}

/* Falls die separate Kobalz-Grundpreiszeile aus der TPL genutzt wird. */
body[data-page="1"] .kobalz-pdl-xsell-card .kobalz-pdl-xsell-baseprice {
    display: block !important;
    margin: -10px 16px 14px 16px !important;
    padding: 0 2px !important;
    color: #69746d !important;
    font-family: Oswald, Arial, sans-serif !important;
    font-size: 13.5px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    text-align: left !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-card > a {
        min-height: 370px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
        margin: auto 12px 14px 12px !important;
        padding: 9px 12px 10px 12px !important;
        min-height: 70px !important;
        border-radius: 10px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .productbox-price,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price {
        font-size: 21px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .base-price,
    body[data-page="1"] .kobalz-pdl-xsell-card .kobalz-pdl-xsell-baseprice {
        font-size: 12.8px !important;
    }
}


/* =========================================================
   v1.0.167 XSELL_HORIZONTAL_OVERFLOW_FIX
   Verhindert horizontales Verrutschen der gesamten Produktseite.
   Ursache: Produktdetail-Slider/Grid kann breiter als Viewport werden.
========================================================= */

/* Sicherheitsnetz nur auf Artikeldetailseiten */
html:has(body[data-page="1"]),
body[data-page="1"] {
    max-width: 100% !important;
    overflow-x: clip !important;
}

@supports not (overflow-x: clip) {
    body[data-page="1"] {
        overflow-x: hidden !important;
    }
}

/* Produktdetail-Hauptbereiche nicht breiter als der Viewport werden lassen */
body[data-page="1"] #main-wrapper,
body[data-page="1"] #content-wrapper,
body[data-page="1"] #content,
body[data-page="1"] .product-detail,
body[data-page="1"] #product-offer {
    max-width: 100% !important;
    overflow-x: clip !important;
}

@supports not (overflow-x: clip) {
    body[data-page="1"] #main-wrapper,
    body[data-page="1"] #content-wrapper,
    body[data-page="1"] #content,
    body[data-page="1"] .product-detail,
    body[data-page="1"] #product-offer {
        overflow-x: hidden !important;
    }
}

/* Slider selbst sauber im Content halten */
body[data-page="1"] .kobalz-pdl-xsell {
    width: 100% !important;
    max-width: min(1680px, calc(100vw - 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
}

body[data-page="1"] .kobalz-pdl-xsell-slider-wrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
}

body[data-page="1"] .kobalz-pdl-xsell-track {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    overscroll-behavior-x: contain !important;
}

body[data-page="1"] .kobalz-pdl-xsell-grid {
    max-width: none !important;
}

/* Pfeile dürfen sichtbar bleiben, aber nicht die Seite verbreitern */
body[data-page="1"] .kobalz-pdl-xsell-arrow-prev {
    left: 0 !important;
    transform: translate(-50%, -50%) !important;
}

body[data-page="1"] .kobalz-pdl-xsell-arrow-next {
    right: 0 !important;
    transform: translate(50%, -50%) !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-pdl-xsell {
        max-width: calc(100vw - 24px) !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-arrow-prev {
        left: 8px !important;
        transform: translate(0, -50%) !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-arrow-next {
        right: 8px !important;
        transform: translate(0, -50%) !important;
    }
}


/* =========================================================
   v1.0.176 XSELL_PRICEBOX_STOCK_BADGE_INSTALL_FIX
   Produktdetail-Slider: Preisbox links Preis/Grundpreis,
   rechts Lager-Hinweis bei lagerndem Artikel.
========================================================= */
body[data-page="1"] .kobalz-pdl-xsell-card .price-note {
    display: block !important;
    margin-top: 10px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price-note .kobalz-pdl-pricebox-meta {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 40px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price-note .kobalz-pdl-pricebox-meta-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: flex-end !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price-note .kobalz-pdl-xsell-baseprice {
    margin: 0 !important;
    color: #56655a !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price-note .kobalz-pdl-pricebox-meta-right {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: stretch !important;
    padding-left: 12px !important;
    border-left: 1px solid #d7e2d5 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price-note .kobalz-pdl-stock-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 6px 0 !important;
    color: #1d5b2b !important;
    text-align: left !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price-note .kobalz-pdl-stock-badge-icon {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #46a64d 0%, #2e8a38 100%) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 10px rgba(46, 138, 56, 0.18) !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price-note .kobalz-pdl-stock-badge-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    line-height: 1.05 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price-note .kobalz-pdl-stock-badge-line1 {
    display: block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #255f33 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .price-note .kobalz-pdl-stock-badge-line2 {
    display: block !important;
    margin-top: 2px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #4c6454 !important;
}


/* =========================================================
   v1.0.178 XSELL_STOCK_BADGE_PLUGIN_ONLY
   Lager-Badge wird komplett serverseitig über das Plugin
   direkt in .item-slider-price eingefügt.
========================================================= */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price_wrapper {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    order: 1 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge {
    order: 2 !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 7px 0 7px 14px !important;
    margin-left: 4px !important;
    border-left: 1px solid #d7e2d5 !important;
    color: #1d5b2b !important;
    text-align: left !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge .kobalz-pdl-stock-badge-icon {
    flex: 0 0 25px !important;
    width: 25px !important;
    height: 25px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #46a64d 0%, #2e8a38 100%) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 10px rgba(46, 138, 56, 0.18) !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge .kobalz-pdl-stock-badge-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge .kobalz-pdl-stock-badge-line1 {
    display: block !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #255f33 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge .kobalz-pdl-stock-badge-line2 {
    display: block !important;
    margin-top: 2px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #4c6454 !important;
}


/* =========================================================
   v1.0.179 XSELL_PRICE_THREE_DIGIT_FIT
   Produktdetail-Slider: dreistellige Preise bleiben trotz
   Lager-Badge sauber in einer Zeile.
========================================================= */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
    padding: 13px 12px 14px 16px !important;
    gap: 10px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price_wrapper {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 82px) !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .productbox-price,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price_wrapper .price,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price_wrapper .productbox-price,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price_wrapper .price span,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price_wrapper .productbox-price span {
    white-space: nowrap !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .productbox-price {
    font-size: 22px !important;
    line-height: 1.05 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge {
    flex: 0 0 72px !important;
    width: 72px !important;
    min-width: 72px !important;
    gap: 7px !important;
    padding: 6px 0 6px 10px !important;
    margin-left: 0 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge .kobalz-pdl-stock-badge-icon {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    font-size: 13px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge .kobalz-pdl-stock-badge-line1 {
    font-size: 10px !important;
    line-height: 1.05 !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge .kobalz-pdl-stock-badge-line2 {
    font-size: 11px !important;
    line-height: 1.05 !important;
}

@media (min-width: 1300px) {
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .productbox-price {
        font-size: 23px !important;
    }
}

@media (max-width: 1299.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price {
        padding-left: 14px !important;
        padding-right: 10px !important;
        gap: 8px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge {
        flex-basis: 68px !important;
        width: 68px !important;
        min-width: 68px !important;
        padding-left: 9px !important;
    }

    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .price,
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price .productbox-price {
        font-size: 21px !important;
    }
}


/* =========================================================
   v1.0.180 XSELL_STOCK_BADGE_NUDGE_LEFT
   Lager-Badge minimal nach links setzen.
========================================================= */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge {
    transform: translateX(-5px) !important;
}

@media (max-width: 1299.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge {
        transform: translateX(-4px) !important;
    }
}


/* =========================================================
   v1.0.181 XSELL_STOCK_BADGE_NUDGE_LEFT_MORE
   Lager-Badge nochmals ein kleines Stück weiter nach links.
========================================================= */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge {
    transform: translateX(-9px) !important;
}

@media (max-width: 1299.98px) {
    body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-price > .kobalz-pdl-stock-badge {
        transform: translateX(-7px) !important;
    }
}


/* =========================================================
   v1.0.183 XSELL_STOCK_BADGE_MEDIA_PRODUCT_ID
   Badge-Ausgabe wird serverseitig nur bei echtem
   tartikel.fLagerbestand > 0 erzeugt.
   Die kArtikel-Erkennung nutzt auch /media/image/product/<id>/.
========================================================= */


/* =========================================================
   v1.0.184 XSELL_STOCK_BADGE_CARD_WINDOW_FIX
   Badge-Ausgabe nutzt jetzt das komplette lange Sliderkarten-
   HTML und findet /media/image/product/<kArtikel>/ zuverlässig.
   Optik/Position aus v1.0.181 bleibt erhalten.
========================================================= */


/* =========================================================
   v1.0.185 XSELL_STOCK_BADGE_ARRAY_RETURN_STOCK_QUERY
   Lagerbestandsprüfung nutzt kompatibel ARRAY_OF_OBJECTS
   und optional tlagerbestand als Fallback.
   Optik/Position aus v1.0.181 bleibt erhalten.
========================================================= */


/* =========================================================
   v1.0.186 XSELL_STOCK_BADGE_DOM_STOCK_SAFE
   Badge-Ausgabe serverseitig im DOM + HTML-Fallback.
   Keine globale Entfernung, wenn DB in spaetem Output-Buffer
   nicht verfuegbar ist.
========================================================= */


/* =========================================================
   v1.0.187 XSELL_TITLE_TRUE_TWO_LINE_CLAMP
   Produktdetail-Slider: Titel wirklich auf zwei Zeilen
   begrenzen. Ellipsis allein reichte nicht, weil NOVA-
   Inner-Elemente weiterhin eine dritte Zeile einnahmen.
========================================================= */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-title,
body[data-page="1"] .kobalz-pdl-xsell-card .productbox-title {
    display: block !important;
    height: 44px !important;
    max-height: 44px !important;
    min-height: 44px !important;
    overflow: hidden !important;
    line-height: 22px !important;
}

body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-title > a,
body[data-page="1"] .kobalz-pdl-xsell-card .productbox-title > a,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-title a,
body[data-page="1"] .kobalz-pdl-xsell-card .productbox-title a,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-title span[itemprop="name"],
body[data-page="1"] .kobalz-pdl-xsell-card .productbox-title span[itemprop="name"] {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 22px !important;
    white-space: normal !important;
    word-break: normal !important;
}

/* Fallback für Fälle, in denen der Name ohne Link/Span direkt im Titelcontainer steht. */
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-title,
body[data-page="1"] .kobalz-pdl-xsell-card .productbox-title {
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
}


/* =========================================================
   v1.0.188 XSELL_DESC_EXACT_TWO_LINE_CLAMP
   Tatsächliches NOVA-Element laut HTML:
   <span class="item-slider-desc text-clamp-2">
       <span itemprop="name">...</span>
   </span>
   Dieses Element wird exakt auf zwei Zeilen begrenzt.
========================================================= */
body[data-page="1"] .kobalz-pdl-xsell-card span.item-slider-desc.text-clamp-2,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc.text-clamp-2 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    line-height: 22px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

/* Der innere Produktname darf keine eigene dritte Zeile aufbauen. */
body[data-page="1"] .kobalz-pdl-xsell-card span.item-slider-desc.text-clamp-2 > span,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc.text-clamp-2 > span,
body[data-page="1"] .kobalz-pdl-xsell-card span.item-slider-desc.text-clamp-2 span[itemprop="name"],
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc.text-clamp-2 span[itemprop="name"] {
    display: inline !important;
    line-height: inherit !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: inherit !important;
}

/* Zusätzlicher harter Fallback: alles nach zwei Zeilen wird verdeckt. */
body[data-page="1"] .kobalz-pdl-xsell-card span.item-slider-desc.text-clamp-2::after,
body[data-page="1"] .kobalz-pdl-xsell-card .item-slider-desc.text-clamp-2::after {
    content: "" !important;
    display: block !important;
}


/* =========================================================
   v1.0.189 DESKTOP_GALLERY_DELEGATED_MAIN_CLICK
   Hauptbild bleibt nach Thumbnail-Wechsel als Galerie-Trigger erkennbar.
========================================================= */
body[data-page="1"] #product-offer .kbx-detail-main,
body[data-page="1"] #product-offer .kbx-detail-main-item,
body[data-page="1"] #product-offer .kbx-detail-main img,
body[data-page="1"] #product-offer .kbx-detail-main-item img {
    cursor: zoom-in !important;
}


/* =========================================================
   KOBALZ PRODUCTDETAIL LAYOUT v2.0.19
   MOBILE_STICKY_ACTION_BAR
   Nur mobil, nur Artikeldetailseite.
   Desktop bleibt unverändert.
========================================================= */
.kobalz-mobile-pdp-bar {
    display: none !important;
}

@media (max-width: 991.98px) {
    body[data-page="1"] {
        padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-bar {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 2147482600 !important;
        display: grid !important;
        grid-template-columns: 52px minmax(96px, 1fr) minmax(138px, 1.35fr) !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        min-height: 66px !important;
        padding: 9px 10px calc(9px + env(safe-area-inset-bottom)) 10px !important;
        margin: 0 !important;
        background: rgba(255,255,255,.98) !important;
        border-top: 1px solid #e2e8e4 !important;
        box-shadow: 0 -10px 28px rgba(15, 23, 42, .14) !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        box-sizing: border-box !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-bar *,
    body[data-page="1"] .kobalz-mobile-pdp-bar *::before,
    body[data-page="1"] .kobalz-mobile-pdp-bar *::after {
        box-sizing: border-box !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-bar button {
        min-width: 0 !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 14px !important;
        font-family: Oswald, Arial, sans-serif !important;
        line-height: 1 !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
        touch-action: manipulation !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-consent {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 52px !important;
        padding: 0 !important;
        color: #ffffff !important;
        background: #4fb7de !important;
        box-shadow: 0 6px 15px rgba(79,183,222,.26) !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-consent svg {
        width: 25px !important;
        height: 25px !important;
        display: block !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.9 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-whatsapp {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 6px !important;
        padding: 0 10px !important;
        background: #ecfff2 !important;
        color: #0b7a2f !important;
        border: 1px solid rgba(37, 211, 102, .38) !important;
        font-size: 15px !important;
        font-weight: 800 !important;
        letter-spacing: .01em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-whatsapp::before {
        content: "";
        display: inline-block !important;
        width: 17px !important;
        height: 17px !important;
        flex: 0 0 17px !important;
        border-radius: 50% !important;
        background: #25d366 !important;
        box-shadow: inset 0 0 0 4px #25d366, inset 0 0 0 6px #ecfff2 !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-cart {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        padding: 0 12px !important;
        background: linear-gradient(180deg, #078a07 0%, #006f00 100%) !important;
        color: #ffffff !important;
        box-shadow: 0 8px 18px rgba(0,128,0,.24) !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        letter-spacing: .01em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        overflow: hidden !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-cart::before {
        content: "🛒";
        display: inline-block !important;
        font-family: Arial, sans-serif !important;
        font-size: 16px !important;
        line-height: 1 !important;
        transform: translateY(-1px) !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-cart.is-loading {
        opacity: .72 !important;
        pointer-events: none !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-cart.is-loading::after {
        content: "";
        width: 14px !important;
        height: 14px !important;
        border-radius: 50% !important;
        border: 2px solid rgba(255,255,255,.55) !important;
        border-top-color: #ffffff !important;
        animation: kobalzMobilePdpSpin .75s linear infinite !important;
    }

    @keyframes kobalzMobilePdpSpin {
        to { transform: rotate(360deg); }
    }
}

@media (min-width: 992px) {
    body .kobalz-mobile-pdp-bar {
        display: none !important;
    }
}


/* =========================================================
   KOBALZ PRODUCTDETAIL LAYOUT v2.0.19
   MOBILE_STICKY_ACTION_BAR_NO_CONSENT_SHOPVOTE_HIDE
   Nur mobil: Consent-Button aus der unteren Leiste entfernen.
   ShopVote Badge mobil ausblenden.
========================================================= */
@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-mobile-pdp-bar {
        grid-template-columns: minmax(108px, 1fr) minmax(155px, 1.35fr) !important;
        gap: 9px !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-consent {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    /* ShopVote / Bewertungs-Floating-Badge mobil ausblenden, damit die neue Leiste frei bleibt. */
    body[data-page="1"] [id*="shopvote"],
    body[data-page="1"] [id*="ShopVote"],
    body[data-page="1"] [class*="shopvote"],
    body[data-page="1"] [class*="ShopVote"],
    body[data-page="1"] [id*="shop-vote"],
    body[data-page="1"] [class*="shop-vote"],
    body[data-page="1"] [id*="sv-badge"],
    body[data-page="1"] [class*="sv-badge"],
    body[data-page="1"] [id*="rating-badge"],
    body[data-page="1"] [class*="rating-badge"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}


/* =========================================================
   KOBALZ PRODUCTDETAIL LAYOUT v2.0.19
   MOBILE_BAR_COOKIE_SETTINGS_LINK
   Nur mobil: Eigener Cookie-Einstellungen-Link in der Sticky-Leiste.
   Keine Abhängigkeit vom Floating-Fingerprint des CMP.
========================================================= */
@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-mobile-pdp-bar {
        grid-template-columns: 74px minmax(92px, 1fr) minmax(135px, 1.35fr) !important;
        gap: 8px !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-cookie {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        margin: 0 !important;
        padding: 0 8px !important;
        border-radius: 14px !important;
        border: 1px solid #d7dfda !important;
        background: #ffffff !important;
        color: #17212b !important;
        box-shadow: 0 5px 14px rgba(15, 23, 42, .06) !important;
        font-family: Oswald, Arial, sans-serif !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
        letter-spacing: .01em !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
        touch-action: manipulation !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-cookie::before {
        content: "⚙";
        display: inline-block !important;
        flex: 0 0 auto !important;
        color: #008000 !important;
        font-family: Arial, sans-serif !important;
        font-size: 14px !important;
        line-height: 1 !important;
        transform: translateY(-1px) !important;
    }
}


/* =========================================================
   KOBALZ PRODUCTDETAIL LAYOUT v2.0.19
   MOBILE_HEADER_ACTIONS_PRICE_BAR
   Nur mobil: Cookie + WhatsApp oben neben Logo.
   Unten: Verkaufspreis + Warenkorb.
========================================================= */
@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-mobile-pdp-bar {
        grid-template-columns: minmax(122px, .92fr) minmax(150px, 1.08fr) !important;
        gap: 9px !important;
        min-height: 66px !important;
        padding: 9px 10px calc(9px + env(safe-area-inset-bottom)) 10px !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-cookie,
    body[data-page="1"] .kobalz-mobile-pdp-whatsapp {
        display: none !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 6px 10px !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        border: 1px solid #dfe8e1 !important;
        box-shadow: 0 5px 14px rgba(15, 23, 42, .06) !important;
        overflow: hidden !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price-amount {
        display: block !important;
        width: 100% !important;
        color: #17212b !important;
        font-family: Oswald, Arial, sans-serif !important;
        font-size: 20px !important;
        line-height: 1.05 !important;
        font-weight: 900 !important;
        letter-spacing: .01em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price-tax {
        display: block !important;
        width: 100% !important;
        margin-top: 3px !important;
        color: #68746d !important;
        font-family: Arial, sans-serif !important;
        font-size: 9.5px !important;
        line-height: 1.05 !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-top-actions {
        position: fixed !important;
        left: 236px !important;
        top: 22px !important;
        z-index: 2147482500 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        width: auto !important;
        height: 34px !important;
        margin: 0 !important;
        padding: 0 !important;
        pointer-events: auto !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-top-actions button {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        max-width: 32px !important;
        max-height: 32px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 999px !important;
        border: 1px solid rgba(0,0,0,.08) !important;
        background: #ffffff !important;
        color: #17212b !important;
        box-shadow: 0 4px 12px rgba(15, 23, 42, .10) !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent !important;
        touch-action: manipulation !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-top-cookie::before {
        content: "⚙" !important;
        display: block !important;
        color: #008000 !important;
        font-family: Arial, sans-serif !important;
        font-size: 17px !important;
        line-height: 1 !important;
        transform: translateY(-1px) !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-top-whatsapp::before {
        content: "" !important;
        display: block !important;
        width: 18px !important;
        height: 18px !important;
        border-radius: 50% !important;
        background: #25d366 !important;
        box-shadow: inset 0 0 0 4px #25d366, inset 0 0 0 6px #ffffff !important;
    }
}

@media (max-width: 380px) {
    body[data-page="1"] .kobalz-mobile-pdp-top-actions {
        left: 216px !important;
        top: 22px !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-bar {
        grid-template-columns: minmax(112px, .9fr) minmax(142px, 1.1fr) !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price-amount {
        font-size: 18px !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price-tax {
        font-size: 8.8px !important;
    }
}


/* =========================================================
   KOBALZ PRODUCTDETAIL LAYOUT v2.0.19
   MOBILE_BAR_PRICE_CART_ONLY_CLEANUP
   Nur mobil: Unten nur Preis links und Warenkorbbutton rechts.
   Cookie/WhatsApp-Aktionen aus der Produktdetail-Leiste entfernt.
========================================================= */
@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-mobile-pdp-top-actions,
    body[data-page="1"] .kobalz-mobile-pdp-cookie,
    body[data-page="1"] .kobalz-mobile-pdp-whatsapp,
    body[data-page="1"] .kobalz-mobile-pdp-top-cookie,
    body[data-page="1"] .kobalz-mobile-pdp-top-whatsapp {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        min-height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-bar {
        grid-template-columns: minmax(130px, .92fr) minmax(152px, 1.08fr) !important;
        align-items: center !important;
        gap: 9px !important;
        min-height: 66px !important;
        padding: 9px 10px calc(9px + env(safe-area-inset-bottom)) 10px !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 6px 10px !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        border: 1px solid #dfe8e1 !important;
        box-shadow: 0 5px 14px rgba(15, 23, 42, .06) !important;
        overflow: hidden !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price-amount {
        display: block !important;
        width: 100% !important;
        color: #17212b !important;
        font-family: Oswald, Arial, sans-serif !important;
        font-size: 20px !important;
        line-height: 1.05 !important;
        font-weight: 900 !important;
        letter-spacing: .01em !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price-tax {
        display: block !important;
        width: 100% !important;
        margin-top: 3px !important;
        color: #68746d !important;
        font-family: Arial, sans-serif !important;
        font-size: 9.5px !important;
        line-height: 1.05 !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-cart {
        justify-content: center !important;
        text-align: center !important;
        padding: 0 14px !important;
        gap: 0 !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-cart::before {
        display: none !important;
        content: none !important;
    }
}

@media (max-width: 380px) {
    body[data-page="1"] .kobalz-mobile-pdp-bar {
        grid-template-columns: minmax(118px, .9fr) minmax(142px, 1.1fr) !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price-amount {
        font-size: 18px !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price-tax {
        font-size: 8.8px !important;
    }
}


/* =========================================================
   KOBALZ PRODUCTDETAIL LAYOUT v2.0.19
   MOBILE_BAR_TAX_CENTER_UNDER_ROW_FROM_208
   Basis v2.0.19: Steuer-/Versandtext mittig unter
   Preis + Warenkorbbutton.
========================================================= */
@media (max-width: 991.98px) {
    body[data-page="1"] {
        padding-bottom: calc(82px + env(safe-area-inset-bottom)) !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-bar {
        grid-template-columns: minmax(130px, .92fr) minmax(152px, 1.08fr) !important;
        grid-template-rows: 48px 15px !important;
        align-items: center !important;
        gap: 5px 9px !important;
        min-height: 78px !important;
        padding: 8px 10px calc(7px + env(safe-area-inset-bottom)) 10px !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price {
        grid-column: 1 !important;
        grid-row: 1 !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price-amount {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price .kobalz-mobile-pdp-price-tax {
        display: none !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-cart {
        grid-column: 2 !important;
        grid-row: 1 !important;
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        justify-content: center !important;
        text-align: center !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-tax-row {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
        width: 100% !important;
        height: 15px !important;
        min-height: 15px !important;
        max-height: 15px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #68746d !important;
        font-family: Arial, sans-serif !important;
        font-size: 9px !important;
        line-height: 1 !important;
        font-weight: 600 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        pointer-events: none !important;
    }
}

@media (max-width: 380px) {
    body[data-page="1"] .kobalz-mobile-pdp-bar {
        grid-template-columns: minmax(118px, .9fr) minmax(142px, 1.1fr) !important;
        gap: 5px 7px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-tax-row {
        font-size: 8.3px !important;
    }
}


/* =========================================================
   KOBALZ PRODUCTDETAIL LAYOUT v2.0.19
   MOBILE_BAR_BASEPRICE_UNDER_PRICE_FROM_217
   Basis v2.0.19: Grundpreis unter Verkaufspreis, wenn vorhanden.
========================================================= */
@media (max-width: 991.98px) {
    body[data-page="1"] .kobalz-mobile-pdp-price {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 2px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price-amount {
        width: 100% !important;
        max-width: 100% !important;
        display: block !important;
        line-height: 1 !important;
    }

    body[data-page="1"] .kobalz-mobile-pdp-price-base {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #647064 !important;
        font-family: Arial, sans-serif !important;
        font-size: 8.6px !important;
        line-height: 1.05 !important;
        font-weight: 700 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

@media (max-width: 380px) {
    body[data-page="1"] .kobalz-mobile-pdp-price-base {
        font-size: 7.8px !important;
    }
}