/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
	/* Kundenfarben */
	--color-rot: #e5083b;
	--color-rot-dunkel: #b8062f;
	--color-gruen: #009244;
	--color-grau: #aba7a9;
	--color-grau-dunkel: #6e6a6c;

	/* Allgemein */
	--color-akzent: var(--color-rot);
	--bg-slideshow: #fff;
	--bg-fallback-farbe: #aaa;
	--border-social-media: none;

	/* Barrierefreiheit Panel */
	--access-panel-headline-color: #3b3b3b;
	--bcc-shadow: 0px 0px 4px 1px rgb(0 0 0 / .8);
	--bg-access-panel: #fff;
	--access-panel-bs: 0px 0px 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: #eeeeee;
	--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-content: url('../images/background/');*/
	--background-kontaktformular: #f6f4f5;
	--img-filter: none;
	--mapsiframe-filter: drop-shadow(2px 4px 6px rgb(0 0 0 / .8));

	/* Navigation */
	--background-navi: #fff;
	--color-navigation: #3b3b3b;
	--color-navigation-hover: #fff;
	--color-dropdown-navigation: #3b3b3b;
	--dropdown-menu: rgb(255 255 255 / .95);

	/* Top-Info */
	--color-top-info-text: #000;
	--links-top-info: #000;
	--links-top-info-hover: #870C1C;
	--background-top-info: linear-gradient(90deg, rgb(86 86 86) 0%, rgb(180 180 180) 42%, rgb(180 180 180) 58%, rgb(86 86 86) 100%);

	/* Kontaktbox */
	--color-kontaktbox-h4: #004176;
	--bg-kontaktbox: linear-gradient(160deg, #b4b4b4 0%, #565656 100%);
	--bg-main-kontaktbox: #fff;

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

	--color-text: #3b3b3b;
	--color-links: var(--color-akzent);
	--color-links-hover: #565756;

	/* Call to action Box */
	--call2action-background: #fff;
	--call2action-color-link-main: var(--color-akzent);
	--call2action-color-link-hover: #565756;

	/* Float Kontakt */
	--color-float-contact-icon: #fff;
	--color-float-contact-background: #333;
	--bg-float-contact: rgb(255 255 255 / .5);

	/* Review-Slider */
	--title-review: #000;
	--background-review-slider: linear-gradient(90deg, rgb(86 86 86) 0%, rgb(180 180 180) 42%, rgb(180 180 180) 58%, rgb(86 86 86) 100%);

	/* Footer */
	--color-footer-text: #fff;
	--color-footer-links-main: #fff;
	--color-footer-links-hover: #fff;
	--footer-icon-color: rgb(255 255 255 / .8);
	--background-footer: var(--color-rot);
	--footer-unten-bg: var(--color-rot-dunkel);

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

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

	/* Eisdiele */
	--nav-transparent: rgb(255 255 255 / .85);
	--welle-linie: var(--color-rot);
	--welle-schatten: var(--color-grau);
	--welle-flaeche: var(--background-content);
	--infobox-bg: var(--color-rot);
	--infobox-bg-hover: var(--color-rot-dunkel);
	--infobox-text: #fff;
	--infobox-icon: rgb(255 255 255 / .75);
	--bg-eis-teaser: url('../images/background/bg-eis-teaser_141959206.jpg');
	--teaser-overlay: rgb(255 255 255 / .1);
	--teaser-text-bg: #fff;
	--btn-bg: var(--color-grau-dunkel);
	--btn-text: #fff;
	--winter-bg: linear-gradient(135deg, #eef4f9 0%, #fff 70%);
	--winter-deko: rgb(120 160 200 / .18);
	--winter-linie: #c9d6e2;
	--winter-link: #007a39;
	--winter-titel: var(--color-akzent);
	--zeitstrahl-bg: #f6f4f5;
	--standort-map-filter: none;
	--fokus-ring: var(--color-gruen);
	--karte-bg: #fff;
	--app-box-bg: #f6f4f5;
	--trenner-overlay: rgb(229 8 59 / .85);
	--float-gruen: var(--color-gruen);
	--float-gruen-dunkel: #007a39;

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

		--font-ueberschriften: "mostra-nuova", sans-serif;
		--font-fliesstext: "avory-i-latin", sans-serif;
		--font-navigation: "avory-i-latin", sans-serif;

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

[data-theme="dark"] {
	/* Kundenfarben */
	--color-gruen: #3dbb75;

	/* Allgemein */
	--color-akzent: var(--color-rot);
	--bg-slideshow: #212529;
	--bg-fallback-farbe: #989898;
	--border-social-media: 2px solid #fff;

	/* 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: #555555;
	--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: #2b3035;
	--img-filter: brightness(0.8);
	--mapsiframe-filter: grayscale(100%) invert(90%) contrast(95%);

	/* Navigation */
	--background-navi: #212529;
	--color-navigation: #fff;
	--color-navigation-hover: #fff;
	--color-dropdown-navigation: #fff;
	--dropdown-menu: rgb(33 37 41 / .95);

	/* Top-Info */
	--color-top-info-text: #fff;
	--links-top-info: #fff;
	--links-top-info-hover: #fff;
	--background-top-info: linear-gradient(90deg, rgb(86 86 86) 0%, rgb(53 53 53) 42%, rgb(53 53 53) 58%, rgb(86 86 86) 100%);

	/* Kontaktbox */
	--color-kontaktbox-open: #fff;
	--color-kontaktbox-h4: #004176;
	--bg-kontaktbox: linear-gradient(160deg, #353535 0%, #565656 100%);
	--bg-main-kontaktbox: #212529;

	/* Text */
	--color-ueberschriften: var(--color-gruen);
	--color-subline: #ccc;
	--color-text: #fff;
	--color-links: #ff5a7e;
	--color-links-hover: #fff;

	/* Call to action Box */
	--call2action-background: #555555;
	--call2action-color-link-main: #ff8aa4;
	--call2action-color-link-hover: #fff;

	/* Float Kontakt */
	--color-float-contact-icon: #fff;
	--color-float-contact-background: #531E20;
	--bg-float-contact: rgb(33 37 41 / .5);

	/* Review-Slider */
	--title-review: #fff;
	--background-review-slider: linear-gradient(90deg, rgb(86 86 86) 0%, rgb(53 53 53) 42%, rgb(53 53 53) 58%, rgb(86 86 86) 100%);

	/* Footer */
	--color-footer-text: #fff;
	--color-footer-links-main: #fff;
	--color-footer-links-hover: #fff;
	--footer-icon-color: rgb(255 255 255 / .8);
	--background-footer: #a1062a;
	--footer-unten-bg: #7d0520;

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

	/* Eisdiele */
	--nav-transparent: rgb(33 37 41 / .85);
	--welle-schatten: #555756;
	--infobox-bg-hover: #c4062f;
	--teaser-overlay: rgb(0 0 0 / .45);
	--teaser-text-bg: #212529;
	--btn-bg: #5b5759;
	--winter-bg: linear-gradient(135deg, #26303a 0%, #212529 70%);
	--winter-deko: rgb(160 190 220 / .12);
	--winter-linie: #3c4651;
	--winter-link: #3dbb75;
	--winter-titel: #ff8aa4;
	--zeitstrahl-bg: #2b3035;
	--standort-map-filter: grayscale(100%) invert(90%) contrast(95%);
	--karte-bg: #212529;
	--app-box-bg: #2b3035;
	--trenner-overlay: rgb(184 6 47 / .88);
	--float-gruen: #00753a;
	--float-gruen-dunkel: #005c2d;
}
/* -------------------- Farben-Variablen ENDE -------------------- */