:root {
	font-family: PT Sans, sans-serif;
	hyphens: auto;

    /* NEU: FARBEN: */

    --accent-color: #f7c915;              /* gelb */

    /* Hintergründe: */
    --body-bg-color: #fff;                /* weiß | Hgr. allgemein */
    --bars-bg-color: #3a4d8d;             /* blau | Hgr. Leisten */
    --kacheln-bg-color: #3a4d8d;          /* blau | Hgr. Kacheln */
    --box-bg-color: #eee;                 /* hellstgrau | Hgr. Infoboxen */
    --logo-bg-color: #eee;             /* blau | Hgr. Logo (außer Startseite) */
    --link-hover-bg-color: #727288;       /* blaugrau | Hgr. Hovern über Text-Links */
    --footer-link-hover-bg-color: #ccc;   /* hellgrau | Hgr. Hovern über Footer-Links */
    --figcap-bg-color: #0007;             /* anthrazit transparent | Hgr. Bildunterschriften */

    /* Schriftfarben: */
    --text-color: #3b3a38;                /* dunkelgrau */
    --link-color: #3a4d8d;                /* blau */
    --link-hover-color: #eee;             /* hellstgrau */
    --footer-link-hover-color: #444;      /* mittelgrau */
    --headline-color: #3a4d8d;            /* blau */
    --box-text-color: #727288;            /* blaugrau */
    --box-headline-color: #eee;           /* hellstgrau */
    --breadcrumb-color: #727288;          /* blaugrau */
    --figcap-color: #3a4d8d;              /* blau */

    /* Mobile Menu: */
    --mobile-menu-level1-color: #f7c915;  /* gelb */
    --mobile-menu-level2-color: #ccc;     /* hellgrau */
    --mobile-menu-lines-color: #444;      /* mittelgrau */
    --mobile-menu-bg-color: #222;         /* anthrazit */
    --mobile-menu-button-color: #eee;     /* hellgrau | Hamburger-Menü und Titelzeile */

    /* Desktop Menu: */
    --menu-level1-color: #eee;            /* hellstgrau */
    --menu-level2-color: #727288;         /* blaugrau */
    --menu-level2-bg-color: #eee;         /* hellstgrau */
    --menu-level2-hover-color: #eee;      /* hellstgrau */
    --menu-lines-color: #ccc;             /* hellgrau */



}
:root body.dark {
    --body-bg-color: #292929;             /* ***** dunkelgrau */
    --text-color: #ccc;                   /* ***** hellgrau */
    --link-color: #f7c915;                /* ***** gelb (Akzent) */
    --link-hover-color: #eee;             /* hellstgrau */
    --link-hover-bg-color: #727288;       /* blaugrau */

    --bars-bg-color: #000;                /* ***** schwarz */
    --logo-bg-color: none;                  /* ***** keine */
    --headline-color: #f7c915;            /* ***** gelb (Akzent */
    --box-text-color: #999;               /* blaugrau */
    --box-headline-color: #f7c915;        /* ***** hellgrau */
    --box-bg-color: #191919;              /* ***** sehrdunkelgrau */
    --figcap-color: #f7c915;              /* ***** gelb */
    --figcap-bg-color: #0007;             /* anthrazit transparent */
    --breadcrumb-color: #727288;          /* blaugrau */
    --menu-level1-color: #ccc;            /* hellstgrau */
    --menu-level2-color: #999;            /* blaugrau */
    --menu-level2-bg-color: #191919;      /* hellstgrau */
    --menu-level2-hover-color: #eee;      /* hellstgrau */
    --footer-link-hover-color: #444;      /* mittelgrau */
    --footer-link-hover-bg-color: #ccc;   /* hellgrau */
    --menu-lines-color: #333;             /* hellgrau */
    --accent-color: #f7c915;              /* gelb */

    --mobile-menu-button-color: #ccc;     /* hellgrau | Hamburger-Menü und Titelzeile */
}