body.non-darkmodus {
/* Basis */
    --color-bg: #fff;
    --color-text: #333;
    --color-heading: #444;
    --color-border-light: #eee;
    --color-border: #ccc;
    --color-topbar-bg: #333;
    --color-topbar-border: #222;
    --color-topbar-text: #fff;
    --color-content-bg: #fff;
    --color-content-border: #333;
    --color-footer-bg: #f8f8f8;
    --color-footer-text: #555;
    --color-footer-link: #0066cc;
    --color-debug-bg: #ccc;
    --color-helptext: #666;
    --color-bg-a: #fff;
    --color-bg-b: #f8f8f8;
    --shadow: rgba(0,0,0,0.1);

    /* Navigation */
    --color-nav-link: #fff;
    --color-nav-hover: #aaa;
    --color-nav-active: #4da3ff;
    --color-nav-logout-hover: #e74c3c;
    
    /* Breadcrumb */
    --color-breadcrumb-link: #333;
    --color-breadcrumb-hover: #4da3ff;
    --color-breadcrumb-active: #4da3ff;
    --color-breadcrumb-active-hover: #333;
    --color-breadcrumb-delimiter: #666;

    /* Formulare & Buttons */
    --color-form-bg: #fff;
    --color-form-label: #333;
    --color-form-icon: #555;
    --color-form-border: #ccc;
    --color-form-border-focus: #333;
    --color-form-shadow-focus: rgba(51, 51, 51, 0.4);
    --color-form-select-bg: #fff;
    --color-form-checkbox: #4da3ff;
    --color-form-input-text: #000;

    --color-btn-bg: #333;
    --color-btn-text: #fff;
    --color-btn-hover-bg: #4da3ff;
    --color-btn-hover-text: #fff;
    --color-btn-focus-border: #333;
    --color-btn-focus-shadow: rgba(51, 51, 51, 0.4);

    /* Statusmeldungen */
    --color-error: red;
    --color-success: green;
	--color-notice: #ff7514;

    --color-status-success-bg: #e6f4ea;
    --color-status-success-border: #2e7d32;
    --color-status-success-text: #2e7d32;

    --color-status-error-bg: #fdecea;
    --color-status-error-border: #c62828;
    --color-status-error-text: #c62828;

    --color-status-notice-bg: #e8f0fe;
    --color-status-notice-border: #1565c0;
    --color-status-notice-text: #1565c0;
    
    /* Schriftgrößen */
    --font-size-body: 0.95em;
    --font-size-h1: 1.4em;
    --font-size-h2: 1.25em;
    --font-size-h3: 1.1em;
    --font-size-sidebar-h2: 1.1em;
    --font-size-content: 1em;
    --font-size-footer: 0.9em;
    --font-size-helptext: 0.85em;
    --font-size-breadcrumb-nav: 0.8em;
    --font-size-togglepass-icon: 1.2rem;
    --font-size-status-box: 0.95rem;
    --font-size-status-box-icon: 1.2rem;

    /* BOX-SPEZIFISCHE VARIABLEN (ANGEPASST) */
    --nav-usermenue-right: 8px;
    --nav-usermenue-top-offset: 14px;
    --nav-usermenue-min-width: 250px;
	
	--nav-usermenue-li-a-color: #000;
	--nav-usermenue-li-a-color-hover: #333;
	--nav-usermenue-li-a-bgcolor-hover: #eee;
	
	--color-status-close: #ff0000;
	--color-status-close-hover: #006400;
}


body.darkmodus {
  /* Basis */
  --color-bg: #f8f8f8;
  --color-text: #333;
  --color-heading: #444;
  --color-border-light: #eee;
  --color-border: #ccc;
  --color-topbar-bg: #333;
  --color-topbar-border: #222;
  --color-topbar-text: #fff;
  --color-content-bg: #fff;
  --color-content-border: #333;
  --color-footer-bg: #eee;
  --color-footer-text: #555;
  --color-footer-link: #0066cc;
  --color-debug-bg: #ccc;
  --color-helptext: #666;
  --color-bg-a: #fff;
  --color-bg-b: #f0f0f0;
  --shadow: rgba(0, 0, 0, 0.1);

  /* Navigation */
  --color-nav-link: #fff;
  --color-nav-hover: #aaa;
  --color-nav-active: #4da3ff;
  --color-nav-logout-hover: #e74c3c;

  /* Breadcrumb */
  --color-breadcrumb-link: #333;
  --color-breadcrumb-hover: #4da3ff;
  --color-breadcrumb-active: #4da3ff;
  --color-breadcrumb-active-hover: #333;
  --color-breadcrumb-delimiter: #666;

  /* Formulare & Buttons */
  --color-form-bg: #fff;
  --color-form-label: #333;
  --color-form-icon: #555;
  --color-form-border: #ccc;
  --color-form-border-focus: #333;
  --color-form-shadow-focus: rgba(51, 51, 51, 0.4);
  --color-form-select-bg: #fff;
  --color-form-checkbox: #4da3ff;
  --color-form-input-text: #000;

  --color-btn-bg: #333;
  --color-btn-text: #fff;
  --color-btn-hover-bg: #4da3ff;
  --color-btn-hover-text: #fff;
  --color-btn-focus-border: #333;
  --color-btn-focus-shadow: rgba(51, 51, 51, 0.4);

  /* Statusmeldungen */
  --color-error: red;
  --color-success: green;
  --color-notice: #ff7514;

  --color-status-success-bg: #e6f4ea;
  --color-status-success-border: #2e7d32;
  --color-status-success-text: #2e7d32;

  --color-status-error-bg: #fdecea;
  --color-status-error-border: #c62828;
  --color-status-error-text: #c62828;

  --color-status-notice-bg: #e8f0fe;
  --color-status-notice-border: #1565c0;
  --color-status-notice-text: #1565c0;

  /* Schriftgrößen */
  --font-size-body: 0.95em;
  --font-size-h1: 1.4em;
  --font-size-h2: 1.25em;
  --font-size-h3: 1.1em;
  --font-size-sidebar-h2: 1.2em;
  --font-size-content: 1em;
  --font-size-footer: 0.9em;
  --font-size-helptext: 0.85em;
  --font-size-breadcrumb-nav: 0.8em;
  --font-size-togglepass-icon: 1.2rem;
  --font-size-status-box: 0.95rem;
  --font-size-status-box-icon: 1.2rem;

  /* BOX-SPEZIFISCHE VARIABLEN */
  --nav-usermenue-right: 8px;
  --nav-usermenue-top-offset: 14px;
  --nav-usermenue-min-width: 250px;

  --nav-usermenue-li-a-color: #000;
  --nav-usermenue-li-a-color-hover: #333;
  --nav-usermenue-li-a-bgcolor-hover: #eee;

  /* Fix: doppelte # entfernt */
  --color-status-close: #ff0000;
  --color-status-close-hover: #006400;
}