@media (prefers-color-scheme: light) {
    :root {
        --font-color: rgba(137, 72, 83, 1);
        --background-color:rgba(244, 225, 205, 1);
        --heading-color: rgba(137, 72, 83, 1);
        --link-color: rgba(0, 0, 255, 1.0);
        --visited-color: rgba(255, 0, 255, 1.0);
        --hover-color: rgba(138, 43, 226, 1.0);
        --active-color: rgba(255, 0, 0, 1.0);
        --table-border-color: rgba(0, 0, 0, 1.0);
        --table-caption-color: rgba(169, 169, 169, 1.0);
        --table-shadow-color: rgba(128, 128, 128, 1.0);
        --table-hover-color: rgba(236, 203, 167, 1.0);
        --sprache-shadow-color: rgba(137, 72, 83, 1.0);
        /* Ab hier folgt die navigation */
        --nav-background-color: rgba(137, 72, 83, 1);
        --nav-font-color: rgba(255, 255, 255, 1.0);
        --nav-ul-bg-color: rgba(137, 72, 83, 1);
        --nav-li-link-color: rgba(245, 245, 220, 1.0);
        --nav-li-hover-color: rgba(255, 165, 0, 1.0);
        --nav-li-visited-color: rgba(242, 224, 205, 1.0);
        --nav-a-hover-color: rgba(128, 0, 0, 1.0);
        --nav-text-shadow-color: rgba(255, 0, 255, 1.0);
        --nav-a-active-color: rgba(78, 3, 3, 1.0);
        --nav-a-active-background: rgba(255, 191, 71, 1);
        --nav-dropdown-background: rgba(178, 108, 120, 1);
        --nav-dropdown-shadow: rgba(171, 95, 107, 1);
        --nav-dropdown-li-hover: rgba(255, 165, 0, 1.0);
        --navigation-background: rgba(137, 72, 83, 1);
        /* Ab hier folgen Formulare */
        --textarea-background: rgba(235, 235, 235, 1.0);
        --textarea-color: rgba(0,0,0, 1);
        --textarea-border: rgba(16, 122, 0, 1.0);
    }
}