.clickeater {
    position: fixed;
    left: 0px;
    top: 165px;
    width: 100%;
    height: 100%;
    background-color: #00000088;
    z-index: 500;
}

.bw-tpl {
    display: none !important;
}

body.static {
    overflow-y: initial !important;
}

body.static #CybotCookiebotDialog,
body.static #CybotCookiebotDialogBodyUnderlay {
    display: none !important;
}

/* ----------- Alex SVG Icon im Fließtext---------- */

.icon {
    display: inline-flex;
    align-self: center;
}

.icon svg {
    height: 1em;
    width: 1em;
    fill: currentColor;
}

.icon.baseline svg {
    top: .125em;
    position: relative;
}

.icon.hover:hover {
    color: #E8E8E8;
}


/* ----------- Base Theme ---------- */

.main-row {
    box-shadow: unset;
}


/* ----------- Alex Anpassungen Category Slideshow bootstrap Carousel ----------- */


/*
    ks -> 09 -> Kindergarten und Spielen
    ma -> 04 -> Möbel und Ausstattung
    sl -> 15 -> Schule, Lernen und Lehren
    dl -> 16 -> Digitales Lernen
*/

.bw-carousel-caption {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: auto !important;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.bw-carousel-caption>span {
    border-right: 0;
    font-family: 'liebeerika', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 56px;
    background-color: white;
}

.bw-carousel-button {
    position: absolute;
    left: 35px;
    bottom: 15px;
    right: auto !important;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.bw-carousel-button>span {
    font-size: 22px;
    color: white;
    padding: 4px 10px;
    cursor: pointer;
}

.bw-carousel-button>span>i {
    font-size: 0.8em;
}


.bw-caption-box-ks {
    border: 2px solid var(--bw-hex-ks);
}

.bw-caption-box-ma {
    border: 2px solid var(--bw-hex-ma);
}

.bw-caption-box-sl {
    border: 2px solid var(--bw-hex-sl);
}

.bw-caption-box-dl {
    border: 2px solid var(--bw-hex-dl);
}


/* ----------- Alex Hintergrundfarbe des Body ---------- */


/* Backend → Erweiterungen → Themes → Wave → Hintergrundbild → Hintergrundfarbe des Shops */

.underdog {
    background-color: var(--bw-hex-bg);
}


/* ----------- Alex: breadcrumb ---------- */

.breadcrumb {
    font-size: 15px;
}


/* ----------- Alex Font Awesome Icons Schriftgröße im Header ---------- */

.bw-fai-20 {
    font-size: 20px;
}


/* ----------- Alex Oxid Page/List für Hisham ---------- */

.page-header {
    border-bottom: 0;
}

h1.page-header {
    border-bottom: 0;
    margin-left: 20px;
}

/* ----------- Hisham - Allgemein ---------- */

.hbox>*,
.vbox>* {
    display: block;
    text-align: left;
    position: relative;
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
}

.hbox.overflow>*,
.vbox.overflow>*,
.hbox>.overflow,
.vbox>.overflow {
    overflow: visible;
}

.hbox,
.vbox {
    display: -webkit-box;
    display: -ms-flexbox;
    position: relative;
    align-items: center;
    justify-content: center;
}

.hbox {
    flex-flow: row;
    -webkit-box-orient: horizontal;
    -ms-flex-flow: row;
}

.vbox {
    flex-flow: column;
    -webkit-box-orient: vertical;
    -ms-flex-flow: column;
}

.flex {
    flex: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    /* width: auto !important;*/
}

.vcenter {
    -webkit-box-align: center;
}

.loading .page-header,
.loading .details,
.loading .footer {
    /*opacity: 0.3;*/
    display: none;
}

/*.loading ._page-header,
.loading .details,
.loading ._footer {
    opacity: 0.3;
    display: none;
}*/

body,
body>* {
    overflow-x: hidden;
}


/* --- from list.tpl ------------------------------ */

.ratings .fa-star,
.ratings .fa-star-half-o,
.liststar.star-ratings .fa-star,
.liststar.star-ratings .fa-star-half-o {
    font-size: 22px;
}

.liststar.star-ratings .rating-star-empty {
    color: #c7c7c7;
}

.liststar.star-ratings .rating-star-filled {
    color: #fb0;
}

.liststar.ratingcount {
    vertical-align: top;
}

ul.suggest {
    position: absolute;
    z-index: 960;
    background-color: #ffffff;
    list-style-type: none;
    padding: 15px;
    color: var(--bw-hex-70);
    border: 1px solid var(--bw-hex-99);
    margin-top: 10px;
    margin-left: -4px;
}

ul.suggest>li {
    font-weight: bold;
}

ul.suggest>li:not(:first-child) {
    margin-top: 15px;
}

ul.suggest>li>label {
    font-size: 20px;
}

ul.suggest ul {
    list-style-type: none;
    padding-left: 0px;
    border-top: 1px solid var(--bw-hex-99);
    padding-top: 15px;
    list-style-position: inside;
}

ul.suggest ul li {
    background-position: left;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    cursor: pointer;
    white-space: nowrap;
    color: var(--bw-hex-99);
    font-size: 15px;
    line-height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

ul.suggest ul li.thumb {
    padding-left: 45px;
}

ul.suggest ul li:hover {
    background-color: #eeeeee;
}

@media (max-width: 990px) {
    ul.suggest {
        margin-top: 14px;
        margin-left: 0;
    }
}

#searchList>h2 {
    margin: 10px 0px 10px 0px;
    color: #575757;
    font-size: 18px;
}

#searchList>h2 a {
    color: #575757;
    font-size: 16px;
    cursor: pointer;
    padding-left: 20px;
}

#searchList .subcat-list {
    color: #575757;
    font-size: 16px;
    margin: 20px 0px 20px 0px;
    line-height: 20px;
}

