:root {
    --kk-blue: #001132;
    --kk-yellow: #FFCB00;
    --kk-yellow-soft: #FFF4B8;
    --kk-grey-active: #F4F5F7;
    --kk-grey-border: #AAAAAA;
}


.main-navigation-link {
    color: var(--kk-blue) !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    padding: 8px 12px !important;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.main-navigation-link:hover,
.main-navigation-link:focus {
    background: var(--kk-yellow-soft) !important;
    color: var(--kk-blue) !important;
    font-family: inherit !important;
    font-weight: 500 !important;
}

.main-navigation-link.active,
.main-navigation-link.is-active,
.main-navigation-link.active:hover,
.main-navigation-link.is-active:hover,
.main-navigation-link.active:focus,
.main-navigation-link.is-active:focus {
    background: var(--kk-grey-active) !important;
    color: var(--kk-blue) !important;
    font-family: inherit !important;
    font-weight: 500 !important;
}


@media (max-width: 991.98px) {
    .main-navigation-link,
    .main-navigation-link:hover,
    .main-navigation-link:focus,
    .main-navigation-link.active,
    .main-navigation-link.is-active,
    .main-navigation-link.active:hover,
    .main-navigation-link.is-active:hover {
        background: transparent !important;
        color: var(--kk-blue) !important;
        box-shadow: none !important;
        font-family: inherit !important;
        font-weight: 500 !important;
    }

    .main-navigation-link.active,
    .main-navigation-link.is-active {
        border-bottom: none !important;
    }
}


.kk-accessibility-trigger {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    background-image: url("https://www.kuechenkonsum.de/media/94/39/c8/1787218996/barrierefreiheit.webp?ts=1787218996") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.kk-accessibility-trigger.kk-accessibility-image-loaded {
    background-color: transparent !important;
    background-image: url("https://www.kuechenkonsum.de/media/94/39/c8/1787218996/barrierefreiheit.webp?ts=1787218996") !important;
}

.kk-accessibility-trigger.kk-accessibility-image-fallback {
    position: fixed !important;
    background-color: var(--kk-blue) !important;
    background-image: none !important;
}

.kk-accessibility-trigger.kk-accessibility-image-fallback::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2052%2052%27%3E%3Ccircle%20cx%3D%2726%27%20cy%3D%2710%27%20r%3D%274%27%20fill%3D%27%23FFCB00%27/%3E%3Cpath%20fill%3D%27%23FFCB00%27%20d%3D%27M24%2017h4v24h-4zM14%2019h24v4H14zM18%2040l6-15h4l6%2015h-5l-3-8-3%208z%27/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 70% 70% !important;
    pointer-events: none !important;
}

.kk-accessibility-trigger svg,
.kk-accessibility-trigger img,
.kk-accessibility-trigger .icon {
    opacity: 0 !important;
    visibility: hidden !important;
}

[class*="accessibility"] button:not(.kk-accessibility-trigger),
[class*="barriere"] button:not(.kk-accessibility-trigger) {
    background-image: none;
}

[class*="accessibility"] button:not(.kk-accessibility-trigger) svg,
[class*="accessibility"] button:not(.kk-accessibility-trigger) img,
[class*="barriere"] button:not(.kk-accessibility-trigger) svg,
[class*="barriere"] button:not(.kk-accessibility-trigger) img {
    opacity: 1 !important;
    visibility: visible !important;
}

@media (max-width: 767.98px) {
    .kk-accessibility-trigger {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
    }
}

.scroll-up-button,
.scroll-up,
.btn-scroll-up,
.scroll-to-top,
button[class*="scroll-up"],
button[class*="scroll-to-top"],
a[class*="scroll-up"],
a[class*="scroll-to-top"],
div[class*="scroll-up"],
div[class*="scroll-to-top"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.kk-custom-scroll-top {
    position: fixed !important;
    right: 22px !important;
    top: 150px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    background-image: url("https://www.kuechenkonsum.de/media/b9/d0/c7/1787223435/Doppelpfeil Oben_(1).webp?ts=1787223436") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    z-index: 1045 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-6px);
    transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
}

.kk-custom-scroll-top.kk-scroll-image-loaded {
    background-color: transparent !important;
    background-image: url("https://www.kuechenkonsum.de/media/b9/d0/c7/1787223435/Doppelpfeil Oben_(1).webp?ts=1787223436") !important;
}

.kk-custom-scroll-top.kk-scroll-image-fallback {
    background-color: var(--kk-blue) !important;
    background-image: none !important;
}

.kk-custom-scroll-top.kk-scroll-image-fallback::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2052%2052%27%3E%3Cpath%20fill%3D%27%23FFCB00%27%20d%3D%27M14%2027l12-12%2012%2012-4.2%204.2L26%2023.4l-7.8%207.8z%27/%3E%3Cpath%20fill%3D%27%23FFCB00%27%20d%3D%27M14%2037l12-12%2012%2012-4.2%204.2L26%2033.4l-7.8%207.8z%27/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 72% 72% !important;
    pointer-events: none !important;
}

