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

:root {
	
--color-akzent: #005e93;

--bg-body: #fff; 
	
--color-text: #333;  
	
--color-titel: #005e93;
	
--color-subtitel: #4a4a49;
	
--color-links: #83d0f5;

--color-links-hover: #005e93;
	
--blau: #005e93; 
	
--grey: #4a4a49; 
	
--hellblau: #83d0f5; 
	
--white: #fff; 
	
--bgwhite: #fff; 
	
--dark: #212529; 	
	
--bg-blend-mode: transparent;
	
--img-filter: none;
	
/* ---- Background-Image  ---- */
	
--bg-headline: url('../images/background/002--624250925.jpg');
	
--bg-content: url('../images/background/002--624250925.jpg');
	
--bg-topinfo: url('../images/background/001--414366301.jpg');
	
--background-white: url('../images/background/004--878903862.jpg');
	
--bg-footer: url('../images/background/003--593288120.jpg');
	
/* ---- Background-Verläufe  ---- */
	
--bg-verlauf-oben-unten: linear-gradient(to bottom, rgba(255,255,255, 1), rgba(255,255,255, 0),rgba(255,255,255, 1));
	
--bg-verlauf-von-oben: linear-gradient(to bottom, rgba(255,255,255, 1), rgba(255,255,255, 0));
	
--bg-verlauf-von-unten: linear-gradient(to top, rgba(255,255,255, 1), rgba(255,255,255, 0));
	
--bg-verlauf-links-rechts: linear-gradient(to left, 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) 0%, rgba(255,255,255, 1) 100%);
	
