/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
  --img-filter: none;
  --color-akzent: #be101e;
  --color-links-hover: #565756;
  --color-links: #be101e;
  --color-footer-links: #333;
  --color-navigation: #000;
  --color-navigation-hover: #fff;
  --dropdown-menu: rgba(255, 255, 255, 0.80);
  --color-dropdown-navigation: #000;
  --color-ueberschriften: #be101e;
  --color-subline: #565756;
  --color-kontaktbox-h4: #004176;
  --color-text: #333;
  --color-footer-text: #000;
  --color-top-info-text: #531E20;
  --color-float-contact-icon: #fff;
  --color-float-contact-background: #531E20;
  --farbverlauf: linear-gradient(45deg, var(--color-akzent) 0%,  var(--color-links) 100%);
  --farbverlauf-kontaktbox: linear-gradient(35deg, #FEA012 0%, #fff 100%);
  --color-facebook: #3b5998;
  --color-whatsapp: #25D366;
  --color-tiktok: #000;
  --color-insta: linear-gradient(35deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
  --background-navi: #fff;
  --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%);
  --links-top-info: #000;
  --links-top-info-hover: #000;
  /*--background-content: url('../images/background/');*/
  --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%);
  --title-review: #000;
  /*--background-kontaktformular: url('../images/background/');*/
  --background-footer: linear-gradient(180deg, rgba(255,255,255,1) 30%, rgba(161,161,161,1) 100%);
  --mapsiframe-filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.8));
  --footer-icon-color: #565756;
    
/* -------------------- 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"] {
  --img-filter: brightness(0.8);
  --color-akzent: #be101e;
  --color-links-hover: #314EB4;
  --color-links: #ff0015;
  --color-footer-links: #fff;
  --color-navigation: #fff;
  --color-navigation-hover: #fff;
  --dropdown-menu: rgba(0, 0, 0, 0.80);
  --color-dropdown-navigation: #fff;
  --color-ueberschriften: #be101e;
  --color-subline: #fff;
  --color-kontaktbox-open: #fff;
  --color-text: #fff;
  --color-top-info-text: #fff;
  --color-footer-text: #fff;
  --farbverlauf: linear-gradient(45deg, var(--color-akzent) 0%,  var(--color-hauptfarbe) 100%);
  --farbverlauf-kontaktbox: linear-gradient(5deg, #004176 0%, #000 100%);
  --color-facebook: #3b5998;
  --color-whatsapp: #25D366;
  --color-tiktok: #000;
  --color-insta: linear-gradient(35deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
  --background-navi: #212529;
  --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%);
  --links-top-info: #fff;
  --links-top-info-hover: #fff;
  --background-content: #212529;
  --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%);
  --title-review: #fff;
  /*--background-kontaktformular: url('../images/background/');*/
  --background-kontaktformular: #212529;
  --background-footer: #212529;
  --mapsiframe-filter: invert(0.9);
  --footer-icon-color: #c4c5c5;
}
/* -------------------- Farben-Variablen ENDE -------------------- */