:root {

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


/*Farben hauptsächlich für Icons*/

    --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: 43,43,43;  /* dunkler Hintergrund im Content Bereich */

    --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: 0,0,0; /*schwarz*/


/*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;

    --focusArea01: 0,0,0,0.6;
    --focusArea02: 265,265,265,0.05;

/* 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));

}

.videoDark{
    display: block;
}

.videoBright{
    display: none;
}

.hasTouch .videoDark{
    display: none;
}

header span.hell{
    display: none;
}