:root {

    /*Generelle Schriftsettings*/
        --fontFamily: roboto, sans-serif;
        --fontWeight: 300;
        --lineHeight: 1.4em;
        --strokeWidth: 0.075em;
        --letterSpacing: 0.015em;

    /*Farben hauptsächlich für Icons*/
        /*--colSignal: 130,170,44;*/
        --colSignal: 169,204,199;
        --colSignalDark: 86,86,86;
        --colSignal01: 130,170,44;
        --colSignalBright: 60,188,188;

        --colAction: 110,110,110; /*gelb*/
        --colAction01: 0,150,145; /*dunkelblautürkis*/
        --colAction02: 210,75,0; /*orange*/
        --colAction03: 225,225,225; /*hover action*/
        --colActionBright: 160,210,90;

        --colLight: 250,250,250;
        --colDarker: 50,50,50;

        --colPro01: 130,170,44; /*leuchtend grün*/
        --colPro02: 105,132,66; /*mittel grün*/
        --colPro03: 89,102,42; /*blass grün*/

        --colContra01: 232,61,62; /*leuchtend rot*/
        --colContra02: 188,81,86; /*mittel rot*/
        --colContra03: 119,86,88; /*blass rot*/

        --colAttention01: 226,183,3; /*leuchtend gelb*/
        --colAttention02: 196,164,100; /*hell gelb*/
        --colAttention03: 137,124,93; /*blass gelb*/

        --colKnot: 0,0,0,0.3; /*Bedingungsknoten overlay*/


        --colSpecialInfo: 54,169,225; /*blau*/

    /*Farben inaktiv und spezial*/

        --colNormalIcon: 112,112,112; /*Symbole ohne Zustand*/
        --colNormalLine: 127,127,127; /*generelles grau für alle Linien*/
        --colBackrule: 0,0,0,0.45; /*Gegenrechts-Pfeile*/
        --colOpener: 198,198,198; /*kleine Aufklapp-Marker*/
        --colRequirement: 0,0,0,0.2; /*Bedingungsdreieck*/

        --colTaMapIcon: 196,164,100; /*Icons in der TAMap */

    /*Farben für UI */

        --colBG: var(--colLight);
        --colSignalText: var(--colSignal);

        --colAccent: 130,170,44;   /* Haupt- Akzentfarbe - wechselt für jeweiliges Schema */
        --colAccent02: 130,170,44;   /* Sekundäre- Akzentfarbe - wechselt für jeweiliges Schema */

        --colUIBack01: 240,240,240; /*hell*/
        --colUIBack02: 100,100,100; /*mittelhell*/
        --colUIBack03: 60,60,60; /*mittel*/
        --colUIBack04: 50,50,50; /*dunkel*/
        --colUIBack05: 0,0,0; /*schwarz*/

        --colUIText01: 250,250,250; /*fastweiss*/
        --colUIText02: 240,240,240; /*blasshell*/
        --colUIText03: 180,180,180; /*hell*/
        --colUIText04: 100,100,100; /*mittelhell*/
        --colUIText05: 86,86,86; /*grau*/


    /*Farben für Bewertung*/

        --colRatinglevel01: 130,170,44;
        --colRatinglevel02: 168,168,25;
        --colRatinglevel03: 226,183,3;
        --colRatinglevel04: 221,119,14;
        --colRatinglevel05: 232,61,62;

    /*Schatten- und Lichtfarben*/
        --boxShadow: 0,0,0,0.3;
        --boxCorner: 256,256,256,0.1;

    /* Brandingfarben */
        --Wings_LogoTypeColor: 240,240,240; /*Wings weiss*/


    /* Videos & Pictures */
        --bodyBG_H: url(BG_Dark_H.jpg);
        --bodyBG_V: url(BG_Dark_V.jpg);

        --welcomeBG_V: var(--welcomeBG_dark_V, url(intro_BG_DarkV.jpg));
        --welcomeBG_H: var(--welcomeBG_dark_H, url(intro_BG_DarkH.jpg));

    }

    .body {
    --colBG: 255,255,255;
    --colFont: 0,0,0;
    --colSignal: 0, 200,200;

}
    .videoDark{
        display: block;
    }

    .videoBright{
        display: none;
    }

    .hasTouch .videoDark{
        display: none;
    }

    header span.hell{
        display: none;
    }