/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
	/*Allgemein*/
	--color-akzent: #e52323;
	--bg-slideshow: #ffffff;
	--bg-fallback-farbe: #f4f7fb;
	--border-social-media: none;

	--color-access-panel:#000;
	
	/*Barrierefreiheit Panel*/
	--access-panel-headline-color: #173b7a;
	--bcc-shadow: 0px 8px 28px rgba(16,43,92,0.18);
	--bg-access-panel: #ffffff;
	--access-panel-bs: 0px 10px 35px rgba(16,43,92,0.16);
	--bg-panel-button: #f2f7ff;
	--color-readline: #173b7a;
	--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: #173b7a;
	--access-icon-tooltip-text: #ffffff;

	/*Cookie Modal*/
	--bg-modal-content: #ffffff;
	--modal-content-text-color: #2f3438;
	--modal-header-bg: #173b7a;
	--modal-header-text-color: #ffffff;
	--modal-footer-bg: #f2f7ff;
	--placeholder-background: #f2f7ff;
	--bg-consent-icons: #fff8f3;
	--color-btn-custom-accept-normal: #e52323;
	--color-btn-custom-accept-hover: #c9141f;
	--color-btn-custom-reject-normal: #dce5f0;
	--color-btn-custom-reject-hover: #c9d6e6;

	--background-content: #ffffff;
	/*--background-content: url('../images/background/');*/
	--background-kontaktformular: linear-gradient(135deg, #ffffff 0%, #f2f7ff 55%, #fff8f3 100%);
	--img-filter: none;
	--mapsiframe-filter: drop-shadow(0px 12px 30px rgba(16,43,92,0.16));

	/*Navigation*/
	--background-navi: #ffffff;
	--color-navigation: #102b5c;
	--color-navigation-hover: #ffffff;
	--color-dropdown-navigation: #102b5c;
	--dropdown-menu: rgba(255,255,255,0.98);


	/*Top-Info*/
	--color-top-info-text: #ffffff;
	--links-top-info: #ffffff;
	--links-top-info-hover: #ffd9d9;
	--background-top-info: #193D7C;

	/*Kontaktbox*/
	--color-kontaktbox-h4: #173b7a;
	--bg-kontaktbox: #ffe9e9;
	--bg-main-kontaktbox: linear-gradient(180deg, #ffffff 0%, #f2f7ff 100%);

	/*Text*/
	--color-01:#e52323;
	--color-02:#FFF;
	--color-ueberschriften: #173b7a;
	--color-subline: #173b7a;

	--color-text: #2f3438;
	--color-links: #e52323;
	--color-links-hover: #173b7a;

	/* Call to action Box */
	--call2action-background: linear-gradient(135deg, #e52323 0%, #c9141f 100%);
	--call2action-color-link-main: #ffffff;
	--call2action-color-link-hover: #f2f7ff;
	--bg-call2action-unterseiten:url(../images/background/call2action.png);

	/*Float Kontakt*/
	--color-float-contact-icon: #ffffff;
	--color-float-contact-background: #e52323;
	--bg-float-contact: rgba(255,255,255,0.78);

	/*Review-Slider*/
	--title-review: #173b7a;
	--background-review-slider: linear-gradient(135deg, rgba(242,247,255,1) 0%, rgba(255,255,255,1) 48%, rgba(255,248,243,1) 100%);

	/*Backgrounds*/
	--bg-color-01:#F6E5BB;
	--bg-call2action:#e52323;
	--bg-slider-overlay: linear-gradient(
		90deg,
		rgba(255,255,255,0.98) 0%,
		rgba(255,255,255,0.92) 38%,
		rgba(255,255,255,0.45) 66%,
		rgba(255,255,255,0.05) 100%
	);
	--bg-infobox:linear-gradient(135deg, #EFF4FC 0%, #f8f3ee 100%);
	--bg-kontaktbox-content:linear-gradient(135deg, #EFF4FC 0%, #f8f3ee 100%);

	/*Footer*/
	--color-footer-text: #ffffff;
	--color-footer-links-main: #ffffff;
	--color-footer-links-hover: #ffd9d9;
	--footer-icon-color: #ffffff;
	--background-footer: #193D7C;

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

	/*WV*/
	--bg-wv:#f5f5f7;
	--bg-wv-card:linear-gradient(135deg, #EFF4FC 0%, #f8f3ee 100%);
	--bg-wv-feature:#FFF;
	--color-wv-feature-heading:#000;
	--bg-wv-info-box:#F6E5BB;
	--bg-wv-side-info: rgba(255, 255, 255, 0.95);
	--bg-wv-kicker:#FFF;
	--color-wv-kicker:#e52323;

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

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

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

[data-theme="dark"] {
	/*Allgemein*/
	--bg-body:#0e0e0e;
	--color-akzent: #e52323;
	--bg-slideshow: #111827;
	--bg-fallback-farbe: #1f2937;
	--border-social-media: 2px solid rgba(255,255,255,0.65);

	--color-access-panel:#FFF;

	/*Barrierefreiheit Panel*/
	--access-panel-headline-color: #ffffff;
	--bcc-shadow: none;
	--bg-access-panel: #182238;
	--access-panel-bs: 0px 10px 35px rgba(0,0,0,0.35);
	--bg-panel-button: #26344f;
	--color-readline: #ffffff;
	--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: #ffffff;
	--access-icon-tooltip-text: #111827;

	/*Cookie Modal*/
	--bg-modal-content: #182238;
	--modal-content-text-color: #ffffff;
	--modal-header-bg: #102b5c;
	--modal-header-text-color: #ffffff;
	--modal-footer-bg: #111827;
	--placeholder-background: #26344f;
	--bg-consent-icons: #26344f;
	--color-btn-custom-accept-normal: #e52323;
	--color-btn-custom-accept-hover: #e52323;
	--color-btn-custom-reject-normal: #dce5f0;
	--color-btn-custom-reject-hover: #4b5870;

	--background-content: #0d0d0d;
	--background-kontaktformular: linear-gradient(135deg, #111827 0%, #182238 58%, #0d1830 100%);
	--img-filter: brightness(0.82);
	--mapsiframe-filter: grayscale(100%) invert(90%) contrast(95%);

	/*Navigation*/
	--background-navi: #000;
	--color-navigation: #ffffff;
	--color-navigation-hover: #ffffff;
	--color-dropdown-navigation: #ffffff;
	--dropdown-menu: rgba(17,24,39,0.98);

	/*Top-Info*/
	--color-top-info-text: #ffffff;
	--links-top-info: #ffffff;
	--links-top-info-hover: #ffd9d9;
	--background-top-info: #112D60;

	/*Kontaktbox*/
	--color-kontaktbox-open: #ffffff;
	--color-kontaktbox-h4: #ffffff;
	--bg-kontaktbox: linear-gradient(145deg, #142a55 0%, #0d1830 100%);
	--bg-main-kontaktbox: #111827;

	/*Text*/
	--color-ueberschriften: #ffffff;
	--color-subline: #FFF;
	--color-text: #f3f6fb;
	--color-links: #e52323;
	--color-links-hover: #ffb7bc;

	/* Call to action Box */
	--call2action-background: linear-gradient(135deg, #e52323 0%, #9f1019 100%);
	--call2action-color-link-main: #ffffff;
	--call2action-color-link-hover: #ffd9d9;

	--bg-call2action-unterseiten:url(../images/background/call2action-dark.jpg);

	/*Float Kontakt*/
	--color-float-contact-icon: #ffffff;
	--color-float-contact-background: #e52323;
	--bg-float-contact: rgba(17,24,39,0.78);

	/*Review-Slider*/
	--title-review: #ffffff;
	--background-review-slider: #112D60;

	/*Backgrounds*/
	--bg-color-01:#333;
	--bg-body:#000;
	--bg-slider-overlay: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0.98) 0%,
		rgba(0, 0, 0, 0.92) 38%,
		rgba(0, 0, 0, 0.45) 66%,
		rgba(0, 0, 0, 0.05) 100%
	);
	--bg-infobox:#112D60;
	--bg-kontaktbox-content:#112D60;

	/*Footer*/
	--color-footer-text: #ffffff;
	--color-footer-links-main: #ffffff;
	--color-footer-links-hover: #ffd9d9;
	--footer-icon-color: #ffffff;
	--background-footer: linear-gradient(180deg, rgba(20,42,85,1) 0%, rgba(13,24,48,1) 100%);
	
	/* Glas Effekt */
	--glas-background: rgba(24,34,56,0.76);
	--glas-border: rgba(255,255,255,0.12);

	/*WV*/
	--bg-wv:#000;
	--bg-wv-card:#112D60;
	--bg-wv-feature:#112D60;
	--color-wv-feature-heading:#FFF;
	--bg-wv-info-box:#333;
	--bg-wv-side-info: #112D60;
	--bg-wv-kicker:#112D60;
	--color-wv-kicker:#FFF;
}
/* -------------------- Farben-Variablen ENDE -------------------- */