/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
	/* Farben Erdem */
	--erdem-hgrau: #dadada;
	--erdem-dgrau: #b2b2b2;
	--erdem-hgruen: #038d36;
	--erdem-dgruen: #006633;
	--erdem-baum-gruen: #3aaa36;
	--erdem-baum-braun: #7d4e24;
	
	/* Allgemein */
	--color-akzent: var(--erdem-hgruen);
	--color-shape: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%23b2b2b2"><path d="M0 68.78l381-33.86v42.33H0z"/><path d="M0 43.38l381-25.4v59.27H0z" opacity=".33"/><path d="M0 17.98L381 0v77.25H0z" opacity=".33"/></g></svg>');
	--color-shape-unterseite: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%23ffffff"><path d="M0 68.78l381-33.86v42.33H0z"/><path d="M0 43.38l381-25.4v59.27H0z" opacity=".33"/><path d="M0 17.98L381 0v77.25H0z" opacity=".33"/></g></svg>');
	--background-teaser: linear-gradient(180deg, rgba(178,178,178,1) 0%, rgba(218,218,218,1) 35%);
	--background-teaserbox: #fff;
	--color-teaser: var(--erdem-baum-gruen);
	--black-white: #000;
	--bg-carousel: #006633;

	/*Barrierefreiheit Panel*/
	--bcc-shadow: 0px 0px 4px 1px rgb(0 0 0 / 80%);
	--bg-access-panel: #fff;
	--access-panel-bs: 0px 0px 4px 2px rgba(95,95,95,0.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');

	/*Cookie Modal*/
	--bg-modal-content: #fff;
	--modal-content-text-color: #333;
	--modal-header-bg: #038d36;
	--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;

	--background-content: #fff;
	/*--background-kontaktformular: url('../images/background/');*/
	--img-filter: none;
	--mapsiframe-filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.8));

	/* Navigation */
	--background-navi: linear-gradient(90deg,rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 100%),url('../images/background/001--553815638.jpg');
	--color-navigation: #000;
	--color-navigation-hover: #fff;
	--color-dropdown-navigation: #000;
	--dropdown-menu: rgba(255, 255, 255, 0.80);

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

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

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

	--color-text: #333;
	--color-links: var(--erdem-hgruen);
	--color-links-hover: #565756;

	/* Float Kontakt */
	--color-float-contact-icon: #fff;
	--color-float-contact-background: #333;
	--bg-float-contact: rgba(255,255,255,0.50);

	/* Review-Slider */
	--title-review: #000;
	--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%);

	/* Footer */
	--color-footer-text: #000;
	--color-footer-links: #333;
	--footer-icon-color: #565756;
	--background-footer: linear-gradient(180deg,rgba(255, 255, 255, 0.95) 0%, rgba(211,211,211,0.98) 100%),url('../images/background/001--553815638.jpg');

	/* Social Media */
	--color-facebook: #3c5997;
	
	/* Glas Effekt */
	--glas-background: rgba(255, 255, 255, 0.4);
	--glas-border: rgba(255, 255, 255, 0.3);

	/* -------------------- 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"] {
	/* Allgemein */
	--color-akzent: var(--erdem-hgruen);
	--color-shape: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%23212529"><path d="M0 68.78l381-33.86v42.33H0z"/><path d="M0 43.38l381-25.4v59.27H0z" opacity=".33"/><path d="M0 17.98L381 0v77.25H0z" opacity=".33"/></g></svg>');
	--color-shape-unterseite: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 381 77.25" preserveAspectRatio="none"><g fill="%23212529"><path d="M0 68.78l381-33.86v42.33H0z"/><path d="M0 43.38l381-25.4v59.27H0z" opacity=".33"/><path d="M0 17.98L381 0v77.25H0z" opacity=".33"/></g></svg>');
	--background-teaser: #212529;
	--background-teaserbox: #606060;
	--color-teaser: #fff;
	--black-white: #fff;
	--bg-carousel: #003C1E;

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

	/*Barrierefreiheit Panel*/
	--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');

	/*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;

	/* 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(90deg, var(--erdem-dgruen) 0%, var(--erdem-hgruen) 42%, var(--erdem-hgruen) 58%, var(--erdem-dgruen) 100%);

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

	/* Text */
	--color-ueberschriften: var(--erdem-hgruen);
	--color-subline: #fff;
	--color-text: #fff;
	--color-links: var(--erdem-hgruen);
	--color-links-hover: #314EB4;

	/* Float Kontakt */
	--color-float-contact-icon: #fff;
	--color-float-contact-background: #531E20;
	--bg-float-contact: rgba(33,37,41,0.50);

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

	/* Footer */
	--color-footer-text: #fff;
	--color-footer-links: #fff;
	--footer-icon-color: #c4c5c5;
	--background-footer: #212529;
	
	/* Glas Effekt */
	--glas-background: rgba(33, 37, 41, 0.4);
	--glas-border: rgba(33, 37, 41, 0.3);
}

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