:root {
    /* Theme erstellen: https://www.w3schools.com/w3css/w3css_color_generator.asp */
    /* leider müssen wir die RGB-Werte direkt vorhalten, sonst kommen wir später bei Opacity nicht weiter */
    /* Converter zb: http://www.zonums.com/online/color_converter/ */
    --rgbP0: 119, 187, 0; /* GRUNDTON PRIMARY*/
    --rgbPL1: 147, 202, 51; /* Abstufungen hell*/
    --rgbPL2: 174, 216, 101;
    --rgbPL3: 201, 229, 152;
    --rgbPL4: 228, 242, 204;
    --rgbPL5: 247, 251, 240; /* Abstufung heller*/
    --rgbPD1: 99, 136, 34; /* Abstufungen dunkel */
    --rgbPD2: 88, 121, 30;
    --rgbPD3: 77, 106, 26;
    --rgbPD4: 66, 91, 23;
    --rgbPD5: 55, 75, 19; /* Abstufunden dunkler */
    --rgbWhite: 255, 255, 255;
    --rgbBlack: 0, 0, 0;
    --accentTheme: rgb(var(--rgbP0));
    --accentThemeTxt: rgb(var(--brighter));
    /* COMPLIMENTARY - Zweite Akzentfarbe */
    --rgbC0: 236, 103, 7; /* GRUNDTON COMPLIMENTARY */
    --rgbCL1: 249, 132, 49; /* Abstufungen hell*/
    --rgbCL2: 250, 163, 101;
    --rgbCL3: 252, 194, 152;
    --rgbCL4: 253, 224, 204;
    --rgbCL5: 255, 246, 240; /* Abstufung heller*/
    --rgbCD1: 214, 93, 7; /* Abstufungen dunkel */
    --rgbCD2: 190, 83, 6;
    --rgbCD3: 166, 72, 5;
    --rgbCD4: 142, 62, 4;
    --rgbCD5: 119, 52, 4; /* Abstufunden dunkler */
    --complimentaryTheme: rgb(var(--rgbC0));
    --complimentaryThemeTxt: var(--brighter);
    --complimentaryThemeLight: var(--complimentaryThemeL3);
    --complimentaryThemeLightTxt: var(--complimentaryThemeL3txt);
    --complimentaryThemeDark: var(--complimentaryThemeD5);
    --complimentaryThemeDarkTxt: var(--complimentaryThemeD5txt);
    --complimentaryThemeTransparent: rgba( var(--rgbC0), 0.3);
    --complimentaryThemeL0: var(--complimentaryTheme);
    --complimentaryThemeL1: rgb( var(--rgbCL1));
    --complimentaryThemeL2: rgb( var(--rgbCL2));
    --complimentaryThemeL3: rgb( var(--rgbCL3));
    --complimentaryThemeL4: rgb( var(--rgbCL4));
    --complimentaryThemeL5: rgb( var(--rgbCL5));
    --complimentaryThemeL1txt: var(--dark);
    --complimentaryThemeL2txt: var(--dark);
    --complimentaryThemeL3txt: var(--dark);
    --complimentaryThemeL4txt: var(--dark);
    --complimentaryThemeL5txt: var(--dark);
    --complimentaryThemeD0: var(--complimentaryTheme);
    --complimentaryThemeD1: rgb( var(--rgbCD1));
    --complimentaryThemeD2: rgb( var(--rgbCD2));
    --complimentaryThemeD3: rgb( var(--rgbCD3));
    --complimentaryThemeD4: rgb( var(--rgbCD4));
    --complimentaryThemeD5: rgb( var(--rgbCD5));
    --complimentaryThemeD1txt: var(--brighter);
    --complimentaryThemeD2txt: var(--brighter);
    --complimentaryThemeD3txt: var(--bright);
    --complimentaryThemeD4txt: var(--bright);
    --complimentaryThemeD5txt: var(--bright);
    /* secondary RGB: */
    --rgbS0: 123, 123, 129; /* GRUNDTON SECONDARY */
    --rgbSL1: 149, 149, 153; /* Abstufungen hell*/
    --rgbSL2: 175, 175, 179;
    --rgbSL3: 202, 202, 204;
    --rgbSL4: 228, 228, 230;
    --rgbSL5: 240, 240, 240; /* Abstufung heller*/
    --rgbSD1: 110, 110, 115; /* Abstufungen dunkel */
    --rgbSD2: 98, 98, 102;
    --rgbSD3: 86, 86, 89;
    --rgbSD4: 73, 73, 76;
    --rgbSD5: 61, 61, 64; /* Abstufunden dunkler */
    /* lighter-varianten aus w3 unten kopiert */
    --accentTheme: rgb(var(--rgbP0));
    --accentThemeTxt: var(--brighter);
    --accentThemeL0: var(--accentTheme);
    --accentThemeL1: rgb( var(--rgbPL1));
    --accentThemeL2: rgb( var(--rgbPL2));
    --accentThemeL3: rgb( var(--rgbPL3));
    --accentThemeL4: rgb( var(--rgbPL4));
    --accentThemeL5: rgb( var(--rgbPL5));
    --accentThemeL1txt: var(--brighter);
    --accentThemeL2txt: var(--dark);
    --accentThemeL3txt: var(--dark);
    --accentThemeL4txt: var(--dark);
    --accentThemeL5txt: var(--dark);
    --accentThemeD0: var(--accentTheme);
    --accentThemeD1: rgb( var(--rgbPD1));
    --accentThemeD2: rgb( var(--rgbPD2));
    --accentThemeD3: rgb( var(--rgbPD3));
    --accentThemeD4: rgb( var(--rgbPD4));
    --accentThemeD5: rgb( var(--rgbPD5));
    --accentThemeD1txt: var(--brighter);
    --accentThemeD2txt: var(--brighter);
    --accentThemeD3txt: var(--bright);
    --accentThemeD4txt: var(--bright);
    --accentThemeD5txt: var(--bright);
    /* einstellen was generell "hell" und "dunkel" aus dem Schema sein soll: */
    --accentThemeLight: var(--accentThemeL4);
    --accentThemeLightTxt: var(--accentThemeL4txt);
    --accentThemeDark: var(--accentThemeD5);
    --accentThemeDarkTxt: var(--accentThemeD5txt);
    --accentThemeTransparent: rgba(var(--rgbP0), 0.2);
    /* Graustufen */
    --secondaryTheme: rgb(var(--rgbS0)); /* Grundton, daraus Theme erstellen: https://www.w3schools.com/w3css/w3css_color_generator.asp */
    --secondaryThemeTxt: var(--brighter);
    /* lighter-varianten aus w3 unten kopiert */
    --secondaryThemeL0: var(--secondaryTheme);
    --secondaryThemeL1: rgb( var(--rgbSL1));
    --secondaryThemeL2: rgb( var(--rgbSL2));
    --secondaryThemeL3: rgb( var(--rgbSL3));
    --secondaryThemeL4: rgb( var(--rgbSL4));
    --secondaryThemeL5: rgb( var(--rgbSL5));
    --secondaryThemeL1txt: var(--brighter);
    --secondaryThemeL2txt: var(--darker);
    --secondaryThemeL3txt: var(--dark);
    --secondaryThemeL4txt: var(--dark);
    --secondaryThemeL5txt: var(--dark);
    --secondaryThemeD0: var(--secondaryTheme);
    --secondaryThemeD1: rgb( var(--rgbSD1));
    --secondaryThemeD2: rgb( var(--rgbSD2));
    --secondaryThemeD3: rgb( var(--rgbSD3));
    --secondaryThemeD4: rgb( var(--rgbSD4));
    --secondaryThemeD5: rgb( var(--rgbSD5));
    --secondaryThemeD1txt: var(--brighter);
    --secondaryThemeD2txt: var(--bright);
    --secondaryThemeD3txt: var(--bright);
    --secondaryThemeD4txt: var(--bright);
    --secondaryThemeD5txt: var(--bright);
    /* einstellen was generell "hell" und "dunkel" aus dem Schema sein soll: */
    --secondaryThemeLight: var(--secondaryThemeL4);
    --secondaryThemeLightTxt: var(--secondaryThemeL4txt);
    --secondaryThemeDark: var(--secondaryThemeD5);
    --secondaryThemeDarkTxt: var(--secondaryThemeD5txt);
    --secondaryThemeTransparent: rgba(var(--rgbS0), 0.2);
    /* Themen Ende */
    /* ---------------------------------------------------------------------------------------*/
    /* alte Variablennamen */
    --primary: var(--accentTheme);
    --primaryTransparent: var(--accentThemeTransparent);
    --primaryText: var(--accentThemeTxt);
    --secondary: var(--secondaryTheme);
    --secondaryText: var(--secondaryThemeTxt);
    --tertiary: var(--secondaryThemeL3);
    --tertiaryText: var(--secondaryThemeL3txt);
    --complimentary: var(--complimentaryTheme);
    --complimentaryText: var(--complimentaryThemeTxt);
    /* spezial: */
    /*--currentBackgroundColor: var(--mds-gray);
    --currentTextcolor: var(--primaryText);*/
    --special: var(--accentThemeL2);
    --specialText: var(--accentThemeL2txt);
    /* hell/mittel/dunkel */
    --bright: var(--secondaryThemeLight);
    --brighter: rgb(var(--rgbWhite));
    --veryBright: rgb(var(--rgbWhite));
    --mediumBright: var(--secondaryThemeL3);
    --medium: var(--secondaryThemeL2);
    --mediumDark: var(--secondaryTheme);
    --dark: var(--secondaryThemeDark);
    --darker: rgb(var(--rgbBlack));
    --veryDark: rgb(var(--rgbBlack));
    --brightTransparent: rgba( var(--rgbSL5), 0.3);
    --mediumBrightTransparent: rgba(var(--rgbSL4), 0.3);
    --mediumTransparent: rgba( var(--rgbSL3), 0.3);
    --mediumDarkTransparent: rgba( var(--rgbSD2), 0.3);
    --darkTransparent: rgba( var(--rgbSD5), 0.3);
}

