/*
 * custom.css – Exotenherz NOVA Theme (JTL Shop)
 * =========================================
 * Enthält manuelle Shop-Anpassungen sowie alle Änderungen
 * gegenüber der originalen exotenherz_base.css.
 *
 * Kategorien:
 *   1.  Header / Navigation
 *   2.  Footer
 *   3.  Buttons (Primary)
 *   4.  Typografie / Heading-Selektoren
 *   5.  Shipping-Calculator
 *   6.  Checkout
 *   7.  Customer Login
 *   8.  Selection Wizard
 *   9.  Filter / Snippets
 *  10.  Banner
 *  11.  Maintenance-Seite
 *  12.  Product Slider
 *  13.  VAT Info / Versandkosten
 *  14.  Wishlist Button
 *  15.  Upload Scheme
 *  16.  Wishlist (snippets-wishlist)
 *  17.  Produktliste – Applied Filter
 */


/* ============================================================
   1. HEADER / NAVIGATION
   ============================================================ */

header .navbar-nav > .nav-item > .nav-link {
    padding: 1rem;
}

header .submenu-headline-toplevel {
    font-size: 0.85rem;
}

@media (min-width: 992px) {
    #search {
        margin-top: 27px;
    }

    #search .form-control {
        height: 25px;
    }

    #search button.btn {
        padding: 1px 10px;
    }

    #header-top-bar ul.topbar-main {
        padding-top: 20px;
    }

    .navbar.justify-content-start.align-items-lg-end.navbar-expand-lg.navbar-expand-1 {
        line-height: 2;
    }

    header .navbar-nav .dropdown .nav-item {
        text-align: center;
        padding: 0.5rem;
    }

    header .submenu-headline-toplevel {
        padding: 1rem;
    }
}


/* ============================================================
   2. FOOTER
   ============================================================ */

#footer {
    background-color: #1a1a1a;
    color: #f5f7fa;
}

#footer #copyright {
    background-color: #000000;
}

#footer a,
#footer .productlist-filter-headline,
#footer h5 {
    color: #f5f7fa;
}


/* ============================================================
   3. BUTTONS (PRIMARY)
   Originale Primärfarbe: Gold  #F8BF00
   Neue Primärfarbe:      Grün  #173b0b  /  Akzent #52d127
   ============================================================ */

.btn-primary {
    color: #f5f7fa;
    background-color: #173b0b;
    border-color: #173b0b;
    box-shadow: none;
}

