/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
  /*Allgemein*/
  --color-akzent: #be101e;
    
  /*--background-content: url('../images/background/');*/
  /*--background-kontaktformular: url('../images/background/');*/
  --img-filter: none;
  --mapsiframe-filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.8));

  /*Navigation*/
  --background-navi: #fff;
  --color-navigation: #000;
  --color-navigation-hover: #fff;
  --color-dropdown-navigation: #000;
  --dropdown-menu: rgba(255, 255, 255, 0.80);
  
  /*Top-Info*/
  --color-top-info-text: #000;
  --links-top-info: #000;
  --links-top-info-hover: #870C1C;
  --background-top-info: #EFEFEF;
  
 /*Kontaktbox*/
  --farbverlauf-kontaktbox: linear-gradient(35deg, #FEA012 0%, #fff 100%);
  --color-kontaktbox-h4: #004176;
      
  /*Text*/
  --color-ueberschriften: #be101e;
  --color-subline: rgba(62,38,12,0.1);
    
  --color-text: #333;
  --color-links: #be101e;
  --color-links-hover: #565756;
    
  /*Float Kontakt*/
  --color-float-contact-icon: #fff;
  --color-float-contact-background: #333;
    
  /*Review-Slider*/
  --title-review: #000;
  --background-review-slider: linear-gradient(90deg, rgba(86,86,86,1) 0%, rgba(180,180,180,1) 42%, rgba(180,180,180,1) 58%, rgba(86,86,86,1) 100%);
    
  /*Footer*/
  --color-footer-text: #000;
  --color-footer-links: #333;
  --footer-icon-color: #565756;
  --background-footer: linear-gradient(180deg, rgba(255,255,255,1) 30%, rgba(161,161,161,1) 100%);
    
/* -------------------- Schrift-Variablen ANFANG -------------------- */

    --font-ueberschriften: "darkmode-on", sans-serif;
    --font-fliesstext: "futura-pt", sans-serif;
    --font-navigation: "futura-pt", sans-serif;

/* -------------------- Schrift-Variablen ENDE -------------------- */
}
[data-theme="dark"] {
  /*Allgemein*/
  --color-akzent: #be101e;

  --background-content: #212529;
  --background-kontaktformular: #212529;
  --img-filter: brightness(0.8);
  --mapsiframe-filter: invert(0.9);

  /*Navigation*/
  --background-navi: #212529;
  --color-navigation: #fff;
  --color-navigation-hover: #fff;
  --color-dropdown-navigation: #fff;
  --dropdown-menu: rgba(0, 0, 0, 0.80);
  
  /*Top-Info*/
  --color-top-info-text: #fff;
  --links-top-info: #fff;
  --links-top-info-hover: #fff;
  --background-top-info: #212529;
  
 /*Kontaktbox*/
  --color-kontaktbox-open: #fff;
  --farbverlauf-kontaktbox: linear-gradient(5deg, #004176 0%, #000 100%);
  --color-kontaktbox-h4: #004176;
      
  /*Text*/
  --color-ueberschriften: #be101e;
  --color-subline: #fff;
    
  --color-text: #fff;
  --color-links: #ff0015;
  --color-links-hover: #314EB4;
    
  /*Float Kontakt*/
  --color-float-contact-icon: #fff;
  --color-float-contact-background: #531E20;
    
  /*Review-Slider*/
  --title-review: #fff;
  --background-review-slider: linear-gradient(5deg, #004176 0%, #000 100%);
    
  /*Footer*/
  --color-footer-text: #fff;
  --color-footer-links: #fff;
  --footer-icon-color: #c4c5c5;
  --background-footer: #212529;
}

/* -------------------- Farben-Variablen ENDE -------------------- */