/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
	/* Kundenfarben */
	--color-schwarz: #000;
	--color-weiss: #fff;
	--color-gruen: #009640;
	--color-gruen-dunkel: #00873a; /* Kontrastvariante für weiße Schrift auf Grün (WCAG AA) */
	--color-gruen-hell: #8fdcae;
	--color-rot: #e30614;
	--color-rot-dunkel: #b80410;

	/* Schiefer-Grafik */
	--bg-schiefer: url('../images/background/schiefer.jpg') center / cover no-repeat;
	--bg-slider-kante: url('../images/background/bg-slider.png');

	/* Allgemein */
	--color-akzent: var(--color-rot);
	--bg-slideshow: #fff;
	--bg-fallback-farbe: #4a4a4a;

	/* Barrierefreiheit Panel */
	--access-panel-headline-color: #3b3b3b;
	--bcc-shadow: 0 0 4px 1px rgb(0 0 0 / .8);
	--bg-access-panel: #fff;
	--access-panel-bs: 0 0 4px 2px rgb(95 95 95 / .6);
	--bg-panel-button: #e7e7e7;
	--color-readline: #000;
	--cursor-color: url('../images/icons/cursor-light.png');
	--cursor-pointer: url('../images/icons/cursor-pointer-light.png');
	--cursor-text: url('../images/icons/cursor-text-light.png');
	--access-icon-tooltip-color: #333;
	--access-icon-tooltip-text: #fff;

	/* Cookie Modal */
	--bg-modal-content: #fff;
	--modal-content-text-color: #333;
	--modal-header-bg: #3b3b3b;
	--modal-header-text-color: #fff;
	--modal-footer-bg: #e7e7e7;
	--placeholder-background: #eee;
	--bg-consent-icons: #f6f6f6;
	--color-btn-custom-accept-normal: #3b3b3b;
	--color-btn-custom-accept-hover: #2a2a2a;
	--color-btn-custom-reject-normal: #cdcdcd;
	--color-btn-custom-reject-hover: #adadad;

	--background-content: #fff;
	--background-kontaktformular: #fff;
	--img-filter: none;
	--mapsiframe-filter: drop-shadow(2px 4px 6px rgb(0 0 0 / .8));

	/* Navigation */
	--background-navi: var(--bg-schiefer);
	--color-navigation: #fff;
	--color-navigation-hover: #fff;
	--color-dropdown-navigation: #fff;
	--dropdown-menu: rgb(45 45 45 / .94);

	/* Top-Info */
	--color-top-info-text: #fff;
	--links-top-info: #fff;
	--links-top-info-hover: #fff;
	--background-top-info: var(--color-gruen-dunkel);

	/* Text */
	--color-ueberschriften: var(--color-gruen-dunkel);
	--color-subline: #555756;

	--color-text: #333;
	--color-links: var(--color-akzent);
	--color-links-hover: var(--color-gruen-dunkel);

	/* Call to action Box */
	--call2action-background: var(--bg-schiefer);
	--call2action-color-link-main: #fff;
	--call2action-color-link-hover: var(--color-gruen-hell);

	/* Float Kontakt */
	--color-float-contact-icon: var(--color-gruen-dunkel);
	--color-float-contact-text: #333;
	--bg-float-contact: #fff;
	--float-contact-trenner: #e4e4e1;

	/* Review-Slider */
	--title-review: #fff;
	--background-review-slider: var(--bg-schiefer);

	/* Footer */
	--color-footer-text: #fff;
	--color-footer-links-main: #fff;
	--color-footer-links-hover: #fff;
	--footer-icon-color: #fff;
	--footer-icon-border: rgb(255 255 255 / .55);
	--background-footer: var(--bg-schiefer);

	/* Social Media */
	--color-facebook: #3c5997;

	/* Glas Effekt */
	--glas-background: rgb(255 255 255 / .4);
	--glas-border: rgb(255 255 255 / .3);

	/* Eiscafé Bausteine */
	--eis-kicker-schiefer: var(--color-gruen-hell);
	--eis-btn-bg: var(--color-rot);
	--eis-btn-bg-hover: var(--color-rot-dunkel);
	--eis-btn-text: #fff;
	--eis-community-bg: #f5f5f3;
	--eis-community-border: #e4e4e1;
	--eis-sterne: #f4b400;
	--eis-schatten: 0 10px 30px rgb(0 0 0 / .25);
	--eis-fokus: #ffd400;
	--eis-kicker-text: var(--color-rot-dunkel);
	--eis-kontakt-hell-linie: rgb(0 0 0 / .2);
	--eis-glas-bg: rgb(255 255 255 / .08);
	--eis-glas-bg-hover: rgb(255 255 255 / .16);
	--eis-glas-border: rgb(255 255 255 / .2);
	--eis-formular-bg: #fff;

	/* -------------------- Schrift-Variablen ANFANG -------------------- */

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