.btn-primary:hover {
    color: #f5f7fa;
    background-color: #0a1b05;
    border-color: #061003;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #f5f7fa;
    background-color: #0a1b05;
    border-color: #061003;
    box-shadow: 0 0 0 0 rgba(56, 87, 47, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #f5f7fa;
    background-color: #173b0b;
    border-color: #173b0b;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #f5f7fa;
    background-color: #061003;
    border-color: #020501;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0 rgba(56, 87, 47, 0.5);
}


/* ============================================================
   4. TYPOGRAFIE / HEADING-SELEKTOREN
   h1–h6 als native Elemente explizit gelistet;
   .product-matrix-title aus dem h2-Selektor entfernt.
   ============================================================ */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3,
.sidepanel-left .box-normal .box-normal-link,
.h4, .h5, .h6 {
    color: #525252;
}

h2, .h2 {
    font-size: 1.5rem;
}


/* ============================================================
   5. SHIPPING CALCULATOR
   Selector umbenannt: .shipping-calculator-form → .shipping-calculator-main
   margin-bottom: 3rem → 2rem
   ============================================================ */

.shipping-calculator-main {
    margin-bottom: 2rem;
}

.shipping-calculator-main .col {
    margin-bottom: 1rem;
}

.shipping-calculator-main .shipping-calculator-main-heading {
    margin-bottom: 1.5rem;
}


/* ============================================================
   6. CHECKOUT
   ============================================================ */

.checkout-confirmation .checkout-confirmation-items .card-header {
    text-align: right;
    padding: 0;
}

.checkout-confirmation .checkout-confirmation-items .card-body {
    margin-top: 2rem;
}

.checkout-items-total .col-auto {
    margin-left: auto;
    text-align: right;
}


/* ============================================================
   7. CUSTOMER LOGIN
   ============================================================ */

.customer-login-buttons .customer-login-buttons-forgot {
    width: 100%;
    display: block;
    text-decoration: underline;
}


/* ============================================================
   8. SELECTION WIZARD
   ============================================================ */

.selection-wizard-wrapper .selection-wizard-desc {
    margin-bottom: 0;
}

.selection-wizard-wrapper .selection-wizard {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.selection-wizard-wrapper .selection-wizard-question .row {
    text-align: center;
}

.selection-wizard-wrapper .selection-wizard-question .selection-wizard-question-item {
    margin-bottom: 1rem;
}


/* ============================================================
   9. FILTER / SNIPPETS
   ============================================================ */

/* Badge im Filter rechts ausrichten */
.snippets-filter-item .snippets-filter-custom .badge {
    float: right;
}

/* "Alle anzeigen"-Button im Filter */
.snippets-filter-show-all .btn {
    padding: 0;
    margin-left: auto;
    margin-top: 0.25rem;
}

/* Mobile Sorting – Collapse-Items */
.snippets-filter-mobile-sorting .snippets-filter-mobile-sorting-collapse .filter-item {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.snippets-filter-mobile-sorting .snippets-filter-mobile-sorting-collapse .dropdown-item {
    background-color: transparent;
    color: #525252;
}

/* Mobile Sorting – Link-Beschriftung */
.snippets-filter-mobile-sorting .snippets-filter-mobile-sorting-link > span {
    float: right;
    margin-left: 1rem;
    margin-right: 1rem;
    padding-right: 0.25rem;
    text-align: right;
    width: 40%;
}

/* Mobile Filter – Buttons */
.snippets-filter-mobile-buttons .btn {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}


/* ============================================================
   10. BANNER
   ============================================================ */

.snippets-banner {
    margin-bottom: 2rem;
}

.snippets-banner .snippets-banner-image {
    text-align: center;
    margin-bottom: 1rem;
}

.snippets-banner .snippets-banner-image img {
    margin-left: auto;
    margin-right: auto;
}


/* ============================================================
   11. MAINTENANCE-SEITE
   ============================================================ */

.maintenance-main-wrapper {
    padding-top: 2rem;
}

.maintenance-main-wrapper .maintenance-main {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.maintenance-main-wrapper .maintenance-main-item {
    margin-bottom: 1rem;
}

.maintenance-main-wrapper .maintenance-main-image {
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
}


/* ============================================================
   12. PRODUCT SLIDER (slick-slider-other)
   ============================================================ */

.slick-slider-other.is-not-opc {
    margin-bottom: 2rem;
}

.slick-slider-other.is-not-opc .carousel {
    margin-bottom: 1.5rem;
}


/* ============================================================
   13. VAT INFO / VERSANDKOSTEN
   ============================================================ */

.vat_info {
    color: #707070;
}

.vat_info .shipping {
    display: inline-block;
}


/* ============================================================
   14. WISHLIST BUTTON
   ============================================================ */

.wishlist-button {
    margin-right: 1rem;
    padding: 0 1rem 0 0;
    display: block;
}

@media (min-width: 992px) {
    .wishlist-button {
        display: inline-block;
        border-right: 1px solid #ebebeb;
    }
}

.wishlist-button .wishlist-button-inner {
    display: flex;
    align-items: baseline;
}

.wishlist-button .wishlist-button-inner .wishlist-icon {
    margin-right: 0.5rem;
}

.wishlist-button .wishlist-button-inner .wishlist-button-text {
    text-decoration: underline;
}


/* ============================================================
   15. UPLOAD SCHEME
   ============================================================ */

.upload-scheme-product {
    margin-bottom: 1.5rem;
}

.upload-scheme-cart-hr-before {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.upload-scheme-cart-hr-after {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.upload-scheme-cart .upload-scheme-cart-upload {
    margin-bottom: 1rem;
}

.upload-scheme-cart .upload-scheme-cart-name {
    font-weight: 700;
    margin-bottom: 0.5rem;
}


/* ============================================================
   16. WISHLIST (snippets-wishlist)
   ============================================================ */

.snippets-wishlist .subheadline {
    margin-bottom: 2rem;
}

.snippets-wishlist .wishlist-search-wrapper {
    margin-top: 1rem;
}

@media (min-width: 768px) {
    .snippets-wishlist .wishlist-search-wrapper {
        margin-top: 0;
    }
}

.snippets-wishlist .wishlist-search-wrapper .wishlist-search-button .wishlist-search-button-text {
    display: none;
}

@media (min-width: 768px) {
    .snippets-wishlist .wishlist-search-wrapper .wishlist-search-button .wishlist-search-button-text {
        display: inline-block;
    }
}

.snippets-wishlist .wishlist-privacy-count {
    align-items: center;
}

.snippets-wishlist .wishlist-url {
    margin-top: 1rem;
}

.snippets-wishlist .wishlist-collapse {
    margin-bottom: 1rem;
}

.snippets-wishlist .has-item {
    margin-top: 3rem;
}

.snippets-wishlist .wishlist-item {
    margin-bottom: 5rem;
}

.snippets-wishlist .wishlist-item .productbox {
    padding: 0.5rem;
}

@media (min-width: 1300px) {
    .snippets-wishlist .wishlist-item .productbox {
        padding: 0;
    }
}

.snippets-wishlist .wishlist-item .productbox .caption {
    text-decoration: none;
}

.snippets-wishlist .wishlist-item .productbox .wishlist-item-buttons .btn {
    margin-top: 1rem;
    align-items: center;
}

.snippets-wishlist .wishlist-item .productbox textarea {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.snippets-wishlist .wishlist-item .productbox .wishlist-pos-delete {
    float: right;
    margin: -0.5rem 0 0 0;
    padding: 0.25rem;
    font-size: 1rem;
    text-decoration: none;
}

.snippets-wishlist .wishlist-all-to-cart .col {
    margin-left: auto;
}

.snippets-wishlist .wishlist-actions {
    align-items: center;
}

.snippets-wishlist .wishlist-actions .wishlist-dropdown-name .dropdown-item {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.snippets-wishlist .wishlist-count {
    margin-left: auto;
}


/* ============================================================
   17. PRODUKTLISTE – APPLIED FILTER
   ============================================================ */

.productlist-applied-filter {
    margin-bottom: 2rem;
}

.productlist-applied-filter.productlist-applied-filter-top {
    margin-bottom: 0;
}

.productlist-filter-footer {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: auto;
}

/* ============================================================
   18. EXOTENHERZ PLUS – LAYOUT, NAVIGATION UND DESIGNTOKENS
   ============================================================ */

:root {
    --eh-green: #123d25;
    --eh-green-dark: #0b2a19;
    --eh-green-soft: #e8f0e9;
    --eh-sand: #f7f3eb;
    --eh-gold: #c9a45c;
    --eh-text: #3f4641;
    --eh-content-width: 1250px;
}

body {
    color: var(--eh-text);
}

@media (min-width: 992px) {
    /* Der NOVA-Modus full-width-mega spannt die äußeren Bereiche über
       die komplette Fensterbreite. Die Inhalte bleiben trotzdem im selben
       1250px-Raster wie Slider und Footer. */
    #jtl-nav-wrapper > #header-top-bar > .container-fluid,
    #jtl-nav-wrapper > .container-fluid {
        width: 100%;
        max-width: var(--eh-content-width) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    #jtl-nav-wrapper > .container-fluid > .navbar {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* Zwei sauber zentrierte Zeilen statt ungleichmäßiger Inline-Wraps. */
    #jtl-nav-wrapper .navbar,
    #jtl-nav-wrapper .navbar-collapse,
    #mainNavigation {
        height: auto !important;
    }

    #mainNavigation {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    #mainNavigation .nav-mobile-body,
    #mainNavigation.nav-scrollbar {
        width: 100%;
        overflow: visible !important;
    }

    #mainNavigation .nav-mobile-body > ul.nav-scrollbar-inner {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center;
        column-gap: 0.15rem;
        row-gap: 0;
        width: min(100%, var(--eh-content-width));
        max-width: var(--eh-content-width);
        margin: 0 auto !important;
        padding: 0 0.5rem;
        overflow: visible !important;
    }

    #mainNavigation .nav-mobile-body {
        display: flex !important;
        justify-content: center;
    }

    #mainNavigation .nav-scrollbar-inner > .nav-item {
        display: block;
        float: none;
        flex: 0 0 auto;
    }

    #mainNavigation .nav-scrollbar-inner > .nav-item > .nav-link {
        padding: 0.45rem 0.5rem !important;
        white-space: nowrap;
    }

    #mainNavigation .nav-scrollbar-arrow {
        display: none !important;
    }

    /*
       NOVA/Bootstrap überschreibt beim Umbruch teilweise die Flex-Ausrichtung.
       Inline-Block-Zeilen zentrieren jede Kategoriezeile zuverlässig separat.
    */
    #mainNavigation .nav-mobile-body > ul.nav-scrollbar-inner {
        display: block !important;
        width: 100% !important;
        max-width: var(--eh-content-width) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
        font-size: 0 !important;
        white-space: normal !important;
    }

    #mainNavigation .nav-mobile-body > ul.nav-scrollbar-inner > li.nav-item {
        display: inline-block !important;
        float: none !important;
        flex: none !important;
        vertical-align: top !important;
        font-size: .875rem !important;
    }

    #mainNavigation .nav-mobile-body > ul.nav-scrollbar-inner > li.nav-item > .nav-link {
        display: block !important;
    }

    /* Die NOVA-Chevrons unter den Kategorien werden nicht benötigt. */
    #mainNavigation .nav-mobile-body > ul.nav-scrollbar-inner .dropdown-toggle::after,
    #mainNavigation .nav-mobile-body > ul.nav-scrollbar-inner .dropdown-toggle:after {
        display: none !important;
        content: none !important;
    }

    /* Kompakter Abstand zwischen den beiden Navigationszeilen. */
    #mainNavigation .nav-mobile-body > ul.nav-scrollbar-inner,
    #mainNavigation .nav-mobile-body > ul.nav-scrollbar-inner > li.nav-item,
    #mainNavigation .nav-mobile-body > ul.nav-scrollbar-inner > li.nav-item > .nav-link {
        line-height: 1.2 !important;
    }

    /* Header, Inhaltsbereich und Footer beginnen an derselben Breite. */
    #footer > .container,
    #footer > .container-fluid,
    #footer .container-fluid-xl {
        width: 100%;
        max-width: var(--eh-content-width) !important;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Die NOVA-Startseiten-Slider werden standardmäßig als container-fluid
   ausgegeben. Für Exotenherz laufen sie im gleichen 1250px-Raster wie der
   übrige Inhalt. */