#searchList .subcat-list * {
    color: #575757;
    font-size: 16px;
    cursor: pointer;
    margin-right: 10px;
    white-space: nowrap;
}

#searchList .subcat-list *:after {
    content: " ";
    white-space: normal;
}

.gridView hr {
    clear: both;
    /*padding-top: 100px;*/
    margin-bottom: 100px;
}


/* ************************* HEADER *********************** */


/*.headInfos {
    position: sticky;
    top: 0px;
    z-index: 5;
}

.logo_vert {
    padding: 0px 10px 0px 10px;
    position: sticky;
    top: 0px;
    z-index: 6;
}*/

/* ************************* SINGLE RANGE *********************** */


/* https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */

input[type="range"].singlerange {
    -webkit-appearance: none;
}

input[type="range"].singlerange::-webkit-slider-thumb {
    --thumb-color: blue;
    background: var(--thumb-color);
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    border-radius: 7px;
    cursor: pointer;
}

input[type="range"].singlerange::-webkit-slider-runnable-track {
    --range-color-bg: #00000030;
    background: linear-gradient(to right, transparent, var(--range-color-bg) 0%, var(--range-color-bg) 100%, transparent 0) no-repeat 0 45% / 100% 40%;
}


/* ************************* MULTI RANGE *********************** */

input[type="range"].multirange {
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: top;
    pointer-events: none;
}

input[type="range"].multirange::-moz-range-thumb {
    transform: scale(1);
    /* FF doesn't apply position it seems */
}

input[type="range"].multirange.original {
    position: absolute;
}

@supports (-moz-appearance:none) {
    input[type="range"].multirange.original {
        z-index: 1;
        background-color: transparent;
    }
}

input[type="range"].multirange::-webkit-slider-thumb {
    --thumb-color: blue;
    background: var(--thumb-color);
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    border-radius: 7px;
    cursor: pointer;
}

input[type="range"].multirange.original::-webkit-slider-thumb {
    position: relative;
    z-index: 2;
    pointer-events: auto;
}

input[type="range"].multirange.original::-moz-range-thumb {
    z-index: 22;
    pointer-events: auto;
}

input[type="range"].multirange.ghost::-webkit-slider-thumb {
    pointer-events: auto;
}

input[type="range"].multirange.ghost::-moz-range-thumb {
    pointer-events: auto;
}


/* CHROME BG FIX */

input[type="range"].multirange {
    -webkit-appearance: none;
}

input[type="range"].multirange::-webkit-slider-runnable-track {
    --range-color-bg: #00000030;
    background: linear-gradient(to right, transparent, var(--range-color-bg) 0%, var(--range-color-bg) 100%, transparent 0) no-repeat 0 45% / 100% 40%;
}