html.darkTheme {
    /* primary abdunkeln*/
    --accentTheme: hsl(from rgb(var(--rgbP0)) h s calc(l * 0.9));
    --accentThemeL1: hsl(from rgb(var(--rgbPL1)) h s calc(l * 0.8));
    --accentThemeL2: hsl(from rgb(var(--rgbPL2)) h s calc(l * 0.8));
    --accentThemeL3: hsl(from rgb(var(--rgbPL3)) h s calc(l * 0.8));
    --accentThemeL4: hsl(from rgb(var(--rgbPL4)) h s calc(l * 0.8));
    --accentThemeL5: hsl(from rgb(var(--rgbPL5)) h s calc(l * 0.8));
    --accentThemeD1: hsl(from rgb(var(--rgbPD1)) h s calc(l * 0.8));
    --accentThemeD2: hsl(from rgb(var(--rgbPD2)) h s calc(l * 0.8));
    --accentThemeD3: hsl(from rgb(var(--rgbPD3)) h s calc(l * 0.8));
    --accentThemeD4: hsl(from rgb(var(--rgbPD4)) h s calc(l * 0.8));
    --accentThemeD5: hsl(from rgb(var(--rgbPD5)) h s calc(l * 0.8));
    /* complimentary abdunkeln*/
    --complimentaryTheme: hsl(from rgb(var(--rgbC0)) h s calc(l * 0.9));
    --complimentaryThemeL1: hsl(from rgb(var(--rgbCL1)) h s calc(l * 0.8));
    --complimentaryThemeL2: hsl(from rgb(var(--rgbCL2)) h s calc(l * 0.8));
    --complimentaryThemeL3: hsl(from rgb(var(--rgbCL3)) h s calc(l * 0.8));
    --complimentaryThemeL4: hsl(from rgb(var(--rgbCL4)) h s calc(l * 0.8));
    --complimentaryThemeL5: hsl(from rgb(var(--rgbCL5)) h s calc(l * 0.8));
    --complimentaryThemeD1: hsl(from rgb(var(--rgbCD1)) h s calc(l * 0.8));
    --complimentaryThemeD2: hsl(from rgb(var(--rgbCD2)) h s calc(l * 0.8));
    --complimentaryThemeD3: hsl(from rgb(var(--rgbCD3)) h s calc(l * 0.8));
    --complimentaryThemeD4: hsl(from rgb(var(--rgbCD4)) h s calc(l * 0.8));
    --complimentaryThemeD5: hsl(from rgb(var(--rgbCD5)) h s calc(l * 0.8));
    /* complimentary abdunkeln*/
    --secondaryTheme: hsl(from rgb(var(--rgbS0)) h s calc(l * 0.8));
    --secondaryThemeL1: hsl(from rgb(var(--rgbSL1)) h s calc(l * 0.8));
    --secondaryThemeL2: hsl(from rgb(var(--rgbSL2)) h s calc(l * 0.8));
    --secondaryThemeL3: hsl(from rgb(var(--rgbSL3)) h s calc(l * 0.8));
    --secondaryThemeL4: hsl(from rgb(var(--rgbSL4)) h s calc(l * 0.8));
    --secondaryThemeL5: hsl(from rgb(var(--rgbSL5)) h s calc(l * 0.8));
    --secondaryThemeD1: hsl(from rgb(var(--rgbSD1)) h s calc(l * 0.8));
    --secondaryThemeD2: hsl(from rgb(var(--rgbSD2)) h s calc(l * 0.8));
    --secondaryThemeD3: hsl(from rgb(var(--rgbSD3)) h s calc(l * 0.8));
    --secondaryThemeD4: hsl(from rgb(var(--rgbSD4)) h s calc(l * 0.8));
    --secondaryThemeD5: hsl(from rgb(var(--rgbSD5)) h s calc(l * 0.8));
    /* secondary RGB: */
    --secondaryThemeTxt: hsl(from var(--secondaryTheme) h s calc(l * 2.4));
    /*--rgbS0: 105, 105, 110;*/ /* GRUNDTON SECONDARY */
    /*--rgbSL1: 117, 117, 123;*/ /* Abstufungen hell*/
    /*--rgbSL2: 136, 136, 142;
    --rgbSL3: 149, 149, 154;
    --rgbSL4: 156, 156, 161;
    --rgbSL5: 169, 169, 173;*/ /* Abstufung heller*/
    /*--rgbSD1: 92, 92, 97;*/ /* Abstufungen dunkel */
    /*--rgbSD2: 80, 80, 84;
    --rgbSD3: 68, 68, 71;
    --rgbSD4: 55, 55, 58;
    --rgbSD5: 43, 43, 45;*/ /* Abstufunden dunkler */
    --secondaryThemeD1txt: hsl(from var(--secondaryThemeD1) h 0 calc(l * 2.6));
    --secondaryThemeD2txt: hsl(from var(--secondaryThemeD2) h 0 calc(l * 3));
    --secondaryThemeD3txt: hsl(from var(--secondaryThemeD3) h 0 calc(l * 3.4));
    --secondaryThemeD4txt: hsl(from var(--secondaryThemeD4) h 0 calc(l * 3.8));
    --secondaryThemeD5txt: hsl(from var(--secondaryThemeD5) h 0 calc(l * 4.2));
    --secondaryThemeL1txt: hsl(from var(--secondaryThemeL1) h 0 calc(l * 2.3));
    --secondaryThemeL2txt: hsl(from var(--secondaryThemeL2) h 0 calc(l * 2.2));
    --secondaryThemeL3txt: hsl(from var(--secondaryThemeL3) h 0 calc(l * 2.1));
    --secondaryThemeL4txt: hsl(from var(--secondaryThemeL4) h 0 calc(l * 2));
    --secondaryThemeL5txt: hsl(from var(--secondaryThemeL5) h 0 calc(l * 1.9));
    color-scheme: dark;
    --tertiary: var(--secondaryThemeL1);
    --tertiaryText: var(--secondaryThemeL1txt);
    --mediumBright: var(--secondaryThemeL2);
    --medium: var(--secondaryThemeL1);
    --dark: var(--secondaryThemeDark);
}

