:root {
    --hofladen-ci-anthrazit: #4A4A49;
    --hofladen-ci-gruen: #8F916B;
    --hofladen-ci-rost: #9F4B33;
    --hofladen-ci-greige: #E9E3DA;
    --hofladen-ci-white: #fff;
}

:root {
    --orange: #ef7f00;
    --darkorange: #d56b42;
    --darkred: #b50000;
    --lightgray: #CCCCCC;
    --gray: #9B9B9B;
    --darkgray: #2c2c2c;
    --black: #282828;
    --white: #fefdfe;

    --ck-z-default: 100;
    --ck-z-modal: calc(var(--ck-z-default) + 999);
}

a {
    color: var(--orange);
}

a:hover {
    color: var(--darkorange);
    text-decoration: none;
}

.surcharge-article-icon svg {
    width: 1.875rem;
    height: auto;
}

::-moz-selection {
    color: black;
    background-color: var(--darkorange);
}

.hls_logo_img {
    max-width: 80%;
}

::selection {
    color: black;
    background-color: var(--darkorange);
}

.hls-link-black {
    color: black;
}

.hls-link-black:hover {
    color: black;
    text-decoration: none;
}

.hls-link-red {
    color: #b50000;
}

.hls-link-red:hover {
    color: #b50000;
    text-decoration: none;
}

.hls-link-darkred {
    color: #b50000;
}

.hls-link-darkred:hover {
    color: #b50000;
    text-decoration: none;
}

.font-small span {
    font-size: .9rem;
}


.hls-link-orange {
    color: var(--orange);
}

.hls-link-orange:hover {
    color: var(--orange);
    text-decoration: none;
}

h1 {
    color: #b50000;
}

#description h2 {
    color: #b50000;
}

.text-hover {
    cursor: pointer;
}

.text-hover:hover {
    background-color: rgba(155, 155, 155, .2);
}

.hls-btn-orange {
    border: 1px solid var(--orange);
    border-width: 0;
    background-color: var(--orange);
    color: white;
    font-size: 13px;
    line-height: 1.85714285714286;
    padding: 9px 15px;
}

.hls-btn-orange.disabled {
    opacity: .7;
}

.hls-btn-orange:hover {
    text-decoration: none;
    background-color: var(--darkorange);
    color: white;
    cursor: pointer;
}


@media screen and (min-width: 800px) {
    .hls-btn-orange {
        font-size: 15px;
        padding: 9px 15px;
    }
}


.hls_navbar {
    font-size: 13px;
    padding-left: 1rem;
    padding-right: 1rem;
    border: none;
    text-align: left;
    z-index: 800;
    background-color: white;
}

.flex {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
}

.overlay_loading {
    z-index: 1500;
}

.hls_btn_rost {
    color: white !important;
    background-color: var(--orange);
    cursor: pointer;
    border: none;
    font-family: 'Bebas Neue';
    padding: 3px;
    font-size: 20px;
}

.hls_btn_rost:hover {
    background-color: var(--orange);
    color: white;
    text-decoration: none;
}

.hls_btn_rost:active {
    background-color: var(--orange);
    color: white;
    text-decoration: none;
}

.hls_btn_rost:focus {
    background-color: var(--orange);
    color: white;
    text-decoration: none;
}


.hls_btn_rost.disabled {
    cursor: default;
    background-color: var(--orange);
}






.header_description {
    font-size: 1.3rem;
}

.div-spacer {
    content: " ";
    width: 100vw;
}


.row {
    max-width: 100%;
    margin: 0;
}

.hls-color-white {
    color: #fff;
}


.hls-color-green {
    color: var(--hofladen-ci-gruen);
}

.hls-color-red {
    color: var(--hofladen-ci-gruen) !important;
}

.hls-color-yellow {
    color: #dfb372 !important;
}

.hls-color-yellow a {
    color: #dfb372 !important;
}

.hls-color-yellow a a {
    color: red !important;
}

.hls-color-anthrazit {
    color: var(--hofladen-ci-anthrazit) !important;
}

.hls-color-anthrazit a {
    color: var(--hofladen-ci-anthrazit) !important;
}


.hls-color-white a {
    color: var(--hofladen-ci-white) !important;
}

.hls-color-green a {
    color: var(--hofladen-ci-gruen) !important;
}

.hls-color-red a {
    color: var(--hofladen-ci-rost) !important;
}

.hls-link-green {
    color: var(--hofladen-ci-anthrazit) !important;
}

.hls-link-green:hover {
    color: var(--hofladen-ci-greige);
}



.form-control-placeholder::placeholder {
    font-weight: 700;
}



.bg_anthrazit {
    background-color: var(--hofladen-ci-anthrazit);
}

.bg_gruen {
    background-color: var(--hofladen-ci-gruen);
}

.bg_rost {
    background-color: var(--hofladen-ci-rost);
}

.bg_greige {
    background-color: var(--hofladen-ci-greige);
}

.bg_white {
    background-color: var(--hofladen-ci-white);
}


.bebas {
    font-family: 'Bebas Neue';
    font-size: 1.5rem;
    line-height: 1.5rem;
}

select {
    appearance: none;
}

.text_anthrazit {
    color: var(--hofladen-ci-anthrazit);
}