@media (min-width: 992px) {
    main > .product-slider-wrapper,
    main > .index-news-wrapper {
        width: 100%;
        max-width: var(--eh-content-width) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    main > .product-slider-wrapper > .slick-slider-other {
        width: 100%;
    }
}

/* ============================================================
   19. HOMEPAGE-SLIDER – EINHEITLICHES FORMAT 960 x 400
   ============================================================ */

.slider-wrapper {
    width: 100% !important;
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.slider-wrapper .splide__track,
.slider-wrapper .splide__list,
.slider-wrapper .splide__slide {
    height: auto !important;
    aspect-ratio: 12 / 5;
}

.slider-wrapper .splide__list {
    display: flex !important;
    flex-wrap: nowrap !important;
}

.slider-wrapper .splide__slide {
    flex: 0 0 100% !important;
    min-width: 100% !important;
    width: 100% !important;
    overflow: hidden;
}

.slider-wrapper .splide__slide img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 991.98px) {
    .slider-wrapper {
        max-width: 100% !important;
    }

    .slider-wrapper .splide__track,
    .slider-wrapper .splide__list,
    .slider-wrapper .splide__slide {
        aspect-ratio: 12 / 5;
    }
}

/* ============================================================
   20. PRODUKTDETAIL-GALERIE – NOVA 5.8
   ============================================================ */

#image_wrapper #gallery .square-image,
#image_wrapper #gallery_preview .square-image {
    position: relative !important;
    display: flex !important;
}

