:root {
  /* ==========================================================================
     Grundfarben
     ========================================================================== */

  --color-white: #fff;
  --color-black: #000;

  --color-headline: #ffe0fd;
  --color-default-font: var(--color-headline);

  --color-background: #0f092e;
  --color-background-trans: rgba(15, 9, 46, 0.97);
  --color-border: #ffe0fd8f;

  --color-footer: #0a061f;
  --color-card-dark: #0e082a;

  --hwt-muted: #9387ad;

  /* ==========================================================================
     Brand- & Akzentfarben
     ========================================================================== */

  --color-accent: #df23b2;
  --color-button-hover: #ffa5e7;
  --hwt-button-hover: #ff03bb;

  --hwt-spot: radial-gradient(
    circle,
    rgba(255, 165, 231, 0.25) 0%,
    rgba(255, 165, 231, 0.12) 35%,
    rgba(255, 165, 231, 0.05) 65%,
    transparent 100%
  );

  --color-news-badge: #a84000;

  /* ==========================================================================
     Transparenzen & Overlays
     ========================================================================== */

  --menu-overlay-bg: rgba(0, 0, 0, 0.95);
  --color-overlay-light: rgba(255, 255, 255, 0.4);

  --color-white-65: rgba(255, 255, 255, 0.65);
  --color-white-40: rgba(255, 255, 255, 0.4);
  --color-white-35: rgba(255, 255, 255, 0.35);
  --color-white-30: rgba(255, 255, 255, 0.3);
  --color-white-18: rgba(255, 255, 255, 0.18);
  --color-white-15: rgba(255, 255, 255, 0.15);
  --color-white-08: rgba(255, 255, 255, 0.08);

  /* ==========================================================================
     Komponenten
     ========================================================================== */

  --infobox: rgba(15, 7, 54, 0.95);
  --color-loader-bg: rgba(241, 139, 211, 0.2);

  /* ==========================================================================
     Header & Navigation
     ========================================================================== */

  --header-bg: linear-gradient(
    180deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0) 95%
  );

  /* ==========================================================================
     Tickets & Statusfarben
     ========================================================================== */

  --color-card-bg: rgba(15, 7, 54, 0.48);
  --color-overlay-hover: rgba(255, 165, 231, 0.1);

  --color-success: #50a000;
  --color-warning: #ffbb22;
  --color-error: #ff5555;

  /* ==========================================================================
     Effekte
     ========================================================================== */

  --text-shadow-glow:
    0 0 8px rgb(255 190 240 / 30%), 0 0 24px rgb(255 190 240 / 22%),
    0 0 56px rgb(255 190 240 / 14%), 0 0 96px rgb(255 190 240 / 8%);
}

/* ==========================================================================
   FARBEN 2027 + UNTERSEITE + TICKETALARM
   ========================================================================== */

html:has(body.elementor-page-1371),
body.elementor-page-1371,
html:has(body.elementor-page-1649),
body.elementor-page-1649,
html:has(body.elementor-page-1563),
body.elementor-page-1563 {
  --color-headline: #fffbe6;
  --color-default-font: #fffbe6;

  --hwt-muted: rgba(255, 251, 230, 0.5);

  --color-button-hover: #ffc6a6;
  --color-overlay-hover: rgba(255, 198, 166, 0.1);
  --hwt-button-hover: #f25d07;

  --hwt-button-1-bg: #f25d07;

  --color-footer: #030f1f;
  --color-background: #020a15;
  --color-background-trans: #020a15;
  --color-card-dark: #020a15;
  --color-card-bg: #030f1f;

  --color-accent: #f25d07;

  --hwt-spot: radial-gradient(
    circle,
    rgba(255, 198, 166, 0.25) 0%,
    rgba(255, 198, 166, 0.12) 35%,
    rgba(255, 198, 166, 0.05) 65%,
    transparent 100%
  );

  --text-shadow-glow:
    0 0 5px rgb(255 255 255 / 28%), 0 0 12px rgb(255 255 255 / 18%),
    0 0 24px rgb(255 255 255 / 10%), 0 0 40px rgb(255 255 255 / 5%);
}