.s0, .darkTheme .s0 {
    color: var(--secondaryThemeTxt) !important;
    --currentTextcolor: var(--secondaryThemeTxt);
    background-color: var(--secondaryThemeL0);
}
.sL1,
.darkTheme .sL1 {
    color: var(--secondaryThemeL1txt) !important;
    --currentTextcolor: var(--secondaryThemeL1txt);
    background-color: var(--secondaryThemeL1);
}

.sL2,
.darkTheme .sL2 {
    color: var(--secondaryThemeL2txt) !important;
    --currentTextcolor: var(--secondaryThemeL2txt);
    background-color: var(--secondaryThemeL2);
}

.sL3,
.darkTheme .sL3 {
    color: var(--secondaryThemeL3txt) !important;
    --currentTextcolor: var(--secondaryThemeL3txt);
    background-color: var(--secondaryThemeL3);
}

.sL4,
.darkTheme .sL4 {
    color: var(--secondaryThemeL4txt) !important;
    --currentTextcolor: var(--secondaryThemeL4txt);
    background-color: var(--secondaryThemeL4);
}

.sL5,
.darkTheme .sL5 {
    color: var(--secondaryThemeL5txt) !important;
    --currentTextcolor: var(--secondaryThemeL5txt);
    background-color: var(--secondaryThemeL5);
}

