/* BEWE_WEBTL/src/main/webapp/resources/css/bestellwesen_neu_bvaeb.css
Implementierung: mobile first */


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

/* color definition */

:root {
    --bewe-bg-color-02: var(--gr-carrier-bg-color);

    --box-shadow-color: rgba(0, 0, 0, 0.25);
}


/* content */

body {
    --center-width: 100%;
}

#esv-container {
    margin-top: var(--gr-header-height);
}

.breadcrumb,
body.esv-application.menuconfig-without-subnavi.service-group-bewe:not([class*='portal-pv']) #esv-container .breadcrumb {
    background: var(--gr-bg-color-05);
    border-radius: var(--gr-border-radius-02);
    display: none;
    font-family: var(--g-font-family), var(--g-fallback-font-family);
    font-size: var(--gr-font-size-body);
    font-weight: 400;
    line-height: var(--gr-line-heigh-body);
    margin-left: calc(-1 * ((var(--actual-screenwidth) - var(--center-width)) / 2) + 24px);
    margin-top: 24px;
    padding: 10px 20px;
    width: fit-content;
}

.breadcrumb li {
    padding-right: 2.2rem;
    position: relative;
}

.breadcrumb li:after {
    content: "\e9b5";
    font-family: var(--g-svicons-font-family) !important;
    font-size: 0.9rem;
    font-weight: 600;
    right: 0.6rem;
    position: absolute;
}

.breadcrumb li.bcleaf {
    padding-right: 0;
}

.breadcrumb li.bcleaf:after {
    display: none;
}

#esv-container:not(.visible_navigation) .contentline > .right {
    padding-left: 0;
    width: calc(100% - (var(--gr-mobile-content-gap) * 2));
}

.titelzone {
    margin-left: auto;
    margin-right: auto;
}

.bewe-heading h1 {
    font-family: var(--g-font-family-02),var(--g-fallback-font-family) ;
    font-size: var(--gr-font-size-h1);
    font-weight: 700;
    line-height: var(--gr-line-heigh-h1);
    margin-bottom: 1.0625rem;
}

.titelzone .lead {
    color: var(--g-text-color);
    font-family: var(--g-font-family), var(--g-fallback-font-family);
    font-weight: 300;
    padding: 0;
    text-align: center;
}


/* Suche Filter */

.right {
    padding-left: 0;
}

.contextsearch-contextfilter {
    align-items: center;
    padding-top: 50px;
}

#contextsearch-input {
    font-weight: 700;
}

.contextsearch-input .sv-close:before {
    content: "\e910";
    font-size: 2rem;
}

.contextfilter ul {
    justify-content: center;
}

.contextfilter li {
    margin: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.contextfilter li a {
    border-radius: 32px;
    display: block;
    font-size: 0.6rem;
    font-weight: 500;
    padding: 9px 20px;
    text-align: center;
}

.contextfilter li a.selected:after {
    font-size: 1.2rem;
}

.contextfilter li.filter-reset .sv-close:before {
    font-size: 1.4rem;
}


/* shopping-cart-floater */

.bewe-shopping-cart-floater {
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    height: auto;
    padding: 15px 0;
}

.shoping-cart-floater-article-sum {
    line-height: 1;
}

.shoping-cart-floater-icon {
    padding: 0;
}


/* article-list */

.article-list {
    --article-list-width: calc(var(--actual-screenwidth) - (var(--actual-screenwidth) * 0.0427 * 2));
    --article-width: calc(var(--actual-screenwidth) - (var(--actual-screenwidth) * 0.0427 * 2));
}

.article-list .bestellung_container .article-wrapper,
.column-view .article-list .bestellung_container .article-wrapper {
    padding: 30px 30px 45px 30px;
}

.article-list .bestellung_container:not(.additional-article) .article-wrapper,
#esv-container:not(.cart-view) .column-view .article-list .bestellung_container:not(.additional-article) .article-wrapper {
    border-radius: 10px;
    box-shadow: 0 5px 10px 0 var(--box-shadow-color);
}

#esv-container:not(.cart-view) .column-view .article-list .bestellung_container.additional-article .article-wrapper,
#esv-container:not(.cart-view) .row-view .article-list .bestellung_container.additional-article .article-wrapper {
    border-radius: 0;
    box-shadow: none;
}

