/* ══ Theme: Option A — Backstein & Kalk ════════════════════════ */
:root {
  --blue:         #1E1E1E;
  --blue-mid:     #2C2C2C;
  --blue-d:       #111111;
  --yellow:       #B5551A;
  --yellow-d:     #943F0E;
  --yellow-bg:    #FBF1EA;
  --footer-bg:    #111111;
  --nav-bg:       rgba(20,20,20,.96);
  --hero-overlay: linear-gradient(170deg,rgba(20,20,20,.88) 0%,rgba(12,12,12,.65) 60%,rgba(8,8,8,.80) 100%);
  --hero-gradient:linear-gradient(145deg,#2C1810 0%,#1A0E07 55%,#080503 100%);
  --blue-a06: rgba(30,30,30,.06); --blue-a07: rgba(30,30,30,.07);
  --blue-a08: rgba(30,30,30,.08); --blue-a10: rgba(30,30,30,.10);
  --blue-a15: rgba(30,30,30,.15); --blue-a20: rgba(30,30,30,.20);
  --blue-a25: rgba(30,30,30,.25); --blue-a40: rgba(30,30,30,.40);
  --blue-a75: rgba(30,30,30,.75);
  --yellow-a05: rgba(181,85,26,.05); --yellow-a08: rgba(181,85,26,.08);
  --yellow-a15: rgba(181,85,26,.15); --yellow-a20: rgba(181,85,26,.20);
  --yellow-a30: rgba(181,85,26,.30); --yellow-a35: rgba(181,85,26,.35);
  --yellow-a40: rgba(181,85,26,.40); --yellow-a45: rgba(181,85,26,.45);
  /* Admin-Bereich */
  --ci-blue:   #1E1E1E;
  --ci-yellow: #B5551A;
  --ci-white:  #ffffff;
}