: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);
}

:root {
    color-scheme: only light;
}

#lp_footer {
    background: #fff;
}

.subpage .breadcrumb {
    border-top: 1px solid var(--dark3);
    color: var(--black);
}

.breadcrumb a {
    color: var(--black);
}

.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);
}

footer .contact-box,
.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,
.info-button,
.button {
    color: var(--black);
    background: var(--dark3);
    line-height: 1.2;
    height: auto;
    padding: 1rem;
    box-sizing: border-box;
    border-color: 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);
}


#com4cookies-container .button_wrapper button {
    color: var(--black) !important;
    background: var(--light) !important;
}

#com4cookies-container #cookiebanner-details {
    color: var(--black) !important;
}


ul#navi li a,
.terminanfrage a {
    color: var(--black);
}

.terminanfrage a:hover {
    background: var(--light) none repeat scroll 0 0;
    border: 1px solid var(--light);
    color: var(--black);
}

ul#navi li a:hover,
ul#navi li.active a,
ul#navi li ul li a,
ul#navi li:hover a {
    background-color: var(--light);
    color: var(--black);
}









/* CONSENT-MANAGER ÄNDERUNGEN STYLES 24.06.2026*/


    #com4cookies-container .button_wrapper {
        margin-bottom: 2rem !important;
        margin-top: 2rem !important;
    }


    @media screen and (max-width: 768px) {
    #com4cookies-container .button_wrapper {
        gap: .75rem !important;
    }
}


/* DARK MODE CSS */

@media screen and (prefers-color-scheme: dark) {

    #com4cookies-container .button_wrapper button {
    background: var(--light);
    }
}




/* Consent-Buttons immer hell und lesbar – auch im Dark Mode */
#cookiebanner-accept,
#cookiebanner-custom,
#cookiebanner-cancel,
#cookiebanner-settings {
    background-color: #c9a96a !important;
    color: #ffffff !important;
    /* border: 1px solid #c9a96a !important; */
    opacity: 1 !important;
}

/* Hover-Zustand */
#cookiebanner-accept:hover,
#cookiebanner-custom:hover,
#cookiebanner-cancel:hover,
#cookiebanner-settings:hover {
    background-color: #b8965a !important;
    color: #ffffff !important;
}

.cookiebanner-content-container {
    color-scheme: only light;
}





