/* BEWE_WEBTL/src/main/webapp/resources/css/bestellwesen_neu_oegk.css */


/* ============================================ */
/* base settings                        - Start */
/* ============================================ */

/* font-family definition */

:root {
    --g-font-family: 'Inter';
}

/* color definition */

:root #esv-content_with_nav {
    --g-carrier-color: var(--gr-carrier-color);

    --bewe-text-color: #667896;

    --bewe-bg-color: var(--gr-carrier-color);
    --bewe-bg-color-02: var(--gr-bg-color-05);
    --bewe-bg-color-03: #E5E8ED;

    --bewe-border-color: #E5F1F5;
}


/* content */

body.service-allgemeines-bestellwesen-neu:not(.menuconfig-without-subnavi) #esv-navigation {
    font-weight: 300;
    margin-top: 0;
}

body.service-allgemeines-bestellwesen-neu:not(.menuconfig-without-subnavi) #esv-container.visible_navigation .breadcrumb {
    padding-left: 0;
}

.titelzone .titeltext {
    padding: 0;
}

.bewe-heading h1 {
    font-weight: 400;
}

.bewe-heading h1,
.lead,
legend,
.bestellung_link,
.formelement label,
.download-button,
.cart-button,
.flipbook-button,
.customer-data.active legend,
fieldset input:not([type='radio']):not([type='checkbox']):not([type='button']):not([type='submit']):not([type='reset']),
input[type='reset'],
input[type='submit'],
input[type='button'],
input.button,
button {
    font-family: "Inter", sans-serif;
}

.contextsearch-contextfilter {
    gap: 30px;
}

#contextsearch-input::placeholder,
.contextsearch-input .sv-search_b:before,
.contextsearch-input .sv-close:before {
    color: var(--g-carrier-color);
}

.contextfilter li a {
    border-radius: 40px;
    font-size: 0.67rem;
}

.contextfilter li.filter-reset a {
    font-size: 0.67rem;
}

#esv-container:not(.cart-view) .column-view .article-list .bestellung_container .article-wrapper {
    border-radius: 0;
    border: 7px solid var(--bewe-border-color);
}

#esv-container.cart-view .bestellung_container.active .article-wrapper {
    border: none;
}

.bestellung_link .article-categories {
    font-size: 0.67rem;
}

.bestellung_link .artikel-titel {
    font-size: 1.22rem;
    font-weight: 400;
}

.bestellung_mitte {
    font-size: 0.89rem;
}

.bestellung_preis {
    font-size: 1.22rem;
    font-weight: 400;
    padding-right: 30px;
}

#esv-container:not(.cart-view) .column-view .button_container:has(.bestellung_rechts) .bestellung_preis {
    margin-bottom: -15px;
}

#esv-container:not(.cart-view) .column-view .bestellung_container.additional-article .bestellung_preis {
    margin-bottom: 0;
}

label.anzahl-label {
    font-size: 0.67rem;
}

.article-input-button,
fieldset input:not([type='radio']):not([type='checkbox']):not([type='button']):not([type='submit']):not([type='reset']),
fieldset .formelement select {
    border-color: var(--g-carrier-color);
}

.article-input-button.decrement {
    border-radius: 40px 0 0 40px;
}

.article-input-button.increment {
    border-radius: 0 40px 40px 0;
}

.download-button,
.cart-button,
.flipbook-button {
    border-radius: 40px;
}

.flipbook-download-container {
    padding: 20px 0 10px 0;
}

.bestellung_container.additional-article .flipbook-download-container {
    padding: 20px 0 10px 0;
}

.flipbook-download-container .flipbook-button,
.flipbook-download-container .download-button {
    font-size: 0.89rem;
    padding: 0 10px 0 0;
}

#esv-container a.additional-languages-filter-headline,
#esv-container a.additional-downloads-filter-headline,
.text .additional-languages-filter ul,
.text .additional-downloads-filter ul {
    font-size: 0.89rem;
}

.additional-article-container:has(.language-selected),
.additional-article-container:before {
    background: var(--bewe-bg-color-03);
}


/* ============================================ */
/* Darstellung mit Subnavigation        - Start */
/* ============================================ */

/* language-variants-container and arrow-position */

@media (min-width: 1300px) {

    body:not(.menuconfig-without-subnavi) .article-list {
        --article-list-width: 896px;
        --article-width: 400px;
    }

    body:not(.menuconfig-without-subnavi) .additional-article-container:has(.language-selected) {
        width: calc(var(--article-list-width) + (0.06 * var(--actual-screenwidth)));
    }

    body:not(.menuconfig-without-subnavi) [data-column="1"].bestellung_container .additional-article-container:has(.language-selected) {
        margin-left: calc(-0.03 * var(--actual-screenwidth));
        margin-right: calc(-0.03 * var(--actual-screenwidth));
        padding-left: calc(0.03 * var(--actual-screenwidth));
        padding-right:  calc(0.03 * var(--actual-screenwidth));
    }

    body:not(.menuconfig-without-subnavi) [data-column="1"].bestellung_container .additional-article-container:before {
        left: calc(var(--article-width) / 2 + 0.03 * var(--actual-screenwidth)  - 15px);
    }

    body:not(.menuconfig-without-subnavi) [data-column="2"].bestellung_container .additional-article-container:has(.language-selected){
        margin-left: calc(-1 * var(--article-list-width) + var(--article-width) + calc(-0.03 * var(--actual-screenwidth)));
        padding-left: calc(0.03 * var(--actual-screenwidth));
        padding-right:  calc(0.03 * var(--actual-screenwidth));
    }

    body:not(.menuconfig-without-subnavi) [data-column="2"].bestellung_container .additional-article-container:before {
        left: calc(var(--article-list-width) - var(--article-width) / 2 + 0.03 * var(--actual-screenwidth)  - 15px);
    }

}


/* ============================================ */
/* Cookie-Banner                        - Start */
/* ============================================ */

#consent-container {
    font-weight: 300;
}

#consent-container button {
    font-family: "Roboto Condensed", sans-serif;
}