/* -------------------- Light Theme Variablen -------------------- */

:root {
	
--bg-body: #fff; 

--color-titel: #e7000e; 
	
--color-subtitel: #646c6a; 
	
--color-text: #212529; 
	
--color-white: #fff; 

--color-akzent: #0068b2;

--color-link: #0068b2; 
	
--red: #e7000e; 
	
--blue: #0068b2; 
	
--grey: #646c6a; 
	
--grey-light: #ECECEC; 

--img-filter: none;

--mapsiframe-filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.8));
	
/* ---- Background ---- */
	
--bg-content: url('../images/background/004--302685059.jpg');
	
--bg-vermietung: url('../images/background/004--302685059.jpg');
	
--bg-box1: url('../images/teaser/005--302059014.jpg');
	
--bg-box2: url('../images/teaser/006--283003319.jpg');
	
--bg-top-quicklinks: url('../images/background/001--top-quicklinks.jpg');

--bg-service: url('../images/slider/service/001--IMG_7040.jpg');
	
--bg-footer: url('../images/background/003--284848032.jpg');
	
--bg-verlauf: linear-gradient(to bottom, rgba(255,255,255, 1), rgba(255,255,255, 0),rgba(255,255,255, 1));
	
--bg-verlauf-von-links-nach-rechts: linear-gradient(to right, rgba(255,255,255, 1), rgba(255,255,255, 0));
	
--bg-verlauf-von-rechts-nach-links: linear-gradient(to right, rgba(255,255,255, 0), rgba(255,255,255, 1));
	
--bg-verlauf-von-unten: linear-gradient(to bottom, rgba(255,255,255, 0) 60%, rgba(255,255,255, 1) 100%);
	
--bg-verlauf-von-oben: linear-gradient(to top, rgba(255,255,255, 0) 60%, rgba(255,255,255, 1) 100%);
	
--bg-verlauf-von-oben-und-unten: linear-gradient(to bottom, rgba(255,255,255, 1), rgba(255,255,255, 0),rgba(255,255,255, 1));

	
	/*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/icon/cursor-light.png');
	--cursor-pointer: url('../images/icon/cursor-pointer-light.png');
	--cursor-text: url('../images/icon/cursor-text-light.png');
	--access-icon-tooltip-color: #212529;
	--access-icon-tooltip-text: #fff;

	/*Cookie Modal*/
	--bg-modal-content: #fff;
	--modal-content-text-color: #212529;
	--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;

	
/* ---- Schriften  ---- */

--font-ueberschriften: "familjen-grotesk", sans-serif;

--font-fliesstext: "futura-pt", sans-serif;

--font-navigation: "futura-pt", sans-serif;
	
/* ----btn Button ---- */
	
--border-button: #0068b2; 
	
--color-button: #0068b2; 
	
--bg-button: transparent; 
	
--border-button-hover: #0068b2; 
	
--color-button-hover: #fff; 
	
--bg-button-hover: #0068b2; 
	
/* ---- hr ---- */
	
--color-hr: #0068b2; 
	
--color-hr-white: #fff; 

/* ---- Social Media ---- */

--color-facebook: #3b5998;

--color-whatsapp: #25D366;

--color-tiktok: #000;

