:root {
    /* COLOURS */
    --standard-text-colour: #666666;
    --page-background-colour: #fafafa;

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

    --accent-ui-two: #fabb22;
    --accent-ui-two-darker: #c8891b;
    --accent-ui-colour: #333333;

    --headline-border-bottom-colour: #cdcdcd;

    --link-colour: #0074cc;
    --link-active-colour: #3390d6; /* hover, active und focus */
    --navigation-mobile-link-active-colour: #5b1112; /* hover, focus */

    --footer-link-colour: white;
    --footer-link-active-colour: orange;
    --footer-background-colour: #29333c;
    --footer-headline-colour: #00a4d6;
    --footer-languages-background-colour: #547C8FB2;

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

    /* MESSAGE BOXES */
    --info-colour: #00529B; /* Schriftfarbe der Box */
    --info-background-colour: #BDE5F8; /* Hintergrundfarbe der Box */
    --info-border-bottom-colour: #84a0ae; /* 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: #9F6000; /* Schriftfarbe der Box */
    --warning-background-colour: #feefb3; /* Hintergrundfarbe der Box */
    --warning-border-bottom-colour: #b2a77d; /* Farbe des unteren Randes der Box */

    --error-colour: #D8000C; /* Schriftfarbe der Box */
    --error-background-colour: #ffd2d2; /* Hintergrundfarbe der Box */
    --error-border-bottom-colour: #b39393; /* Farbe des unteren Randes der Box */

    /* Form Submit Button */
    --form-submit-colour: white;
    --form-submit-background-colour: #545c63;
    --form-submit-background-colour-darker: #29333c;

    /* 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: Roboto, Arial, Helvetica, sans-serif;

    /* h1 - h3, Submit Button */
    --headline-font: Roboto, 'Times New Roman', serif;

    --header-image-font: Literata, Arial, Helvetica, sans-serif;
    --navigation-link-font: Montserrat, Arial, Helvetica, sans-serif;
}