:root {
    --dark: #987d5c;
    --black: var(--dark);
    --dark2: #74522b;
    --dark3: #8d6f4a;
    --dark4: #a(141, 111, 74, 1);
    --dark_90: rgba(141, 111, 74, 0.9);
    --dark_50: rgba(141, 111, 74, 0.5);
    --dark_75: rgba(141, 111, 74, 0.75);

    --light: rgb(243, 240, 237);

    --black: #4d4d4d;
    --black: #000;
    --dark: var(--light);
    --dark2: var(--black);
    --dark3: var(--light);
    --dark4: var(--light);
    --dark_90: rgba(243, 240, 237, 0.9);
    --dark_50: rgba(243, 240, 237, 0.5);
    --dark_75: rgba(243, 240, 237, 0.75);
}

.additional-info {
    display: none !important;
}

.info-box .drop:after {
    border-top-color: var(--black);
}

.info-box .opener:after {
    border-bottom-color: var(--black);
    bottom: 1rem
}

#footer {
    background: #fff;
}

.sub-menu {
    border: 1px solid var(--dark);
}

.sub-menu:before {
    border-bottom: 11px solid var(--dark);
}

.sub-menu li {
    border-bottom: 1px solid var(--dark2);
}

.sub-menu a {
    color: var(--black);
}

.subpage .breadcrumb {
    border-top: 1px solid var(--dark3);
    color: var(--black);
}

.breadcrumb a {
    color: var(--black);
}

.head-promo .info-box {
    width: 250px;
}

.info-box .opener {
    color: var(--black);
    background: var(--dark_90);

    padding: 1rem 2rem 2rem;
    font-size: 1.5em;
}

.info-box .opener:before {
    border-bottom: 1px solid var(--dark2);

    bottom: 1rem;
}

.head-promo .container>.csc-default .info-box {
    transform: none;
    width: 100%;
}

.head-promo {
    position: relative;
}

.head-promo .info-box {
    position: static;
}

.head-promo .swiper-container {
    z-index: -1;
}

.head-promo .info-box .opener {
    position: absolute;
    right: 2rem;
    bottom: 0;
    z-index: 100;
}

.info-box .drop {
    margin-bottom: 0 !important;
    transform: translateY(100%);
    pointer-events: none;
    height: auto !important;
    color: var(--black);
    background: var(--dark_90);
    height: auto;
}

.help-info-box.mobile_open {
    width: 100%
}

.help-info-box.mobile_open .drop {
    transform: none;
    pointer-events: all;
    width: 100%;
    background: none;
    padding: 0;
    margin: 1.5rem auto;
}

.help-info-box.mobile_open .drop ul {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    padding: 0 0 3rem;
    align-items: stretch;
}

.help-info-box.mobile_open .drop li {
    border: none;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: stretch;
    height: 100%;
}

.help-info-box.mobile_open .drop li a {
    background: var(--light);
    border: none;
    padding: 1rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    width: 100%;
}

.help-info-box.mobile_open .drop li a:hover {
    background-color: var(--dark_50);
}

.info-box.active .drop,
.info-box:hover .drop {
    margin-bottom: 0;
    transform: translateY(0%);
    pointer-events: all;
}

.head-promo .info-box .drop {
    min-height: 100%;
    left: auto;
    right: 2rem;
    width: 395px;
    max-width: 90vw;
    display: grid;
}

.info-box .drop li {
    border-bottom: 1px solid var(--dark2);
}

.info-box .drop a {
    color: var(--black);
}

.info-box .drop:before {
    color: var(--black);
    background: var(--dark2);
}

.head-cols {
    border-bottom: 1px solid var(--dark3);
}

.content-holder .phone,
.detail {
    color: var(--black);
}

.content-holder .info-box .drop {
    color: var(--black);
    background: var(--dark_90);
}

.contact-box {
    border-top: 1px solid var(--dark3);
}

.content-marken {
    border-bottom: 1px solid var(--dark3);
}

.rsThumb.video-thumb .thumbIco {
    color: var(--black);
    background: var(--dark3);
}

.rsGCaption {
    color: var(--black);
    background: var(--dark_50);
}


.rsThumbsArrow,
.rsArrow {
    color: var(--black);
    background: var(--dark3);
}

.rsVideoContainer .rsPlayBtn {
    color: var(--black);
    background: var(--dark3);
}

.to-up {
    color: var(--black);
}

.to-up:before {
    border: 3px solid var(--dark);
}

.popup {
    border: 1px solid var(--dark3);
}

.infopaketseite .form-block {
    border: 1px solid var(--dark3);
}

.popup .close,
.image-overlay .close {
    color: var(--black);
    background: var(--dark3);
}

.popup .popup-head .close {
    color: var(--black);
    background: var(--dark3);
}

.input-holder input,
.input-holder select,
.input-holder textarea,
.textarea-holder textarea {
    border: 1px solid var(--dark3);
    background-color: var(--light);
    border-bottom-color: var(--black);
}

.form-btn,
.button {
    color: var(--black);
    background: var(--dark3);
}

div.check {
    border: 5px solid var(--dark3);
    border-color: var(--dark3) !important;
}

