@charset "UTF-8";
/* -------------------- Light Theme Variablen -------------------- */

:root {
	--bg-body: #fff;
	--color-text: #000;
	--color-titel: #000;
	--color-subtitel: #bc101e;
	--color-links: #bc101e;
	--color-links-hover: #f8ad28;
	--img-filter: none;
	--red: #bc101e;
	--grey: #666666;
	--yellow: #f8ad28;
	--white: #fff;
	--dark: #000;
	--slide-image: rgba(255, 255, 255,0.8);
	--mapsiframe-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
	--background: transparent;
	/* ---- Background-Image  ---- */
	--bg-thunder: url('../images/thunder_bottom.svg');
	--bg-thunder2: url('../images/thunder_top.svg');
	--bg-review: url('../images/background/001--103582325.jpg');
	--bg-footer: url('../images/background/003--228359615.jpg');
	/* ---- Background-Verläufe  ---- */
	--bg-verlauf-von-oben-und-unten: linear-gradient(to bottom, rgba(255,255,255, 1), rgba(255,255,255, 0),rgba(255,255,255, 1));
	--bg-verlauf-von-oben: linear-gradient(to bottom, rgba(255,255,255, 1), rgba(255,255,255, 0));
	--bg-verlauf-von-unten: linear-gradient(to top, rgba(255,255,255, 1), rgba(255,255,255, 0));
	--bg-verlauf-links-rechts: linear-gradient(to left, rgba(255,255,255, 1), rgba(255,255,255, 0),rgba(255,255,255, 1));
	--bg-verlauf-von-links-nach-rechts: linear-gradient(to right, rgba(255,255,255, 1), rgba(255,255,255, 0));
	--bg-verlauf-von-rechts-nach-links: linear-gradient(to right, rgba(255,255,255, 0), rgba(255,255,255, 1));
	--bg-verlauf-grey: linear-gradient(to right, #666666, #cccccc);
	--bg-verlauf-yellow: linear-gradient(to right, #f8ad28, #ffec00);
	--bg-verlauf-icon: linear-gradient(135deg, #666666, #cccccc, #f8ad28, #bc101e);
	/* ---- Schriften  ---- */
	--font-titel: "eurostile", sans-serif;
	--font-subtitel: "myriad-pro", sans-serif;
	--font-fliesstext: "futura-pt", sans-serif;
	/* ----btn Button ---- */
	--border-btn-primary: #bc101e;
	--color-btn-primary: #fff;
	--bg-btn-primary: #bc101e;
	--border-btn-primary-hover: #bc101e;
	--color-btn-primary-hover: #bc101e;
	--bg-btn-primary-hover: #fff;
	--border-btn-outline-primary: #bc101e;
	--color-btn-outline-primary: #bc101e;
	--bg-btn-outline-primary: transparent;
	--border-btn-outline-primary-hover: #bc101e;
	--color-btn-outline-primary-hover: #fff;
	--bg-btn-outline-primary-hover: #bc101e;
	--border-btn-light: #fff;
	--color-btn-light: #fff;
	--bg-btn-light: transparent;
	--border-btn-light-hover: #fff;
	--color-btn-light-hover: #bc101e;
	--bg-btn-light-hover: #fff;
	/* ---- hr ---- */
	--color-hr: #213s8f;
	/* ---- Social Media ---- */
	--color-facebook: #3b5998;
	--color-whatsapp: #25D366;
	--color-tiktok: #000;
	--color-insta: linear-gradient(35deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
	/* ---- Top-Info ---- */
	--color-tinfo: #fff;
	--color-tinfo-link: #fff;
	--color-tinfo-link-hover: #f8ad28;
	--bg-tinfo: #bc101e;
	/* ---- Navigation ---- */
	--bg-navi: #fff;
	--bg-dropdown-menu: rgba(255, 255, 255, 0.95);
	--bg-dropdown-navi-hover: transparent;
	--color-navi: #000;
	--color-navi-hover: #bc101e;
	--color-dropdown: #000;
	--color-dropdown-hover: #000;
	--bg-dropdown-hover: linear-gradient(to right, #f8ad28, #ffec00);
	/* ---- Theme Switch ---- */
	--border-theme-switch: #0068b2;
	--bg-theme-switch: #fff;
	--sun-theme-switch: #e7000e;
	--moon-theme-switch: #0068b2;
	--ball-theme-switch: rgba(255,255,255,0.8);
	/* ---- Float Container ---- */
	--bg-float-container: rgba(255,255,255,0.50);
	--shadow-float-contact: #cccccc;
	--color-float-contact: #fff;
	--color-float-contact-hover: #fff;
	--outline-float-contact: #fff;
	--outline-float-contact-hover: #fff;	
	--border-float-contact: #000;
	--border-float-contact-hover: #bc101e;
	--bg-float-contact: #bc101e;
	--bg-float-contact-hover: #000;
	/* ---- Review ---- */
	--color-review: #fff;
	--color-review-hover: #f8ad28;
	--color-btn-review: #fff;
	--color-btn-review-hover: #ffec00;
	--bg-btn-review: #000;
	--border-btn-review: #bc101e;
	/* ---- Footer ---- */
	--color-titel-footer: #000;
	--color-footer: #000;
	--color-footer-links: #000;
	--color-footer-links-hover: #bc101e;
	--bg-kontakt-balken: #fff;
	/* ---- Öffnungszeiten ---- */
	--border-open: #ccc;
	--color-open-text: #000;
	--bg-color-open-text: #fff;
	--bg-color-open: #bc101e;
	/* Buttons */
	--bg-product-btn: transparent;
}

/* -------------------- Dark Theme Variablen ANFANG -------------------- */

[data-theme="dark"] {
	--bg-body: #212529;
	--color-text: #fff;
	--color-titel: #fff;
	--color-subtitel: #bc101e;
	--color-links: #bc101e;
	--color-links-hover: #f8ad28;
	--img-filter: brightness(0.8);
	--red: #bc101e;
	--grey: #fff;
	--yellow: #f8ad28;
	--white: #fff;
	--dark: #000;
	--slide-image: rgba(0, 0, 0,0.8);
	--mapsiframe-filter: invert(0.9);
	--background: #212529;
	/* ---- Background-Image  ---- */
	--bg-thunder: url('../images/thunder_bottom.svg');
	--bg-thunder2: url('../images/thunder_top.svg');
	--bg-review: url('../images/background/001--103582325.jpg');
	--bg-footer: url('../images/background/003--228359615.jpg');
	/* ---- Background-Verläufe  ---- */
	--bg-verlauf-von-oben-und-unten: linear-gradient(to bottom, rgba(255,255,255, 1), rgba(255,255,255, 0),rgba(255,255,255, 1));
	--bg-verlauf-von-oben: linear-gradient(to bottom, rgba(255,255,255, 1), rgba(255,255,255, 0));
	--bg-verlauf-von-unten: linear-gradient(to top, rgba(255,255,255, 1), rgba(255,255,255, 0));
	--bg-verlauf-links-rechts: linear-gradient(to left, rgba(255,255,255, 1), rgba(255,255,255, 0),rgba(255,255,255, 1));
	--bg-verlauf-von-links-nach-rechts: linear-gradient(to right, rgba(255,255,255, 1), rgba(255,255,255, 0));
	--bg-verlauf-von-rechts-nach-links: linear-gradient(to right, rgba(255,255,255, 0), rgba(255,255,255, 1));
	--bg-verlauf-grey: linear-gradient(to right, #666666, #cccccc);
	--bg-verlauf-yellow: linear-gradient(to right, #f8ad28, #ffec00);
	--bg-verlauf-icon: linear-gradient(135deg, #666666, #cccccc, #f8ad28, #bc101e);
	/* ---- Schriften  ---- */
	--font-titel: "eurostile", sans-serif;
	--font-subtitel: "myriad-pro", sans-serif;
	--font-fliesstext: "futura-pt", sans-serif;
	/* ----btn Button ---- */
	--border-btn-primary: #bc101e;
	--color-btn-primary: #fff;
	--bg-btn-primary: #bc101e;
	--border-btn-primary-hover: #bc101e;
	--color-btn-primary-hover: #bc101e;
	--bg-btn-primary-hover: #212529;
	--border-btn-outline-primary: #bc101e;
	--color-btn-outline-primary: #bc101e;
	--bg-btn-outline-primary: transparent;
	--border-btn-outline-primary-hover: #bc101e;
	--color-btn-outline-primary-hover: #fff;
	--bg-btn-outline-primary-hover: #bc101e;
	--border-btn-light: #fff;
	--color-btn-light: #fff;
	--bg-btn-light: transparent;
	--border-btn-light-hover: #fff;
	--color-btn-light-hover: #bc101e;
	--bg-btn-light-hover: #fff;
	/* ---- hr ---- */
	--color-hr: #213s8f;
	/* ---- Social Media ---- */
	--color-facebook: #3b5998;
	--color-whatsapp: #25D366;
	--color-tiktok: #000;
	--color-insta: linear-gradient(35deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
	/* ---- Top-Info ---- */
	--color-tinfo: #fff;
	--color-tinfo-link: #fff;
	--color-tinfo-link-hover: #f8ad28;
	--bg-tinfo: #bc101e;
	/* ---- Navigation ---- */
	--bg-navi: #212529;
	--bg-dropdown-menu: rgba(33, 37, 41, 0.95);
	--bg-dropdown-navi-hover: transparent;
	--color-navi: #fff;
	--color-navi-hover: #bc101e;
	--color-dropdown: #fff;
	--color-dropdown-hover: #000;
	--bg-dropdown-hover: linear-gradient(to right, #f8ad28, #ffec00);
	/* ---- Theme Switch ---- */
	--border-theme-switch: #0068b2;
	--bg-theme-switch: #fff;
	--sun-theme-switch: #e7000e;
	--moon-theme-switch: #0068b2;
	--ball-theme-switch: rgba(255,255,255,0.8);
	/* ---- Float Container ---- */
	--bg-float-container: rgba(255,255,255,0.50);
	--shadow-float-contact: #cccccc;
	--color-float-contact: #fff;
	--color-float-contact-hover: #fff;
	--outline-float-contact: #fff;
	--outline-float-contact-hover: #fff;
	--border-float-contact: #000;
	--border-float-contact-hover: #bc101e;
	--bg-float-contact: #bc101e;
	--bg-float-contact-hover: #000;
	/* ---- Review ---- */
	--color-review: #fff;
	--color-review-hover: #f8ad28;
	--color-btn-review: #fff;
	--color-btn-review-hover: #ffec00;
	--bg-btn-review: #000;
	--border-btn-review: #bc101e;
	/* ---- Footer ---- */
	--color-titel-footer: #fff;
	--color-footer: #fff;
	--color-footer-links: #fff;
	--color-footer-links-hover: #bc101e;
	--bg-kontakt-balken: #212529;
	/* ---- Öffnungszeiten ---- */
	--border-open: #ccc;
	--color-open-text: #fff;
	--bg-color-open-text: #fff;
	--bg-color-open: #bc101e;
	/* Buttons */
	--bg-product-btn: #c4c4c4;
}

/* -------------------- Dark Theme Variablen ENDE -------------------- */