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

:root {
--color-akzent: #eb9125;
--bg-body: #fff;
--color-text: #333;
--color-titel: #005e93;
--color-subtitel: #e48717;
--color-links: #e48717;
--color-links-hover: #005e93;
--blau: #005e93;
--grey: #666;
--yellow: #e48717;
--white: #fff;
--dark: #333;
/* ---- Background-Image  ---- */
--background: url('../images/background/002--472437528.jpg');
--background-white: url('../images/background/004--878903862.jpg');
--bg-slider: url('../images/bg-slider.svg');
--logo-slider: radial-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 100%);
--bg-philosophie: url('../images/background/003--173033808.jpg');
--bg-review: url('../images/background/002--472437528.jpg');
--bg-job-right: url('../images/teaser/006--312518324-2.jpg');
--bg-job-left: url('../images/teaser/006--312518324.jpg');
--bg-ehrenamt: url('../images/teaser/008--573395307.jpg');
--bg-footer: url('../images/background/001--123631151.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-yellow: linear-gradient(135deg, #f3cc00, #e48717);
/* ---- 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-outline-primary: #005e93;
--color-btn-outline-primary: #005e93;
--bg-btn-outline-primary: transparent;
--border-btn-outline-primary-hover: #005e93;
--color-btn-outline-primary-hover: #005e93;
--bg-btn-outline-primary-hover: linear-gradient(135deg, #f3cc00, #e48717);
/* ---- 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: #e48717;
/* ---- Navigation ---- */
--bg-navi: #fff;
--bg-dropdown-menu: rgba(255, 255, 255, 0.95);
--bg-dropdown-navi-hover: transparent;
--color-navi: #333;
--home: #e48717;
--color-navi-hover: #005e93;
--color-dropdown: #333;
--color-dropdown-hover: #005e93;
--bg-dropdown-hover: linear-gradient(135deg, #f3cc00, #e48717);
/* ---- Theme Switch ---- */
--border-theme-switch: #005e93;
--bg-theme-switch: #fff;
--sun-theme-switch: #e48717;
--moon-theme-switch: #005e93;
--ball-theme-switch: rgba(255,255,255,0.8);
/* ---- Footer ---- */
--color-titel-footer: #e48717;
--color-footer: #fff;
--color-footer-links: #fff;
--color-footer-links-hover: #e48717;
--map: none;
/* ---- Card ---- */
--bg-card: #f8f8f8;
--color-card: #333;
--bg-icon-card: #fff;
--color-icon-card: #005e93;
--bg-icon-card-hover: linear-gradient(45deg, #f3cc00 0%, #e48717 100%);
--color-icon-card-hover: #fff;
/* ---- Accordion ---- */
--color-accordion: #fff;
--border-accordion: #fff;
--bg-accordion-body: #fff;
--color-accordion-body: #333;
--color-accordion-collapsed: #e48717;

/*Barrierefreiheit Panel*/
--access-panel-headline-color: #015f92;
--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: #015f92;
--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;
--color-btn-custom-reject-normal: #cdcdcd;
--color-btn-custom-reject-hover: #ADADAD;
}

/* -------------------- Dark Theme Variablen ANFANG -------------------- */
[data-theme="dark"] {
--bg-body: #1b1f22;
--color-text: #fff;
--color-titel: #fff;
--color-subtitel: #e48717;
--color-links: #e48717;
--color-links-hover: #005e93;
--blau: #e48717; 
--grey: #ccc;
--yellow: #e48717;
--white: #fff;
--dark: #333;
/* ---- Background-Image  ---- */
--background: url('../images/background/002--472437528.jpg');
--background-white: url('../images/background/004--878903862-dark.jpg');
--bg-slider: url('../images/bg-slider-dark.svg');
--logo-slider: radial-gradient(rgba(27,31,34, 0.7) 0%, rgba(27,31,34, 0.7) 100%);
--bg-philosophie: url('../images/background/003--173033808.jpg');
--bg-review: url('../images/background/002--472437528.jpg');
--bg-job-right: url('../images/teaser/006--312518324-2-dark.jpg');
--bg-job-left: url('../images/teaser/006--312518324-dark.jpg');
--bg-ehrenamt: url('../images/teaser/008--573395307-dark.jpg');
--bg-footer: url('../images/background/001--123631151-dark.jpg');
/* ---- Background-Verläufe  ---- */
--bg-verlauf-oben-unten: linear-gradient(to bottom, rgba(27,31,34, 1), rgba(27,31,34, 0),rgba(27,31,34, 1));
--bg-verlauf-von-oben: linear-gradient(to bottom, rgba(27,31,34, 1), rgba(27,31,34, 0));
--bg-verlauf-von-unten: linear-gradient(to top, rgba(27,31,34, 1), rgba(27,31,34, 0));
--bg-verlauf-links-rechts: linear-gradient(to left, rgba(27,31,34, 1), rgba(27,31,34, 0),rgba(27,31,34, 1));
--bg-verlauf-von-links-nach-rechts: linear-gradient(to right, rgba(27,31,34, 1), rgba(27,31,34, 0));
--bg-verlauf-von-rechts-nach-links: linear-gradient(to right, rgba(27,31,34, 0) 0%, rgba(27,31,34, 1) 100%);
--bg-verlauf-yellow: linear-gradient(135deg, #f3cc00, #e48717);
/* ---- 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-outline-primary: #fff;
--color-btn-outline-primary: #fff;
--bg-btn-outline-primary: transparent;
--border-btn-outline-primary-hover: #005e93;
--color-btn-outline-primary-hover: #005e93;
--bg-btn-outline-primary-hover: linear-gradient(135deg, #f3cc00, #e48717);
/* ---- 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: #e48717; 
/* ---- Navigation ---- */
--bg-navi: #1b1f22;
--bg-dropdown-menu: rgba(27,31,34, 0.95);
--bg-dropdown-navi-hover: transparent;
--color-navi: #fff; 
--home: #e48717;
--color-navi-hover: #cccccc; 
--color-dropdown: #fff;
--color-dropdown-hover: #005e93;
--bg-dropdown-hover: linear-gradient(135deg, #f3cc00, #e48717);
/* ---- Theme Switch ---- */
--border-theme-switch: #005e93;
--bg-theme-switch: #1b1f22;
--sun-theme-switch: #e48717;
--moon-theme-switch: #005e93;
--ball-theme-switch: rgba(27,31,34,0.6);
/* ---- Footer ---- */
--color-titel-footer: #e48717;
--color-footer: #fff;
--color-footer-links: #fff;
--color-footer-links-hover: #e48717;
--map: grayscale(100%) invert(90%) contrast(95%);
/* ---- Card ---- */
--bg-card: #333;
--color-card: #fff;
--bg-icon-card: #111;
--color-icon-card: #fff;
--bg-icon-card-hover: linear-gradient(45deg, #f3cc00 0%, #e48717 100%);
--color-icon-card-hover: #005e93;
/* ---- Accordion ---- */
--color-accordion: #fff;
--border-accordion: #1b1f22;
--bg-accordion-body: #111;
--color-accordion-body: #fff;
--color-accordion-collapsed: #e48717;

/*Barrierefreiheit Panel*/
--access-panel-headline-color: #015f92;
--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: #015f92;
--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;
--color-btn-custom-reject-normal: #cdcdcd;
--color-btn-custom-reject-hover: #ADADAD;
}
/* -------------------- Dark Theme Variablen ENDE -------------------- */