.kk-custom-scroll-top.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0);
}

.kk-custom-scroll-top:hover,
.kk-custom-scroll-top:focus {
    opacity: 0.92 !important;
    outline: none !important;
}

.kk-custom-home {
    position: fixed !important;
    right: 22px !important;
    top: 214px !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    background-image: url("https://www.kuechenkonsum.de/media/52/95/9f/1787229102/Homepage.webp?ts=1787229102") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    z-index: 1045 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    display: block !important;
    text-decoration: none !important;
    transform: translateY(-6px);
    transition: opacity 0.18s ease, visibility 0.18s ease, transform 0.18s ease;
}

.kk-custom-home.kk-home-image-loaded {
    background-color: transparent !important;
    background-image: url("https://www.kuechenkonsum.de/media/52/95/9f/1787229102/Homepage.webp?ts=1787229102") !important;
}

.kk-custom-home.kk-home-image-fallback {
    background-color: var(--kk-blue) !important;
    background-image: none !important;
}

.kk-custom-home.kk-home-image-fallback::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2052%2052%27%3E%3Cpath%20fill%3D%27%23FFCB00%27%20d%3D%27M8%2025.5L26%2010l18%2015.5-3.4%204L26%2016.9%2011.4%2029.5z%27/%3E%3Cpath%20fill%3D%27%23FFCB00%27%20d%3D%27M13%2027.5L26%2016.4l13%2011.1V43H30.5V32.5h-9V43H13z%27/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 68% 68% !important;
    pointer-events: none !important;
}

.kk-custom-home.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0);
}

.kk-custom-home:hover,
.kk-custom-home:focus {
    opacity: 0.92 !important;
    outline: none !important;
    text-decoration: none !important;
}

@media (max-width: 767.98px) {
    .kk-custom-scroll-top {
        right: 18px !important;
        top: 112px !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
    }

    .kk-custom-home {
        right: 18px !important;
        top: 172px !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
    }
}


/* MOBILE ANPASSUNG: Floating-Icons kleiner, weiter rechts und zuverlässig sichtbar */
@media (max-width: 767.98px) {
    .kk-custom-scroll-top,
    .kk-custom-home,
    .kk-accessibility-trigger {
        right: 5px !important;
        left: auto !important;
        width: 25px !important;
        height: 25px !important;
        min-width: 25px !important;
        min-height: 25px !important;
        max-width: 25px !important;
        max-height: 25px !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        z-index: 1060 !important;
    }

    .kk-custom-scroll-top {
        top: 112px !important;
        display: block !important;
        background-image: url("https://www.kuechenkonsum.de/media/b9/d0/c7/1787223435/Doppelpfeil Oben_(1).webp?ts=1787223436") !important;
    }

    .kk-custom-scroll-top.kk-scroll-image-loaded {
        background-image: url("https://www.kuechenkonsum.de/media/b9/d0/c7/1787223435/Doppelpfeil Oben_(1).webp?ts=1787223436") !important;
    }

    .kk-custom-home {
        top: 154px !important;
        display: block !important;
        background-image: url("https://www.kuechenkonsum.de/media/52/95/9f/1787229102/Homepage.webp?ts=1787229102") !important;
    }

    .kk-custom-home.kk-home-image-loaded {
        background-image: url("https://www.kuechenkonsum.de/media/52/95/9f/1787229102/Homepage.webp?ts=1787229102") !important;
    }

    .kk-accessibility-trigger,
    .kk-accessibility-trigger.kk-accessibility-image-loaded {
        background-image: url("https://www.kuechenkonsum.de/media/94/39/c8/1787218996/barrierefreiheit.webp?ts=1787218996") !important;
    }
}