.text_anthrazit:hover {
    color: var(--hofladen-ci-anthrazit);
}

.text_gruen {
    color: var(--hofladen-ci-gruen);
}

.text_gruen:hover {
    color: var(--hofladen-ci-gruen);
}

.text_rost {
    color: var(--hofladen-ci-rost);
}

.text_greige {
    color: var(--hofladen-ci-greige);
}

.text_white {
    color: var(--hofladen-ci-white);
}



body {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    background-color: var(--hofladen-ci-white);
    color: #4c4c4c;
    /* background-image: url('../img/hofladen-shop-hintergrund-neu.jpg');
    background-size: contain; */
}



.text_underline:hover {
    text-decoration: underline;
}


.bold {
    font-weight: bold;
}

.hls-yellow {
    color: #dfb372;
}

.list-group-item a:hover {
    color: var(--hofladen-ci-gruen)
}


.hls-green {
    color: var(--hofladen-ci-gruen);
}

.hls-green a {
    color: var(--hofladen-ci-gruen);
}

.hls-red {
    color: var(--hofladen-ci-gruen);
}

.hls-black {
    color: #202729;
}

.hls-beige {
    color: #F0DBB7;
}

.hls-brown {
    color: #D6B78D;
}

.hls-green:hover {
    color: var(--hofladen-ci-gruen);
}

.hls-green a:hover {
    color: var(--hofladen-ci-gruen);
}

.hls-red:hover {
    color: var(--hofladen-ci-gruen);
}

.hls_btn_red {
    color: #fff;
    background-color: var(--hofladen-ci-gruen);
    border-color: none;
    border-radius: 0;
    background-clip: border-box;
    -webkit-appearance: none;
}

.bs-canvas-content a:hover {
    color: white !important;
}

select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}

/* For IE10 */
select::-ms-expand {
    display: none;
}

.hls_btn_red:hover {
    color: #fff;
    background-color: var(--hofladen-ci-greige);
    border-color: none;
    border-radius: 0;
    box-shadow: none;
}

.hls_btn_red:focus {
    box-shadow: none;
    color: #fff;
    background-color: var(--hofladen-ci-gruen);
    border-color: var(--hofladen-ci-gruen);
}

.hls_btn_red:visited {
    box-shadow: none;
    color: #fff;
    background-color: var(--hofladen-ci-gruen);
    border-color: var(--hofladen-ci-gruen);
    box-shadow: none;
}

.hls_btn_green {
    color: #fff !important;
    background-color: var(--hofladen-ci-gruen);
    border-color: none;

    border-radius: 0;
    background-clip: border-box;
}

.hls_btn_green:hover {
    color: #fff;
    /* background-color: var(--hofladen-ci-anthrazit) !important;
    border-color: var(--hofladen-ci-anthrazit) !important; */
    background-color: rgba(143, 145, 107, .7) !important;
    border-radius: 0;

}

.hls_btn_green:focus {
    color: #fff;
    background-color: #8DAC84;
    box-shadow: none;
    border-color: #8DAC84;
}

.hls_btn_green:visited {
    box-shadow: none;
    color: #fff;
    background-color: var(--hofladen-ci-gruen);
    border-color: var(--hofladen-ci-gruen);
    box-shadow: none;
}

.hls_btn_yellow {
    color: #fff !important;
    background-color: #EBA55A;
    border-color: #EBA55A;
    border-radius: 0;
    background-clip: border-box;
    height: 100%;
}

.hls_btn_yellow:hover {
    color: #fff;
    background-color: #EBA55A;
    border-color: #EBA55A;
    border-radius: 0;
}

.hls_btn_black {
    color: #fff;
    background-color: var(--black);
    border-color: var(--black);
    border-radius: 0;
    background-clip: border-box;
    -webkit-appearance: none;
}

.hls_btn_gray {
    color: #fff !important;
    background-color: #6b7072;
    border-color: #6b7072;
    border-radius: 0;
    background-clip: border-box;
    -webkit-appearance: none;
}

.hls_btn_gray:hover {
    color: #fff;
    background-color: #6b7072;
    border-color: #6b7072;
    border-radius: 0;
}

.hls_btn_black:hover {
    color: #fff;
    background-color: #2f393b;
    border-color: #2f393b;
    border-radius: 0;
}

.hls_btn_outline_red {
    color: var(--hofladen-ci-gruen);
    border-color: var(--hofladen-ci-gruen);
}

.hls_btn_outline_red:hover {
    color: #fff;
    background-color: var(--hofladen-ci-gruen);
    border-color: var(--hofladen-ci-gruen);
}


.hls-link-color-dunkel a {
    color: #000;
}

.hls-link-color-dunkel a:hover {
    color: var(--hofladen-ci-gruen);
}

.hls-link-color .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: var(--hofladen-ci-gruen);
    border-color: var(--hofladen-ci-gruen);
}

