/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
	/* Kundenfarben Hühnerhof Wershoven */
	--color-gruen: #018837;
	--color-orange: #fccc21;
	--color-gelb: #f5f21e;
	--color-braun: #4d1f03;
	--color-schwarz: #333;
	--color-beige: #b09e80;
	--verlauf-gelb-orange: linear-gradient(45deg, #f5f21e 0%, #fccc21 100%);
	/* Textfarben aus den Kundenfarben (im Darkmode aufgehellt, siehe unten) */
	--color-text-gruen: var(--color-gruen);
	--color-text-braun: var(--color-braun);

	/* Hintergrundbilder, Video und Karten (im Darkmode abgedunkelt, siehe unten) */
	--bg-bild-overlay: rgba(0,0,0,0);
	--bg-bild-content-front: url('../images/background/006--252462576.jpg');
	--bg-bild-store-eggs: url('../images/background/003--274753711.jpg');
	--bg-bild-footer-end: url('../images/background/004--302312313.jpg');
	--video-filter: none;
	--overlay-video-opacity: 1;
	--bg-store-eggs-tint: rgba(255,255,255,0.70);
	--bg-store-eggs-blend: lighten;
	--card-background: #fff;
	--review-slider-box: #fff;
	--flex-split-background: radial-gradient(circle, rgba(255,255,255,0.80) 65%, rgba(255,255,255,0.50));

	/* Allgemein */
	--color-akzent: var(--color-gruen);
	--bg-slideshow: #fff;
	--bg-fallback-farbe: #fff;
	--border-social-media: none;
	
	/* Barrierefreiheit Panel */
	--access-panel-headline-color: #3b3b3b;
	--bcc-shadow: 0px 0px 4px 1px rgba(0,0,0,0.80);
	--bg-access-panel: #fff;
	--access-panel-bs: 0px 0px 4px 2px rgba(95,95,95,0.60);
	--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: #fff;
	--img-filter: none;
	--mapsiframe-filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.80));

	/* Navigation */
	--background-navi: #fff;
	--color-navigation: var(--color-gruen);
	--color-navigation-hover: var(--color-braun);
	--color-dropdown-navigation: #fff;
	--color-dropdown-navigation-hover: var(--color-gruen);
	--dropdown-menu: rgba(0,0,0,0.80);

	/* Top-Info */
	--color-top-info-text: #fff;
	--links-top-info: #fff;
	--links-top-info-hover: var(--color-orange);
	--background-top-info: url('../images/background/004--302312313.jpg') bottom / cover no-repeat;

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

	/* Text */
	--color-ueberschriften: var(--color-text);
	--color-subline: var(--color-braun);

	--color-text: #212529;
	--color-links: var(--color-gruen);
	--color-links-hover: var(--color-orange);

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

	/* 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: url('../images/background/002--180491195.jpg') center / cover no-repeat;

	/* Footer */
	--color-footer-text: #333;
	--color-footer-links-main: #333;
	--color-footer-links-hover: var(--color-gruen);
	--footer-icon-color: #333;
	--footer-icon-border: #4d891f;
	--background-footer: url('../images/background/005--252462576.jpg') center / cover no-repeat;

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

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

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

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

[data-theme="dark"] {
	/* Kundenfarben als Textfarbe: aufgehellt für ausreichenden Kontrast auf dunklem Grund */
	--color-text-gruen: #4cc27a;
	--color-text-braun: #e0b48a;

	/* Hintergrundbilder, Video und Karten abdunkeln */
	--bg-bild-overlay: rgba(0,0,0,0.55);
	/* Dekorative Hintergrundbilder im Inhalt und Footer entfallen, es bleibt die dunkle Hintergrundfarbe */
	--bg-bild-content-front: none;
	--bg-bild-store-eggs: none;
	--bg-bild-footer-end: none;
	--video-filter: brightness(0.85); /* Video ist freigestellt, nur das Huhn wird leicht abgedunkelt */
	--overlay-video-opacity: 0;
	--bg-store-eggs-tint: #16191c; /* etwas dunkler als die Karten, damit sich die Hofladen-/Automaten-Karten abheben */
	--bg-store-eggs-blend: darken;
	--card-background: #212529;
	--review-slider-box: #212529;
	--flex-split-background: radial-gradient(circle, rgba(33,37,41,0.85) 65%, rgba(33,37,41,0.60));

	/* Allgemein */
	--color-akzent: var(--color-gruen);
	--bg-slideshow: #212529;
	--bg-fallback-farbe: #212529; /* greift u. a. im Review-Slider, wenn im Darkmode kein Bild gesetzt ist */
	--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: #212529;
	--img-filter: brightness(0.8);
	--mapsiframe-filter: grayscale(100%) invert(90%) contrast(95%);

	/* Navigation */
	--background-navi: #212529;
	--color-navigation: #fff;
	--color-navigation-hover: var(--color-braun);
	--color-dropdown-navigation: #fff;
	--color-dropdown-navigation-hover: var(--color-gruen);
	--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(var(--bg-bild-overlay), var(--bg-bild-overlay)), url('../images/background/004--302312313.jpg') bottom / cover no-repeat;

	/* 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-akzent);
	--color-subline: #fff;
	--color-text: #fff;
	--color-links: var(--color-text-gruen);
	--color-links-hover: var(--color-orange);

	/* Call to action Box */
	--call2action-background: #555555;
	--call2action-color-link-main: var(--color-text-gruen);
	--call2action-color-link-hover: var(--color-orange);

	/* 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: #212529;

	/* Footer */
	--color-footer-text: #fff;
	--color-footer-links-main: #fff;
	--color-footer-links-hover: var(--color-orange);
	--footer-icon-color: #c4c5c5;
	--background-footer: #212529;
	
	/* Glas Effekt */
	--glas-background: rgba(33,37,41,0.40);
	--glas-border: rgba(33,37,41,0.30);
}
/* -------------------- Farben-Variablen ENDE -------------------- */