.article-label:not(.no-image) {
    left: -15px;
    top: -15px;
}

.article-label span:not(.highlight) {
    border-radius: 32px;
    font-size: 0.6rem;
    padding: 9px 20px;
}

#esv-container:not(.cart-view) .bestellung_container.additional-article .bestellung_bild img {
    border-radius: 10px;
}

.bestellung_link {
    line-height: 1;
}

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

.bestellung_link .artikel-titel {
    font-family: var(--g-font-family-02),var(--g-fallback-font-family) ;
    font-size: 1.1rem;
    font-weight: 400;
}

.bestellung_mitte {
    font-size: 0.9rem;
}

.bestellung_preis {
    font-family: var(--g-font-family-02),var(--g-fallback-font-family) ;
    font-size: 1.1rem;
}

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

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

label.anzahl-label {
    font-size: 0.6rem;
    font-weight: 400;
}

.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,
.buttons input.button {
    border-radius: 32px;
}

.cart-button {
    font-size: 1rem;
}

.cart-button.inactive {
    background: var(--g-bg-color);
}

.flipbook-download-container .flipbook-button,
.flipbook-download-container .download-button,
#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.9rem;
}

body:not([class*="portal-pv"]) .additional-article[data-additional="download"] .download-button,
body:not([class*="portal-pv"]) .additional-article[data-additional="download"] .flipbook-button {
    height: 36px;
}

.additional-languages-filter-headline .sv-eye:before,
.additional-downloads-filter-headline .sv-eye:before {
    content: "\e923";
}

.additional-languages-filter-headline.language-selected .sv-eye:before,
.additional-downloads-filter-headline.language-selected .sv-eye:before,
.close-additional-articles .sv-hide:before {
    content: "\e92b";
}

.shoping-cart-notification {
    border-radius: 9px;
}

.buttons input.button {
    font-family: var(--g-font-family), var(--g-fallback-font-family);
    font-size: 1rem;
    font-weight: 300;
    padding: 10px 20px;
    width: auto;
}

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


/* Warenkorb-View */

#esv-container.cart-view .article-list .bestellung_container.in-cart {
    margin-top: 30px;
}

.customer-data.active legend {
    font-family: var(--g-font-family-02),var(--g-fallback-font-family) ;
    font-size: 1.5rem;
}

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


/* Kontroll-Seite */

.confirm-header-container input[type='submit'] {
    font-family: var(--g-font-family), var(--g-fallback-font-family);
    font-size: 0.75rem;
}

.detail .text .custom-order-confirmation h2,
.detail .text .custom-data-confirmation h2 {
    font-family: var(--g-font-family-02),var(--g-fallback-font-family) ;
    font-size: 2rem;
}


/* Abschluss-Seite */

.titelzone .beweSent-headline {
    font-family: var(--g-font-family-02),var(--g-fallback-font-family) ;
    font-size: 2rem;
}

.returnToNewOrder {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
}

input[type='submit'].new-order {
    font-family: var(--g-font-family), var(--g-fallback-font-family);
}


@media (min-width: 601px) {

    .article-list {
        --article-list-width: calc(var(--actual-screenwidth) - (var(--actual-screenwidth) * 0.0427 * 2));
        --article-list-gap: 45px;
        --article-width: calc((var(--article-list-width) - var(--article-list-gap)) / 2);
    }

}

@media (min-width: 961px) {

    .breadcrumb,
    body.esv-application.menuconfig-without-subnavi.service-group-bewe:not([class*='portal-pv']) #esv-container .breadcrumb {
        display: flex;
    }

    .article-list {
        --article-list-gap: 60px;
    }

}

@media (min-width: 1041px) {

    .titelzone {
        width: var(--gr-mc-normal-content-width);
    }

}

@media (min-width: 1051px) {

    .article-list {
        --article-width: calc((var(--article-list-width) - var(--article-list-gap) * 2) / 3);
    }

}

@media (min-width: 1575px) {

    #esv-container:not(.visible_navigation) .contentline > .right {
        width: var(--gr-mc-fullscreen-content-width);
    }

    .article-list {
        --article-list-width: var(--gr-mc-fullscreen-content-width);
    }

}