.hls-link-color .page-link:hover {
    z-index: 2;
    color: var(--hofladen-ci-gruen);
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.hls-link-color .page-link:visited {
    color: var(--hofladen-ci-gruen);
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
    box-shadow: none;
}

.hls-link-color-nodec a {
    color: var(--hofladen-ci-gruen);
}

.hls-link-color-nodec a:hover {
    text-decoration: none;
    color: var(--hofladen-ci-gruen);
}

.hls_link_color_navtab_details a {
    color: #000;
}

.hls_link_color_navtab_details a:hover {
    color: var(--hofladen-ci-gruen);
}

.hls-link-white {
    list-style: none;
}

.hls-link-white a {
    text-decoration: none;
    transition: all .5s ease;
    position: relative;
    left: 0;
    color: #fff !important;
}

.hls-link-white a:hover {
    color: var(--hofladen-ci-gruen);
    left: 10px;
}

.hls_articledetails_navtabs {
    border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
    border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: 1px solid #dee2e6;
    ;
}

td {
    vertical-align: middle !important;
}

.hls-form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.hls-form-control:focus {
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
    box-shadow: none;
}

.image_so_funktionierts {
    width: 50%;
}

.image_so_funktionierts_liefer {
    width: 80%;
}

@media (min-width: 320px) and (max-width: 681px) {
    .image_so_funktionierts {
        width: 100%;
    }

    .image_so_funktionierts_title {
        width: 100%;
    }

    .image_so_funktionierts_liefer {
        width: 100%;
    }
}


.hls-product-title {
    text-align: center;
}

@media (min-width: 320px) and (max-width: 681px) {
    .badge {
        font-size: .7rem;
    }

    .badge-large {
        min-width: 4.8rem;
    }
}

.badge-large {
    min-width: 5.8rem;
}

.badges-position-left {
    color: #fff;
    position: absolute;
    z-index: 50;
    bottom: .675rem;
}

.badge-left {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.badges-position-right {
    color: #fff;
    position: absolute;
    z-index: 50;
    bottom: .675rem;
    right: .1rem;
    text-align: right;
}

.badges-position-right-variations {
    color: #fff;
    position: absolute;
    z-index: 50;
    top: 1.4rem;
    right: 0rem;
    text-align: right;
}

.badges-position-left-variations {
    color: #fff;
    position: absolute;
    z-index: 50;
    top: 1.4rem;
    left: 0px;
}

.badge-right {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
    width: 100%;
}

.badge-gluten {
    color: #fff;
    background-color: #D8B78D;
}

.badge-neu {
    color: #fff;
    background-color: #EBA55A;
}

.badge-percent {
    color: #fff;
    background-color: #C5452E;
}

.badge-bio {
    color: #fff;
    background-color: #8DAC84;
}

.badge-lightgreen {
    color: #fff;
    background-color: #416d3e;
    /* border: 1px solid #416d3e;
    border-left: 0; */
}

.badge-muster {
    color: #fff;
    background-color: rgba(1, 1, 2, 0.72);
    opacity: 0.4;
}

.badge-detail {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0rem;
    border-top-left-radius: 0rem;
    width: 3rem;
    height: 1.4rem;
}

.hls_nutriscore {
    position: absolute;
    z-index: 50;
    /* text-align: left; */
    bottom: 0;
    right: 0;
    margin-bottom: .3em;
    margin-right: .3em;
}

.hls_nutriscore img {
    position: static !important;
    width: 5em;
}

.hls_wishlist {
    /* position: absolute; */
    z-index: 50;
    /* text-align: left;
    bottom: 0;
    left: 0; */
    margin-right: .2em;
    font-size: 1.8em;
    color: var(--hofladen-ci-gruen);
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0);
}

.hls_wir_stellen_uns_vor img {
    width: 100%;
}


.hls_sample {
    position: absolute;
    z-index: 50;
    text-align: right;
    top: 14rem;
}

.hls_musterbild {
    position: absolute;
    z-index: 50;
    text-align: left;
    bottom: 0;
    left: 0;
    margin-bottom: .1em;
    margin-left: .2em;
    font-size: .8em;
    color: #000;
}

.hls_backside {
    position: absolute;
    z-index: 50;
    text-align: right;
    bottom: 0;
    right: 0;
    margin-bottom: .1em;
    margin-right: .2em;
    font-size: .8em;
    color: #000;
}

@media (min-width: 330px) and (max-width: 681px) {

    /* .hls_nutriscore {
    /* top: 18.8rem; *
    bottom: 4rem;
    right: 1.4rem;
    } */
    /* .hls_wishlist {
        top: 31%;
        margin-left: 0;
    } */
    .hls_nutriscore img {
        position: static !important;
        width: 4em;
    }

    .badges-position-right {
        right: 0.4rem;
    }

    .badges-position-left {
        left: 0.4rem;
    }

    .hls_sample {
        top: 10rem;
        left: 0.4rem;
    }
}

.product--title {
    word-break: break-word;
}

@media (max-width: 681px) {
    .product--title {
        font-size: 1rem;
    }
}

.product--title a {
    color: var(--hofladen-ci-gruen);
}

.product--title a:hover {
    text-decoration: none;
}

.personaldata_overview a {
    color: var(--hofladen-ci-gruen);
}

.personaldata_overview a:hover {
    color: #000;
}

.hls_header_items {
    background-color: transparent;
    text-align: center;
    position: relative;
    display: block;
    padding: .75rem .65rem .75rem .45rem;
    margin-top: 1rem;
    font-size: 1.2rem;
}

.hls_header_links {
    color: var(--darkred) !important;
    cursor: pointer;
    -webkit-appearance: none;
}

.head-spacer {
    border-top: 3px solid white;
    margin: 0;
}

/* .head-spacer {
    border-top: none;
    margin:0;
} */

.hls_header_links-bottom {
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
}


.hls_header_links a:hover {
    color: #fc5436;
}

.hls_header_links a:active {
    color: #fc5436;
}

.hls_header_items:hover {
    color: #fc5436;
}

.hls_header_blog {
    display: block;
    width: 2rem;
    height: 1.75rem;
    background-image: url('../img/buch-weiss-dick-web.png');
    background-size: contain;
    margin-top: -1.75rem;
}

.hls_header_blog:hover {
    background-image: url('../img/buch-orange-dick-web.png');
    color: #fc5436;
}

.hls-search-button {
    display: block;
    width: 80%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--hofladen-ci-anthrazit);
    background-color: var(--hofladen-ci-white);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-right: 0;
    border-radius: 0;
}