form input[type=submit] {
    color: var(--black);
    background-color: var(--light);
}

form .day.active span {
    color: var(--black);
    background-color: var(--light);
}

.caption-holder {
    color: var(--black);
    background: var(--dark_50);
}

.rsGCaption .icon-opener {
    color: var(--black);
    background-color: var(--dark_50);
}

.rsGCaption .request {
    color: var(--black);
    background-color: #fff;
}

.info-box .drop .close {
    color: var(--light);
    background: var(--black);
}

.info-box .drop,
.info-box .drop li,
.info-box .drop li a {
    line-height: 1.2;
}

.sub-menu .close {
    color: var(--black);
    background: var(--dark3);
}

.gallery-wrapper .swiper-slide .informations {
    color: var(--black);
    background: var(--dark_50);
}

.gallery-wrapper .swiper-slide .informations {
    color: var(--black);
    background: var(--dark4);
}

.request {
    color: var(--black);
    background: #fff;
}

.icon-opener {
    color: var(--black);
    background: var(--dark_50);
}

.gallery-wrapper .swiper-container {
    width: calc(100% - 4rem);
}

.gallery-wrapper .small_product-swiper-container:before,
.gallery-wrapper .small_product-swiper-container:after {
    content: '';
    background-color: #fff;
    height: 100%;
    width: 2rem;
    display: block;
    position: absolute;
    top: 0;
}

.gallery-wrapper .small_product-swiper-container:before {
    left: -2rem;
}

.gallery-wrapper .small_product-swiper-container:after {
    right: -2rem;
}

.swiper-brand-container {
    width: calc(100% - 3.5rem);
    margin-left: -2rem;
}

.swiper-brand-container::after,
.swiper-brand-container::before {
    width: 2rem;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0
}

.head-cols .col .text {
    margin-left: 0;
}

.head-cols .col {
    padding: 1rem;
}

.head-cols-holder>* {
    min-height: 0 !important;
}

.content-marken .swiper-button-prev:after,
.content-marken .swiper-button-next:after {
    background: url(../../template_subdomains/images/slide_next_black.png) no-repeat;
    opacity: 0.7;
}

.head-promo .prev span,
.head-promo .next span {
    background: url(../../template_subdomains/images/slide_next_black.png) no-repeat;
    opacity: 0.7;
}

.gallery-wrapper .prev span,
.gallery-wrapper .next span {
    background: url(../../template_subdomains/images/slide_prev_black.png) no-repeat;
    opacity: 0.7;
}

#com4cookies-container .button_wrapper button {
    color: var(--black) !important;
    background: var(--light) !important;
}

#com4cookies-container #cookiebanner-details {
    color: var(--black) !important;
}

@media screen and (max-width: 760px) {

    .head-promo .info-box .drop {
        min-height: 0;
        max-width: calc(100vw - 4rem) !important;
    }

    .info-box .drop li {
        padding: 7px 0;
    }

    .head-promo .swiper-wrapper {
        width: calc(100% - 4rem);
        margin: 0 2rem;
    }

    .head-promo .swiper-wrapper,
    .head-promo .swiper-wrapper .swiper-slide {
        max-width: 100%;
    }



    .info-box .drop,
    .info-box .drop li,
    .info-box .drop li a {
        font-size: 16px;
    }

    .head-promo,
    #main.subpage>.container:first-child {
        overflow: visible;
    }

    .head-promo .swiper-container {
        width: 100%;
    }

    .head-promo .info-box .opener,
    .head-promo .info-box .drop {
        max-width: 100%;
    }

    .head-promo .info-box .drop {
        opacity: 0;
    }

    .info-box.active .drop,
    .info-box:hover .drop {
        opacity: 1;
    }

    .top__nav--link {
        height: auto;
        display: flex;
        gap: 1rem;
        align-items: flex-end;
        justify-content: center;
        flex-wrap: wrap;
        width: 100%
    }

    .top__nav--link:before,
    .top__nav--link:after {
        position: static;
        display: block;
        margin: 0;
    }

    .phone,
    #nav:hover .phone {
        display: block;
    }

    .sub-menu {
        top: 75%;
    }

    .info-box .drop li {
        border-bottom: 1px solid var(--dark2);
    }

    .content-holder #content p>a:only-child {
        color: var(--black) !important;
    }

    .rsGCaption .icon-opener {
        color: var(--black);
        background: var(--dark3);
    }

    .rsGCaption.active .caption-holder>* {
        color: var(--black);
        background: var(--dark_75);
    }

    .gallery-wrapper .product-swiper-container .swiper-slide-image {
        color: var(--black);
        background-color: var(--dark4);
    }

    .gallery-wrapper .swiper-slide .informations {
        color: var(--black);
        background: var(--dark4);
    }

    .rsGCaption .icon-opener {
        color: var(--black);
        background: var(--dark_75);
    }

    .help-info-box.mobile_open .drop li {
        padding: 0;
    }
}

@media screen and (max-width: 360px) {

    .head-promo .swiper-wrapper {
        width: 100%;
        margin: 0;
    }


    .head-promo .info-box .opener,
    .head-promo .info-box .drop {
        right: 0;
    }
}