/* -------------------- Schrift-Variablen ENDE -------------------- */
}

[data-theme="dark"] {
	/* Schiefer-Grafik */
	--bg-schiefer: linear-gradient(rgb(0 0 0 / .35), rgb(0 0 0 / .35)), url('../images/background/schiefer.jpg') center / cover no-repeat;
	--bg-slider-kante: url('../images/background/bg-slider-dark.png');

	/* Allgemein */
	--color-akzent: var(--color-rot);
	--bg-slideshow: #212529;
	--bg-fallback-farbe: #2b2b2b;

	/* Barrierefreiheit Panel */
	--access-panel-headline-color: #3b3b3b;
	--bcc-shadow: none;
	--bg-access-panel: #3b3b3b;
	--access-panel-bs: none;
	--bg-panel-button: #989898;
	--color-readline: #fff;
	--cursor-color: url('../images/icons/cursor-dark.png');
	--cursor-pointer: url('../images/icons/cursor-pointer-dark.png');
	--cursor-text: url('../images/icons/cursor-text-dark.png');
	--access-icon-tooltip-color: #fff;
	--access-icon-tooltip-text: #333;

	/* Cookie Modal */
	--bg-modal-content: #3b3b3b;
	--modal-content-text-color: #fff;
	--modal-header-bg: #3b3b3b;
	--modal-header-text-color: #fff;
	--modal-footer-bg: #3b3b3b;
	--placeholder-background: #555;
	--bg-consent-icons: #989898;
	--color-btn-custom-accept-normal: #2a2a2a;
	--color-btn-custom-accept-hover: #191919;
	--color-btn-custom-reject-normal: #cdcdcd;
	--color-btn-custom-reject-hover: #adadad;

	--background-content: #212529;
	--background-kontaktformular: #212529;
	--img-filter: brightness(.8);
	--mapsiframe-filter: grayscale(100%) invert(90%) contrast(95%);

	/* Navigation */
	--background-navi: var(--bg-schiefer);
	--color-navigation: #fff;
	--color-navigation-hover: #fff;
	--color-dropdown-navigation: #fff;
	--dropdown-menu: rgb(20 20 20 / .94);

	/* Top-Info */
	--color-top-info-text: #fff;
	--links-top-info: #fff;
	--links-top-info-hover: #fff;
	--background-top-info: #006b2e;

	/* Text */
	--color-ueberschriften: #34b26a;
	--color-subline: #fff;
	--color-text: #fff;
	--color-links: #ff5a64;
	--color-links-hover: #34b26a;

	/* Call to action Box */
	--call2action-background: var(--bg-schiefer);
	--call2action-color-link-main: #fff;
	--call2action-color-link-hover: var(--color-gruen-hell);

	/* Float Kontakt */
	--color-float-contact-icon: #34b26a;
	--color-float-contact-text: #fff;
	--bg-float-contact: #2b3035;
	--float-contact-trenner: #3a4047;

	/* Review-Slider */
	--title-review: #fff;
	--background-review-slider: var(--bg-schiefer);

	/* Footer */
	--color-footer-text: #fff;
	--color-footer-links-main: #fff;
	--color-footer-links-hover: #fff;
	--footer-icon-color: #fff;
	--footer-icon-border: rgb(255 255 255 / .55);
	--background-footer: var(--bg-schiefer);

	/* Glas Effekt */
	--glas-background: rgb(33 37 41 / .4);
	--glas-border: rgb(33 37 41 / .3);

	/* Eiscafé Bausteine */
	--eis-kicker-schiefer: var(--color-gruen-hell);
	--eis-btn-bg: var(--color-rot);
	--eis-btn-bg-hover: var(--color-rot-dunkel);
	--eis-btn-text: #fff;
	--eis-community-bg: #2b3035;
	--eis-community-border: #3a4047;
	--eis-sterne: #f4b400;
	--eis-schatten: 0 10px 30px rgb(0 0 0 / .5);
	--eis-fokus: #ffd400;
	--eis-kicker-text: #ff5a64;
	--eis-kontakt-hell-linie: rgb(255 255 255 / .3);
	--eis-glas-bg: rgb(255 255 255 / .06);
	--eis-glas-bg-hover: rgb(255 255 255 / .12);
	--eis-glas-border: rgb(255 255 255 / .15);
	--eis-formular-bg: #f1f1f1;
}
/* -------------------- Farben-Variablen ENDE -------------------- */