.hls-search-button-icon {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--hofladen-ci-anthrazit);
    background-color: var(--hofladen-ci-white);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-left: 0;
    border-radius: 0;
}

.form-inline .hls-search-button {
    display: inline-block;
    width: 78%;
    vertical-align: middle;
    height: 2.8rem;
}

:focus-visible {
    outline-color: #fff;
    outline-style: auto;
    outline-width: 0px;
}

/* .form-inline .hls-search-button:focus-visible {
    height: 2.68rem;
    padding: .375rem .75rem;
    background-clip: padding-box;
    border-radius: 0 !important;
    border: 1px solid #ced4da;
    margin-right: -.12rem;
} */

.form-inline .hls-search-button-icon {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    height: 2.8rem;
}


.sidenavigation-account {
    background-color: #fff;
    position: relative;
    top: 3rem;
    margin-bottom: 4rem;

}

.sidenavigation-account li a {
    color: #000;
}

.sidenavigation-account li a:hover {
    color: #fc5436;
}


.hls_fontsize_mini {
    font-size: 0.8rem;
}


.hls_customscrollbar {
    touch-action: auto;
}

.hls_customscrollbox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    right: -250px;
    height: 100vh;
    z-index: 999;
    background: #fff;
    color: #000;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgb(0, 0, 0 / 20%);
}

.hls_container {
    margin-right: 0;
    overflow: hidden;
    width: auto;
    height: auto;
}


/* FAQs */

.hls_faq_headline {
    margin-left: 2rem;
    margin-top: 1rem;
}

.item {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
}

.local-items .mybox {
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    border: 1px solid #fff;
    background-color: #fff;
}



.hls_dropdown_item {
    padding-top: 1rem;
}



.hls_navbar_description {
    margin-top: .05rem !important;
    padding-top: 1rem;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .2);
}


.hls_navbar_description ul {
    list-style-type: none;
    line-height: 2rem;
    margin-bottom: 1rem;
}

.hls_navbar_description a {
    text-decoration: none;
    position: relative;
    left: 0;
}

.hls_navbar_description .sub-menu-toggle:hover>.sub-menu {
    display: block;
}

.hls_navbar_description .sub-menu {
    display: none;
    position: absolute;
    margin-left: 19rem;
    margin-top: -2.1rem;
    background-color: #fcfcfc !important;
    border: 1px solid #e3e3e3;
    min-width: 20rem;
    max-width: 20rem;
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .2);
}

/* #hls_navbar_scroll {
    visibility: hidden;
} */

.hls_navbar {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

.dropdown-toggle::after {
    content: "" !important;
}

.hls_navbar_description {
    font-size: 13px;
    position: absolute;
    z-index: 2;
    background-color: #fcfcfc !important;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    color: var(--darkred);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    min-width: 20rem;
}

.hls_navbar_description ol {
    list-style: none;
    padding: 0;
    text-align: left;
}

.hls_navbar_description ol li {
    padding: 13px 14px;
    border-bottom: 1px solid #e3e3e3;
}

.hls_navbar_description ol li.last {
    border-bottom: 0px solid var(--gray);
}


.hls_navbar:hover>.hls_navbar_description {
    display: block;
}

.hls_navbar:hover {
    border-bottom: 1px solid var(--darkred);
}

.transparent {
    background: rgba(255, 255, 255, 0.8);
}


.hls_card_footer {
    border: 0px;
    min-height: 1px;
    flex: 1 1 auto;
}


@media (min-width: 368px) and (max-width: 681px) {
    .list-group {
        margin-left: 0.4rem;
    }
}



@media (min-width: 1100px) and (max-width: 1379px) {
    .hls_navbar {
        font-size: 13px;
    }
}

/* Sidebarcart */




.hls_breadcrumb {
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
    font-size: .9rem;
}

.hls_breadcrumb a {
    transition: all .5s ease;
    position: relative;
    left: 0;
    color: #e56b42;

}

.hls_breadcrumb a:hover {
    color: var(--hofladen-ci-greige);
    text-decoration: none;
    color: var(--darkorange);

}

.breadcrumb-item+.breadcrumb-item::before {
    content: "»";
    color: #e56b42;
}

#navbar-collapse-mobile ol {
    list-style: none;
    padding-left: 0;
}

