@media not all, (forced-colors: active) {
    /* CSS Code wenn Dark Mode aktiv */ 
:root {
    /*======================================
      Allgemeine Farben ?
    ======================================*/
    /*
    --color-white:#ffffff;
    --color-black:#000000;
    
    --color-dm-blue: #00162C;
    --color-blue: #003c78;
    --color-blue-90: #1a5085;
    --color-blue-80: #336393;
    --color-blue-40: #99b1c9;
    --color-blue-20: #ccd8e4;
    --color-blue-10: #e5ebf1;
    --color-blue-5: #f2f5f8;
    
    --color-cyan: #00b4e6;
    --color-cyan-50: #80daf3;
    --color-cyan-20: #00b4e6;    
    --color-cyan-10: #00b4e6;
    --color-cyan-10: #00b4e6;
    --color-dark-cyan-interaction-1: #2ba1c2;
    --color-dark-cyan-interaction-2: #2791af;    
    
    --color-orange: #f07800;
    --color-orange-50: #f8bc80;
    --color-orange-30: #fbd7b3;
    --color-orange-20: #A35609; fce4cc
    --color-orange-10: #fef1e5;
    --color-orange-5: #fef4eb;
    --color-dark-orange-interaction: #e77300;
    
    --color-grey-disabled: #D6D6D6;
    
    --color-warning-red:#ad3535;
    --color-warning-red-15:#f3e1e1;
    --color-success-green:#287e1e;
    --color-warning-green-15:#e0edde; */
    /*======================================
      BODY
    ======================================*/
    --body-bg-color: canvas;
    --body-font-color: canvastext;
    /*======================================
      UEBERSCHRIFTEN
    ======================================*/
    --heading-color: canvastext;
    /*======================================
      HERVORGEHOBEN
    ======================================*/
    --hervorgehoben-bg-color:canvastext;
    --hervorgehoben-font-color: canvas;
    /*======================================
      LINKS
    ======================================*/
    --link-font-color: linktext; 
    --link-font-color-hoverfocus: canvas;
    --link-bg-color-hoverfocus: linktext;
    --link-cta-border-color: canvastext;
    --link-cta-font-color: canvastext;
    --link-cta-bg-color: canvas;
    --link-cta-brand-bg-color: canvas;
    --link-cta-icon-color:canvastext;
    --link-cta-bg-color-hoverfocus: canvastext;
    --link-cta-font-color-hoverfocus: canvas;
    --link-cta-border-color-hoverfocus: canvastext;
    --link-cta-outline-color-hoverfocus: canvastext;
    /*======================================
      BUTTONS
    ======================================*/
    --button-primary-font-color: canvas;
    --button-primary-bg-color: canvastext;
    --button-primary-border-color: canvas;
    --button-primary-font-color-hoverfocus: canvastext;
    --button-primary-bg-color-hoverfocus: canvas;
    --button-primary-border-color-hoverfocus:canvastext;
    --button-primary-offset-color-hoverfocus: canvastext;
    
    --button-secondary-font-color: #003c78; /*ffffff*/
    --button-secondary-bg-color: #ffffff; /*003c78*/
    --button-secondary-border-color: #ffffff; /*003c78*/
    --button-secondary-font-color-hoverfocus: #003c78; /*ffffff*/
    --button-secondary-bg-color-hoverfocus: #fff; /*248FAE*/
    --button-secondary-border-color-hoverfocus: #003c78; /*ffffff*/
    --button-secondary-offset-color-hoverfocus: #fff; /*248FAE*/
    /*======================================
      COPYRIGHT
    ======================================*/
    --copyright-color:canvastext; 
    --copyright-bg-color:canvas;
    /*======================================
      VIDEO
    ======================================*/
    --youtube-wrapper-bg-color: canvastext;
    --vjs-control-font-color: canvastext;
    --vjs-control-outline-color: canvastext;
    /*======================================
      BORDER
    ======================================*/
    --border-color:#CCD8E4; /*?*/
    /*======================================                  
      Accordion
    ======================================*/
    --accordion-icon-border-color: canvastext;
    --accordion-link-active-font-color: linktext;
    --accordion-link-active-icon-color: canvastext;
    --accordion-link-font-color-hoverfocus: canvas;
    --accordion-link-bg-color-hoverfocus: linktext; /*@todo*/
    /*======================================                  
      Table ?(war auch Accordion)
    ======================================*/ 
    --tabelle-bg-color: canvas;
    --tabelle-head-bg-color: canvas;
    --tabelle-head-font-color: canvastext;
    --tabelle-border-color: canvastext;    
    /*======================================                 
      BANNER
    ======================================*/
    --banner-intro-bg-color: canvastext;
    --banner-intro-font-color: canvas;
    --banner-intro-infozeile-label-border-color: canvastext;
    --banner-intro-infozeile-label-color: canvastext;
    --banner-intro-brand-bg-color: canvastext;
    --banner-intro-veranstaltung-bg-color: canvastext;
    --banner-intro-veranstaltung-brand-bg-color: canvastext;
    /*======================================                  
      ONSITE-NAVIGATION
    ======================================*/
    --ankerNavigation-bg-color: canvas;
    /*======================================                  
      LEISTE SPRUNGANKER
    ======================================*/
    --leiste-sprunganker-rechts-bg-color: canvas;
    --leiste-sprunganker-border-color: canvastext;
    /*======================================
      LOGO
    ======================================*/
    --link-logo-ouline-color-hoverfocus: #ffffff; /*003c78*/
    /*======================================
      VORLAGE TOOLBAR
    ======================================*/
    --toolbar-link-color: linktext;
    --toolbar-link-color-hoverfocus: canvas !important;
    --toolbar-button-active: canvas;
    /*======================================
      BREADCRUMB
    ======================================*/
    --breadcrumb-border-color: canvastext;
    --breadcrumb-link-font-color: linktext;
    --breadcrumb-link-font-color-hoverfocus: canvas;
    --breadcrumb-link-bg-color-hoverfocus: linktext;
    /*======================================
      VORLAGE HAUPNAVIGATION MOBIL TODO
    ======================================*/
    /*======================================
      VORLAGE HAUPNAVIGATION DESKTOP 
    ======================================*/
    --hauptnavigation-firstlevel-bg-image-color: canvastext !important;
    --hauptnavigation-firstlevel-bg-image-color-active:canvastext !important;
    --hauptnavigation-flyout-bg-color:canvas;
    --hauptnavigation-flyout-font-color:linktext;
    --hauptnavigation-flyout-font-color-hoverfocus:canvas;
    --hauptnavigation-flyout-bg-color-hoverfocus:canvastext; /*@todo*/
    --hauptnavigation-flyout-font-color-active:#F8BC80; /*OK*/
    
    --nav-teaser-link-color:linktext;
    --nav-teaser-link-bg-color:canvas;
    --nav-teaser-link-border-color:linktext;
    --nav-teaser-link-bg-color-hoverfocus:canvas;
    --nav-teaser-link-border-color-hoverfocus:linktext;
    --nav-teaser-link-outline-color-hoverfocus: linktext;
    --nav-teaser-link-svg-color-hoverfocus:canvas;
    
    --hauptnavigation-mobil-icon-border-color:canvastext;
    /*======================================
      TEASER_FOOTER
    ======================================*/
    --teaser-footer-socialmedia-icon-color:linktext;
    /*=====================================
      WARENKORB - ICON
    ======================================*/
    --warenkorb-icon-bg-color:linktext;
    --warenkorb-icon-border-color:canvas;
    --warenkorb-icon-font-color:canvas;
    --warenkorb-icon-font-color-hoverfocus:linktext;
    --warenkorb-outline-font-color-hoverfocus:linktext;
    --warenkorb-icon-color:canvas;
    /*=====================================
      Veranstaltung
    ======================================*/
    --veranstaltung-banner-intro-bg-color:canvastext;
    --veranstaltung-banner-intro-brand-bg-color: canvastext;
    --veranstaltung-link-cta-border-color: canvas;
    /*=====================================
      Pagination
    ======================================*/
    --pagination-font-color: linktext;
    --pagination-active-border-color: linktext;
    /*======================================
      FILTER rest OK
    ======================================*/
    --filter-bg-color:canvas;
    --filter-content-bg-color:canvas;
    --filter-button-font-color:canvastext;
    --filter-button-bg-color:canvas;
    --filter-button-border-color:canvastext;
    --filter-button-font-color-active:canvas;
    --filter-button-bg-color-active:canvastext;
    --filter-button-border-color-active:canvastext;
    --filter-button-zahl-color:canvastext;
    
    --filter-button-font-color-hoverfocus:canvas;
    --filter-button-bg-color-hoverfocus:canvastext;
    --filter-button-border-color-hoverfocus:canvastext;
    --filter-button-outline-color-hoverfocus:canvastext;
    
    --filter-button-active-font-color-hoverfocus:canvas;
    --filter-button-active-bg-color-hoverfocus:canvastext;
    --filter-button-active-border-color-hoverfocus:canvastext;
    --filter-button-active-outline-color-hoverfocus:canvas;
    
    --filter-i-color:canvastext;
    /*======================================
      FUSS
    ======================================*/
    --footer-border-color:canvastext;
    /*======================================
      LISTE
    ======================================*/
    --liste-border-color:canvastext;
    /*======================================
      TEASER-LANDSCAPE
    ======================================*/
    --teaser-landscape-brand-element-color:canvas;
    --teaser-landscape-background-blue-brand-cyan-brand-element:canvas;
    --teaser-landscape-background-light-blue-brand-blue-brand-element:canvas;
    --teaser-landscape-background-light-blue-brand-blue-brand-element:canvas;
    --teaser-wall-teaser-landscape-background-light-blue-brand-element:canvas;
    --teaser-wall-teaser-landscape-background-light-orange-brand-element-first:canvas;
    /*======================================
      TEASER-ICON
    ======================================*/
    --teaser-icon-brand-bg-color:canvas;
    /*======================================                  
      teaser-related-terms 
    ======================================*/
    --teaser-related-terms-brand-bg-color:canvas;
    /*======================================                  
      TEASER KONTAKT-SERVICE
    ======================================*/
    --teaser-kontakt-service-brand-bg-color:canvas;
    /*======================================                  
      SLIDER CONTROLS OK
    ======================================*/
    --slider-controls-font-color:canvastext;
    --slider-animation-color:canvastext;
    --slider-controls-outline-color:canvastext;
    --slider-brand-bg-color:canvas;
    /*======================================
      SEITENFUNKTIONEN SHARIFF
    ======================================*/
    --shariff-border-color:canvastext;
    /*======================================
      FORMULARE 
    ======================================*/
    --form-element-color: canvastext;
    --form-element-color-basic:canvas;
    --form-element-color-active:canvastext;
    --form-element-color-hover-focus:canvas;
    --form-element-background-color:canvas;
    --form-element-background-color-active:#E5EBF1;/*OK*/
    --form-element-background-color-hover-focus:canvastext;
    --form-element-border-color:#fff; /*003c78*/
    --form-element-border-color-active:#fff; /*003c78*/
    --form-element-border-hover-focus:#fff; /*003c78*/
    --form-element-outline-color:transparent;
    --form-element-outline-color-active:#fff; /*003c78*/
    --form-element-outline-color-hover-focus:#fff; /*003c78*/
    --form-element-error-color:canvas;
    --form-error-summery-bg-color:canvastext;
    --form-submit-icon-color:#ffffff;
    --form-submit-button-bg-color:#fff; /*248FAE*/
    --form-submit-button-border-color:#fff; /*248FAE*/
    --form-submit-button-outline-color:#fff; /*248FAE*/
    --form-select-option-color:canvastext;
    /*======================================
      TOOLTIP OK
    ======================================*/
    --tooltip-font-color:canvastext;
    --tooltip-bg-color:canvas;
    --tooltip-border-color:canvastext;
    /*======================================
      newsletter ?
    ======================================*/
    --newsletter-anmelden-subscription-bg-color:canvas;
    /*======================================
      startseite
    ======================================*/
    --startseite-border-color:canvastext;
    --startseite-veranstaltungen-bg-color:canvas;
    /*======================================
      shopping-cart-summary
    ======================================*/
    --shopping-cart-summary-font-color:canvastext;
    --shopping-cart-summary-background-color:canvas;
    /*======================================
      COLORED BACKGROUND OK
    ====================================== */   
    --bg-blue:canvas;
    --bg-blue-font-color: canvastext;
    --bg-blue-font-color-cyan:canvastext;
    --bg-blue-font-color-orange: canvastext;
    --bg-blue-link-font-color: linktext;
    --bg-blue-link-font-color-hoverfocus:canvas;
    
    --bg-blue-button-primary-font-color: canvas;
    --bg-blue-button-primary-bg-color: canvastext;
    --bg-blue-button-primary-border-color:canvas;
    --bg-blue-button-primary-font-color-hoverfocus: canvastext;
    --bg-blue-button-primary-bg-color-hoverfocus: canvas;
    --bg-blue-button-primary-border-color-hoverfocus: canvastext;
    --bg-blue-button-primary-offset-color-hoverfocus: canvastext;
    
    --bg-blue-button-secondary-font-color: canvas;
    --bg-blue-button-secondary-bg-color: canvastext;
    --bg-blue-button-secondary-border-color: canvas;
    --bg-blue-button-secondary-font-color-hoverfocus:canvastext;
    --bg-blue-button-secondary-bg-color-hoverfocus:canvas;
    --bg-blue-button-secondary-border-color-hoverfocus: canvastext;
    --bg-blue-button-secondary-offset-color-hoverfocus: canvastext;
    
    --bg-blue-link-tag-bg-color: linktext;
    --bg-blue-link-tag-border-color: canvas;
    /*======================================                  
      HINTERGRUND HELLBLAU ?
    ======================================*/
    --bg-light-blue:canvas;
    --bg-light-blue-link-font-color:linktext;
    /*======================================                  
      HINTERGRUND HELLERBLAU
    ======================================*/
    --bg-lighter-blue:canvas;
    /*======================================                  
      HINTERGRUND ORANGE
    ======================================*/
    --bg-orange:canvas;
    --bg-orange-link-font-color:linktext
    --sticky-bg-color: canvas;
}
    
    /*======================================
      ALLGEMEIN
    ======================================*/
    #pageWrapper {
        background: none;
        background-color: var(--color-blue);
    }
    a.home-link span svg path {
        fill: linktext !important;
    }   
    a.home-link:hover span svg path,
    a.home-link:focus span svg path {
        background: linktext !important;
        fill: canvas !important;
    }    
    /*======================================
      BUTTONS
    ======================================*/    
    .background-light-orange button:hover, 
    .background-light-orange button:focus, 
    .background-light-orange a:hover, 
    .background-light-orange a:focus {
        color: var(--link-cta-font-color-hoverfocus);
        background-color: linktext;
    }
    .close-navi {
        color: canvas !important;
        background-color: canvastext !important;
    }
    .close-navi:hover,
    .close-navi:focus {
            color: canvastext !important;
            background-color: canvas !important;
            border: 2px solid canvastext;
    }
    .veranstaltung .link-cta {
        border-color: linktext;
        background-color: canvas;
        color: linktext;
    }
    a.primary-button.video-button:hover, 
    a.primary-button.video-button:focus, 
    .background-blue a.primary-button:hover, 
    .background-blue a.primary-button:focus, 
    .background-blue button.primary-button:hover,
    .background-blue button.primary-button:focus {
        color: canvastext !important;
    }
    .fancybox-button.fancybox-close-small {
        color: canvastext !important;
        background-color: canvas !important;
        border: 2px solid canvastext;
    }
    .fancybox-button.fancybox-close-small:focus,
    .fancybox-button.fancybox-close-small:hover {
        color: canvas !important;
        background-color: canvastext !important;
        border: 2px solid canvastext;
    }    
    /*======================================
      LINKS
    ======================================*/      
    .background-blue a.primary-button i.svg-icon svg, 
    .background-blue button.primary-button i.svg-icon svg path {
        fill: linktext !important;
    }
    .level-1.suche a:hover i.svg-icon svg path,
    .level-1.suche a:focus i.svg-icon svg path,
    .level-1.meinbvmed-anmeldung a:hover i.svg-icon svg path,
    .level-1.meinbvmed-anmeldung a:focus i.svg-icon svg path,
    .background-blue a.primary-button i.svg-icon svg:hover, 
    .background-blue a.primary-button i.svg-icon svg:focus, 
    .background-blue button.primary-button i.svg-icon svg path:hover,
    .background-blue button.primary-button i.svg-icon svg path:focus {
        fill: canvas !important;
    }
    button.link-service-teilen i.svg-icon svg path {
        fill: canvastext !important;
    }
    button.link-service-teilen:xcluhover i.svg-icon svg path,
    button.link-service-teilen:focus i.svg-icon svg path {
        fill: canvastext !important;
    }
    button.link-service-teilen {
        color: canvastext !important;
        border: 2px solid canvastext;
    }     
    button.link-service-teilen:hover,
    button.link-service-teilen:focus {
        color: canvas !important;
        background-color: canvastext !important;
    }    
    a.link-service-drucken:hover i.svg-icon svg path,
    a.link-service-drucken:focus i.svg-icon svg path,
    a.link-service-drucken i.svg-icon svg path,
    a.link-service-vorlesen i.svg-icon svg path,
    a.link-service-vorlesen:hover i.svg-icon svg path,
    a.link-service-vorlesen:focus i.svg-icon svg path,
    a.link-mail:focus i.svg-icon svg path,
    a.link-mail:hover i.svg-icon svg path,
    a.link-mail i.svg-icon svg path,
    .hauptnavigation .wrapper-level-2 a.nav-teaser-link i.svg-icon svg path,
    .hauptnavigation .wrapper-level-2 a.nav-teaser-link:hover i.svg-icon svg path,
    .hauptnavigation .wrapper-level-2 a.nav-teaser-link:focus i.svg-icon svg path,
    a.link-anker:hover i.svg-icon svg path,
    a.link-anker:focus i.svg-icon svg path,
    a.link-anker i.svg-icon svg path,
    .leiste-sprunganker a.link-service-drucken:hover i.svg-icon svg path,
    .leiste-sprunganker a.link-service-drucken:focus i.svg-icon svg path,
    .leiste-sprunganker a.link-service-vorlesen:hover i.svg-icon svg path,
    .leiste-sprunganker a.link-service-vorlesen:focus i.svg-icon svg path,
    a.link-service-kontakt-anker i.svg-icon svg path,
    a.link-service-kontakt-anker:hover i.svg-icon svg path,
    a.link-service-kontakt-anker:focus i.svg-icon svg path,
    a.link-download:hover i.svg-icon svg path,
    a.link-download:focus i.svg-icon svg path,
    a.link-download i.svg-icon svg path,
    a.link-phone:hover i.svg-icon svg path,
    a.link-phone:focus i.svg-icon svg path,
    a.link-phone i.svg-icon svg path,
    a.more i.svg-icon svg path,
    a.link-local.link-download:hover i.svg-icon svg path,
    a.link-local.link-download:focus i.svg-icon svg path,
    a.link-local.more:hover i.svg-icon svg path,
    a.link-local.more:focus i.svg-icon svg path,
    a.more:hover i.svg-icon svg path,
    .background-blue a.more:hover i.svg-icon svg path,
    a.more:focus i.svg-icon svg path,
     .background-blue a.more:focus i.svg-icon svg path,
    a.link-external i.svg-icon svg path,
    .paragraphGapStyle2 a.link-external:hover i.svg-icon svg path,
    .paragraphGapStyle2 a.link-external:focus i.svg-icon svg path,
    .paragraphGapStyle2 a.link-local:focus i.svg-icon svg path,
    .infobox a.link-local:focus i.svg-icon svg path,
    .paragraphGapStyle2 a.link-local:hover i.svg-icon svg path,
    .infobox a.link-local:hover i.svg-icon svg path,
    a.link-local i.svg-icon svg path {
        fill: linktext !important;
    }
    .shariff .info a:hover,
    .shariff .info a:focus,
    .shariff .twitter a:hover,
    .shariff .twitter a:focus,
    .shariff .facebook a:hover,
    .shariff .facebook a:focus {
        color: canvas;
        background-color: linktext;
    }
    /*======================================
      NAVIGATION
    ======================================*/      
    .wrapper-level-2 {
        border: 2px solid canvastext;
    }
    ul.level-1 a:focus i.svg-icon svg path,
    ul.level-1 a:hover i.svg-icon svg path {
        fill: canvas !important;
    }
    .sicky-border button {
        background-color: canvastext;
        color: canvas;
        background-image: none;
    }
    .header-wrapper.active {
        border: 2px solid canvastext;
    }
    div.sicky-border.active button svg rect {
        fill: canvastext !important;
    }
    div.sicky-border.active button svg path,
    div.sicky-border.active button svg g path {
        fill: canvas !important;
    }
    /*======================================
      BREADCRUMB
    ======================================*/     
    .breadcrump a:hover,
    .breadcrump a:focus {
        background-color: var(--breadcrumb-link-bg-color-hoverfocus);
    }
    /*======================================
      BANNER
    ======================================*/     
    .banner-intro-wrapper p, 
    .banner-intro-wrapper h1 {
        color: var(--banner-intro-font-color);
    }
    /*======================================                  
      LEISTE SPRUNGANKER
    ======================================*/
    .leiste-sprunganker {
        border: 2px solid var(--leiste-sprunganker-border-color);
    }  
    /*======================================
      TEASER-LANDSCAPE
    ======================================*/
    .teaser-landscape-wrapper {
        background-color: var(--color-dm-blue);
    }
    .teaser-landscape.background-blue.brand-orange .brand-element.first,
    .teaser-landscape.background-blue.brand-cyan .brand-element.first,
    .teaser-wall .teaser-landscape.background-light-blue .brand-element.first {
        background-color: var(--color-dm-blue);
    }
    /*======================================
      FORMULARE 
    ======================================*/    
    .formular button[type="submit"], .formular input[type="submit"] {
        color: canvastext;
        background-color: canvas;
        border: 2px solid canvastext;
    }
    .formular input#email {
        color: canvas;
        background-color: canvastext;
        border: 2px solid canvastext;
    }
    .formular input#email:focus,
    .formular input#email:hover {
        outline-color: canvastext;
        outline-offset: 2px;
    }
    div.errors li,
    div.errors li i.svg-icon svg path,
    div.errors li:hover i.svg-icon svg path,
    div.errors li:focus i.svg-icon svg path {
        color: canvastext !important;
    }
    .formular button[type="submit"]:hover, 
    .formular button[type="submit"]:focus, 
    .formular input[type="submit"]:hover,
    .formular input[type="submit"]:focus {
        color: canvas;
        background-color: canvastext;
        border: 2px solid canvastext;
    }    
    .formular .label-input-wrapper input + .checkmark::after {
        border-color: canvas;
    }
    .formular .label-input-wrapper.radio input + .checkmark::after {
        background-color: canvas;
    }
    .fancybox-button:hover i.svg-icon svg path, 
    .fancybox-button:focus i.svg-icon svg path { 
        fill: canvas !important;
    }
    .formular input[type="submit"].with-icon + .svg-icon {
      display: none;
    }    
    #suche .suche-article input {
        background-color: canvas;
        color: canvastext;
        border: 2px solid canvastext;
    }
    .formular input[type="text"], .formular input[type="password"], .formular textarea, .formular select {
        color: canvastext;
    }    
    .formular input[type="text"]:focus, 
    .formular input[type="text"]:hover, 
    .formular input[type="password"]:focus,
    .formular input[type="password"]:hover,
    .formular textarea, .formular select:focus,
    .formular textarea, .formular select:hover {
        color: canvas;
    }      
    .formular .label-input-wrapper input:checked + .checkmark::after {
        background-color: canvastext !important;
        display: block;
    }
    .formular .label-input-wrapper input:checked:focus + .checkmark,
    .formular .label-input-wrapper input:checked:hover + .checkmark {
        background-color: canvas !important;
    }
    .formular .label-input-wrapper input:checked + .checkmark::after {
        background-color: canvastext !important;
        display: block;
    }    
    /*=====================================
      WARENKORB
    ======================================*/    
    body.warenkorb-hinweis a.warenkorb:focus i.svg-icon svg path,
    body.warenkorb-hinweis a.warenkorb:hover i.svg-icon svg path {
        fill: canvas !important;
    }
    /*======================================
      ACCORDION 
    ======================================*/      
    .ui-accordion-header-active span + span {
        --link-font-color-hoverfocus: canvastext;
    }    
    .filter-allgemein .ui-accordion-header:hover span + span,
    .filter-allgemein .ui-accordion-header:focus span + span {
        color: canvastext !important;
        text-decoration: underline;
    }    
    .ui-accordion-header-active span:first-child {
        background-color: canvastext !important;
        
    }
    .ui-accordion-header-active span:first-child::before {
        color: canvas !important;
        
    }    
    .filter-allgemein .ui-accordion-header-active:hover span + span,
    .filter-allgemein .ui-accordion-header-active:focus span + span {
        color: canvastext !important;
    }
    .ui-accordion-header-active:hover span + span,
    .ui-accordion-header-active:focus span + span {
        color: canvastext !important;
    }
    .filter-allgemein .ui-accordion-header-active span + span {
        color: canvastext !important;
    }
    .ui-accordion-header-active span + span {
        color: canvastext !important;
    }
    .filter-allgemein .filter-arten button i, 
    .filter-allgemein .filter-arten label i {
        color: canvas !important;
    }
    /*======================================
      LISTE
    ======================================*/      
    pagination-item pagination-item-next
    .liste-allgemein .pagination ul li a:focus .svg-icon svg path,
    .liste-allgemein .pagination ul li a:hover .svg-icon svg path {
        fill:canvas !important;
    }
     /*======================================
      PARSER
    ======================================*/
    .hervorgehoben {
        color: var(--hervorgehoben-font-color);
    }
    a:not(.nav-teaser-link, .link-tags, .secondary-button, .video-button primary-button):focus, 
    a:not(.nav-teaser-link, .link-tags, .secondary-button, .video-button primary-button):hover {
        background-color: var(--link-bg-color-hoverfocus);
        color: canvas !important; 
    }
    /*======================================
      VERANSTALTUNG 
    ======================================*/     
    .exklusiv-badge:focus, 
    .exklusiv-badge:hover {
        color: canvastext;
    }    
    .exklusiv-badge:hover i.svg-icon svg path, 
    .exklusiv-badge:focus i.svg-icon svg path, 
    article.veranstaltung .exklusiv-badge:hover i.svg-icon svg path, 
    article.veranstaltung .exklusiv-badge:focus i.svg-icon svg path {
        fill: canvastext !important;
    }    
}