/* -------------------- Light Theme Variablen -------------------- */
:root {
--grulke-dblau: #153b8f;
--grulke-hblau: #01a0e4;
/*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: var(--grulke-dblau);
--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;
/* Main */
--bg-body: #fff; 
--color-text: #333;  
--color-links: #0057a4;
--color-links-hover: #fbb500;
--color-06: #fff;
--color-07: #0057a4;
--color-08: #0057a4;
--color-09: #FF0004;
--color-05: #fff;
--img-filter: none;
--mapsiframe-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
--close: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
/* ---- Background-Image  ---- */
--bg-content: url("../images/teaser/index-neu-89589002.jpg");
--bg-review: url("../images/background/bg-115284684.jpg");
--bg-footer: url("../images/background/hintergrund.jpg");
/* ---- Background-Verläufe  ---- */
--bg-glas: rgba(255, 255, 255, 0.4);
--bg-glas-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
--bg-glas-blau: rgba(19, 61, 145, 0.6);
--bg-verlauf-1: linear-gradient(235deg, rgba(11,165,230,1) 0%, rgba(21,59,144,1) 100%);
--bg-verlauf-2: linear-gradient(111deg, rgba(11,165,230,1) 0%, rgba(21,59,144,1) 100%);
--bg-verlauf-blue: linear-gradient(330deg, rgba(11,165,230,0.3) 0%, rgba(21,59,144,0.9) 100%);
--bg-verlauf-white: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.9) 80%, rgba(255,255,255,1) 100%);
/* ---- Schriften  ---- */
--font-titel: "futura-pt", sans-serif;
--font-fliesstext: "futura-pt", sans-serif;
/* ----btn Button ---- */
--color-btn-gelb: #15243b;
--bg-btn-gelb: #fbb500;
--border-btn-gelb: #fbb500;
--color-btn-datenschutz: #fff;
--bg-btn-datenschutz: #0057a4;
--border-btn-datenschutz: #0057a4;
--color-btn-datenschutz-hover: #15243b;
--bg-btn-datenschutz-hover: #fbb500;
--border-btn-datenschutz-hover: #fbb500;
/* ---- 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-link: #fff; 
--color-tinfo-link-hover: #fbb500; 
/* ---- Navigation ---- */
--bg-navi: #fff;
--bg-dropdown-menu: rgba(255, 255, 255, 0.95);
--bg-dropdown-navi-hover: transparent;
--color-navi: #333;
--color-navi-hover: #fbb500;
--color-dropdown: #fff;
--color-dropdown-hover: #fff;
--bg-dropdown-hover: linear-gradient(to bottom, rgba(11,165,230,1) 0%, rgba(21,59,144,1) 100%);
/* ---- Float Container ---- */
--bg-float-contact: #0057a4;
--color-float-contact: #fff;
--color-float-contact-hover: #fbb500;
--color-icon-float-contact: #0057a4;
--bg-icon-float-contact: #fff;
--border-element-float-contact: #fbb500;
--bg-element-float-contact: #fff;
/* ---- Footer ---- */
--color-titel-footer: #0057a4;
--color-footer-text: #333;
--color-footer-links: #333;
--color-footer-links-hover: #fbb500;
/* ---- Öffnungszeiten ---- */
--border-open: #989898;
--color-open-text: #333;
--bg-open-text: #0057a4;
--bg-color-open-text: #fff; 
/* ---- Scroll Top ---- */
--color-scroll: #fff;
--bg-scroll: rgba(43, 43, 43, 0.60);
--bg-scroll-hover: rgba(43, 43, 43, 1);
/* ---- Kontaktbox ---- */
--link-kontaktbox: #fff;
--link-kontaktbox-hover: #fbb500;
--bg-kontaktbox: linear-gradient(180deg, #3384C2 0%, #385C8F 100%);
--bg-kontaktbox-button: #fbb500;
--color-kontaktbox-button: #15243b;
--color-kontaktbox-button-hover: #fff;
/* ---- List ---- */
--color-list-group-item-primary: #084298;
--bg-list-group-item-primary: #cfe2ff;
--color-list-group-item: #212529;
--bg-list-group-item: #fff;
}	