#navbar-collapse-mobile ol li {
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 10px;
    min-width: 100%;
    position: relative;
    padding-right: 0;
}

#navbar-collapse-mobile ol li:last-child {
    border-bottom: 0;
}

#navbar-collapse-mobile .col {
    padding: 0;
}

#navbar-collapse-mobile ol li a {
    text-decoration: none;
}

#navbar-collapse-mobile ol li .row {
    padding-right: 0;
}

#navbar-collapse-mobile ol li .row .col-2 {
    text-align: right;
    padding-right: 20px;
}

#navbar-collapse-mobile ol li .collapsed .collapse-closed {
    display: block;
}

#navbar-collapse-mobile ol li .collapsed .collapse-open {
    display: none;
}

#navbar-collapse-mobile ol li span:not(.collapsed) .collapse-closed {
    display: none;
}



/* Oberste Navigation  */

.hls_navigation_anmelden {
    list-style: none;
    padding: 1rem;
    min-width: 15rem;
}

@media (min-width: 300px) and (max-width: 881px) {
    .hls_navigation_anmelden {
        min-width: 0;
    }
}

.hls_navigation_info {
    list-style: none;
    max-width: 10rem;
    padding-left: 1rem;
}

.hls_navigation_info li {
    max-width: 10rem;
    white-space: initial;
    padding-bottom: 1rem;
}

.hls_navbar_dropdown_zindex ul:active {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.hls_navbar_dropdown_zindex ul:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #fff;
}

.hls_navbar_dropdown_zindex {
    z-index: 3000;
}

.hls_navigation_konto ul {
    list-style: none;
    padding: 1rem;
    min-width: 15rem;
}

.hls_navigation_konto {
    right: 0;
}

.hls_navigation_konto li {
    padding-bottom: 1rem;
}

.hls_navigation_konto_head {
    border-bottom: 1px solid;
    padding-bottom: 1rem;
    padding-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

.hls_navigation_konto_footer {
    border-top: 1px solid;
    padding-bottom: 1rem;
    padding-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
}

@media (min-width: 300px) and (max-width: 881px) {
    .navbar-nav .dropdown-menu {
        position: absolute;
    }
}

/* Generelle Seitennavigation */

.hls_side_navigation_general {
    list-style: none;
    padding-left: 1rem;
    padding: .625rem;
    border-bottom: 1px solid;
    margin-right: .5rem;
    margin-left: .5rem;
}

.hls_side_navigation_general li {
    margin-left: 1rem;
}



.hls_side_navigation_general li a {
    color: #fff;
}

.hls_side_navigation_general li a:hover {
    text-decoration: none;
    color: var(--hofladen-ci-gruen);
}

.hls_side_navigation_general_header {
    border-bottom: 1px solid;
    padding-bottom: 1rem;
    margin: 1.25rem .625rem 0 .625rem;
}

.hls_side_navigation_general_header a {
    color: #fff;
}

.hls_side_navigation_general_header a:hover {
    color: var(--hofladen-ci-gruen);
    text-decoration: none;
}

.hls_headline_border {
    border-bottom: 1px solid #666;
    padding-bottom: 1rem;
}

/* Navigation Category */

.hls_navigation_category_ul {
    padding-left: 0;
}

.hls_navigation_category {
    text-decoration: none;
    list-style-type: none;
    line-height: 2rem;
    margin-left: 1rem;
}

.hls_sidebar_navigation_sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 8.5rem;
    margin-bottom: 1.5rem;
    width: 100%;
    background-color: #323232;
}

.article-details-font {
    font-size: .845rem;
}

.cart_font_big {
    font-size: 1rem;
}

.cart_total_prices {
    text-align: right;
}

@media (min-width: 768px) {
    .cart_total_prices {
        margin-right: 1rem;
    }
}

@media (min-width: 868px) {
    .total_prices {
        padding-right: 7.3%;
    }
}

.hls_navigation_category a {
    color: #fff;
}

.hls_navigation_category a:hover {
    color: var(--hofladen-ci-gruen);
    text-decoration: none;
}

.hls_navigation_category_ul ul {
    list-style: none;
}

.hls_navigation_category_innerul {
    font-size: .845rem;
}

.social-media-articledetails ul {
    padding: 0;
}

.social-media-articledetails li {
    list-style: none;
    display: inline;
    padding: .4rem;
    font-size: 1.8rem;
}

.social-media-articledetails li a {
    color: var(--hofladen-ci-gruen);
}

.rotpreis-preis {
    color: var(--darkorange);
}

.rotpreis {
    font-size: 1rem;
}

.rotpreis-linethrough {
    text-decoration: line-through
}


@media (max-width: 868px) {
    .rotpreis {
        font-size: .875rem;
    }
}

.product-price-font {
    font-size: 1.25rem;
}


.list-unstyled a {
    color: black;
}

.rotpreis {
    font-size: .675rem;
}

.deposit-font-size {
    font-size: .975rem;
    font-style: normal;
}

.overlay-delivery-option {
    pointer-events: none;
    opacity: 0.1;
}

.overlay-delivery-option:hover {
    background-color: #000;
}

.amazon-pay-checkout {
    right: 200rem;

}


.btn-addresses-change {
    position: absolute !important;
    bottom: 1rem !important;
}