/*input[type="range"].multirange.original {
    background: var(--track-background);
    --track-background: linear-gradient(to right,
            transparent , var(--range-color) 0,
            var(--range-color) var(--high2), transparent 0) no-repeat 0 45% / 100% 40%;
    --range-color: hsl(190, 80%, 40%);
}
input[type="range"].multirange.original::-webkit-slider-runnable-track {
    background: var(--track-background);
}*/

input[type="range"].multirange::-moz-range-track {
    border-color: transparent;
    /* needed to switch FF to "styleable" control */
}


/*input[type="range"].multirange.middle {
    position: absolute;
    -webkit-appearance: none;
}

input[type="range"].multirange.middle:focus {
    outline: non    e;
}

input[type="range"].multirange.middle::-moz-range-thumb {
    position: relative;
    z-index: 1;
    height: 9px;
    width: var(--size);
    margin-top: 6px;
    margin-bottom: 6px;
    background: transparent;
    cursor: pointer;
    border: 0;
}

input[type="range"].multirange.middle::-webkit-slider-thumb {
    position: relative;
    z-index: 1;
    height: 9px;
    width: var(--size);
    margin-top: 6px;
    margin-bottom: 6px;
    background: transparent;
    -webkit-appearance: none;
    cursor: pointer;
}*/

input[type="range"].multirange.ghost {
    position: relative;
    background: var(--track-background);
    --track-background: linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 45% / 100% 40%;
    --range-color: hsl(190, 80%, 40%);
}

input[type="range"].multirange.ghost::-webkit-slider-runnable-track {
    background: var(--track-background);
}

input[type="range"].multirange.ghost::-moz-range-track {
    background: var(--track-background);
}

input[type="range"].multirange.ghost::-webkit-slider-thumb {
    position: relative;
    z-index: 2;
}

input[type="range"].multirange.ghost::-moz-range-thumb {
    z-index: 2;
}


/* ************************* Basket ************************* */

.alert-info,
.paypalHelpBox {
    color: #466211;
    background-color: #e7f2d3;
    border-color: #bed691;
}

.alert,
.paypalHelpBox {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #bed691;
    border-radius: 0;
}

.bw-content-padding-basket {
    padding: 0px;
    margin-bottom: 40px;
}

.goodChoice {
    padding-top: 10px;
}

.bw-line-basket {
    border-width: 1px;
    border-color: #707070;
}

.bw-basket-productimage {
    width: 100%;
}

