/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
  /*Allgemein*/
  --color-akzent: rgba(21,61,137,1.00);
  --background-wechsel: linear-gradient(90deg, rgba(21, 61, 138, 0.80) 80%, rgba(255,255,255, 1) 80%);
  /*--background-content: url('../images/background/');*/
  --background-stoerer: url("../images/background/001--213965477.jpg");
  --background-kontaktformular: linear-gradient(35deg, #fff 40%, rgba(255,255,255,0.7) 100%), url('../images/background/001--375566401.jpg');
  --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;
  --color-dropdown-navigation-hover: #fff;
  --dropdown-menu: rgba(255, 255, 255, 0.80);
  
  /*Top-Info*/
  --color-top-info-text: #000;
  --links-top-info: #000;
  --links-top-info-hover: #00A19A;
  --background-top-info: 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%);
  
 /*Kontaktbox*/
  --farbverlauf-kontaktbox: linear-gradient(35deg, #FEA012 0%, #fff 100%);
  --color-kontaktbox-h4: #004176;
      
  /*Text*/
  --color-ueberschriften: rgba(21,61,137,1.00);
  --color-subline: rgba(62,38,12,0.6);
    
  --color-text: #333;
  --color-links: #153D89;
  --color-links-hover: rgba(0,161,154,1.00);
    
  /*Float Kontakt*/
  --color-float-contact-icon: #fff;
  --color-float-contact-background: #333;
    
  /*Review-Slider*/
  --title-review: #000;
  --background-review-slider: linear-gradient(180deg, rgba(21,61,137,1) 50%, rgba(21,61,137,0) 50%);
    
  /*Footer*/
  --color-footer-text: #000;
  --color-footer-links: #333;
  --footer-icon-color: #565756;
  --background-footer: #fff;
    
/* -------------------- Schrift-Variablen ANFANG -------------------- */

    --font-ueberschriften: "new-order", sans-serif;;
    --font-fliesstext: "new-order", sans-serif;;
    --font-navigation: "new-order", sans-serif;;

/* -------------------- Schrift-Variablen ENDE -------------------- */
}
[data-theme="dark"] {
  /*Allgemein*/
  --color-akzent: #00A19A;
  --background-wechsel: linear-gradient(90deg, rgba(21, 61, 138, 0.80) 80%, rgba(33,37,41,1.00) 80%);
  --background-stoerer: url("../images/background/001--213965477_dunkel.jpg");
  --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: linear-gradient(5deg, #004176 0%, #000 100%);
  
 /*Kontaktbox*/
  --color-kontaktbox-open: #fff;
  --farbverlauf-kontaktbox: linear-gradient(5deg, #004176 0%, #000 100%);
  --color-kontaktbox-h4: #153D89;
      
  /*Text*/
  --color-ueberschriften: #00A19A;
  --color-subline: #fff;
    
  --color-text: #fff;
  --color-links: #00A19A;
  --color-links-hover: #153D89;
    
  /*Float Kontakt*/
  --color-float-contact-icon: #fff;
  --color-float-contact-background: #531E20;
    
  /*Review-Slider*/
  --title-review: #fff;
  --background-review-slider: linear-gradient(180deg, rgba(21,61,137,1) 50%, rgba(21,61,137,0) 50%);
    
  /*Footer*/
  --color-footer-text: #fff;
  --color-footer-links: #fff;
  --footer-icon-color: #c4c5c5;
  --background-footer: rgba(33,37,41,1.00);
}

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