/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
	/* Kundenfarben */
	--boettcher-blau: #1a70b7;
	/* Barrierefreiheit Panel */
	--color-akzent: var(--boettcher-blau);
	--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;

	/* Main */
	--color-text: #333;
	--bg-navigaton: linear-gradient(270deg, rgb(255 255 255 / .4) 0%, rgb(255 255 255) 100%),url("../images/bg-main-rev.jpg");
	--bg-navigaton-fallback: #dcdcdc;
	--color-nav-link: #000;
	--filter-img: none;
	--textfarbe-main: #212529;
	--bg-color-05: rgb(255 255 255 / .8);
	--bg-main: url("../images/bg-main.jpg");
	--footer-title: #444444;
	--footer-list: #333;
	--color-03: #444444;
	--footer-end: #000;
	--mapsiframe-filter: none;
	--scroll-top-bg: rgb(43 43 43 / .6);
	--scroll-top-color: #fff;
}

[data-theme="dark"] {
	/* Kundenfarben */
	--boettcher-blau: #3795E2;
	--darkmode: #212529;
	--darkmode-rgb: 33 37 41;
	/* 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;

	/* Main */
	--color-text: #fff;
	--bg-navigaton: linear-gradient(90deg, rgb(var(--darkmode-rgb)) 0%, rgb(var(--darkmode-rgb)) 100%);
	--bg-navigaton-fallback: var(--darkmode);
	--color-nav-link: #fff;
	--filter-img: brightness(0.5);
	--textfarbe-main: #fff;
	--bg-color-05: var(--darkmode);
	--bg-main: linear-gradient(90deg, rgb(var(--darkmode-rgb) / .95) 0%, rgb(var(--darkmode-rgb) / .95) 100%),url("../images/bg-main.jpg");
	--footer-title: #fff;
	--footer-list: #fff;
	--color-03: #fff;
	--footer-end: #fff;
	--mapsiframe-filter: grayscale(100%) invert(90%) contrast(95%);
	--scroll-top-bg: rgb(255 255 255 / .2);
	--scroll-top-color: #fff;
}
/* -------------------- Farben-Variablen ENDE -------------------- */