/*
 * kuechenkonsum – Barrierefreiheit im Header
 * Bildbutton neben Mitglied und Warenkorb.
 * Der originale Floating-Button des Plugins wird technisch weiter genutzt,
 * aber unten rechts ausgeblendet.
 */

.kk-header-accessibility-col {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 14px !important;
    margin-right: 8px !important;
}

.kk-header-accessibility-button {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    vertical-align: middle !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    overflow: hidden !important;
}

.kk-header-accessibility-button:hover,
.kk-header-accessibility-button:focus,
.kk-header-accessibility-button:active {
    display: inline-flex !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
    outline: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: inherit !important;
}

.kk-header-accessibility-button:focus-visible {
    outline: 2px solid var(--kk-blue) !important;
    outline-offset: 3px !important;
}

.kk-header-accessibility-image {
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    object-fit: contain !important;
    object-position: center center !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    filter: none !important;
}

.kk-header-accessibility-button:hover .kk-header-accessibility-image,
.kk-header-accessibility-button:focus .kk-header-accessibility-image,
.kk-header-accessibility-button:active .kk-header-accessibility-image {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
}

.kk-header-accessibility-button .kk-header-accessibility-label {
    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;
}

.kk-accessibility-trigger:not(.kk-header-accessibility-button) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 767.98px) {
    .kk-header-accessibility-col {
        margin-left: 10px !important;
        margin-right: 8px !important;
    }

    .kk-header-accessibility-button {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        max-width: 22px !important;
        max-height: 22px !important;
    }

    .kk-header-accessibility-image {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        max-width: 22px !important;
        max-height: 22px !important;
    }
}