.sD1,
.darkTheme .sD1 {
    color: var(--secondaryThemeD1txt) !important;
    --currentTextcolor: var(--secondaryThemeD1txt);
    background-color: var(--secondaryThemeD1);
}


.sD2,
.darkTheme .sD2 {
    color: var(--secondaryThemeD2txt) !important;
    --currentTextcolor: var(--secondaryThemeD2txt);
    background-color: var(--secondaryThemeD2);
}
.sD3,
.darkTheme .sD3 {
    color: var(--secondaryThemeD3txt) !important;
    --currentTextcolor: var(--secondaryThemeD3txt);
    background-color: var(--secondaryThemeD3);
}

.sD4,
.darkTheme .sD4 {
    color: var(--secondaryThemeD4txt) !important;
    --currentTextcolor: var(--secondaryThemeD4txt);
    background-color: var(--secondaryThemeD4);
}

.sD5,
.darkTheme .sD5 {
    color: var(--secondaryThemeD5txt) !important;
    --currentTextcolor: var(--secondaryThemeD5txt);
    background-color: var(--secondaryThemeD5);
}

/* KOMPLIMENTÄR COMPLIMENTARY */
.c0, .darkTheme .c0 {
    color: var(--complimentaryThemeTxt) !important;
    --currentTextcolor: var(--complimentaryThemeTxt);
    background-color: var(--complimentaryThemeL0);
}
.cL1,
.darkTheme .cL1 {
    color: var(--complimentaryThemeL1txt) !important;
    --currentTextcolor: var(--complimentaryThemeL1txt);
    background-color: var(--complimentaryThemeL1);
}

