/* Übernommen am 5.10.2026 aus Businessplanung/WS_26_27/1_Lecture/Kurs-SPA/assets/hdbw-ci.css (unverändert).

   HDBW-CI für die Kurs-SPA. Wird NACH styles.css geladen und überschreibt nur Variablen
   und wenige Rahmenelemente; styles.css und app.js bleiben unverändert.

   Quelle: HDBW-Folienmaster (LV4_Marketing.pptx, Layouts "Titel HDBW" und "Inhalt 1"),
   gemessen am 5.10.2026. Logo aus dem Master-Hintergrund freigestellt (assets/hdbw-logo.png).

   Kontrast (WCAG): Alle Textfarben erreichen mindestens 4,5:1 auf ihrem Hintergrund.
   Die Original-Akzente #6791B7, #FBAE40 und #F26B43 tragen keinen Text und sind deshalb
   nur dekorativ eingesetzt (--hdbw-*). Für Flächen mit weißer Schrift gelten die
   abgedunkelten Varianten (--navy, --blue, --accent).

   Zum Übernehmen in andere Kurse: diese Datei und hdbw-logo.png nach assets/ kopieren und
   in index.html direkt nach styles.css einbinden. */
:root {
  /* Original-CI, nur dekorativ */
  --hdbw-bar: #6791B7;      /* Balken unter der Kopfzeile */
  --hdbw-panel: #DDE4EE;    /* Fläche der Titelfolie */
  --hdbw-orange: #FBAE40;
  --hdbw-coral: #F26B43;

  /* Variablen aus styles.css, auf HDBW gemappt */
  --navy: #33587E;          /* Überschriften, Fußleiste; weiß darauf 7,4:1 */
  --blue: #4A74A0;          /* Links, Nummern; weiß darauf 4,9:1 */
  --sky: #DDE4EE;
  --accent: #C2501F;        /* Flächen mit weißer Schrift; 4,7:1 */
  --accent-dark: #A93E1A;   /* Akzenttext auf weiß; 6,2:1 */
  --accent-soft: #FEF1DC;
  --ink: #4D4D4D;           /* Fließtext; 8,5:1 */
  --muted: #666666;
  --line: #C7C7C7;
  --font: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* ---------- Präsentation: Kopfzeile wie Layout "Inhalt 1" ---------- */
.frame::before { display: none; }
.frame { padding-top: 22px; }
.frame::after {
  content: ""; position: absolute; top: 14px; right: 44px; width: 168px; height: 68px;
  background: url("hdbw-logo.png") no-repeat right center / contain;
}
.fhead {
  margin: 0 -60px 22px; padding: 0 240px 12px 60px; min-height: 78px;
  border-bottom: 10px solid var(--hdbw-bar);
  box-shadow: 0 4px 0 #fff, 0 6px 0 var(--line);
}
.fhead h1 { margin: 4px 0 0; }

/* Titelfolie einer Einheit: Fläche wie Layout "Titel HDBW" */
.f-title .fhead h1 { margin-bottom: 4px; }
.f-title .fbody { background: var(--hdbw-panel); margin: -22px -60px -14px; padding: 26px 60px 18px; }
.f-title .map-ch:not(.on) { background: #fff; }
.map-ch.on b { color: var(--hdbw-orange); }

/* ---------- Handout ---------- */
.h-cover { position: relative; border-left-color: var(--hdbw-bar); }
.h-cover::before {
  content: ""; position: absolute; top: 0; right: 0; width: 48mm; height: 19mm;
  background: url("hdbw-logo.png") no-repeat right top / contain;
}
.h-block-head { border-bottom: 3px solid var(--hdbw-bar); }
.h-screen h2 { border-left-color: var(--hdbw-bar); }

/* ---------- Übersicht ---------- */
.home-main header { position: relative; padding-right: 200px; }
.home-main header::after {
  content: ""; position: absolute; top: 0; right: 0; width: 170px; height: 66px;
  background: url("hdbw-logo.png") no-repeat right center / contain;
}
.home-main h2 { border-bottom-color: var(--hdbw-bar); }