/*=== MAIN ===*/

.main {
    padding-top: calc(var(--grid__large) * 1.5);
    padding-bottom: var(--grid__large);
}

/*=== SECTIONS ===*/

.sec-hero {
    padding-top: var(--grid__large) !important;
}

.sec-hero__shop {
    margin-top: calc(-1.5 * var(--grid__large)) !important;
}

/*=== CONTAINERS ===*/

.cntnr-list-products {
    gap: var(--grid__x-small) !important;
    padding: var(--grid__x-small) !important;
}

/*=== POST LOOPS ===*/

/*== GRID ==*/

.bde-loop.ee-posts-grid {
    --bde-posts-per-row: 3 !important;
    --bde-posts-gap: var(--grid__x-small) !important;
}

@media screen and (max-width: 1023px) {
    .bde-loop.ee-posts-grid {
        --bde-posts-per-row: 2 !important;
    }
}

@media screen and (max-width: 479px) {
    .bde-loop.ee-posts-grid {
        --bde-posts-per-row: 2 !important;
    }
}

/*=== MODAL ===*/

/*== PROD ANFRAGE ==*/

.cntnr-modal__pa {
    display: flex;
    flex-direction: column;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    /*max-height: 75vh;*/
    position: fixed;
    bottom: 0px;
    z-index: 19;
    transition: all 0.4s ease-in-out;
    transform: translateY(100%);
}

.cntnr-modal__pa.active {
    transition: all 0.4s ease-in-out;
    transform: translateY(0%);
}


.cntnr-modal__form {
    display: flex;
    flex-flow: column;
    max-width: 600px;
    width: 100%;
    padding-top: var(--grid__medium);
    padding-right: var(--grid__small);
    padding-bottom: var(--grid__medium);
    padding-left: var(--grid__small);
    background-color: var(--main-light);
    border-radius: var(--radius-small);
}

/*=== SLIDER ===*/

.cntnr-tile-slider {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    }

.cntnr-tile-slider .ee-posts {
    display: flex;
    flex-direction: row;
    gap:10px;
    flex-wrap: nowrap;          /* extrem wichtig */
    width: max-content;         /* wächst mit Inhalt */
}

.cntnr-tile-slider .ee-posts article {
    flex: 0 0 22%;
    max-width: 75vw;
    height: 55vh;
    background: black;
    border: 0px solid var(--brand-color-main);
    border-radius: var(--radius-small);
    transition: all 0.4s ease, max-width 0.4s ease;

    overflow: hidden;
}

@media screen and (max-width: 1119px) {
    .cntnr-tile-slider .ee-posts article {
        flex: 0 0 55%;
    }
}

@media screen and (max-width: 1119px) {
    .cntnr-tile-slider .ee-posts article:hover {
        flex-basis: 90% !important;
        max-width: 90% !important;
        border: 3px solid var(--brand-color-main);
    }
}

.list-products__terms  {
    bottom: var(--grid__x-small) !important;
    left: var(--grid__x-small) !important;
}

.list-products__terms .ee-posts-list,
.list-products__certs .ee-posts-list {
    display: flex !important;
}

.list-products__terms-term {
    padding: var(--grid-inner-small);
    border-radius: var(--radius-small);
}

.cntnr-tile-slider .ee-posts article:hover {
    flex-basis: 44%;
    max-width: 44%;
    border: 3px solid var(--brand-color-main);
}

.cntnr-list-categories, .cntnr-keyvisual-o-overflow {
    border-radius: var(--border-width-keyvisual);
    padding: var(--border-width-keyvisual);
}

.cntnr-keyvisual-o, .cntnr-keyvisual-o-overflow, .cntnr-keyvisual-o-overflow_right  {
    padding: var(--border-width-keyvisual);
    border-radius: var(--border-width-keyvisual);
    border: var(--border-width-keyvisual) solid var(--brand-color-main);
}

.txt-hero {
    margin-left: clamp(-120px, calc(120px - 10vw), 0px);
}

/*=== TRANSPLATE PRESS ===*/

.trp-language-item-name {
    color: var(--text) !important;
}

/*=== ACCORDION ===*/

/*== OFFCANVAS MENU ==*/

.offcanvas-menu {
    gap: var(--grid__large) !important;
}

.offcanvas-menu__menu .bde-accordion__title {
    font-size: var(--font-size__medium) !important;
    font-weight: var(--font-weight__bold) !important;
    color: var(--main-light) !important;
}

.offcanvas-menu__menu.bde-accordion--bordered {
    --bde-accordion-border-color: unset !important;
    --bde-accordion-border-width: unset !important;
    --bde-accordion-border-radius: unset !important;
    border: unset !important;
    border-radius: unset !important;
}

.offcanvas-menu__menu .bde-accordion__panel-content {
    padding: 0px !important;
}

.offcanvas-menu__menu .bde-accordion__panel-content * {
    font-size: var(--font-size__medium) !important;
    font-weight: var(--font-weight__regular) !important;
    color: var(--brand-color-main) !important;
    text-transform: none !important;
}

.offcanvas-menu__menu .bde-accordion__panel-content a {
    padding: calc(var(--grid__x-small) / 2) 0px calc(var(--grid__x-small) / 2) 0px !important;
}

.offcanvas-menu__menu.bde-accordion--bordered .bde-accordion__button:hover {
    background-color: unset !important;
}

.offcanvas-menu__menu .bde-accordion__button,
.offcanvas-menu__menu .bde-accordion__panel {
    padding-left: 0px !important;
}