:root {

/*Generelle Schriftsettings*/
    --fontFamily: roboto, sans-serif;
    --fontWeight: 300;
    --lineHeight: 1.5;
    --strokeWidth: 0.03em;
    --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: 174,143,74; /*hell gelb*/
    --colAttention03: 120,100,80; /*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: 60,60,60; /*Gegenrechts-Pfeile*/
    --colOpener: 198,198,198; /*kleine Aufklapp-Marker*/
    --colCondition: 85,85,85; /*Bedingungsdreieck ungefärbt*/
    --colConditionClosed: 85,85,85;  /*Bedingungsdreieck ungefärbt zusammengeklappt*/
    --colConditionClosedPro: 90,110,10; /*Bedingungsdreieck grün wenn zugeklappt*/

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

/*Farben für UI */

    --colBG: 43,43,45;  /* dunkler Hintergrund im Content Bereich */

    --colAccent01: 97,129,225;
    --colAccent02: 127,149,230;
    --colAccent03: 154,171,223;
    --colAccent04: 193,203,234;
    --colAccent04: 48,58,118;

    --colContrast: 237,141,45;

    --colUIBack01: 240,240,253; /*hell*/
    --colUIBack02: 100,100,110; /*mittelhell*/
    --colUIBack03: 70,70,75; /*mittel*/
    --colUIBack04: 50,50,54; /*dunkel*/
    --colUIBack05: 0,0,3; /*schwarz*/
    --colUIBack06: 0,0,0; /*reinschwarz*/

    /*
    --colUIBack01: 235,225,256;
    --colUIBack02: 95,93,106;
    --colUIBack03: 70,68,75;
    --colUIBack04: 50,49,55;
    --colUIBack05: 2,0,4;
     */

    --colUIText01: 250,250,250; /*fastweiss*/
    --colUIText02: 240,240,240; /*blasshell*/
    --colUIText03: 200,200,200; /*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;

/*Farben für Statistik*/

    --colUIChartBar01: 220 160 45;
    --colUIChartBar02: 208 57 88;
    --colUIChartBar03: 30 119 130;
    --colUIChartBar04: var(--colAccent01);

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


/* Videos & Pictures */
    --bodyBG_H: url(BG_Dark_H_23.jpg);
    --bodyBG_V: url(BG_Dark_V_23.jpg);
    --welcomeBG_V: var(--welcomeBG_dark_V, url(intro_BG_DarkV_23.jpg));
    --welcomeBG_H: var(--welcomeBG_dark_H, url(intro_BG_DarkH_23.jpg));

}

.videoDark{
    display: block;
}

.videoBright{
    display: none;
}

.hasTouch .videoDark{
    display: none;
}

header span.hell{
    display: none;
}