.cL2,
.darkTheme .cL2 {
    color: var(--complimentaryThemeL2txt) !important;
    --currentTextcolor: var(--complimentaryThemeL2txt);
    background-color: var(--complimentaryThemeL2);
}

.cL3,
.darkTheme .cL3 {
    color: var(--complimentaryThemeL3txt) !important;
    --currentTextcolor: var(--complimentaryThemeL3txt);
    background-color: var(--complimentaryThemeL3);
}
.cL4,
.darkTheme .cL4 {
    color: var(--complimentaryThemeL4txt) !important;
    --currentTextcolor: var(--complimentaryThemeL4txt);
    background-color: var(--complimentaryThemeL4);
}


.cL5,
.darkTheme .cL5 {
    color: var(--complimentaryThemeL5txt) !important;
    --currentTextcolor: var(--complimentaryThemeL5txt);
    background-color: var(--complimentaryThemeL5);
}


.cD1,
.darkTheme .cD1 {
    color: var(--complimentaryThemeD1txt) !important;
    --currentTextcolor: var(--complimentaryThemeD1txt);
    background-color: var(--complimentaryThemeD1);
}


.cD2,
.darkTheme .cD2 {
    color: var(--complimentaryThemeD2txt) !important;
    --currentTextcolor: var(--complimentaryThemeD2txt);
    background-color: var(--complimentaryThemeD2);
}


.cD3,
.darkTheme .cD3 {
    color: var(--complimentaryThemeD3txt) !important;
    --currentTextcolor: var(--complimentaryThemeD3txt);
    background-color: var(--complimentaryThemeD3);
}


