:root {
    /* COLOURS */
    --standard-text-colour: black;
    --page-background-colour: white;

    --accent-ui-one: #990000;
    --accent-ui-one-text-colour: white; /* Falls Text auf der Farbe angezeigt wird */
    --accent-ui-one-brighter: #994444;

    --accent-ui-two: #990000;
    --accent-ui-two-darker: #660000;
    --accent-ui-colour: white;

    --headline-border-bottom-colour: black;

    --link-colour: var(--accent-ui-one);
    --link-active-colour: var(--accent-ui-one-brighter); /* hover, active und focus */
    --navigation-mobile-link-active-colour: #009EE3; /* hover, focus */

    --footer-link-colour: white;
    --footer-link-active-colour: white;
    --footer-background-colour: var(--accent-ui-one);
    --footer-headline-colour: white;
    --footer-languages-background-colour: var(--accent-ui-one-brighter);

    --faq-nav-background: #29333c;
    --faq-nav-background-hover: #29333ccc;
    --faq-nav-background-border-bottom: #4e545a;

    /* MESSAGE BOXES */
    --info-colour: black; /* Schriftfarbe der Box */
    --info-background-colour: #d0e9fa; /* Hintergrundfarbe der Box */
    --info-border-bottom-colour: var(--accent-ui-one); /* Farbe des unteren Randes der Box */

    --success-colour: #4F8A10; /* Schriftfarbe der Box */
    --success-background-colour: #DFF2BF; /* Hintergrundfarbe der Box */
    --success-border-bottom-colour: #9ca986; /* Farbe des unteren Randes der Box */

    --warning-colour: black; /* Schriftfarbe der Box */
    --warning-background-colour: #fbdfbf; /* Hintergrundfarbe der Box */
    --warning-border-bottom-colour: #f39e40; /* Farbe des unteren Randes der Box */

    --error-colour: black; /* Schriftfarbe der Box */
    --error-background-colour: #f8c0cb; /* Hintergrundfarbe der Box */
    --error-border-bottom-colour: #eb4262; /* Farbe des unteren Randes der Box */

    /* Form Submit Button */
    --form-submit-colour: white;
    --form-submit-background-colour: var(--accent-ui-one-brighter);
    --form-submit-background-colour-darker: var(--accent-ui-one);

    /* NEWS */
    --tags-background-color: #f4f4f4;
    --tags-border-colour: #cdcdcd;
    --tags-color: var(--standard-text-colour);
    --tags-active-background-colour: #090909;
    --tags-actove-colour: white;
    --news-headline-link-active: #00a4d6;

    /* FONTS */
    /* body */
    --standard-font: 'Open Sans', sans-serif;

    /* h1 - h3, Submit Button */
    --headline-font: 'Roboto Slab', sans-serif;

    --header-image-font: 'Roboto Slab', sans-serif;
    --navigation-link-font: 'Roboto Slab', sans-serif;
}