/* overrides for website styling */

@media (min-width: 1374px) {
    header .base-header .header-wrap-main, header .base-header .header-wrap-local {
        --varLvlLinkColor: var(--varBaseColorWeiss);

        .main-submenu {
            color: var(--varBaseColorSchwarz);
            --varLvlLinkColor: var(--varBaseColorSchwarz);
        }
    }
}

.header-wrap-main {
    color: var(--varBaseColorWeiss);
    background: var(--varBaseColorKaltGrau-100);

    a.btn.primary, a.btn.tertiary {
        &, &:link, &:visited {
            border-color: var(--varBaseColorWeiss);
            background-color: var(--varBaseColorWeiss);
            color: var(--varBaseColorKaltGrau-100); 
        }
        &:hover {
            color: var(--varBaseColorAnthrazit);
            background-color: var(--varBaseColorPorzellan);            
        }
    }

}

footer .footer-section-grey {
    color: var(--varBaseColorWeiss);
    background-color: var(--varBaseColorKaltGrau-100);

    a.btn.secondary {
        &, &:link, &:visited {
            border-color: var(--varBaseColorWeiss);
            background-color: var(--varBaseColorWeiss);
            color: var(--varBaseColorKaltGrau-100); 
        }
        &:hover {
            color: var(--varBaseColorAnthrazit);
            background-color: var(--varBaseColorPorzellan);            
        }
    }

}