/* kuechenkonsum – rechte Floating-Icons Home und Nach oben entfernen */
.kk-custom-scroll-top,
.kk-custom-home {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* MOBILE ANSICHT: Nur Service & Widerrufen im Footer dauerhaft geöffnet halten */
@media (max-width: 767.98px) {
    .footer-main .kk-footer-force-open .collapse,
    .footer-main .kk-footer-force-open .collapse:not(.show),
    .footer-main .kk-footer-force-open .collapsing,
    .footer-main .kk-footer-force-open .footer-column-content,
    .footer-main .kk-footer-force-open .footer-column-content-inner,
    footer .kk-footer-force-open .collapse,
    footer .kk-footer-force-open .collapse:not(.show),
    footer .kk-footer-force-open .collapsing,
    footer .kk-footer-force-open .footer-column-content,
    footer .kk-footer-force-open .footer-column-content-inner {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        overflow: visible !important;
    }

    .footer-main .kk-footer-force-open [data-toggle="collapse"],
    .footer-main .kk-footer-force-open [data-bs-toggle="collapse"],
    footer .kk-footer-force-open [data-toggle="collapse"],
    footer .kk-footer-force-open [data-bs-toggle="collapse"] {
        pointer-events: none !important;
    }

    .footer-main .kk-footer-force-open .footer-column-toggle,
    .footer-main .kk-footer-force-open .footer-column-headline::after,
    footer .kk-footer-force-open .footer-column-toggle,
    footer .kk-footer-force-open .footer-column-headline::after {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
}


/*
 * kuechenkonsum – Barrierefreiheit im Header
 * Der originale Floating-Button des Plugins bleibt technisch vorhanden,
 * wird aber optisch ausgeblendet. Ausgelöst wird er über das Icon im Header.
 */

.kk-header-accessibility-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    padding: 0 !important;
    margin: 0 10px 0 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    background-image: url("https://www.kuechenkonsum.de/media/94/39/c8/1787218996/barrierefreiheit.webp?ts=1787218996") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 22px 22px !important;
    box-shadow: none !important;
    cursor: pointer !important;
    text-decoration: none !important;
    vertical-align: middle !important;
}

.kk-header-accessibility-button:hover,
.kk-header-accessibility-button:focus {
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    opacity: 0.9 !important;
}

.kk-header-accessibility-button:focus-visible {
    outline: 2px solid var(--kk-blue) !important;
    outline-offset: 3px !important;
}

.kk-header-accessibility-button .kk-header-accessibility-label {
    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;
}

.kk-accessibility-trigger:not(.kk-header-accessibility-button) {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

@media (max-width: 767.98px) {
    .kk-header-accessibility-button {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;
        max-width: 22px !important;
        max-height: 22px !important;
        margin-right: 5px !important;
        background-size: 22px 22px !important;
    }
}

    /* kuechenkonsum – Fixierter, kompakter oberer Headerbereich mit Suche und Servicefunktionen */
.header-main {
    position: sticky !important;
    top: 0 !important;
    z-index: 1050 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 17, 50, 0.08) !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    min-height: 0 !important;
}

.header-main .header-row {
    background: #ffffff !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 58px !important;
    align-items: center !important;
}

.header-main .container {
    background: #ffffff !important;
}

.header-main .header-logo-col,
.header-main .header-search-col,
.header-main .header-actions-col {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.header-main .header-logo-main {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.header-main .header-search {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 767.98px) {
    .header-main {
        position: sticky !important;
        top: 0 !important;
        z-index: 1050 !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .header-main .header-row {
        min-height: 52px !important;
    }
}

/* kuechenkonsum – Warenkorb-Slider über dem fixierten Header anzeigen */
.header-main {
    z-index: 1050 !important;
}

.offcanvas,
.offcanvas.show,
.offcanvas.showing,
.offcanvas.hiding,
.offcanvas-start,
.offcanvas-end,
.offcanvas-cart,
.offcanvas-cart.show,
.offcanvas-cart.is-open,
.cart-offcanvas,
.cart-offcanvas.show,
.cart-offcanvas.is-open,
.js-offcanvas,
.js-offcanvas.show,
.js-offcanvas.is-open,
.offcanvas-content-container,
.offcanvas-content,
.offcanvas .offcanvas-body,
.offcanvas .offcanvas-header {
    z-index: 3000 !important;
}

.offcanvas-backdrop,
.offcanvas-backdrop.show {
    z-index: 2990 !important;
}
/* ==========================================================
   CHECKOUT – AMAZON PAY UND PAYPAL EINHEITLICH DARSTELLEN
   ========================================================== */

/* Amazon-Bereich kompakter darstellen */
.checkout .swag-amazon-pay-card {
    width: 100%;
    margin: 0 0 20px !important;
    padding: 0 !important;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.checkout .swag-amazon-pay-card .card-body {
    padding: 0 !important;
}

.checkout .swag-amazon-pay-card .card-title {
    margin-bottom: 8px;
    color: #001132;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
}

.checkout .swag-amazon-pay-card .card-text {
    margin-bottom: 14px;
    line-height: 1.45;
}

/* Amazon-Button auf dieselbe Breite wie PayPal bringen */
.checkout .swag-amazon-pay-wrapper.account-login {
    width: 390px !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 48px;
    margin: 0 !important;
}

.checkout
    .swag-amazon-pay-wrapper.account-login
    .swag-amazon-pay-button-container {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px;
}

/* Abstand zum Kundenlogin reduzieren */
.checkout .register-login-collapse-toogle {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

/* PayPal-Buttons und PayPal-Hinweis ordentlich untereinander */
.checkout .register-login-collapse-toogle + .row {
    display: grid !important;
    grid-template-columns: minmax(0, 390px) !important;
    gap: 8px !important;
    width: 390px;
    max-width: 100%;
    margin: 0 0 24px !important;
}

/* Bootstrap-Spaltenbreiten des PayPal-Plugins überschreiben */
.checkout .register-login-collapse-toogle + .row > * {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
}

/* Beide PayPal-Schaltflächen gleichmäßig anordnen */
.checkout [data-swag-paypal-express-button="true"] {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 8px !important;
    width: 100% !important;
    max-width: 390px !important;
}

/* PayPal-Ratenzahlungshinweis unter die Buttons setzen */
.checkout [data-swag-paypal-installment-banner="true"] {
    display: block;
    width: 100% !important;
    max-width: 390px !important;
    min-height: 32px;
}

/* Mobile Darstellung */
@media (max-width: 575.98px) {
    .checkout .swag-amazon-pay-wrapper.account-login,
    .checkout .register-login-collapse-toogle + .row,
    .checkout [data-swag-paypal-express-button="true"],
    .checkout [data-swag-paypal-installment-banner="true"] {
        width: 100% !important;
        max-width: 100% !important;
    }
}