:root {
    /* CD (Quelle: https://handbuch.iurfriend.net/index.php/Corporate_Design) */

    /* Primärfarben */
    --color-dunkelgrau: #2d3338;
    --color-grau: #565656;
    --color-hellgrau: #868686;
    --color-orange: #f29100;
    --color-link: #d68100;
    --color-text: #323232;
    --color-white: #ffffff;

    /* Sekundärfarben */
    --color-blau: #326996;
    --color-hellstes-blau: #e6edf2;
    --color-mintgruen: #c3dc9b;
    --color-helles-orange: #ffe696;
    --color-braun: #644114;
    --color-rot: #e6000a;
    --color-dunkelgruen: #19500a;
    --color-hellgruen: #4ba02d;
    --color-helleres-gruen: #79bf60;
    --color-helleres-grau: #cccccc;
    --color-hellstes-grau: #e6e6e6;
    --color-dunkles-rot: #b13246;
    --color-helles-rot: #cd5769;
    --color-middle-grau: #a6a6a6;
    --color-benzol: #008c84;

    /* Erdgrün */
    --color-earth-green-lightest: #D7F3AF;
    --color-earth-green-light: #BFE982;
    --color-earth-green: #97C651;
    --color-earth-green-dark: #79AC3E;
    --color-earth-green-darkest: #578614;


    /* Hilfsfarben */
    --color-light-orange: #fbd99e;
    --color-lightest-orange: #fef7ec;
    --color-lachs-orange: #f8c87f;

    /* Transparenzen */
    --color-trans-white-75: rgba(255,255,255,.75);

    /* Größenangaben */
    --size-grundlinie: 21pt;
    --size-font-desktop: 12pt;
    --size-font-mobile: 12pt;
    --size-gap: 15px;
    --size-max-width: 1060px;
    --size-border-radius: .25rem .25rem .25rem 1rem;
    --size-transbox-padding: calc(var(--size-grundlinie) * .5) var(--size-grundlinie);

    /* Fonts */
    --font-primary: "Source Sans Pro", sans-serif;
    --font-secondary: "Oswald", sans-serif;
    --font-monospace: "Source Code Pro", monospace;

    /* Schatten */
    --shadow-transbox: 0 3px 6px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
    --shadow-transbox-double: 0 6px 12px rgba(0,0,0,.24), 0 6px 12px rgba(0,0,0,.36);

    /* Animation */
    --animation-shot-all: all .2s ease-in-out;
    --animation-shot-double: all .4s ease-in-out;
    --animation-shot-triple: all .6s ease-in-out;
    --animation-shot-quatro: all .8s ease-in-out;
    --animation-linear-all: all .2s linear;
    --animation-linear-double: all .4s linear;
    --animation-linear-triple: all .6s linear;
    --animation-linear-quatro: all .8s linear;
    --sb-duration: 6s;

    /*--color-stop-1: #45494d;*/
    /*--color-stop-2: #525659;*/
    --color-stop-1: var(--color-orange);
    --color-stop-2: var(--color-lachs-orange);

    /* External Brandcolors */
    --color-facebook: #3b5998;
    --color-twitter: #1da1f2;
    --color-pinterest: #bd081c;


}
.color-blue {
    color: var(--color-blau);
}