#image_wrapper #gallery .square-image .inner,
#image_wrapper #gallery_preview .square-image .inner {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

#image_wrapper #gallery .square-image .inner img,
#image_wrapper #gallery_preview .square-image .inner img {
    display: block !important;
    visibility: visible !important;
}

/* ============================================================
   21. STARTSEITEN-BLÖCKE FÜR OPC / AUTOMATION
   ============================================================ */

.eh-home-section {
    margin: 2.75rem auto;
    max-width: var(--eh-content-width);
}

.eh-home-section--soft {
    padding: 2rem 1.5rem;
    background: var(--eh-sand);
}

.eh-home-section-title {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.25rem;
    color: var(--eh-green);
    font-size: 1.55rem;
    font-weight: 600;
}

.eh-home-section-title::before,
.eh-home-section-title::after {
    content: "";
    height: 1px;
    flex: 1 1 auto;
    background: #d8ddd8;
}

.eh-home-card-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.eh-home-card {
    overflow: hidden;
    background: #fff;
    border: 1px solid #e4e8e4;
    border-radius: 0.35rem;
    transition: transform .18s ease, box-shadow .18s ease;
}

.eh-home-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1.5rem rgba(18, 61, 37, .12);
}

.eh-home-card img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.eh-home-card-body {
    padding: .85rem 1rem 1rem;
}

.eh-home-card-title {
    color: var(--eh-green);
    font-weight: 600;
}

.eh-home-card-link {
    color: var(--eh-green);
    text-decoration: underline;
}

.eh-home-ribbon {
    padding: 1.5rem 2rem;
    color: #fff;
    background: var(--eh-green);
    border-radius: .35rem;
}

.eh-home-service {
    padding: 1.75rem 1.5rem;
    background: #fff;
    border: 1px solid #e4e8e4;
    border-radius: .35rem;
}

