:root {
    --font-default:roboto, sans-serif;
    --font-citation:'museo-slab', serif;
    --font-hero-headline:'museo-slab', serif;

    --style-border-radius:3px;

    --color-default-bg:#ffffff;
    --color-default-overlay:rgba(255, 255, 255, 0);
    --color-default-overlay-fullwidth:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
    --color-default-overlay-fullscreen:linear-gradient(0deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0.9) 100%);
    --color-default-line:#eeeeee;
    --color-default-font:#142d32;
    --color-default-headline:var(--color-default-font); 
    --color-default-light:#999999;
    --color-default-link-default:#899698;
    --color-default-link-hover:#77c3e6;
    --color-default-link-selected:var(--color-default-link-hover);
    --color-default-button-default-bg:var(--color-default-link-default);
    --color-default-button-default-font:var(--color-default-bg);
    --color-default-button-hover-bg:var(--color-default-font);
    --color-default-button-hover-font:var(--color-default-button-default-font);
    --color-default-list-hover-bg:var(--color-default-line);
    --color-default-input-default-bg:var(--color-default-bg);
    --color-default-input-default-border:var(--color-default-line);
    --color-default-input-default-placeholder:var(--color-default-light);
    --color-default-input-default-font:var(--color-default-font);
    --color-default-input-error-bg:#ffffff;
    --color-default-input-error-font:#ff0000;
    --color-default-input-error-placeholder:var(--color-default-input-default-placeholder);
    --color-default-input-error-border:var(--color-default-input-error-font);
    --color-default-input-error-label:var(--color-default-input-error-font);
    --color-default-popup-overlay:var(--color-hero-bg);
    --color-default-popup-bg:var(--color-default-bg);
    --color-default-popup-font:var(--color-default-font);
    --color-default-popup-close-bg:var(--color-default-popup-bg);
    --color-default-popup-close-font:var(--color-default-popup-font);

    --color-contrast-bg:#f5f8e7;
    --color-contrast-overlay:rgba(238, 238, 238, 0);
    --color-contrast-overlay-fullwidth:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%);
    --color-contrast-overlay-fullscreen:linear-gradient(0deg, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.5) 80%, rgba(255,255,255,0.9) 100%);
    --color-contrast-line:var(--color-default-font);
    --color-contrast-font:var(--color-default-font);
    --color-contrast-headline:var(--color-contrast-font); 
    --color-contrast-light:var(--color-default-light);
    --color-contrast-link-default:var(--color-default-link-default);
    --color-contrast-link-hover:var(--color-contrast-font);
    --color-contrast-link-selected:#899689;
    --color-contrast-button-default-bg:var(--color-contrast-link-default);
    --color-contrast-button-default-font:var(--color-contrast-bg);
    --color-contrast-button-hover-bg:var(--color-contrast-font);
    --color-contrast-button-hover-font:var(--color-contrast-button-default-font);
    --color-contrast-list-hover-bg:var(--color-default-bg);
    --color-contrast-input-default-bg:#ffffff;
    --color-contrast-input-default-border:var(--color-default-bg);
    --color-contrast-input-default-placeholder:var(--color-contrast-light);
    --color-contrast-input-default-font:var(--color-contrast-font);
    --color-contrast-input-error-bg:var(--color-contrast-input-default-bg);
    --color-contrast-input-error-font:#ff0000;
    --color-contrast-input-error-placeholder:var(--color-contrast-input-default-placeholder);
    --color-contrast-input-error-border:var(--color-contrast-input-error-font);
    --color-contrast-input-error-label:var(--color-contrast-input-error-font);

    --color-hero-bg:#222222;
    --color-hero-overlay:rgba(0, 112, 175, 0);
    --color-hero-overlay-fullwidth:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 80%, rgba(0,0,0,0) 100%);
    --color-hero-overlay-fullscreen:linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.5) 80%, rgba(0,0,0,0.9) 100%);
    --color-hero-font:#ffffff;
    --color-hero-headline:var(--color-hero-font);
    --color-hero-light:var(--color-hero-font);
    --color-hero-link-default:#899698;
    --color-hero-link-hover:#77c3e6;
    --color-hero-link-selected:var(--color-hero-link-hover);
    --color-hero-button-default-bg:var(--color-hero-link-default);
    --color-hero-button-default-font:var(--color-hero-bg);
    --color-hero-button-hover-bg:var(--color-hero-font);
    --color-hero-button-hover-font:var(--color-hero-button-default-font);
    --color-hero-fullscreen-font:var(--color-hero-font);
    --color-hero-fullscreen-headline:var(--color-hero-headline);
    --color-hero-fullscreen-light:var(--color-hero-light);
    --color-hero-fullscreen-link-default:var(--color-hero-link-default);
    --color-hero-fullscreen-link-hover:var(--color-hero-link-hover);
    --color-hero-fullscreen-link-selected:var(--color-hero-link-selected);
    --color-hero-fullscreen-button-default-bg:var(--color-hero-button-default-bg);
    --color-hero-fullscreen-button-default-font:var(--color-hero-button-default-font);
    --color-hero-fullscreen-button-hover-bg:var(--color-hero-button-hover-bg);
    --color-hero-fullscreen-button-hover-font:var(--color-hero-button-hover-font);

    --color-nav-default-level1-bg:#142d32;
    --color-nav-default-level1-font:#eeeeee;
    --color-nav-default-level1-hover:#77c3e6;
    --color-nav-default-level1-selected:#899698;
    --color-nav-default-level2-bg:var(--color-default-bg);
    --color-nav-default-level2-font:var(--color-nav-default-level1-font);
    --color-nav-default-level2-hover:var(--color-nav-default-level1-hover);
    --color-nav-default-level2-selected:var(--color-nav-default-level2-hover);
    --color-nav-default-meta-font:#eeeeee;
    --color-nav-default-meta-hover:#77c3e6;
    --color-nav-default-meta-selected:#889698;
    --color-nav-default-button-default-bg:var(--color-default-button-default-bg);
    --color-nav-default-button-default-font:var(--color-default-button-default-font);
    --color-nav-default-button-hover-bg:var(--color-default-button-hover-bg);
    --color-nav-default-button-hover-font:var(--color-default-button-hover-font);

    --color-nav-contrast-level1-bg:#142d32;
    --color-nav-contrast-level1-font:#eeeeee;
    --color-nav-contrast-level1-hover:#77c3e6;
    --color-nav-contrast-level1-selected:#899698;
    --color-nav-contrast-level2-bg:var(--color-contrast-bg);
    --color-nav-contrast-level2-font:var(--color-nav-contrast-level1-font);
    --color-nav-contrast-level2-hover:var(--color-nav-contrast-level1-hover);
    --color-nav-contrast-level2-selected:var(--color-nav-contrast-level2-hover);
    --color-nav-contrast-meta-font:var(--color-nav-contrast-level1-font);
    --color-nav-contrast-meta-hover:var(--color-nav-contrast-level1-hover);
    --color-nav-contrast-meta-selected:var(--color-nav-contrast-meta-hover);
    --color-nav-contrast-button-default-bg:var(--color-contrast-button-default-bg);
    --color-nav-contrast-button-default-font:var(--color-contrast-button-default-font);
    --color-nav-contrast-button-hover-bg:var(--color-contrast-button-hover-bg);
    --color-nav-contrast-button-hover-font:var(--color-contrast-button-hover-font);

    --color-nav-hero-level1-bg:#142d32;
    --color-nav-hero-level1-font:#eeeeee;
    --color-nav-hero-level1-hover:#77c3e6;
    --color-nav-hero-level1-selected:#eeeeee;
    --color-nav-hero-level2-bg:var(--color-hero-bg);
    --color-nav-hero-level2-font:var(--color-nav-hero-level1-font);
    --color-nav-hero-level2-hover:var(--color-nav-hero-level1-hover);
    --color-nav-hero-level2-selected:var(--color-nav-hero-level2-hover);
    --color-nav-hero-meta-font:#eeeeee;
    --color-nav-hero-meta-hover:#77c3e6;
    --color-nav-hero-meta-selected:#899698;
    --color-nav-hero-button-default-bg:var(--color-hero-button-default-bg);
    --color-nav-hero-button-default-font:var(--color-hero-button-default-font);
    --color-nav-hero-button-hover-bg:var(--color-hero-button-hover-bg);
    --color-nav-hero-button-hover-font:var(--color-hero-button-hover-font);

    --color-nav-sticky-level1-bg:#142d32;
    --color-nav-sticky-level1-font:#eeeeee;
    --color-nav-sticky-level1-hover:#77c3e6;
    --color-nav-sticky-level1-selected:#eeeeee;
    --color-nav-sticky-level2-bg:var(--color-nav-sticky-level1-bg);
    --color-nav-sticky-level2-font:var(--color-nav-sticky-level1-font);
    --color-nav-sticky-level2-hover:var(--color-nav-sticky-level1-hover);
    --color-nav-sticky-level2-selected:var(--color-nav-sticky-level2-hover);
    --color-nav-sticky-meta-font:var(--color-nav-sticky-level1-font);
    --color-nav-sticky-meta-hover:var(--color-nav-sticky-level1-hover);
    --color-nav-sticky-meta-selected:var(--color-nav-sticky-meta-hover);
    --color-nav-sticky-button-default-bg:var(--color-nav-default-button-default-bg);
    --color-nav-sticky-button-default-font:var(--color-nav-default-button-default-font);
    --color-nav-sticky-button-hover-bg:var(--color-nav-default-button-hover-bg);
    --color-nav-sticky-button-hover-font:var(--color-nav-default-button-hover-font);

    --color-nav-mobile-bg:#222222;
    --color-nav-mobile-level1-font:var(--color-nav-default-level1-font);
    --color-nav-mobile-level1-hover:var(--color-nav-default-level1-hover);
    --color-nav-mobile-level1-selected:#eeeeee;
    --color-nav-mobile-level2-font:var(--color-nav-mobile-level1-font);
    --color-nav-mobile-level2-hover:var(--color-nav-mobile-level1-hover);
    --color-nav-mobile-level2-selected:var(--color-nav-mobile-level2-hover);

    --color-footer-bg:#222222;
    --color-footer-line:var(--color-footer-bg);
    --color-footer-font:#eeeeee;
    --color-footer-link-default:#eeeeee;
    --color-footer-link-hover:#77c3e6;
    --color-footer-link-selected:#77c3e6;
    --color-footer-button-default-bg:var(--color-footer-link-default);
    --color-footer-button-default-font:var(--color-footer-bg);
    --color-footer-button-hover-bg:var(--color-footer-font);
    --color-footer-button-hover-font:var(--color-footer-button-default-font);
    --color-footer-input-default-bg:var(--color-contrast-input-default-bg);
    --color-footer-input-default-border:var(--color-contrast-input-default-border);
    --color-footer-input-default-placeholder:var(--color-contrast-input-default-placeholder);
    --color-footer-input-default-font:var(--color-contrast-input-default-font);
    --color-footer-input-error-bg:var(--color-contrast-input-error-bg);
    --color-footer-input-error-border:var(--color-contrast-input-error-border);
    --color-footer-input-error-placeholder:var(--color-contrast-input-error-placeholderfont);
    --color-footer-input-error-font:var(--color-contrast-input-error-font);
    --color-footer-input-error-label:var(--color-contrast-input-error-label);
}