.bw-cart-item-headline {
    font-family: 'URWGroteskExtNarW05-Regular', Arial, Helvetica, sans-serif;
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.bw-cart-item-headline:hover {
    text-decoration: none;
    color: #999999 !important;
}

.bw-address-type {
    border: 2px solid #ced4da;
    border-radius: 0.25rem;
    background-color: #fff;
}

.bw-deliverytime-basket {
    font-family: 'URWGroteskExtNarLigW05-Rg', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1rem;
}

.bw-deliverytime-stock-basket {
    color: var(--bw-hex-lg);
}

.bw-deliverytime-basket.stockFlag {
    color: var(--bw-hex-lg);
}

.bw-deliverytime-basket.stockFlag.notOnStock {
    color: var(--bw-notOnStock) !important;
}

.bw-deliverytime-basket.stockFlag.notOnStock > button {
    background-color: var(--bw-notOnStock) !important;
}

.bw-basket-item-title a {
    font-family: 'URWGroteskExtNarW05-Regular', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
}

.bw-basket-headline {
    font-size: 1.125rem;
}

.bw-artnr-basket {
    font-size: 0.9rem;
}

.totalPrice,
.unitPrice {
    font-size: 1.125rem;
}

.panel-heading .collapsed .active {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
}

.panel-heading .active {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
}

.bw-voucher-onklick-basket {
    cursor: pointer;
}

.bw-button-item-remove-basket {
    font-family: 'URWGroteskExtNarLigW05-Rg', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .013rem;
    text-decoration: underline;
    border: none;
    background: none;
    padding: 0;
}

.bw-button-item-remove-basket:hover {
    color: #707070;
    text-decoration: underline;
}

.bw-basket-quantity-input {
    border: solid 1px #cccccc;
    border-radius: 0;
}

.bw-col-md-1-basket {
    flex: 0 0 10.7%;
    max-width: 10.7%;
}

.bw-reserved-articel-info-basket {
    font-family: 'URWGroteskExtNarW05-Regular', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    border: 1px solid #CBCBCB;
    padding: 5px 8px;
    width: auto;
}

.bw-voucher-title-basket {
    font-family: 'URWGroteskExtNarW05-Regular', Arial, Helvetica, sans-serif;
    color: #707070 !important;
    font-size: 1rem;
    line-height: 1.5rem;
}

.bw-voucher-box-basket {
    font-family: 'URWGroteskExtNarW05-Regular', Arial, Helvetica, sans-serif;
    display: block;
    margin-right: 20px;
    padding: 4px 8px;
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid #707070;
    width: 100%;
}

.bw-btn-voucher-basket {
    font-family: 'URWGroteskExtNarW05-Regular', Arial, Helvetica, sans-serif;
    border-radius: 0;
    padding: 4px 8px;
    width: 80px;
    background-color: #86BC20;
    color: #fff;
}

.bw-table-summery-basket {
    font-family: 'URWGroteskExtNarLigW05-Rg', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    text-indent: initial;
    border-spacing: 2px;
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
    white-space: nowrap;
}

.bw-lead-summery-basket {
    font-family: 'URWGroteskExtNarW05-Regular', Arial, Helvetica, sans-serif;
    font-size: 1rem;
}

.testtable td,
.testtable th {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    padding: 0.75rem 0;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.bw-continue-shopping-basket {
    padding: 7px 0;
}

.bw-checkout-basket {
    color: #fff;
    background-color: #86BC20;
    border: solid 1px #86BC20;
    border-radius: 0;
    width: 100%;
}

.bw-checkout-basket:hover {
    color: #86BC20;
    background-color: #fff;
    border: solid 1px #86BC20;
    border-radius: 0;
    width: 100%;
}

.couponBox {
    width: 100%;
}

#basket_list h3 {
    font-family: 'URWGroteskExtNarW05-Regular', Arial, Helvetica, sans-serif;
    font-size: 1.875rem;
    line-height: 2.625rem;
    color: #707070;
    margin-bottom: 1.563rem;
}

.checkout-steps {
    border-top: none;
}
@media (max-width: 767px) {
    .checkout-steps {
        height: 70px;
    }
}
@media (max-width: 575px) {
    .checkout-steps {
        height: 60px;
    }
}

.checkout-steps .step{
    width: 25%;
    max-width: 25%;
    border-top: 3px solid #707070;
}

.checkout-steps .step.active .num {
    background-color: #707070;
}

.checkout-steps .step.passed .num {
    background-color: #87bc21;
}

.checkout-steps .num {
    border: none;
    background-color: #bfbfbf;
    color: #fff;
    padding: 4px;
}

.process-indicator {
    width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.process-indicator .process-step {
    text-align: center;
    width: auto;
    flex-shrink: 0;
}

.process-indicator .process-step:hover {
    text-decoration: none;
}

.process-indicator .process-step.selected .step-counter {
    border-width: 0;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 15px;
    -moz-background-clip: padding;
    border-radius: 15px;
    background-clip: padding-box;
}

.process-indicator .process-step.selected .step-title {
    font-weight: bolder;
    font-family: 'URWGroteskExtNarW05-Regular', Arial, Helvetica, sans-serif;
}

.process-indicator .process-step.selected .separator.left {
    background-color: #86BC20;
}

.process-indicator .process-step.selected+.process-separator:before {
    display: block;
    content: '';
    width: 50%;
    height: 1px;
}

.process-indicator .process-step.first.selected .step-title {
    left: 15px;
}

.process-indicator .process-step.last.selected .step-title {
    right: 15px;
}

.process-indicator .process-step.active {
    color: #86BC20;
}

.process-indicator .process-step.active .step-counter {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 13px;
    background-color: #86BC20;
    border-color: #86BC20;
}

.process-indicator .process-step.active .separator,.process-indicator .process-step.active+.process-separator {
    background-color: #86BC20;
}

.process-indicator .process-step .step-counter {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 15px;
    -moz-background-clip: padding;
    border-radius: 15px;
    background-clip: padding-box;
    border-style: solid;
    border-width: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2.5px auto;
    font-weight: bold;
    position: relative;
}

.process-indicator .process-step .separator {
    margin-top: -1px;
    position: relative;
    height: 1px;
    width: 50%;
    top: 17px;
}

.process-indicator .process-step .separator.right {
    float: right;
}

.process-indicator .process-separator {
    margin-top: -1px;
    position: relative;
    height: 1px;
    width: 50%;
    top: 17px;
}


.process-indicator .process-step {
    color: #aaa;
}

.process-indicator .process-step.selected .step-counter {
    background-color: #707070;
    color: #fff;
}

.process-indicator .process-step.selected .step-title {
    color: #707070;
}

.process-indicator .process-step.selected .separator.right {
    background-color: #707070;
}

.process-indicator .process-step.selected+.process-separator:before {
    background-color: #707070;
}

.process-indicator .process-step .step-counter {
    border-color: #f8f9fa;
    background: #f8f9fa;
}

.process-indicator .process-step .separator {
    background: #d3d4d4;
}

.process-indicator .process-separator {
    background-color: #d3d4d4;
}

/* --- scrollbox ------------------------------ */

.scrollbox {
    position: relative;
}

.scrollcontent {
    white-space: nowrap;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.vertical-scrollcontent {
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-height: none;
}

.scrollcontent::-webkit-scrollbar, .vertical-scrollcontent::-webkit-scrollbar {
    display: none;
}

.scrollbox>button {
    position: absolute;
    top: 50%;
    z-index: 99;
}

.scrollbox>button.left {
    left: 10px;
}

.scrollbox>button.left::after {
    content: "<";
}

.scrollbox>button.right {
    right: 10px;
}

.scrollbox>button.right::after {
    content: ">";
}


/* --- scroll left/right ------------------------------ */

.scroll {
    position: absolute;
    display: block;
    font-size: 45px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0s linear 0.3s;
    user-select: none;
    z-index: 1;
}

.scroll.show, .v-scroll.show {
    opacity: 0.1;
    visibility: visible;
    transition: opacity 0.3s;
}

.scroll.show.active, .v-scroll.show.active  {
    opacity: 0.5;
    visibility: visible;
    cursor: pointer;
    transition: opacity 0.3s;
}

.scroll.show.active:hover, .v-scroll.show.active:hover {
    opacity: 1;
}

.scroll.left {
    top: 158px;
    left: 10px;
}

.scroll.right {
    top: 158px;
    right: 10px;
}

.cl-alist #main-categories {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

@media (max-width: 554px) {
    #bw-subcategories .articleList.bw-articleBD {
        gap: 10px;
        display: flex;
        flex-flow: wrap;
    }
}


/* --- Artikelbox ------------------------------ */

.bw-articleBD .productData:hover {
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2) !important;
}

.bwArticleRatings {
    height: 1.1em;
}

.bwArticleRatings .fa-star,
.bwArticleRatings .fa-star-half-o {
    font-size: 12px;
}

.bwArticleRatings .fa-star .ratings-star-empty {
    color: #c7c7c7;
}

.bwArticleRatings .fa-star .ratings-star-filled {
    color: #fb0;
}

.bw-articleBD .productData .productBox-container {
    height: 100%;
    display: flex;
    flex-flow: column;
}
.bw-articleBD .productData .productBox-container .product-info {
    flex: 1 1 auto;
}

.bw-cms-article.bw-articleBD .productData {
    box-shadow: 4px 4px 4px 4px rgb(0 0 0 / 6%), 1px 3px 3px 1px rgb(0 0 0 / 5%);

}

.bw-articleBD .productData {
    position: relative;
    background-color: white;
    margin-bottom: 20px;
    cursor: pointer;
    width: 212px;
    height: 400px;
    margin-right: 20px;
    display: inline-block;
}

.bw-cms-article.bw-articleBD .productData {
    width: 180px;
    height: 360px;
    margin-right: 0;
}

.bw-articleBD .productData a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: calc(100% - 5px);
}