.eh-home-service h3 {
    margin-bottom: .55rem;
    color: var(--eh-green);
    font-size: 1.05rem;
}

.eh-home-service p {
    min-height: 3.2em;
    margin-bottom: .75rem;
    color: var(--eh-text);
}

.eh-home-service a {
    color: var(--eh-green);
    font-weight: 600;
}

.eh-footer-modern {
    display: contents;
}

.eh-footer-modern-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.5rem;
    order: 1;
    width: 100%;
    padding-bottom: 1.5rem;
}

#footer > .container.d-print-none {
    display: flex;
    flex-direction: column;
}

.eh-footer-modern-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.eh-footer-modern-brand img {
    width: 280px;
    max-width: 100%;
    height: auto;
}

.eh-footer-modern-brand p {
    margin: .7rem 0 0;
    color: #c9d0cb;
    font-size: .7rem;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.eh-footer-modern-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.eh-footer-modern-column h3 {
    margin-bottom: 1.1rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
}

.eh-footer-modern-column > a {
    margin-bottom: .65rem;
    color: #f5f7fa !important;
    text-decoration: none;
}

.eh-footer-modern-column > a:hover {
    color: #b8d7bd !important;
    text-decoration: underline;
}

.eh-footer-modern-column small {
    margin-bottom: .55rem;
    color: #a9a9a9;
}

.eh-footer-modern-payment-logos {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem;
    margin-bottom: 1rem;
}

.eh-footer-modern-payment-logos img {
    width: 68px;
    height: 40px;
    object-fit: contain;
}

.eh-footer-modern-dhl {
    width: 210px;
    height: 78px;
    object-fit: contain;
}

.eh-footer-modern-trust-row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: .6rem;
    width: 100%;
    padding: 1.25rem 0;
    border-top: 1px solid rgba(255, 255, 255, .16);
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    order: 3;
}

.eh-footer-modern-trust-row img {
    width: 68px;
    height: 42px;
    object-fit: contain;
}

.eh-footer-modern-trust-row > a img {
    width: 68px;
    height: 52px;
}

.eh-footer-modern-trust-row .eh-footer-modern-trust-dhl {
    width: 112px;
    height: 48px;
}

.eh-footer-modern-bottom {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: 1.25rem 0;
    color: #d8ddd9;
    font-size: .8125rem;
    order: 4;
}

.eh-footer-modern-social {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.eh-footer-modern-social span {
    margin-right: .35rem;
    color: #a9a9a9;
}

.eh-footer-modern-social a {
    display: inline-flex;
    width: auto;
    min-height: 2rem;
    padding: .25rem .55rem;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: .2rem;
    text-decoration: none;
}

.eh-footer-modern-social a:hover {
    color: #b8d7bd !important;
    border-color: #b8d7bd;
}

.eh-footer-modern-social a span {
    margin: 0;
    color: inherit;
}

.eh-footer-modern-revocation {
    display: inline-block;
    padding: .7rem 1.5rem;
    color: #fff !important;
    background: var(--eh-green);
    text-decoration: none;
    text-align: center;
    font-weight: 600;
}

.eh-footer-modern-revocation:hover {
    color: #fff !important;
    background: #145b20;
}

.eh-footer-modern-price-note {
    justify-self: end;
    color: #a9a9a9;
    text-align: right;
}

.eh-footer-modern-price-note a {
    color: #f5f7fa !important;
}

/* Trustami bleibt das Original-Widget, wird aber in die neue Reihenfolge gesetzt. */
#footer #trustami_jtl_footer.widget_container_box {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 160px;
    height: 160px;
    margin: 0;
    order: 2;
    overflow: hidden;
}

#footer #trustami_jtl_footer.widget_container_box iframe {
    width: 150px !important;
    height: 216px !important;
    transform: scale(.72);
    transform-origin: center center;
}

#footer #trustami_jtl_footer.widget_container_text_only,
#footer .withdrawal-link-wrapper,
#footer .footnote-vat {
    display: none;
}

@media (max-width: 767.98px) {
    .eh-footer-modern-brand img {
        width: 235px;
    }

    .eh-footer-modern-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.75rem 1rem;
    }

    .eh-footer-modern-bottom {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    .eh-footer-modern-price-note {
        justify-self: start;
        text-align: left;
    }
}

@media (max-width: 479.98px) {
    .eh-footer-modern-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .eh-home-section {
        margin: 1.75rem auto;
    }

    .eh-home-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .75rem;
    }

    .eh-home-section-title {
        font-size: 1.25rem;
    }
}