/* Dark Mode */

.dark-section .oxy-tab-content,
.dark-section .oxy-tab-content *,
section[data-anchor="produktinfos"].dark-section {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
}

.dark-section * .button-schwarz {
    background-color: #f4f4f4;
    color: #222222;
}

.dark-section * .button-grau {
    background-color: #2c2c2c;
    color: #ffffff !important;
}

.sticky-nav-inner {
    border-color: #3c3c3c !important;
}

.dark-section * .button-schwarz:hover {
    background-color: #545454;
    color: #ffffff;
}

.dark-section .custom-button {
    background-color: #ffffff !important;
    color: #222222 !important;
}

.dark-section .custom-button:hover {
    background-color: #545454 !important;
    color: #ffffff !important;
}

.dark-section .oxy-tabs-wrapper {
    background-color: #2c2c2c !important;
}

.dark-section .oxy-tab[class*="tab-active"] {
    background-color: #fff;
}

.dark-section .oxy-tab[class*="tab-active"] .ct-text-block {
    color: #222222 !important;
}

.dark-section,
.dark-section * {
    color: #fff;
}

section[data-anchor="produktinfos"].dark-section > .ct-section-inner-wrap div {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
}
section[data-anchor="produktinfos"].dark-section
    > .ct-section-inner-wrap
    .ct-headline {
    color: #ffffff !important;
}

/* Sec Navi */
.dark-section .sticky-nav-inner.sticky {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
}

.dark-section .sticky-nav-inner.sticky {
    background-color: #2c2c2c !important;
    color: #ffffff !important;
}

.dark-section .mark-nav > .active a {
    color: #2c2c2c;
}
.dark-section .anchor-padding a {
    color: #fff;
}
/* Sec Navi */

.dark-section .ct-headline .ct-span {
    color: #00bea3 !important;
    line-height: 82px;
}

.dark-section .lighbox {
    background-color: #ececec !important;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
}

.dark-section .lighbox img {
    aspect-ratio: 16 / 9;
    object-fit: fill;
    cursor: zoom-in !important;
    border-radius: 8px;
    box-shadow: 4px 4px 12px 0px #2222220a;
}

.dark-section .oxy-tab-content > div > div:nth-child(2) {
    background-color: #ececec !important;
    padding-top: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
}

.dark-section .oxy-tab-content > div > div:nth-child(2) img {
    aspect-ratio: 16 / 9;
    object-fit: fill;
    cursor: zoom-in !important;
    border-radius: 8px;
    box-shadow: 4px 4px 12px 0px #2222220a;
}

.zitat-section-hell .button-grau-auf-schwarz {
    background-color: #ffffff;
    color: #222222;
}

.zitat-section-hell .button-grau-auf-schwarz:hover {
    background-color: #545454;
    color: #ffffff;
}

.zitat-section-hell .button-trans-auf-schwarz {
    color: #222222;
}

.zitat-section-hell .button-trans-auf-schwarz:hover {
    background-color: #ffffff;
    color: #222222;
}

/* Blur Mode */

.dark-unten div {
    background-image: linear-gradient(
        90deg,
        #ea1901 8%,
        #3069fd 40%,
        #3069fd 67%,
        #00bea3 94%
    );
    filter: blur(80px);
}

.dark-unten {
    bottom: -320px;
    left: 100px;
}

.dark-rechts div {
    background-image: linear-gradient(
        90deg,
        #ea1901 8%,
        #3069fd 40%,
        #3069fd 67%,
        #00bea3 94%
    );
    filter: blur(80px);
}

.dark-rechts {
    right: -228px;
    top: 128px;
    width: 460px;
    height: 200px;
}
/* Blur Mode */

.dark-section a.button-weiss {
    color: #222222;
}

.dark-section a.button-weiss:hover {
    background-color: #ececec;
}

.dark-section .sticky-nav-inner.sticky {
    background-color: #222222 !important;
    color: #ffffff !important;
}

.dark-section .oxy-tab-content a.button-grau-auf-schwarz,
.card-title-wrap .button-grau-auf-schwarz {
    background-color: #3c3c3c !important;
}

.dark-section .oxy-tab-content a.button-grau-auf-schwarz:hover,
.card-title-wrap .button-grau-auf-schwarz:hover {
    background-color: #ececec !important;
    color: #222222 !important;
}

@media (max-width: 992px) {
    .dark-section a.button-weiss {
        width: 100%;
    }
    .dark-section .ct-headline .ct-span {
        color: #00bea3 !important;
        line-height: 100%;
    }
}

/* Dark Mode */