/* -------------------- Dark Theme Variablen ANFANG -------------------- */
[data-theme="dark"] {
/*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;
/*Main*/
--bg-body: #111;
--color-text: #fff;
--color-links: #0057a4;
--color-links-hover: #fbb500;
--color-06: #fff;
--color-07: #fff;
--color-08: #fbb500;
--color-09: #FF0004;
--color-05: #111;
--img-filter: brightness(0.8);
--mapsiframe-filter: invert(0.9);
--close: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
/* ---- Background-Image  ---- */
--bg-content: url("../images/teaser/index-neu-89589002.jpg");
--bg-review: url("../images/background/bg-115284684.jpg");
--bg-footer: url("../images/background/hintergrund-dark.jpg");
/* ---- Background-Verläufe  ---- */
--bg-glas: rgba(0, 0, 0, 0.4);
--bg-glas-shadow: 0 4px 30px rgba(255, 255, 255, 0.1);
--bg-glas-blau: rgba(19, 61, 145, 0.6);
--bg-verlauf-1: linear-gradient(235deg, rgba(11,165,230,1) 0%, rgba(21,59,144,1) 100%);
--bg-verlauf-2: linear-gradient(111deg, rgba(11,165,230,1) 0%, rgba(21,59,144,1) 100%);
--bg-verlauf-blue: linear-gradient(330deg, rgba(11,165,230,0.3) 0%, rgba(21,59,144,0.9) 100%);
--bg-verlauf-white: linear-gradient(180deg, rgba(17,17,17,0.1) 0%, rgba(17,17,17,0.9) 80%, rgba(17,17,17,1) 100%);
/* ---- Schriften  ---- */
--font-titel: "active", sans-serif;
--font-fliesstext: "futura-pt", sans-serif;
/* ----btn Button ---- */
--color-btn-gelb: #15243b;
--bg-btn-gelb: #fbb500;
--border-btn-gelb: #fbb500;
--color-btn-datenschutz: #fff;
--bg-btn-datenschutz: #0057a4;
--border-btn-datenschutz: #0057a4;
--color-btn-datenschutz-hover: #15243b;
--bg-btn-datenschutz-hover: #fbb500;
--border-btn-datenschutz-hover: #fbb500; 
/* ---- 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-link: #fff;
--color-tinfo-link-hover: #fbb500;
/* ---- Navigation ---- */
--bg-navi: #111;
--bg-dropdown-menu: rgba(255, 255, 255, 0.95);
--bg-dropdown-navi-hover: transparent;
--color-navi: #fff;
--color-navi-hover: #fbb500;
--color-dropdown: #fff;
--color-dropdown-hover: #fff;
--bg-dropdown-hover: linear-gradient(to bottom, rgba(11,165,230,1) 0%, rgba(21,59,144,1) 100%);
/* ---- Float Container ---- */
--bg-float-contact: #0057a4;
--color-float-contact: #fff;
--color-float-contact-hover: #fbb500;
--color-icon-float-contact: #fff;
--border-element-float-contact: #fbb500;
--bg-element-float-contact: #111;
/* ---- Footer ---- */
--color-titel-footer: #fff;
--color-footer-text: #fff;
--color-footer-links: #fff;
--color-footer-links-hover: #fbb500;
/* ---- Öffnungszeiten ---- */
--border-open: #989898;
--color-open-text: #fff;
--bg-open-text: #0057a4;
--bg-color-open-text: #fff;
/* ---- Scroll Top ---- */
--color-scroll: #fff;
--bg-scroll: rgba(43, 43, 43, 0.60);
--bg-scroll-hover: rgba(43, 43, 43, 1);
/* ---- Kontaktbox ---- */
--link-kontaktbox: #fff;
--link-kontaktbox-hover: #fbb500;
--bg-kontaktbox: linear-gradient(180deg, #3384C2 0%, #385C8F 100%);
--bg-kontaktbox-button: #fbb500;
--color-kontaktbox-button: #15243b;
--color-kontaktbox-button-hover: #fff;
/* --- List ---- */
--color-list-group-item: #cfe2ff;
--bg-list-group-item: #084298;
--color-list-group-item-primary: #fff;
--bg-list-group-item-primary: #212529;
}
/* -------------------- Dark Theme Variablen ENDE -------------------- */