html.as-dark {
    color-scheme: dark;
    background: #201e24;
}

html.as-dark body,
html.as-dark #page-container,
html.as-dark #main-content,
html.as-dark #main-header,
html.as-dark #top-header,
html.as-dark #main-footer,
html.as-dark .et_pb_section,
html.as-dark .et-l--header,
html.as-dark .et-l--footer {
    background-color: #201e24;
    color: #fdfef7;
}

html.as-dark :is(.et_pb_text, .et_pb_post, .entry-content, .et_pb_blurb) :is(h1, h2, h3, h4, h5, h6, p, li),
html.as-dark :is(.et_pb_text, .et_pb_post, .entry-content, .et_pb_blurb) {
    color: #fdfef7;
}

html.as-dark :is(.et_pb_text, .et_pb_post, .entry-content, .et_pb_blurb) a:not(.et_pb_button) {
    color: #8fa8d8;
}

html.as-dark :is(.et_pb_button, .wp-block-button__link) {
    background-color: #fdfef7;
    color: #201e24 !important;
    border-color: #fdfef7;
}

html.as-dark :is(input, textarea, select) {
    background-color: #201e24;
    color: #fdfef7;
    border-color: #8fa8d8;
}

html.as-dark :is(input, textarea)::placeholder { color: #c6c5cc; }

html.as-dark #eigen-divi-menu .eigen-menu-merk span { color: #201e24; }

html.as-dark .as-hero,
html.as-dark .as-work,
html.as-dark .as-end {
    --ink: #fdfef7;
    background: #201e24 !important;
    background-color: #201e24 !important;
    color: #fdfef7 !important;
}

html.as-dark .as-hero {
    --paper: #201e24;
    --ink: #fdfef7;
    --accent: #8fa8d8;
    background: #201e24 !important;
    background-color: #201e24 !important;
    color: #fdfef7 !important;
}

html.as-dark .as-work,
html.as-dark .as-end {
    --paper: #201e24;
    --ink: #fdfef7;
    --accent: #8fa8d8;
    background: #201e24 !important;
    background-color: #201e24 !important;
    color: #fdfef7 !important;
}

html.as-dark .as-hero__link,
html.as-dark .as-hero__title span:last-child,
html.as-dark .as-work__title span,
html.as-dark .as-work__visual--empty,
html.as-dark .as-work__arrow,
html.as-dark .as-hero__ticker {
    color: #201e24 !important;
}

html.as-dark .as-hero__link:hover,
html.as-dark .as-hero__link:focus-visible,
html.as-dark .as-hero__title span:last-child:hover,
html.as-dark .as-work__link:hover .as-work__arrow,
html.as-dark .as-work__link:focus-visible .as-work__arrow {
    color: #201e24 !important;
}

html.as-dark .as-work__visual { background: #201e24; }
html.as-dark .as-work__visual--empty { background: #fdfef7; }
html.as-dark .as-work__details { background: transparent; color: #fdfef7; }
html.as-dark .as-work__name { color: #fdfef7; }
html.as-dark .as-work__arrow { background: #fdfef7; color: #201e24; }

html.as-dark .as-end {
    --paper: #201e24;
    --ink: #fdfef7;
    --accent: #8fa8d8;
    background: #201e24 !important;
    background-color: #201e24 !important;
    color: #fdfef7 !important;
}

html.as-dark .as-end__title,
html.as-dark .as-end__step-title,
html.as-dark .as-end__step-copy,
html.as-dark .as-end__copy,
html.as-dark .as-end__label,
html.as-dark .as-end__index {
    color: #fdfef7 !important;
}

html.as-dark .as-end__title span {
    background: #fdfef7;
    color: #201e24 !important;
}

html.as-dark .as-end__link {
    background: #fdfef7;
    color: #201e24 !important;
}

html.as-dark .as-end__link:hover,
html.as-dark .as-end__link:focus-visible {
    background: #8fa8d8;
    color: #201e24 !important;
}

html.as-dark .divi-banner-stack { background: #201e24; }
html.as-dark .divi-banner-stack .black-square {
    background-color: #fdfef7;
    background-image: linear-gradient(135deg, #fdfef7, #e8eaf0);
}
html.as-dark .divi-banner-stack .headline-base .word { color: #fdfef7; }
html.as-dark .divi-banner-stack .headline-light .word { color: #201e24; }