:root {
    /* Farben */
    --primaryColor : #F39855; /* #F17A02; */
    --light-primaryColor : white; /* #fef5ee */
    --light-accentColor : #f39c24;
    --highlight-primaryColor : #F17A02;
    --link-color-hover: #059;
    --link-color: #07D;
    --footer-color: #EEE9E9;
    --panel-background-color: #eee;
    --navbar-background-color: white;

    /* Schriftgroessen */
    --menu-font-size: 1.3rem;
    --nav-header-font-size: 1.2rem;
    --article-title-font-size-l: 3rem;
    --article-meta-font-size-l: 2rem;
    --article-lead-font-size-l: 1.6rem;
    --article-title-font-size-m: 2rem;
    --article-meta-font-size-m: 1.3rem;
    --article-lead-font-size-m: 1.2rem;
    --article-title-font-size-s: 2rem;
    --article-meta-font-size-s: 1.3rem;
    --article-lead-font-size-s: 1.2rem;

    /* Neuigkeiten */
    --nk-title-font-size-s: 1.7rem;
    --nk-title-font-size-m: 1.7rem;
    --nk-title-font-size-l: 1.9rem;
    --nk-desc-font-size-s: 1rem;
    --nk-desc-font-size-m: 1rem;
    --nk-desc-font-size-l: 1.4rem;

    /* h1,h2,h3 */
    --h1-font-size-s: 1.5rem;
    --h2-font-size-s: 1.3rem;
    --h3-font-size-s: 1.3rem;
    --h1-font-size-m: 2rem;
    --h2-font-size-m: 1.5rem;
    --h3-font-size-m: 1.2rem;
    --h1-font-size-l: 3rem;
    --h2-font-size-l: 2rem;
    --h3-font-size-l: 1.6rem;

    /* panel */
    --panel-title-font-size-l: var(--h3-font-size-l);
    --panel-title-font-size-m: var(--h3-font-size-m);
    --panel-title-font-size-s: var(--h1-font-size-s);
}