/* Konzept B – Modern & Industriell. Dunkle Flächen, Glasakzente, gleiche CI. */
:root {
  --c-bg:            #1a1f29;
  --c-bg-alt:        #222835;
  --c-text:          #f0f0f0;
  --c-text-muted:    #a8adb8;
  --c-border:        rgba(255,255,255,.10);
  --c-border-stark:  rgba(255,255,255,.45);   /* 4.44:1 gegen die Kartenfläche */

  /* Dunkles Theme: das aufgehellte Orange trägt hier auch kleinen Text. */
  --c-accent:        #f2701f;
  --c-akzent-text:   #f2701f;   /* 5.59:1 auf #1a1f29 */
  --c-akzent-dunkel: #f2701f;   /* 6.24:1 auf #11141b */
  --c-hero-akzent:   #ee7735;   /* 4.56:1 auf der Hero-Fläche #2a3045 */
  --c-btn-bg:        #f2701f;
  --c-btn-bg-hover:  #ff8a44;
  --c-btn-text:      #11141b;   /* 6.24:1 */
  --c-focus:         #f2701f;

  --c-dark:          #11141b;
  --c-dark-text:     #f0f0f0;
  --c-dark-muted:    rgba(240,240,240,.66);

  --c-kopf-bg:       rgba(26,31,41,.78);
  --c-hero-bg:       radial-gradient(120% 100% at 15% 0%, #2a3045 0%, #1a1f29 60%);
  --c-hero-text:     var(--c-text);
  --c-hero-muted:    var(--c-text-muted);

  --c-karte-bg:      rgba(242,112,31,.06);
  --c-karte-border:  rgba(242,112,31,.20);
  --shadow-karte:    0 4px 24px rgba(0,0,0,.40), 0 1px 0 rgba(255,255,255,.06) inset;

  --c-splash-bg:     radial-gradient(120% 100% at 50% 0%, #2a3045 0%, #11141b 65%);
  --c-splash-karte:  rgba(242,112,31,.06);
  --c-splash-karte-hover: rgba(242,112,31,.12);
  --c-splash-border: rgba(242,112,31,.22);

  --ff-head: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;
  --ff-body: 'Segoe UI', system-ui, -apple-system, Arial, sans-serif;

  --sp-xs: .5rem; --sp-sm: 1rem; --sp-md: 1.5rem; --sp-lg: 2.5rem; --sp-xl: 4.5rem;
  --rad-sm: 6px; --rad-md: 12px;
  --max-w: 1200px; --header-h: 66px;

  --kopf-blur: blur(12px);
  --karte-blur: blur(10px);
}
/* Industrielles Treatment: gesperrte Versalien, Glaskanten, Logo hell auf dunkel */
:root { --logo-filter: brightness(0) invert(1); }
h1, h2, h3 { letter-spacing: -.01em; font-weight: 800; }
.hero__title { letter-spacing: -.02em; }
.abschnitt-titel { text-transform: none; }
.formular .feld input, .formular .feld select, .formular .feld textarea { background: rgba(255,255,255,.04); }