--bg-verlauf-hellblau: linear-gradient(135deg, #83d0f5, #005e93);
	
/* ---- Schriften  ---- */

--font-titel: "century-gothic", sans-serif;
	
--font-subtitel: "century-gothic", sans-serif;

--font-fliesstext: "futura-pt", sans-serif;
	
/* ----btn Button ---- */ 
	
--border-btn-success: #005e93; 
	
--color-btn-success: #fff; 
	
--bg-btn-success: #005e93; 
	
--border-btn-success-hover: #005e93; 
	
--color-btn-success-hover: #005e93;  
	
--bg-btn-success-hover: #fff;
	
--border-btn-primary: #fff; 
	
--color-btn-primary: #fff; 
	
--bg-btn-primary: linear-gradient(135deg, #83d0f5, #005e93);
	
--border-btn-primary-hover: #005e93; 
	
--color-btn-primary-hover: #fff;  
	
--bg-btn-primary-hover: linear-gradient(135deg, #005e93, #005e93);
	
/* ---- hr ---- */
	
--color-hr: #005e93; 

/* ---- 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: #005e93; 
	
--color-tinfo-link: #005e93; 
	
--color-tinfo-link-hover: #4a4a49; 
	
/* ---- Navigation ---- */
	
--bg-navi: #fff;

--bg-dropdown-menu: rgba(255, 255, 255, 0.95);
	
--bg-dropdown-navi-hover: transparent;
	
--color-navi: #333; 
	
--home: #005e93;

--color-navi-hover: #005e93; 

--color-dropdown: #333;
	
--color-dropdown-hover: #fff;
	
--bg-dropdown-hover: linear-gradient(135deg, #005e93, #83d0f5);
	
/* ---- Footer ---- */
	
--color-titel-footer: #fff; 
	
--color-footer: #fff; 
	
--color-footer-links: #fff; 
	
--color-footer-links-hover: #005e93;
	
--map: none;	

/* ---- Öffnungszeiten ---- */
	
--border-open: #fff; 
	
--color-open-text: #fff; 
	
--bg-open-text: #fff; 
	
--bg-color-open-text: #005e93; 

/* ---- Card ---- */
	
--bg-card: #f8f8f8;
	
--color-card: #333;
	
--bg-icon-card: #fff;
	
--color-icon-card: #005e93;
	
--bg-icon-card-hover: linear-gradient(45deg, #005e93 0%, #83d0f5 100%);
	
--color-icon-card-hover: #fff;
	
/* ---- Accordion ---- */
	
--color-accordion: #fff;

--border-accordion: #fff;
	
--bg-accordion-body: #fff;
	
--color-accordion-body: #333;
	
--color-accordion-collapsed: #83d0f5; 

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

	/*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;
	
}
	
/* -------------------- Dark Theme Variablen ANFANG -------------------- */

[data-theme="dark"] {

--color-akzent: #005e93;

--bg-body: #212529; 
	
--color-text: #fff;  
	
--color-titel: #83d0f5;
	
--color-subtitel: #fff;
	
--color-links: #83d0f5;

--color-links-hover: #005e93;
	
--blau: #005e93; 
	
--grey: #fff; 
	
--hellblau: #83d0f5; 
	
--white: #fff; 
	
--bgwhite: #212529; 
	
--dark: #212529; 	
	
--bg-blend-mode: #212529;
	
--img-filter: brightness(0.8);
	
/* ---- Background-Image  ---- */
	
--bg-headline: url('../images/background/002--624250925.jpg');
	
--bg-content: url('../images/background/002--624250925.jpg');
	
--bg-topinfo: url('../images/background/001--414366301.jpg');
	
--background-white: url('../images/background/004--878903862.jpg');
	
--bg-footer: url('../images/background/003--593288120.jpg');
	
/* ---- Background-Verläufe  ---- */
	
--bg-verlauf-oben-unten: linear-gradient(to bottom, rgba(33,37,41, 1), rgba(33,37,41, 0),rgba(33,37,41, 1));
	
--bg-verlauf-von-oben: linear-gradient(to bottom, rgba(33,37,41, 1), rgba(33,37,41, 0));
	
--bg-verlauf-von-unten: linear-gradient(to top, rgba(33,37,41, 1), rgba(33,37,41, 0));
	
--bg-verlauf-links-rechts: linear-gradient(to left, 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) 0%, rgba(33,37,41, 1) 100%);
	
--bg-verlauf-hellblau: linear-gradient(135deg, #212529, #005e93);
	
/* ---- Schriften  ---- */

--font-titel: "century-gothic", sans-serif;
	
--font-subtitel: "century-gothic", sans-serif;

--font-fliesstext: "futura-pt", sans-serif;
	
/* ----btn Button ---- */ 
	
--border-btn-success: #005e93; 
	
--color-btn-success: #fff; 
	
--bg-btn-success: #005e93; 
	
--border-btn-success-hover: #005e93; 
	
--color-btn-success-hover: #005e93;  
	
--bg-btn-success-hover: #212529;
	
--border-btn-primary: #212529; 
	
--color-btn-primary: #fff; 
	
--bg-btn-primary: linear-gradient(135deg, #83d0f5, #005e93);
	
--border-btn-primary-hover: #005e93; 
	
--color-btn-primary-hover: #fff;  
	
--bg-btn-primary-hover: linear-gradient(135deg, #005e93, #005e93);
	
/* ---- hr ---- */
	
--color-hr: #005e93; 

/* ---- 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-link: #fff; 
	
--color-tinfo-link-hover: #83d0f5; 
	
/* ---- Navigation ---- */
	
--bg-navi: #212529;

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

--color-navi-hover: #83d0f5; 

--color-dropdown: #fff;
	
--color-dropdown-hover: #fff;
	
--bg-dropdown-hover: linear-gradient(135deg, #005e93, #005e93);
	
/* ---- Footer ---- */
	
--color-titel-footer: #fff; 
	
--color-footer: #fff; 
	
--color-footer-links: #fff; 
	
--color-footer-links-hover: #83d0f5;
	
--map: grayscale(100%) invert(90%) contrast(95%);

/* ---- Öffnungszeiten ---- */
	
--border-open: #fff; 
	
--color-open-text: #fff; 
	
--bg-open-text: #fff; 
	
--bg-color-open-text: #005e93; 

/* ---- Card ---- */
	
--bg-card: #212529;
	
--color-card: #fff;
	
--bg-icon-card: #333;
	
--color-icon-card: #83d0f5;
	
--bg-icon-card-hover: linear-gradient(45deg, #005e93 0%, #005e93 100%);
	
--color-icon-card-hover: #fff;
	
/* ---- Accordion ---- */
	
--color-accordion: #fff;

--border-accordion: #fff;
	
--bg-accordion-body: #fff;
	
--color-accordion-body: #333;
	
--color-accordion-collapsed: #83d0f5; 
	
	/*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;

}

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