/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
	/*Allgemein*/
	--color-akzent: #110b79;
	--color-akzent2: #4fa0ca;
	--color-akzent3: #fe330a;
	--color-akzent4: #ffff01;
	--verlauf-blau: linear-gradient(to top, #110b79, #4fa0ca);
	--verlauf-rot: linear-gradient(to bottom, #fe330a, #ffff01);
	--bg-kontaktformular: linear-gradient(to top, #4fa0ca, #fff);
	--bg-body: #fff;
	--color-white: #fff;
	--color-grey: #E9E9E9;
	--slide-image: rgba(255, 255, 255,0.8);	
	--bg-verlauf-von-oben: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.8));
	--bg-slider: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
	--close: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	--bg-preview1: linear-gradient(to right, #fff 0%, #fff 40%, #E9E9E9 40%, #E9E9E9 100%);
	--bg-preview2: linear-gradient(to left, #fff 0%, #fff 40%, #E9E9E9 40%, #E9E9E9 100%);
	--bg-preview1-mobile: linear-gradient(to bottom, #E9E9E9 0%, #E9E9E9 40%, #E9E9E9 40%, #E9E9E9 100%);
	--bg-preview2-mobile: linear-gradient(to bottom, #E9E9E9 0%, #E9E9E9 40%, #E9E9E9 40%, #E9E9E9 100%);

	/*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: #212529;
	--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: #212529;
	--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;
	--bg-call2action: url('../images/background/003--576625315.jpg');

	--img-filter: none;
	--mapsiframe-filter: drop-shadow(2px 4px 6px rgba(0,0,0,0));

	/*Navigation*/
	--background-navi: #fff;
	--color-navigation: #212529;
	--color-navigation-hover: #fff;
	--color-dropdown-navigation: #212529;
	--color-dropdown-navigation-hover: #fff;
	--dropdown-menu: rgba(255, 255, 255, 0.95);

	/*Top-Info*/
	--color-top-info-text: #fff;
	--links-top-info: #fff;
	--links-top-info-hover: #ffcc01;
	--background-top-info: linear-gradient(to top, #110b79 60%, #4fa0ca 100%);

	/*Text*/
	--color-ueberschriften: #110b79;
	--color-subline: #fe330a;
	--color-text: #212529;
	--color-links: #fe330a;
	--color-links-hover: #ffff01;

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

	/*Footer*/
	--color-footer-text: #fff;
	--color-footer-links: #fff;
	--color-footer-links-hover: #ffff01;
	--background-footer: linear-gradient(to top, #110b79 60%, #4fa0ca 100%);
	--quicklinks-titel: #fff;
	--quicklinks-subline: #fff;

	/* ---- Social Media  ---- */
	--color-facebook: #3b5998;
	--color-insta: linear-gradient(35deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
	
	/* Glas Effekt */
	--glas-background: rgba(255, 255, 255, 0.4);
	--glas-border: rgba(255, 255, 255, 0.3);

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

	--font-ueberschriften: "handel-gothic", sans-serif;
	--font-untertitel:  "bank-gothic-bt", sans-serif;
	--font-fliesstext: "futura-pt", sans-serif;
	--font-navigation: "futura-pt", sans-serif;

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

[data-theme="dark"] {
	/*Allgemein*/
	--color-akzent: #110b79;
	--color-akzent2: #4fa0ca;
	--color-akzent3: #fe330a;
	--color-akzent4: #ffff01;
	--verlauf-blau: linear-gradient(to top, #110b79, #4fa0ca);
	--verlauf-rot: linear-gradient(to bottom, #fe330a, #ffff01);
	--bg-kontaktformular: linear-gradient(to top, #4fa0ca, #212529);
	--bg-body: #212529;
	--color-white: #fff;
	--color-grey: #3b3b3b;
	--slide-image: rgba(33, 37, 41, 0.8);
	--bg-verlauf-von-oben: linear-gradient(to bottom, rgba(33, 37, 41, 1), rgba(33, 37, 41, 0.8));
	--bg-slider: linear-gradient(to right, rgba(33, 37, 41, 0) 0%, rgba(33, 37, 41, 0.8) 50%, rgba(33, 37, 41, 0) 100%);
	--close: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
	--bg-preview1: linear-gradient(to right, #212529 0%, #212529 40%, #333 40%, #333 100%);
	--bg-preview2: linear-gradient(to left, #212529 0%, #212529 40%, #333 40%, #333 100%);
	--bg-preview1-mobile: linear-gradient(to bottom, #333 0%, #333 40%, #333 40%, #333 100%);
	--bg-preview2-mobile: linear-gradient(to bottom, #333 0%, #333 40%, #333 40%, #333 100%);
	
	/*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');
	--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;
	--bg-call2action: url('../images/background/003--576625315-dark.jpg');

	--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: #212529;
	--color-dropdown-navigation-hover: #fff;
	--dropdown-menu: rgba(33, 37, 41, 0.95);

	/*Top-Info*/
	--color-ueberschriften: #fff;
	--color-subline: #fe330a;
	--color-text: #fff;
	--color-links: #fe330a;
	--links-top-info-hover: #ffcc01;
	--background-top-info: linear-gradient(to top, #110b79 60%, #4fa0ca 100%);

	/*Text*/
	--color-ueberschriften: #fff;
	--color-subline: #fff;
	--color-text: #fff;
	--color-links: #fff;
	--color-links-hover: #f9002b;

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

	/*Footer*/
	--color-footer-text: #fff;
	--color-footer-links: #fff;
	--color-footer-links-hover: #ffff01;
	--background-footer: linear-gradient(to top, #110b79 60%, #4fa0ca 100%);
	--quicklinks-titel: #fff;
	--quicklinks-subline: #fff;

	/* ---- Social Media  ---- */
	--color-facebook: #3b5998;
	--color-insta: linear-gradient(35deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
}

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