:root {
    
/* Standardfarben */
    --white100: rgba(255,255,255,1);
    --white090: rgba(255,255,255,.9);
    --white080: rgba(255,255,255,.8);
    --white070: rgba(255,255,255,.7);
    --white060: rgba(255,255,255,.6);
    --white050: rgba(255,255,255,.5);
    --white040: rgba(255,255,255,.4);
    --white030: rgba(255,255,255,.3);
    --white020: rgba(255,255,255,.2);
    --white015: rgba(255,255,255,.15);
    --white010: rgba(255,255,255,.1);
    --white001: rgba(255,255,255,.01);


    --black100: rgba(0,0,0,1);
    --black090: rgba(0,0,0,.9);
    --black080: rgba(0,0,0,.8);
    --black050: rgba(0,0,0,.5);
    --black040: rgba(0,0,0,.4);
    --black033: rgba(0,0,0,.33);
    --black030: rgba(0,0,0,.3);
    --black025: rgba(0,0,0,.25);
    --black020: rgba(0,0,0,.20);
    --black015: rgba(0,0,0,.15);
    --black010: rgba(0,0,0,.10);
    --black005: rgba(0,0,0,.05);
    --black001: rgba(0,0,0,.01);



    /* CI Farben */

    /* allgemein */
    /* blau */
    --ci100: rgba(0, 75, 131, 1);

    --ci200: rgba(0, 157, 222, 1);
    --ci205: rgba(0, 157, 222, .5);
    --ci2033: rgba(0, 157, 222, .33);
    --ci2010: rgba(0, 157, 222, .1);
    --ci2001: rgba(0, 157, 222, .01);

    --ci300: rgba(131, 207, 239, 1);

    
    /* BG MegaMenu und Wegweiserboxen*/
    --ci400: rgba(0, 32, 57, 1);
    --ci500: rgba(0, 51, 91 , 1);

    /* BG Silder */
    --ci600: rgba(6,17,31, 1);
    --ci700: rgba(26,74,131, 1);

    /*
    --ci800: rgba(0, 68, 121, 1);
    --ci850: rgba(0, 115, 162, 1); 
*/
    --ci800: rgba(13, 70, 121, 1);
    --ci850: rgba(17, 116, 162, 1); 
        
    
    /* grau */
    --ci900: rgba(226, 227, 231, 1);
    --ci910: rgba(203, 205, 210, 1);
    --ci920: rgba(238, 243, 245, 1);
    --ci930: rgba(248, 253, 255, 1);
    --ci940: rgba(176,176,180,1);

    --ci990: rgba(88,88,90,1);
    --ci991: rgba(68,68,70,1);
    --ci992: rgba(58,58,60,1);

    /* Text */
    --textColorDark: var(--ci990);
    --textColorMedium: rgba();
    --textColorLight: rgba();

    /* Light-Theme */
    /* NavMain */
    --lightTheme-blue01: var(--ci800);
    --lightTheme-blue02: var(--ci850); 
    

    /* Dark-Theme */
    /* NavMain */
    --darkTheme-blue01: var(--ci400);
    --darkTheme-blue02: var(--ci500);
    --darkTheme-blue03: var(--ci600); 
    --darkTheme-blue04: var(--ci700);  

    /* Farbverläufe */

    /* Light Theme */
    --gradient-lightTheme-01: linear-gradient(to right, var(--lightTheme-blue01) 0%, var(--lightTheme-blue02) 49%, var(--lightTheme-blue01) 100%);

    --gradient-lightTheme-02: linear-gradient(to right, var(--lightTheme-blue02) 0%, var(--lightTheme-blue01) 49%, var(--lightTheme-blue02) 100%);

    --gradient-lightTheme-03: radial-gradient(ellipse at center, var(--lightTheme-blue01) 0%, var(--lightTheme-blue02) 100%);

    --gradient-lightTheme-04: radial-gradient(ellipse at center, var(--lightTheme-blue02) 0%, var(--lightTheme-blue01) 100%);

    --gradient-lightTheme-05: linear-gradient(135deg, var(--lightTheme-blue01) 0%, var(--lightTheme-blue02) 49%, var(--lightTheme-blue01) 100%);

    --gradient-lightTheme-06: linear-gradient(135deg, var(--lightTheme-blue02) 0%, var(--lightTheme-blue01) 49%, var(--lightTheme-blue02) 100%);

    --gradient-lightTheme-07: linear-gradient(to bottom, var(--lightTheme-blue02) 0%, var(--lightTheme-blue01) 100%);

    --gradient-lightTheme-08: linear-gradient(to bottom, var(--lightTheme-blue01) 0%, var(--lightTheme-blue02) 100%);


    /* Dark Theme */
    --gradient-darkTheme-01: radial-gradient(ellipse at center, var(--darkTheme-blue01) 0%, var(--darkTheme-blue03) 100%);


    --gradient-darkTheme-05: linear-gradient(to bottom, var(--darkTheme-blue01) 0%, var(--darkTheme-blue02) 100%);
 


    /* Headlines / Links */
    --gradient-head-links-01: linear-gradient(90deg, var(--ci300), var(--ci200));
    --gradient-head-links-02: linear-gradient(90deg, var(--ci200), var(--ci300));
    --gradient-head-links-03: linear-gradient(90deg, var(--ci200), var(--ci800));
    --gradient-head-links-04: linear-gradient(90deg, var(--ci800), var(--ci200));
    --gradient-head-links-08: linear-gradient(90deg, var(--ci800), var(--ci850));


    /* Grey */
    --gradient-grey-01: linear-gradient(to right, var(--ci900) 0%, var(--ci930) 100%);

    --gradient-grey-02: linear-gradient(to right, var(--ci930) 0%, var(--ci900) 100%);
    
    --gradient-grey-03: radial-gradient(ellipse at center, var(--ci930) 0%, var(--ci900) 100%);

    --gradient-grey-04: linear-gradient(135deg, var(--ci900) 0%, var(--ci930) 49%, var(--ci900) 100%);

    --gradient-grey-05: linear-gradient(135deg, var(--ci930) 0%, var(--ci900) 49%, var(--ci930) 100%);




    /* Icons */
    --darkmodeIcon: var(--ci500);
    --darkmodeIconHover: var(--ci200);
}