/* =====================================================================
   VHS Spandau · Projekt „Thema" — ZENTRALE MARKEN-CSS (Single Source of Truth)
   Verbindlich fuer ALLE Seiten. Keine abweichenden Marken-Farben/Logos/Fonts.
   ===================================================================== */
:root{
  /* Offizielle DVV/VHS-Palette (Goldene Regel 2) */
  --vhs-blau:#00285A;     /* Primaer / Topbar / Headings */
  --vhs-gruen:#AFC805;    /* Akzent / Balken / Badges */
  --vhs-gelb:#FAB90F;     /* Warnung */
  --vhs-rot:#E1000F;      /* Fehler / Pflicht */
  --vhs-blau-60:#8BAABF;  /* gedaempftes Blau auf dunklem Grund */
  --vhs-ink:#1B2430;      /* Fliesstext */
  --vhs-muted:#5B6572;    /* Sekundaertext */
  --vhs-bg:#F4F6F9;       /* Seitenhintergrund */
  --vhs-line:#E1E7F0;     /* Linien / Rahmen */
  --vhs-card:#FFFFFF;
  --vhs-font:'DM Sans',Arial,Helvetica,sans-serif;
  --vhs-radius:12px;
}
/* Typo-Grundlage */
body{font-family:var(--vhs-font);color:var(--vhs-ink);background:var(--vhs-bg);}

/* ---- Pflicht-Komponente: Topbar (dunkel) + Gruenbalken ---- */
.vhs-topbar{background:var(--vhs-blau);padding:14px 20px;}
.vhs-topbar .inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:12px;}
.vhs-topbar img.vhs-logo{height:34px;width:auto;display:block;}
.vhs-topbar .vhs-name{color:#fff;font-weight:600;font-size:15px;line-height:1.12;}
.vhs-greenbar{height:4px;background:var(--vhs-gruen);}

/* ---- Buttons / Karten (optional nutzbar) ---- */
.vhs-btn{background:var(--vhs-blau);color:#fff;border:none;border-radius:8px;padding:11px 18px;
  font-family:var(--vhs-font);font-weight:600;font-size:14px;cursor:pointer;}
.vhs-btn:hover{background:#013a80;}
.vhs-card{background:var(--vhs-card);border:1px solid var(--vhs-line);border-radius:var(--vhs-radius);padding:20px 24px;}

/* ---- Pflicht-Komponente: Footer mit Recht + KI-Kennzeichnung ---- */
.vhs-footer{max-width:1080px;margin:32px auto 0;padding:16px 20px;border-top:1px solid var(--vhs-line);
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12.5px;color:var(--vhs-muted);}
.vhs-footer .vhs-ki{display:flex;align-items:center;gap:10px;max-width:640px;}
.vhs-footer .vhs-ki img{height:28px;width:28px;}
.vhs-footer .vhs-links{margin-left:auto;}
.vhs-footer .vhs-links a{color:var(--vhs-blau);text-decoration:none;font-weight:600;margin-left:16px;}
.vhs-footer .vhs-links a:hover{text-decoration:underline;}