/* -------------------- Farben-Variablen BEGINN -------------------- */
:root {
    	--c1: #f0f8ff;
	--c2: #303030;
	/*Allgemein*/
	--color-akzent: #E60F6F;
	--color-akzent2: #028A30;
	--color-akzent3: #666;

	--background-content: url('../images/background/bg-image.jpg');
	--background-color-content: #fff;
	--background-color-content-light: #F8F9FA;
	/*--background-kontaktformular: url('../images/background/');*/
	--img-filter: none;
	--mapsiframe-filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.8));
    --background-slider: url("../images/background/bg-slider.png");
    
    
	/*Navigation*/
	--background-navi:  url("../images/background/navi-details.svg");
	--background-color-navi: #F2F2F8;
	--color-navigation: #E60F6F;
	--color-navigation-hover: #fff;
	--color-dropdown-navigation: #000;
	--dropdown-menu: rgba(255, 255, 255, 0.95);

	/*Top-Info*/
	--color-top-info-text: #fff;
	--links-top-info: #fff;
	--links-top-info-hover: #FAD812;
	--background-top-info: #E60F6F;

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

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

	--color-text: #333;
	--color-links: #E60F6F;
	--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: #000;
	--background-review-slider: linear-gradient(95deg, #4F4F4F 0%, #727272 42%, #888888 58%, #4F4F4F 100%);

	/*Footer*/
	--color-footer-text: #000;
	--color-footer-links: #333;
	--footer-icon-color: #565756;
	--background-footer: linear-gradient(180deg, rgba(255,255,255,1) 30%, rgba(161,161,161,1) 100%);

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

    --card-color: #E60F6F;
	/* -------------------- Schrift-Variablen ANFANG -------------------- */

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

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

[data-theme="dark"] {
	/*Allgemein*/
	--color-akzent: #E60F6F;

	--background-content: #212529;
	--background-color-content: #212529;
    --background-color-content-light: #212529;

	--background-kontaktformular: #212529;
	--img-filter: brightness(0.8);
	--mapsiframe-filter: grayscale(100%) invert(90%) contrast(95%);
    --background-slider: url("../images/background/bg-slider-dark.svg");
    
    
	/*Navigation*/
	--background-navi:  url("../images/background/navi-details.svg");
	--background-color-navi: #212529;
	--color-navigation: #fff;
	--color-navigation-hover: #fff;
	--color-dropdown-navigation: #fff;
	--dropdown-menu: rgba(0, 0, 0, 0.80);

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

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

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

	/*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(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%);

	/*Footer*/
	--color-footer-text: #fff;
	--color-footer-links: #fff;
	--footer-icon-color: #E60F6F;
	--background-footer: #212529;
	
	/* Glas Effekt */
	--glas-background: rgba(33, 37, 41, 0.4);
	--glas-border: rgba(33, 37, 41, 0.3);
}

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