/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
	/*Allgemein*/
	--color-akzent: #4d1f03;
	--color-akzent2: #ffb301;
	--color-akzent3: #212529;
	--color-akzent-rgb: 77, 31, 3;
	--color-icon: #4d1f03;
	--bg-sidebar-dropdown: #f0f0f0;
	--bg-sidebar-dropdown-hover: #e3e3e3;
	--bg-youtube: #efefef;
	--bg-body: #fff;
	--bg-call2action: #fff;
	--bg-grey: #efefef;
  	--bg-split: linear-gradient(to top, #fff 0%, #fff 35%, #4d1f03 35%, #4d1f03 100%);
  	--bg-split2: linear-gradient(to right, #fff 0%, #fff 35%, #ffb301 35%, #ffb301 100%);
	--bg-verlauf-unten-oben: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.0) 100%);
	--background-content: url('../images/background/001--bg-content.jpg');
	--background-kontaktformular: url('../images/background/001--bg-content.jpg');
	--background-call2action: url('../images/background/002--296235877.jpg');
	--background-slider: url('../images/background/004--262514916.jpg');
	--img-filter: none;
	--mapsiframe-filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.8));
	--shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);

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

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

	/*Top-Info*/
	--color-top-info-text: #fff;
	--links-top-info: #fff;
	--links-top-info-hover: #ffb301;
	--background-top-info: #4d1f03;

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

	/*Text*/
	--color-ueberschriften: #212529;
	--color-subline: #212529;
	--color-white: #fff;
	--color-text: #212529;
	--color-links: #ff9901;
	--color-links-hover: #ffb301;

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

	/*Review-Slider*/
	--title-review: #fff;
	--background-review-slider: #4d1f03;
	--bg-card-review: rgba(255, 255, 255, 0.9);

	/*Footer*/
	--color-footer-ueberschriften: #fff;
	--color-footer-text: #fff;
	--color-footer-links: #fff;
	--color-footer-links-hover: #ffb301;
	--background-footer: #4d1f03;

	/*Social Media*/
	--color-facebook: #3c5997;

	/* Schrift-Variablen ANFANG */
	--font-ueberschriften: "rubik", sans-serif;
	--font-subline: "rubik", sans-serif;
	--font-fliesstext: "roboto", sans-serif;
	--font-navigation: "rubik", sans-serif;

}

[data-theme="dark"] {
	/*Allgemein*/
	--color-akzent: #4d1f03;
	--color-akzent2: #ff9901;
	--color-akzent3: #212529;
	--color-akzent-rgb: 77, 31, 3;
	--color-icon: #fff;
	--bg-sidebar-dropdown: #5b5b5b;
	--bg-sidebar-dropdown-hover: #3e3d3d;
	--bg-youtube: #5b5b5b;
	--bg-body: #212529;
	--bg-call2action: #fff;
	--bg-grey: #5b5b5b;
  	--bg-split: linear-gradient(to top, #212529 0%, #212529 35%, #4d1f03 35%, #4d1f03 100%);
  	--bg-split2: linear-gradient(to right, #212529 0%, #212529 35%, #ff9901 35%, #ff9901 100%);
	--bg-verlauf-unten-oben: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.0) 100%);
	--background-content: url('../images/background/001--bg-content-dark.jpg');
	--background-kontaktformular: url('../images/background/001--bg-content-dark.jpg');
	--background-call2action: url('../images/background/002--296235877.jpg');
	--background-slider: url('../images/background/004--262514916.jpg');
	--img-filter: brightness(0.8);
	--mapsiframe-filter: grayscale(100%) invert(90%) contrast(95%);
	--shadow: 0 .5rem 1rem rgba(255, 255, 255, .15);

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

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

	/*Top-Info*/
	--color-top-info-text: #fff;
	--links-top-info: #fff;
	--links-top-info-hover: #ffb301;
	--background-top-info: #4d1f03;

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

	/*Text*/
	--color-ueberschriften: #fff;
	--color-subline: #fff;
	--color-white: #fff;
	--color-text: #fff;
	--color-links: #ff9901;
	--color-links-hover: #ffb301;

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

	/*Review-Slider*/
	--title-review: #fff;
	--background-review-slider: #4d1f03;
	--bg-card-review: rgba(33, 37, 41, 0.9);

	/*Footer*/
	--color-footer-ueberschriften: #fff;
	--color-footer-text: #fff;
	--color-footer-links: #fff;
	--color-footer-links-hover: #ffb301;
	--background-footer: #4d1f03;

	/*Social Media*/
	--color-facebook: #3c5997;

	/* Schrift-Variablen ANFANG */
	--font-ueberschriften: "rubik", sans-serif;
	--font-subline: "rubik", sans-serif;
	--font-fliesstext: "roboto", sans-serif;
	--font-navigation: "rubik", sans-serif;
}

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