.btn-addresses-change-right {
    position: absolute !important;
    bottom: 1rem !important;
    right: 12.8rem !important;

}


/* img zoom  */

/* img zoom  */
.article-detail-zoom figure.zoom {
    background-position: 50% 50%;
    position: relative;
    max-width: 500px;
    overflow: hidden;
    cursor: zoom-in;
}

.article-detail-zoom figure {
    margin-block-end: 1rem;
    margin-inline-start: 3rem;
    margin-inline-end: 3rem;
}

.article-detail-zoom figure.zoom img {
    transition: opacity 0.5s;
    display: block;
    width: 100%;
}


.article-detail-zoom figure.zoom img:hover {
    opacity: 0;
}




.article-row-element {
    float: left;
    width: 25%;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.productSlides {
    display: none;
}

.cursor {
    cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 28%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: black;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 2rem;
    border-radius: 3px 0 0 3px;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #fff;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

.demo {
    opacity: 0.6;
}

.active,
.demo:hover {
    opacity: 1;
}

img.hover-shadow {
    transition: 0.3s;
}

.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.box-product-slider {
    margin-bottom: 20px;
}

.img-header-category {
    /* max-width: auto;
    height: 16.8rem; */
    position: relative;
}

.product-img {
    height: 100%;
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

.product-img:hover {
    cursor: pointer;
}

.product-img-cart {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0%;
    width: 100%;
    height: 100%;
}

.product-img:hover .product-img-cart {
    cursor: pointer;
    opacity: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 999;
}

.overlay {
    position: absolute;
    bottom: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
    /* Black see-through */
    color: #f1f1f1;
    width: 100%;
    transition: .5s ease;
    opacity: 0;
    color: white;
    font-size: 20px;
    padding: 20px;
    text-align: center;
}

.product-img img {
    /* position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; */
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
}

@media (min-width: 300px) and (max-width: 881px) {
    .article-listing-anzahl-mobil {
        padding: 0;
        margin-left: -1px;
        margin-bottom: 0.25rem;
    }

    .listing-bestellen-button {
        /* padding-left: 0; */
        text-align: center;
    }

    .listing-bestellen-button button {
        font-size: .95rem;
    }

    .product-img img {
        position: relative;
        margin: auto;
        vertical-align: middle;
        z-index: 10;
    }
}

@media (min-width: 868px) {
    .article-listing-space {
        padding-right: .1rem;
    }
}

@media (max-width: 868px) {
    .article-listing-space {
        padding-right: .4rem;
        padding-left: .4rem;
    }
}

.img-header-category .card-img-top {
    margin: auto;
}

.lieferanten_hersteller_tabelle {
    max-width: auto;
    height: 12.8rem;
}

.lieferanten_hersteller_img {
    height: 50%;
    width: 100%;
    display: block;
    margin: 0 auto;
    position: relative;
    transform: translate(0, 50%);
}

.lieferanten_hersteller_img img {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    z-index: 20;
}


#footer-collapse {
    zoom: 1;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#footer-collapse .card {
    background-color: transparent;
    padding: 0rem .625rem 0rem .625rem;
    border-top: 1px solid #dadae5;
    border-radius: 0;
}

#footer-collapse .last {
    border-bottom: 1px solid #dadae5;
}

#footer-collapse .btn:focus {
    box-shadow: none;
}

#footer-collapse .card-header:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #fff;
    content: "\f068";
    float: right;
    margin-top: .4rem;
    z-index: 999;
}

#footer-collapse .card-header.collapsed:after {
    content: "\f067";
    z-index: 999;
}



@media (min-width: 868px) {
    .article-listing-space {
        padding-right: .1rem;
    }
}




.cards-wrapper {
    display: flex;
    justify-content: start;
    float: left;
}

.article-detail-producer-logo {
    width: auto;
}

@media (max-width: 868px) {
    .article-detail-producer-logo {
        width: 100%;
    }
}

.article-details-slider {
    margin: 0 0.5em;
    /* box-shadow: 2px 4px 8px 4px rgba(22, 22, 26, 0.18); */
    border: 1px solid rgba(22, 22, 26, 0.18);
    ;
    border-radius: 0;
    /* width: 40%; */
}

.articledetail-slider-carousel-control-prev,
.articledetail-slider-carousel-control-next {
    color: #000;
    top: 1rem;
    width: 1rem;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    transition: none;
}

.articledetail-slider-carousel-control-prev {
    left: 0;
}

.articledetail-slider-carousel-control-next {
    right: 0;
}

.articledetail-slider-carousel-control-prev:hover,
.articledetail-slider-carousel-control-next:hover {
    color: #000;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.articledetail-slider-carousel-control-prev:focus-visible,
.articledetail-slider-carousel-control-next:focus-visible {
    color: #000;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}


#ArticleDetailsSliderContent .column {
    display: flex;
    flex-direction: column;
}

#ArticleDetailsSliderContent .flex {
    flex: 1 0 auto;
}


#ArticleDetailCollapse .card {
    border: 1px solid #dadae5;
}

#ArticleDetailCollapse ul li.active>a {
    color: var(--hofladen-ci-gruen);
}

#ArticleDetailCollapse .card-header:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #000;
    content: "\f068";
    float: right;
    margin-top: .4rem;
}