--color-insta: linear-gradient(35deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
	
/* ---- Top-Info ---- */

--color-tinfo: #fff; 
	
--color-tinfo-hover: #E30613; 
	
--bg-tinfo: linear-gradient(to bottom, #0068b2, #003D68); 
	
/* ---- Navigation ---- */
	
--bg-navi: #fff;

--bg-dropdown-menu: rgba(255, 255, 255, 0.95);
	
--bg-dropdown-navi-hover: transparent;
	
--color-navi: #212529; 

--color-navi-hover: #0068b2; 
	
--color-titel-dropdown: #0068b2; 

--color-dropdown-navi: #212529;
	
--color-dropdown-hover: #e7000e;
	
/* ---- Theme Switch ---- */
	
--border-theme-switch: #0068b2;

--bg-theme-switch: #fff;
	
--sun-theme-switch: #e7000e;
	
--moon-theme-switch: #0068b2;
	
--ball-theme-switch: rgba(255,255,255,0.8);
	
/* ---- Lieferprogramm ---- */
	
--color-lieferprogramm: #fff; 
	
--color-lieferprogramm-h5: #212529; 
	
--border-lieferprogramm: #fff; 

--bg-lieferprogramm-h5: rgba(255,255,255,0.85);
	
--bg-lieferprogramm-effect: linear-gradient(25deg, #004E9F 0%, #004E9F 40%, #82A8D0 50%, #004E9F 60%, #004E9F 100%); 
	
--bg-lieferprogramm-effect-before: rgba(255, 255, 255, 0.5);

/* ---- Review Slider ---- */
	
--color-review: #212529; 

/* ---- Float Container ---- */

--bg-float-container: rgba(255,255,255,0.50);
	
--color-float-contact: #fff; 
	
--outline-float-contact: #fff; 
	
--border-float-contact: #e7000e; 
	
--color-float-contact-hover: #fff; 
	
--outline-float-contact-hover: #e7000e; 
	
--border-float-contact-hover: #fff; 
	
--shadow-float-contact: #cccccc; 
	
--bg-float-contact: #0068b2; 
	
--bg-float-contact-hover: #e7000e;
	
/* ---- Footer ---- */
	
--color-titel-footer: #646c6a; 
	
--color-footer-text: #212529; 
	
--color-footer-links: #212529; 
	
--color-footer-links-hover: #e7000e; 
	
--bg-kontakt-balken: linear-gradient(to bottom, #0068b2, #003D68);
	
/* ---- Öffnungszeiten ---- */
	
--border-open: #212529; 
	
--color-open-text: #212529; 
	
--bg-open-text: #0068b2; 
	
--bg-color-open-text: #fff; 
}	
	
	
/* -------------------- Dark Theme Variablen ANFANG -------------------- */

[data-theme="dark"] {

--bg-body: #212529; 

--color-titel: #e7000e; 
	
--color-subtitel: #fff; 
	
--color-text: #fff; 
	
--color-white: #fff; 

--color-akzent: #0068b2;

--color-link: #fff; 
	
--red: #e7000e; 
	
--blue: #0068b2; 
	
--grey: #646c6a; 
	
--grey-light: #706969; 

--img-filter: brightness(0.8);

--mapsiframe-filter: grayscale(100%) invert(90%) contrast(95%);

	
/* ---- Background ---- */
	
--bg-content: url('../images/background/004--302685059--dark.jpg');
	
--bg-vermietung: url('../images/background/004--302685059--dark.jpg');
	
--bg-box1: url('../images/teaser/005--302059014--dark.jpg');
	
--bg-box2: url('../images/teaser/006--283003319--dark.jpg');
	
--bg-top-quicklinks: url('../images/background/001--top-quicklinks--dark.jpg');

--bg-service: url('../images/slider/service/001--IMG_7040.jpg');
	
--bg-footer: url('../images/background/003--284848032--dark.jpg');
	
--bg-verlauf: linear-gradient(to bottom, rgba(33,37,41, 1), rgba(33,37,41, 0),rgba(33,37,41, 1));
	
--bg-verlauf-von-links-nach-rechts: linear-gradient(to right, rgba(33,37,41, 1), rgba(33,37,41, 0));
	
--bg-verlauf-von-rechts-nach-links: linear-gradient(to right, rgba(33,37,41, 0), rgba(33,37,41, 1));
	
--bg-verlauf-von-unten: linear-gradient(to bottom, rgba(33,37,41, 0) 60%, rgba(33,37,41, 1) 100%);
	
--bg-verlauf-von-oben: linear-gradient(to top, rgba(33,37,41, 0) 60%, rgba(33,37,41, 1) 100%);
	
--bg-verlauf-von-oben-und-unten: linear-gradient(to bottom, rgba(33,37,41, 1), rgba(33,37,41, 0),rgba(33,37,41, 1));


	/*Barrierefreiheit Panel*/
	--bcc-shadow: none;
	--bg-access-panel: #3b3b3b;
	--access-panel-bs: none;
	--bg-panel-button: #989898;
	--color-readline: #fff;
	--cursor-color: url('../images/icon/cursor-dark.png');
	--cursor-pointer: url('../images/icon/cursor-pointer-dark.png');
	--cursor-text: url('../images/icon/cursor-text-dark.png');
	--access-icon-tooltip-color: #fff;
	--access-icon-tooltip-text: #212529;

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

--font-ueberschriften: "familjen-grotesk", sans-serif;

--font-fliesstext: "futura-pt", sans-serif;

--font-navigation: "futura-pt", sans-serif;
	
/* ----btn Button ---- */
	
--border-button: #fff; 
	
--color-button: #fff; 
	
--bg-button: transparent; 
	
--border-button-hover: #0068b2; 
	
--color-button-hover: #fff; 
	
--bg-button-hover: #0068b2; 
	
/* ---- hr ---- */
	
--color-hr: #0068b2; 
	
--color-hr-white: #fff; 

/* ---- Social Media ---- */

--color-facebook: #3b5998;

--color-whatsapp: #25D366;

--color-tiktok: #000;

--color-insta: linear-gradient(35deg, #feda75 0%, #fa7e1e 25%, #d62976 50%, #962fbf 75%, #4f5bd5 100%);
	
/* ---- Top-Info ---- */

--color-tinfo: #fff; 
	
--color-tinfo-hover: #E30613; 
	
--bg-tinfo: linear-gradient(to bottom, #0068b2, #003D68); 
	
/* ---- Navigation ---- */
	
--bg-navi: #212529;

--bg-dropdown-menu: rgba(33, 37, 41, 0.95);
	
--bg-dropdown-navi-hover: transparent;
	
--color-navi: #fff; 

--color-navi-hover: #0068b2; 
	
--color-titel-dropdown: #0068b2; 

--color-dropdown-navi: #fff;
	
--color-dropdown-hover: #e7000e;
	
/* ---- Theme Switch ---- */
	
--border-theme-switch: #0068b2;

--bg-theme-switch: #fff;
	
--sun-theme-switch: #e7000e;
	
--moon-theme-switch: #0068b2;
	
--ball-theme-switch: rgba(33,37,41,0.8);
	
/* ---- Lieferprogramm ---- */
	
--color-lieferprogramm: #fff; 
	
--color-lieferprogramm-h5: #212529; 
	
--border-lieferprogramm: #fff; 

--bg-lieferprogramm-h5: rgba(33,37,41,0.85);
	
--bg-lieferprogramm-effect: linear-gradient(25deg, #004E9F 0%, #004E9F 40%, #82A8D0 50%, #004E9F 60%, #004E9F 100%); 
	
--bg-lieferprogramm-effect-before: rgba(255, 255, 255, 0.5);

/* ---- Review Slider ---- */
	
--color-review: #212529; 

/* ---- Float Container ---- */

--bg-float-container: rgba(33,37,41,0.50);
	
--color-float-contact: #fff; 
	
--outline-float-contact: #fff; 
	
--border-float-contact: #e7000e; 
	
--color-float-contact-hover: #fff; 
	
--outline-float-contact-hover: #e7000e; 
	
--border-float-contact-hover: #fff; 
	
--shadow-float-contact: #cccccc; 
	
--bg-float-contact: #0068b2; 
	
--bg-float-contact-hover: #e7000e;
	
/* ---- Footer ---- */
	
--color-titel-footer: #fff; 
	
--color-footer-text: #fff; 
	
--color-footer-links: #fff; 
	
--color-footer-links-hover: #e7000e; 
	
--bg-kontakt-balken: linear-gradient(to bottom, #0068b2, #003D68);
	
/* ---- Öffnungszeiten ---- */
	
--border-open: #212529; 
	
--color-open-text: #fff; 
	
--bg-open-text: #0068b2; 
	
--bg-color-open-text: #fff; 
}	

/* -------------------- Dark Theme Variablen ENDE -------------------- */