:root {
    --pagewrapper-max-width:1440px;
    /*======================================
      Allgemeine Farben
    ======================================*/
    --color-white:#ffffff;
    --color-black:#000000;
    
    --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: #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: transparent;
    --body-font-family: Gilam;
    --body-font-style: normal;
    --body-font-size: 16px;
    --body-font-weight: 400;
    --body-line-height: 150%;
    --body-font-color: #003c78;
    /*======================================
      UEBERSCHRIFTEN
    ======================================*/
    --heading-color: #003c78;
    /*======================================
      HERVORGEHOBEN
    ======================================*/
    --hervorgehoben-bg-color:#fef1e5;
    /*======================================
      LINKS
    ======================================*/
    --link-font-color: #003c78;
    --link-font-color-hoverfocus: #2ba1c2;
    --link-cta-border-color: var(--bg-orange);
    --link-cta-font-color: #ffffff;
    --link-cta-bg-color: #003C78;
    --link-cta-brand-bg-color: #F07800;
    --link-cta-icon-color: #ffffff;
    --link-cta-bg-color-hoverfocus: #248FAE;
    --link-cta-border-color-hoverfocus: #ffffff;
    --link-cta-outline-color-hoverfocus: #248FAE;
    /*======================================
      BUTTONS
    ======================================*/
    --button-primary-font-color: #ffffff;
    --button-primary-bg-color: #003c78;
    --button-primary-border-color: #003c78;
    --button-primary-font-color-hoverfocus: #ffffff;
    --button-primary-bg-color-hoverfocus: #248FAE;
    --button-primary-border-color-hoverfocus: #ffffff;
    --button-primary-offset-color-hoverfocus: #248FAE;
    
    --button-secondary-font-color: #ffffff;
    --button-secondary-bg-color: #003c78;
    --button-secondary-border-color: #003c78;
    --button-secondary-font-color-hoverfocus: #ffffff;
    --button-secondary-bg-color-hoverfocus: #248FAE;
    --button-secondary-border-color-hoverfocus: #ffffff;
    --button-secondary-offset-color-hoverfocus: #248FAE;
    /*======================================
      COPYRIGHT
    ======================================*/
    --copyright-color:#fff;
    --copyright-bg-color:#000;
    /*======================================
      VIDEO
    ======================================*/
    --youtube-wrapper-bg-color:#003c78;
    --vjs-control-font-color:#fff;
    --vjs-control-outline-color:#fff;
    /*======================================
      BORDER
    ======================================*/
    --border-color:#CCD8E4;
    /*======================================                  
      Accordion
    ======================================*/
    --accordion-icon-border-color:#99B1C9;
    --accordion-link-active-font-color:#003c78;
    --accordion-link-active-icon-color: #ffffff;
    --accordion-link-font-color-hoverfocus: #2ba1c2;
    /*======================================                  
      Accordion
    ======================================*/
    --tabelle-bg-color:#fff;
    --tabelle-head-bg-color:#336393;
    --tabelle-head-font-color:#ffffff;
    --tabelle-border-color:#99B1C9;    
    /*======================================                  
      BANNER
    ======================================*/
    --banner-intro-bg-color:#e5ebf1;
    --banner-intro-infozeile-label-border-color:#336393;
    --banner-intro-infozeile-label-color:#336393;
    --banner-intro-brand-bg-color:#ccd8e4;
    
    --banner-intro-veranstaltung-bg-color:#FCE4CC;
    --banner-intro-veranstaltung-brand-bg-color:#FBD7B3;
    /*======================================                  
      ONSITE-NAVIGATION
    ======================================*/
    --ankerNavigation-bg-color:#99B1C9;
    /*======================================                  
      LEISTE SPRUNGANKER
    ======================================*/
    --leiste-sprunganker-rechts-bg-color:#FBD7B3;
    /*======================================
      LOGO
    ======================================*/
    --link-logo-ouline-color-hoverfocus: #003c78;
    /*======================================
      VORLAGE TOOLBAR
    ======================================*/
    --toolbar-link-color:#003c78;
    --toolbar-link-color-hoverfocus:#003c78;
    --toolbar-button-active:#E77300;
    /*======================================
      BREADCRUMB
    ======================================*/
    --breadcrumb-border-color:#CCD8E4;
    --breadcrumb-link-font-color:#003c78;
    --breadcrumb-link-font-color-hoverfocus:#003c78;
    /*======================================
      VORLAGE HAUPNAVIGATION MOBIL TODO
    ======================================*/
    /*======================================
      VORLAGE HAUPNAVIGATION DESKTOP
    ======================================*/
    --hauptnavigation-firstlevel-bg-image-color:#1A5085;
    --hauptnavigation-firstlevel-bg-image-color-active:#E77300;
    --hauptnavigation-flyout-bg-color:#003c78;
    --hauptnavigation-flyout-font-color:#fff;
    --hauptnavigation-flyout-font-color-hoverfocus:#66D2F0;
    --hauptnavigation-flyout-font-color-active:#F8BC80;
    
    --nav-teaser-link-color:#ffffff;
    --nav-teaser-link-bg-color:#003c78;
    --nav-teaser-link-border-color:#003c78;
    --nav-teaser-link-bg-color-hoverfocus:#248FAE;
    --nav-teaser-link-border-color-hoverfocus:#ffffff;
    --nav-teaser-link-outline-color-hoverfocus:#248FAE;
    --nav-teaser-link-svg-color-hoverfocus:#ffffff;
    
    --hauptnavigation-mobil-icon-border-color:#fff;
    /*======================================
      TEASER_FOOTER
    ======================================*/
    --teaser-footer-socialmedia-icon-color:#fff;
    /*=====================================
      WARENKORB - ICON
    ======================================*/
    --warenkorb-icon-bg-color:#e77300;
    --warenkorb-icon-border-color:#ffffff;
    --warenkorb-icon-font-color:#ffffff;
    --warenkorb-icon-font-color-hoverfocus:#ffffff;
    --warenkorb-outline-font-color-hoverfocus:#ffffff;
    --warenkorb-icon-color:#ffffff;
    /*=====================================
      Veranstaltung
    ======================================*/
    --veranstaltung-banner-intro-bg-color:#fce4cc;
    --veranstaltung-banner-intro-brand-bg-color: #fbd7b3;
    --veranstaltung-link-cta-border-color: #ffffff;
    /*=====================================
      Pagination
    ======================================*/
    --pagination-font-color: #003c78;
    --pagination-active-border-color: #E77300;
    /*======================================
      FILTER
    ======================================*/
    --filter-bg-color:#E5F8FD;
    --filter-content-bg-color:#ffffff;
    --filter-button-font-color:#003C78;
    --filter-button-bg-color:#E5F8FD;
    --filter-button-border-color:#E5F8FD;
    --filter-button-font-color-active:#ffffff;
    --filter-button-bg-color-active:#248FAE;
    --filter-button-border-color-active:#248FAE;
    --filter-button-zahl-color:#003C78;
    
    --filter-button-font-color-hoverfocus:#ffffff;
    --filter-button-bg-color-hoverfocus:#248FAE;
    --filter-button-border-color-hoverfocus:#248FAE;
    --filter-button-outline-color-hoverfocus:#248FAE;
    
    --filter-button-active-font-color-hoverfocus:#003C78;
    --filter-button-active-bg-color-hoverfocus:#E5F8FD;
    --filter-button-active-border-color-hoverfocus:#ffffff;
    --filter-button-active-outline-color-hoverfocus:#248FAE;
    
    --filter-i-color:#fff;
    /*======================================
      FUSS
    ======================================*/
    --footer-border-color:#99B1C9;
    /*======================================
      LISTE
    ======================================*/
    --liste-border-color:#99B1C9;    
    /*======================================
      TEASER-LANDSCAPE
    ======================================*/
    --teaser-landscape-brand-element-color:#F07800;
    --teaser-landscape-background-blue-brand-cyan-brand-element:#00B4E6;
    --teaser-landscape-background-light-blue-brand-blue-brand-element:#003C78;
    --teaser-landscape-background-light-blue-brand-blue-brand-element:#e5ebf1;
    --teaser-wall-teaser-landscape-background-light-blue-brand-element:#e5ebf1;
    --teaser-wall-teaser-landscape-background-light-orange-brand-element-first:#FCE4CC;
    /*======================================
      TEASER-ICON
    ======================================*/
    --teaser-icon-brand-bg-color:#FBD7B3;
    /*======================================                  
      teaser-related-terms
    ======================================*/
    --teaser-related-terms-brand-bg-color:#336393;
    /*======================================                  
      TEASER KONTAKT-SERVICE
    ======================================*/
    --teaser-kontakt-service-brand-bg-color:#FBD7B3;
    /*======================================                  
      SLIDER CONTROLS
    ======================================*/
    --slider-controls-font-color:#ffffff;
    --slider-animation-color:#F07800;
    --slider-controls-outline-color:#ffffff;
    --slider-brand-bg-color:#336393;
    /*======================================
      SEITENFUNKTIONEN SHARIFF
    ======================================*/
    --shariff-border-color:#fff;
    /*======================================
      FORMULARE
    ======================================*/
    --form-element-color-basic:#003c78;
    --form-element-color-active:#003c78;
    --form-element-color-hover-focus:#003c78;
    --form-element-background-color:#fff;
    --form-element-background-color-active:#E5EBF1;
    --form-element-background-color-hover-focus:#E5EBF1;
    --form-element-border-color:#003c78;
    --form-element-border-color-active:#003c78;
    --form-element-border-hover-focus:#003c78;
    --form-element-outline-color:transparent;
    --form-element-outline-color-active:#003c78;
    --form-element-outline-color-hover-focus:#003c78;
    --form-element-error-color:#AD3535;   
    --form-error-summery-bg-color:#f3e1e1;
    --form-submit-icon-color:#ffffff;
    --form-submit-button-bg-color:#248FAE;
    --form-submit-button-border-color:#248FAE;
    --form-submit-button-outline-color:#248FAE;
    --form-select-option-color:#000;
    /*======================================
      TOOLTIP
    ======================================*/
    --tooltip-font-color:#ffffff;
    --tooltip-bg-color:#003C78;
    --tooltip-border-color:#ffffff;
    /*======================================
      newsletter
    ======================================*/
    --newsletter-anmelden-subscription-bg-color:#E5EBF1;
    /*======================================
      startseite
    ======================================*/
    --startseite-border-color:#CCD8E4;
    --startseite-veranstaltungen-bg-color:#FEF1E5;
    /*======================================
      shopping-cart-summary
    ======================================*/
    --shopping-cart-summary-font-color:#ffffff;
    --shopping-cart-summary-background-color:#336393;
    /*======================================
      COLORED BACKGROUND
    ====================================== */   
    --bg-blue:#003c78;
    --bg-blue-font-color: #ffffff;
    --bg-blue-font-color-cyan: #80daf3;
    --bg-blue-font-color-orange: #f8bc80;
    --bg-blue-link-font-color: #ffffff;
    --bg-blue-link-font-color-hoverfocus: #66D2F0;
    
    --bg-blue-button-primary-font-color: #003C78;
    --bg-blue-button-primary-bg-color: #ffffff;
    --bg-blue-button-primary-border-color: #ffffff;
    --bg-blue-button-primary-font-color-hoverfocus: #ffffff;
    --bg-blue-button-primary-bg-color-hoverfocus: #248fae;
    --bg-blue-button-primary-border-color-hoverfocus: #003c78;
    --bg-blue-button-primary-offset-color-hoverfocus: #ffffff;
    
    --bg-blue-button-secondary-font-color: #ffffff;
    --bg-blue-button-secondary-bg-color: #003c78;
    --bg-blue-button-secondary-border-color: #ffffff;
    --bg-blue-button-secondary-font-color-hoverfocus: #ffffff;
    --bg-blue-button-secondary-bg-color-hoverfocus: #248FAE;
    --bg-blue-button-secondary-border-color-hoverfocus: #003c78;
    --bg-blue-button-secondary-offset-color-hoverfocus: #ffffff;
    
    --bg-blue-link-tag-bg-color: #CCD8E4;
    --bg-blue-link-tag-border-color: #CCD8E4;
    /*======================================                  
      HINTERGRUND HELLBLAU
    ======================================*/
    --bg-light-blue:#e5ebf1;
    --bg-light-blue-link-font-color:#248FAE;
    /*======================================                  
      HINTERGRUND HELLERBLAU
    ======================================*/
    --bg-lighter-blue:#E5F8FD;
    /*======================================                  
      HINTERGRUND ORANGE
    ======================================*/
    --bg-orange:#fce4cc;
    --bg-orange-link-font-color:#227E97;
    
    
    --sticky-bg-color:#fff;
}