/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
	/*Allgemein*/
	--color-akzent: #BD1421;
	--bg-call2action: url(../images/background/call2action-layer.svg), /* oberste Ebene */ linear-gradient(#fff, #fff); /* darunterliegende Farbe */;
	--bg-body:#FFF;

	--bg-imp-table:#FFF;
	--color-imp-table:#333;

	--color-btn-success:#FFF;
	--color-hauptfarbe:#BD1421;
	
	/*Barrierefreiheit Panel*/
	--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;

	--background-content: url(../images/background/bg-content.svg);
	--background-kontaktformular: url(../images/background/bg-content.svg);
	--bg-kontaktinfos:url(../images/background/contact-layer.svg);
	--img-filter: none;
	/*--mapsiframe-filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.8));*/

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

	/*Navigation*/
	--background-navi: #fff;
	--color-navigation: #282B81;
	--color-navigation-hover: #E7000E;
	--color-dropdown-navigation: #FFF;
	--bg-dropdown-link-hover:linear-gradient(to left, #E5140D 50%, #BC0D1E 100%);
	--dropdown-menu: #12273D;
	--color-nav-svg:#E7000E;

	--bg-btn-job:linear-gradient(45deg, #319ebf, #272C82);
	--btn-job-shadow: 0px 10px 20px rgba(51, 51, 51,0.3);
	--bg-btn-job-hover:linear-gradient(45deg, #272C82, #319ebf);
	--color-btn-job:#FFF;
	--btn-job-svg:#FFF;



	/*Top-Info*/
	--color-top-info-text: #FFF;
	--links-top-info: #FFF;
	--links-top-info-hover: #B8E1E4;
	--background-top-info: linear-gradient(90deg, #282B81 60%, #319FC0 100%);

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

	/*Text*/
	--color-ueberschriften: #be101e;
	--color-subline: #555756;

	--color-text: #333;
	--color-links: #be101e;
	--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: #FFF;
	--color-review-subline:#FFF;
	--background-review-slider: linear-gradient(180deg, #BD101E 60%, #980c17 100%);

	/*Footer*/
	--color-footer-text: #000;
	--color-footer-links: #333;
	--footer-icon-color: #565756;
	--background-footer: url(../images/background/bg-content.svg), linear-gradient(180deg, #a2c8cbcc 30%, #a2c8cbcc 70%, #a2c8cbcc 100%);

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

	/*Button Theme*/
	--bg-btn-theme:linear-gradient(45deg, #319ebf, #272C82);
	--bg-btn-theme-hover:linear-gradient(45deg, #272C82, #319ebf);
	--color-btn-theme:#FFF;

	/*Flexslider*/
	--bg-flexslider-layer: url(../images/background/flexslider-layer.svg);

	/*Accordion*/
	--bg-acc-button-close:linear-gradient(60deg, #282B81 60%, #319FC0 100%);
	--bg-acc-button-open:linear-gradient(60deg, #be101e 60%, #e89ba1 100%);;
	--color-acc-button-close:#FFF;
	--color-acc-button-open:#FFF;
	--bg-acc-item:#FFF;
	--color-acc-item:#333;

	--bg-acc-body-headers:transparent;
	--color-acc-body-headers:#be101e;

	--bg-acc-item-dots:#272C82;

	/*Modal*/
	--bg-modal:#FFF;

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

		--font-ueberschriften: "ofelia-display", sans-serif;
		--font-fliesstext: "futura-pt", sans-serif;
		--font-navigation: "ofelia-display", sans-serif;

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

[data-theme="dark"] {
	/*Allgemein*/
	--color-akzent: #be101e;
	--bg-call2action: url(../images/background/call2action-layer-dark.svg), /* oberste Ebene */ linear-gradient(#212529, #212529); /* darunterliegende Farbe */;
	--bg-body:#212529;

	--bg-imp-table:#212529;
	--color-imp-table:#FFF;

	/*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: #000;
	--bg-consent-icons: #989898;
	--color-btn-custom-accept-normal: #2A2A2A;
	--color-btn-custom-accept-hover: #191919;

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

	--bg-kontaktinfos:url(../images/background/contact-layer-dark.svg);

	/*Navigation*/
	--background-navi: #212529;
	--color-navigation: #fff;
	--color-navigation-hover:#FFF;
	--color-dropdown-navigation: #fff;
	--dropdown-menu: rgba(0, 0, 0, 0.80);
	--color-nav-svg:#FFF;

	--bg-btn-job:linear-gradient(45deg, #319ebf, #272C82);
	--btn-job-shadow: 0px 10px 20px rgba(51, 51, 51,0.3);
	--bg-btn-job-hover:linear-gradient(45deg, #272C82, #319ebf);
	--color-btn-job:#FFF;
	--btn-job-svg:#FFF;

	/*Top-Info*/
	--color-top-info-text: #fff;
	--links-top-info: #fff;
	--links-top-info-hover: #fff;
	--background-top-info: 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%);

	/*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: #FFF;
	--color-subline: #fff;
	--color-text: #fff;
	--color-links: #ff0015;
	--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(180deg, #BD101E 60%, #980c17 100%);

	/*Footer*/
	--color-footer-text: #fff;
	--color-footer-links: #fff;
	--footer-icon-color: #c4c5c5;
	--background-footer: url(../images/background/bg-content.svg), linear-gradient(90deg, #BD101E 0%, #980c17 42%, #980c17 58%, #980c17 100%);
	
	/* Glas Effekt */
	--glas-background: rgba(33, 37, 41, 0.4);
	--glas-border: rgba(33, 37, 41, 0.3);

	/*Flexslider*/
	--bg-flexslider-layer: url(../images/background/flexslider-layer-dark.png);

	/*Accordion*/
	--bg-acc-item:#212529;
	--color-acc-item:#FFF;

	--bg-acc-body-headers:transparent;
	--color-acc-body-headers:#FFF;

	--bg-acc-item-dots:#FFF;

	/*Modal*/
	--bg-modal:#212529;
}

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