#ArticleDetailCollapse .card-header.collapsed:after {
    content: "\f067";
}

.img-header-articledetails {
    max-width: auto;
    height: 16.8rem;
}

@media (min-width: 300px) and (max-width: 881px) {
    .img-header-articledetails {
        height: 16.8rem;
    }
}

.home-text-title {
    font-size: 1.2rem
}

@media (min-width: 300px) and (max-width: 881px) {
    .home-h1-title {
        font-size: 2rem;
    }

    .home-text-title {
        font-size: 1rem
    }
}

.img-header-home {
    width: 250px;
    height: 100px;
    padding: .8rem;
}

.card {
    border: none;
}

.cards-wrapper-home {
    display: flex;
    justify-content: start;
}

.hls-carousel-control-prev-home {
    left: .8rem;
}

.hls-carousel-control-next-home {
    right: .8rem;
}



.hls-search-btn-list {
    list-style: none;
    padding: 0;
}

.hls-search-btn-list li {
    padding: 1rem;
    border-bottom: 1px solid #dadae5;
}

.hls-search-btn-container {
    width: 500px;
    box-shadow: 0 12px 12px 0 rgb(0 0 0 / 20%);
    ;
}

@media (min-width: 300px) and (max-width: 881px) {
    .hls-search-btn-container {
        width: 100%;
    }
}

.hls-icon-new {
    text-align: center;
}

.hls-icon-new svg {
    width: 50px;
    height: 30px;
}

.hls-job-card {
    color: var(--hofladen-ci-anthrazit);
    border-radius: 1px solid var(--hofladen-ci-anthrazit);
}

.hls-jobs-footer {
    text-align: center;
}

.hls-jobs-footer a {
    color: var(--hofladen-ci-gruen);
    transition: all .5s ease;
    position: relative;
    left: 0;
}




@media (max-width: 768px) {
    .hls-slider .carousel-inner .carousel-item>div {
        display: none;
    }

    .hls-slider .carousel-inner .carousel-item>div:first-child {
        display: block;
    }
}

.hls-slider .carousel-inner .carousel-item.active,
.hls-slider .carousel-inner .carousel-item-next,
.hls-slider .carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {

    .hls-slider .carousel-inner .carousel-item-right.active,
    .hls-slider .carousel-inner .carousel-item-next {
        transform: translateX(33.333%);
    }

    .hls-slider .carousel-inner .carousel-item-left.active,
    .hls-slider .carousel-inner .carousel-item-prev {
        transform: translateX(-33.333%);
    }
}

.hls-slider .carousel-inner .carousel-item-right,
.hls-slider .carousel-inner .carousel-item-left {
    transform: translateX(0);
}

.hls-slider .carousel-control-prev {
    left: -90px;
}

.hls-slider .carousel-control-next {
    right: -90px;
}

@media (max-width: 768px) {
    .hls-slider .carousel-control-prev {
        left: -35px;
    }

    .hls-slider .carousel-control-next {
        right: -35px;
    }
}




/* Sidebar Categoires */

.bs-canvas-overlay {
    opacity: 0;
    z-index: -1;
}

.bs-canvas-overlay.show {
    background: rgba(0, 0, 0, 0.7);
    z-index: 100;
    opacity: 0.85;
}

.bs-canvas {
    top: 0;
    width: 0;
    z-index: 1110;
    overflow-x: hidden;
    overflow-y: auto;
}

.bs-canvas-left {
    left: 0;
}

.bs-canvas-anim {
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
}

#bs-canvas-left {
    /* width: 250px;
    position: fixed;
    top: 0; */
    color: black;
    background-color: #fff;
    /* box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); */
}

#bs-canvas-left .sidebar-header {
    padding: 20px;
    /* background: var(--hofladen-ci-greige); */
    /* color: var(--hofladen-ci-anthrazit) */
}

#bs-canvas-left ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #000;
}

#bs-canvas-left ul p {
    color: black;
    padding: 10px;
}

#bs-canvas-left ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
    color: black !important;
}

#bs-canvas-left ul li a:hover {
    color: var(--hofladen-ci-gruen);
    list-style: none;
}

#bs-canvas-left ul li.active>a {
    color: #fff;

}

.dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #333;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.bs-canvas-close {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: inherit;
    opacity: 10;

}


a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.list-unstyled ul ul a {
    font-size: 0.9em !important;
    padding-left: 0px !important;
    background: #333;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #333;
}

a.article,
a.article:hover {
    background: #333 !important;
    color: #fff !important;
}

.sidebarwidth {
    width: 280px;
}

.overflow {
    overflow: hidden;
}


/* Sidebar Categories Ende  */


/* Sidebar Cart  */

.bs-canvas-right {
    right: 0;
}

#bs-canvas-right {
    color: #000;
    z-index: 9999;
    background-color: #fff;
}

#bs-canvas-right.active {
    width: 300px;
}

#bs-canvas-right .sidebar-header {
    padding: 20px;
    background: #000;
    color: #fff;
}


#bs-canvas-right ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#bs-canvas-right ul p {
    padding: 10px;
}

#bs-canvas-right ul li a {
    font-size: 1.1em;
    display: block;
}


#bs-canvas-right ul li.show>a {
    color: #fff;
}