.cD4,
.darkTheme .cD4 {
    color: var(--complimentaryThemeD4txt) !important;
    --currentTextcolor: var(--complimentaryThemeD4txt);
    background-color: var(--complimentaryThemeD4);
}


.cD5,
.darkTheme .cD5 {
    color: var(--complimentaryThemeD5txt) !important;
    --currentTextcolor: var(--complimentaryThemeD5txt);
    background-color: var(--complimentaryThemeD5);
}

/* PRIMARY */
.p0, .darkTheme .p0 {
    color: var(--accentThemeTxt) !important;
    --currentTextcolor: var(--accentThemeTxt);
    background-color: var(--accentThemeL0);
}
.pL1,
.darkTheme .pL1 {
    color: var(--accentThemeL1txt) !important;
    --currentTextcolor: var(--accentThemeL1txt);
    background-color: var(--accentThemeL1);
}

.pL2,
.darkTheme .pL2 {
    color: var(--accentThemeL2txt) !important;
    --currentTextcolor: var(--accentThemeL2txt);
    background-color: var(--accentThemeL2);
}

.pL3,
.darkTheme .pL3 {
    color: var(--accentThemeL3txt) !important;
    --currentTextcolor: var(--accentThemeL3txt);
    background-color: var(--accentThemeL3);
}

.pL4,
.darkTheme .pL4 {
    color: var(--accentThemeL4txt) !important;
    --currentTextcolor: var(--accentThemeL4txt);
    background-color: var(--accentThemeL4);
}

.pL5,
.darkTheme .pL5 {
    color: var(--accentThemeL5txt) !important;
    --currentTextcolor: var(--accentThemeL5txt);
    background-color: var(--accentThemeL5);
}

.pD1,
.darkTheme .pD1 {
    color: var(--accentThemeD1txt) !important;
    --currentTextcolor: var(--accentThemeD1txt);
    background-color: var(--accentThemeD1);
}

.pD2,
.darkTheme .pD2 {
    color: var(--accentThemeD2txt) !important;
    --currentTextcolor: var(--accentThemeD2txt);
    background-color: var(--accentThemeD2);
}

.pD3,
.darkTheme .pD3 {
    color: var(--accentThemeD3txt) !important;
    --currentTextcolor: var(--accentThemeD3txt);
    background-color: var(--accentThemeD3);
}

.pD4,
.darkTheme .pD4 {
    color: var(--accentThemeD4txt) !important;
    --currentTextcolor: var(--accentThemeD4txt);
    background-color: var(--accentThemeD4);
}

.pD5,
.darkTheme .pD5 {
    color: var(--accentThemeD5txt) !important;
    --currentTextcolor: var(--accentThemeD5txt);
    background-color: var(--accentThemeD5);
}


/* TXT-only-Varianten: */
.darkTheme .s0TXT,
.s0TXT {
    --currentTextcolor: var(--secondaryThemeL0);
    color: var(--secondaryThemeL0) !important;
}
.darkTheme .sL1TXT,
.sL1TXT {
    --currentTextcolor: var(--secondaryThemeL1);
    color: var(--secondaryThemeL1) !important;
}

.darkTheme .sL2TXT,
.sL2TXT {
    --currentTextcolor: var(--secondaryThemeL2);
    color: var(--secondaryThemeL2) !important;
}

.darkTheme .sL3TXT,
.sL3TXT {
    --currentTextcolor: var(--seco !importantndaryThemeL3);
    color: var(--secondaryThemeL3);
}

.darkTheme .sL4TXT,
.sL4TXT {
    --currentTextcolor: var(--secondaryThemeL4);
    color: var(--secondaryThemeL4) !important;
}

.darkTheme .sL5TXT,
.sL5TXT {
    --currentTextcolor: var(--secondaryThemeL5);
    color: var(--secondaryThemeL5) !important;
}

.darkTheme .sD1TXT,
.sD1TXT {
    --currentTextcolor: var(--secondaryThemeD1);
    color: var(--secondaryThemeD1) !important;
}

.darkTheme .sD2TXT,
.sD2TXT {
    --currentTextcolor: var(--secondaryThemeD2);
    color: var(--secondaryThemeD2) !important;
}

.darkTheme .sD3TXT,
.sD3TXT {
    --currentTextcolor: var(--secondaryThemeD3);
    color: var(--secondaryThemeD3) !important;
}