.bw-articleBD .productData a.arturl>div {
    text-align: center;
    width: 100%;
    line-height: 1.1em;
    padding-left: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.bw-articleBD .productData .img-box {
    width: 192px;
    height: 192px;
    margin: 10px 10px 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.bw-cms-article.bw-articleBD .productData .img-box {
    width: auto;
}

.bw-articleBD .productData .img-box img.artimg {
    width: auto;
    height: 100%;
    object-fit: contain;
}

.bw-articleBD .productData .bwArticleOverlay {
    position: absolute;
    right: 2px;
    top: 0px;
    z-index: 1;
    height: 100%;
    width: 90px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.bw-articleBD .productData .bwArticleOverlay>img {
    object-fit: contain;
    margin-top: 5px;
    margin-bottom: 2px;
    max-height: 45px;
    max-width: 100px;
}

.bw-articleBD .productData .bwArticleHeart {
    position: absolute;
    left: 5px;
    bottom: 0px;
    font-size: 22px;
    color: var(--bw-hex-cc);
}

.bw-articleBD .productData .bwArticleHeart .linkToNoticeList {
    color: var(--bw-hex-cc);
}
.bw-articleBD .productData .bwArticleHeart .linkToNoticeList:hover {
    color: var(--bw-hex-cc);
}

.bw-articleBD .productData .bwArticleHeart i{
   display: none;
}

.bw-articleBD .productData .bwArticleHeart:hover i{
    display: block;
}

.bw-articleBD .productData .bwArticleHeart i.show{
    display: block;
}

.bw-articleBD .productData .bwArticleHeart:hover i.show{
    display: none;
}

.bw-articleBD .productData .bwArticleRatings {
    font-size: 22px;
}

.bw-articleBD .productData .bwArticleTitle {
    font-size: 20px;
    font-family: 'URWGroteskExtNarW05-Regular';
}

.bw-articleBD .productData .bwArticleTitle[data-lines="2"], .bw-articleBD .productData .bwArticleSubTitle[data-lines="2"] {
    white-space: normal;
    max-height: 2.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.bw-articleBD .productData .bwArticleTitle[data-lines="3"] {
    white-space: normal;
    max-height: 3.3em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.bw-articleBD .productData .bwArticleSubTitle {
    font-size: 17px;
    flex: 1;
    margin-top: 2px;
    padding-bottom: 10px;
}

.bw-articleBD .productData .bwArticleDeliveryDate {
    font-size: 15px;
    color: var(--bw-hex-lg);
}

.bw-articleBD .productData .bwArticleDeliveryDate.notOnStock {
    color: var(--bw-notOnStock);
}

.bw-articleBD .productData .bwArticleBasePrice {
    text-align: right !important;
    font-size: 13px;
    height: 1.1em;
}

.bw-articleBD .productData .bwArticlePrice {
    text-align: right !important;
    font-size: 20px;
    font-family: 'URWGroteskExtNarW05-Regular';
}

.bw-articleBD .productData .bwArticlePrice .oldPrice.text-muted,
.bw-articleBD .productData .bwArticlePrice>del>span {
    color: var(--danger) !important;
    font-size: 15px;
}

.bw-articleBD .productData .bwArticlePrice>span:nth-child(2) {
    font-size: 15px;
}

@media (max-width: 474px) {

    /* 474 = 212 * 2 + 2 * 10 + 30 */
    :root {
        --boxWidth: calc((100vw - var(--bw-space) * 1 - var(--bw-rcmgn)) / 2);
        --imgBox: calc(var(--boxWidth) - var(--bw-space));
        --boxHeight: calc(400px - 192px + var(--imgBox));
        --imgMargin: calc(var(--bw-space) / 2);
    }

    #bw-subcategories .articleList.bw-articleBD {
        gap: 0px;
    }

    .bw-articleBD .productData {
        width: var(--boxWidth);
        height: var(--boxHeight);
        margin-right: var(--bw-space);
        margin-bottom: var(--bw-space);
    }

    #main-cat-products .bw-articleBD .productData:nth-child(2n),
    #list-container2 .bw-articleBD .productData:nth-child(2n) {
        margin-right: 0px;
    }

    #main-cat-products .bw-articleBD .productData:nth-child(1n+3) {
        display: none;
    }

    #bw-categorycontent #list-container2 .bw-articleBD.scrollbox .scrollcontent .productData:nth-child(1n) {
        margin-right: var(--bw-space);
    }

    .bw-articleBD .productData .img-box {
        width: var(--imgBox);
        height: var(--imgBox);
        margin: var(--imgMargin) var(--imgMargin) 0px var(--imgMargin);
    }

    .bw-cms-article.bw-articleBD .productData .img-box img {
        height: 100%;
    }

    .bw-articleBD .productData .img-box>img {
        width: var(--imgBox);
        height: var(--imgBox);
    }

    .bw-articleBD .productData .bwArticleTitle {
        -moz-hyphens: auto;
        -o-hyphens: auto;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
    }
}

/* --- ? ------------------------------ */

.bw-hr-block {
    height: 62px;
    margin-bottom: 10px;
}

.bw-hr-block h2,
.bw-hr-block h3 {
    color: #fff;
    font-size: 50px;
    padding-top: 2px;
    font-family: 'liebeerika', sans-serif;
    font-weight: 700;
    font-style: normal;
}

.bw-category-n .bw-hr-block h3 {
    color: var(--bw-hex-99);
}

.bwCatTextGrey {
    color: var(--bw-hex-70);
}


/* --- Application/views/wave/tpl/form/contact.tpl ------------------------------ */

.contact-form .form-horizontal .form-group .control-label {
    text-align: left;
}


/* --- bootstrap button primary overwrites ------------------------------ */

.btn-primary {
    color: white;
}


/* --- Warenkorb ------------------------------ */

.minibasket-item-col {
    hyphens: auto;
    -webkit-hyphens: auto;
    overflow: auto;
}

.minibasket-item-row>div.minibasket-item-col:first-child {
    overflow: hidden;
}


/* --- Registrierung - Bestaetigung ------------------------------ */

.register-success-box {
    height: 10vw;
    padding: 15px;
    margin-bottom: 40px;
}

/* --- Alle Buttons keine Randradien ------------------------------ */

.btn {
    border-radius: 0px;
}

.line-view-item {
    border-bottom: 1px solid #707070;
    padding-top: 1.5rem;
}

.line-view-item .form-group {
    margin-top: 0;
}

@media (max-width: 768px) {
    .line-view-item .price {
        font-size: 1.5rem;
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .btn-staffel {
        width: 100%;
    }
}

/* -------- Rabattaktion -------- */
.bwDiscountStockProgressContainer {
    display: none;
    margin: 0.5rem 0;
    padding: 0.5rem 0;
}

.bwDiscountStockText {
    font-size: 15px;
}

.bwDiscountAlert {
    border-radius: 4px;
    border: 2px solid #87bc21;
    padding: 0 0.5rem;
    color: #87bc21;
    text-align: center;
    z-index: 2;
    background-color: #ffffff;
}

.discountSustainable{
    height: 18px;
    margin-left: -5px;
    margin-top: -5px;
}

.modal {
    z-index: 100000;
}

.bw-header-banner {
    background-color: #87bc21;
    border-color: #87bc21;
    color: #ffffff;
    text-align: center;
}

.no-javascript-modal[open] .modal__toggle {
    left: calc(50vw + 110px);
    top: calc(15vh + 20px);
    position: fixed;
    z-index: 2;
}
.no-javascript-modal[open] .modal__toggle:focus {
    outline: 2px solid #000000;
}
.no-javascript-modal[open] .modal__toggle::before {
    content: '✖';
}
.no-javascript-modal .modal__toggle {
    color: #000000;
    list-style: none;
}
.no-javascript-modal .modal__toggle::-webkit-details-marker {
    display: none;
}
.no-javascript-modal .modal__toggle:hover {
    cursor: pointer;
    opacity: .8;
}
.no-javascript-modal .modal__background {
    background-color:rgba(0, 0, 0, .25);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1;
}
.no-javascript-modal .modal__body {
    background-color: #e6e6e7;
    box-shadow: 0 0 10px rgba(0, 0, 0, .25);
    font-size: 1.5rem;
    font-weight: 700;
    padding: 2.5rem 1rem;
    position: fixed;
    text-align: center;
    top: 15vh;
    width: 300px;
    z-index: 1;
    outline: 1px solid #000;
    outline-offset: -13px;
}

.card-header, .card-footer {
    background-color: #f8f9fa;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}