#bs-canvas-right.show {
    right: 1rem;
}

#sidebarcart {
    width: 300px;
    position: fixed;
    top: 0;
    right: -300px;
    height: 100vh;
    z-index: 9999;
    background: #fff;
    color: #000;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

#sidebarcart.active {
    right: 1rem;
}

#sidebarcart .sidebar-header {
    padding: 20px;
    background: #000;
    color: #fff;
}


#sidebarcart ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebarcart ul p {
    padding: 10px;
}

#sidebarcart ul li a {
    font-size: 1.1em;
    display: block;
}


#sidebarcart ul li.active>a {
    color: #fff;
}

#dismisscart {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #333;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#dismisscart:hover {
    background: #fff;
    color: #333;
}

.overlaycart {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    top: 0;
    left: 0;
}

.overlaycart.active {
    display: block;
    opacity: 1;
}

.ck-content .table {
    width: auto;
}

.ck-content .image img {
    max-width: 100%;
}

.ck-content .table td {
    padding: 0px 20px 0px 0px;
    vertical-align: middle;
    border: none;

}

@media screen and (max-width: 600px) {
    .ck-content .table td {
        display: block;
        width: 100%;
        overflow-x: auto;
    }
}


.grecaptcha-badge {
    bottom: 14rem !important;
    z-index: 2000;
}

@media (min-width: 300px) and (max-width: 481px) {
    .grecaptcha-badge {
        bottom: 1px !important;
        z-index: 2000;
    }
}

.navbar-collapse {
    background-color: white;
}

.label {
    font-size: 14px;
}

a:active {
    color: var(--hofladen-ci-gruen);
}

.hls_navbar {
    font-size: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border: none;
    text-align: center;
    z-index: 1000;
    background-color: white !important;
}

.home-text h1 {
    color: var(--hofladen-ci-gruen);
}

@media (min-width: 700px) and (max-width:1500px) {
    .hls_navbar {
        font-size: .7rem;
        padding-left: 1rem;
        padding-right: 1rem;
        border: none;
        text-align: center;
        z-index: 1000;
    }
}


.navbar {
    padding: 0rem;
}



.hls_navbar_description {
    margin-top: -0.1rem;
    background-color: var(--hofladen-ci-greige);
    color: var(--hofladen-ci-anthrazit);
    width: 80%;
    margin-left: 10rem;
    padding-top: 1rem;
}


.hls_navbar_description ul {
    list-style-type: none;
    line-height: 2rem;
    margin-bottom: 1rem;
}

.hls_navbar_description a {
    text-decoration: none;
    position: relative;
}

.hls_navbar_description {
    font-size: 1rem;
    position: absolute;
    z-index: 2;

}

.hls_navbar_category {
    border-bottom: 0;
    border-top: 0;
    border-left: 0;
}



.hls_navbar_tabs {
    text-transform: uppercase;
    font-size: 80%;
}

.hls_navbar:hover>.hls_navbar_description {
    display: block;
}



/* .hls_navbar:hover:has(> .hls_navbar_description)
{
    background-color: var(--hofladen-ci-greige) !important;
}

.hls_navbar:has(> .hls_navbar_description:hover)
{
    background-color: var(--hofladen-ci-greige) !important;
} */

.label.label_gruen {
    background-color: var(--hofladen-ci-gruen);
    color: var(--hofladen-ci-white);
    border: 2px solid var(--hofladen-ci-gruen);
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
}

.label.label_gruen_outline {
    background-color: var(--hofladen-ci-white);
    border: 2px solid var(--hofladen-ci-gruen);
    color: black;
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
}

.label.label_blau {
    background-color: #17a2b8;
    border: 2px solid #17a2b8;
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
}

.label.label_rost {
    background-color: var(--hofladen-ci-rost);
    border: 2px solid var(--hofladen-ci-rost);
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
}

.label.label_haut {
    background-color: #D8B78D;
    border: 2px solid #D8B78D;
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
}

.product_view .modal-body {
    padding: 0;
}

.label.label_neu {
    background-color: #dfb372;
    border: 2px solid #dfb372;
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
}

.label.label_graige {
    background-color: var(--hofladen-ci-greige);
    border: 2px solid var(--hofladen-ci-greige);
    width: 100%;
    color: black;
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
}

.label_yellow {
    background-color: #dfb372;
    border: 2px solid #dfb372;
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
}

.label.label_anthrazit_outline {
    background-color: var(--hofladen-ci-white);
    border: 2px solid var(--hofladen-ci-anthrazit);
    color: black;
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem;
}

.__floating-pagination {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(5px);
    padding: 1rem;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    z-index: 1000;
}

.__floating-pagination.hidden {
    transform: translateY(100%);
    opacity: 0;
}

.__current-page {
    color: var(--hofladen-ci-anthrazit);
}

.__arrow-btn {
    padding: 0.5rem;
    border: none;
    background: none;
    /* border-radius: 50%; */
    cursor: pointer;
}

.__arrow-btn:hover {
    background: #f3f4f6;
}

.__arrow {
    border: solid #000;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
}

.__right {
    transform: rotate(-45deg);
    translate: -25%
}

.__left {
    transform: rotate(135deg);
    translate: 25%
}

.fci:checked {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
    fill: var(--orange) !important;
}