.darkTheme .sD4TXT,
.sD4TXT {
    --currentTextcolor: var(--secondaryThemeD4);
    color: var(--secondaryThemeD4) !important;
}

.darkTheme .sD5TXT,
.sD5TXT {
    --currentTextcolor: var(--secondaryThemeD5);
    color: var(--secondaryThemeD5) !important;
}

.darkTheme .c0TXT,
.c0TXT {
    --currentTextcolor: var(--complimentaryThemeL0);
    color: var(--complimentaryThemeL0) !important;
}
.darkTheme .cL1TXT,
.cL1TXT {
    --currentTextcolor: var(--complimentaryThemeL1);
    color: var(--complimentaryThemeL1) !important;
}

.darkTheme .cL2TXT,
.cL2TXT {
    --currentTextcolor: var(--complimentaryThemeL2);
    color: var(--complimentaryThemeL2) !important;
}

.darkTheme .cL3TXT,
.cL3TXT {
    --currentTextcolor: var(--complimentaryThemeL3);
    color: var(--complimentaryThemeL3) !important;
}

.darkTheme .cL4TXT,
.cL4TXT {
    --currentTextcolor: var(--complimentaryThemeL4);
    color: var(--complimentaryThemeL4) !important;
}

.darkTheme .cL5TXT,
.cL5TXT {
    --currentTextcolor: var(--complimentaryThemeL5);
    color: var(--complimentaryThemeL5) !important;
}
.darkTheme .cD1TXT,
.cD1TXT {
    --currentTextcolor: var(--complimentaryThemeD1);
    color: var(--complimentaryThemeD1) !important;
}
.darkTheme .cD2TXT,
.cD2TXT {
    --currentTextcolor: var(--complimentaryThemeD2);
    color: var(--complimentaryThemeD2) !important;
}
.darkTheme .cD3TXT,
.cD3TXT {
    --currentTextcolor: var(--complimentaryThemeD3);
    color: var(--complimentaryThemeD3) !important;
}
.darkTheme .cD4TXT,
.cD4TXT {
    --currentTextcolor: var(--complimentaryThemeD4);
    color: var(--complimentaryThemeD4) !important;
}
.darkTheme .cD5TXT,
.cD5TXT {
    --currentTextcolor: var(--complimentaryThemeD5);
    color: var(--complimentaryThemeD5) !important;
}

.darkTheme .p0TXT,
.p0TXT {
    --currentTextcolor: var(--accentThemeL0);
    color: var(--accentThemeL0) !important;
}
.darkTheme .pL1TXT,
.pL1TXT {
    --currentTextcolor: var(--accentThemeL1);
    color: var(--accentThemeL1) !important;
}

.darkTheme .pL2TXT,
.pL2TXT {
    --currentTextcolor: var(--accentThemeL2);
    color: var(--accentThemeL2) !important;
}

.darkTheme .pL3TXT,
.pL3TXT {
    --currentTextcolor: var(--accentThemeL3);
    color: var(--accentThemeL3) !important;
}

.darkTheme .pL4TXT,
.pL4TXT {
    --currentTextcolor: var(--accentThemeL4);
    color: var(--accentThemeL4) !important;
}

.darkTheme .pL5TXT,
.pL5TXT {
    --currentTextcolor: var(--accentThemeL5);
    color: var(--accentThemeL5) !important;
}

.darkTheme .pD1TXT,
.pD1TXT {
    --currentTextcolor: var(--accentThemeD1);
    color: var(--accentThemeD1) !important;
}

.darkTheme .pD2TXT,
.pD2TXT {
    --currentTextcolor: var(--accentThemeD2);
    color: var(--accentThemeD2) !important;
}

.darkTheme .pD3TXT,
.pD3TXT {
    --currentTextcolor: var(--accentThemeD3);
    color: var(--accentThemeD3) !important;
}

.darkTheme .pD4TXT,
.pD4TXT {
    --currentTextcolor: var(--accentThemeD4);
    color: var(--accentThemeD4) !important;
}

.darkTheme .pD5TXT,
.pD5TXT {
    --currentTextcolor: var(--accentThemeD5);
    color: var(--accentThemeD5) !important;
}