/* ---------------------------------------------------------------------
   DIE PERSOENLICHE AUSWERTUNG

   Haltung: ein persoenlicher Brief, kein Ergebnisbildschirm. Viel
   Weissraum, ruhige Typografie, wenige Linien. Keine Kacheln, keine
   Ampeln, keine Zahlen, keine Fortschrittsbalken.

   Farben und Schriften stammen aus derselben Marke wie der Check, sind
   hier aber eigenstaendig gesetzt: Diese Datei wird nur auf der
   Auswertungsseite geladen und darf ki-check.css nicht beruehren.

   Alle Platzhalter tragen die Klasse .aw-marke und sehen bewusst nach
   Baustelle aus. Sie sollen niemals fuer fertigen Text gehalten werden.
   --------------------------------------------------------------------- */

.kicheck-auswertung{
  --aw-petrol:#004F59;
  --aw-petrol-tief:#00343B;
  --aw-salbei:#6EB0AE;
  --aw-ink:#545456;
  --aw-leise:#8C8A85;
  --aw-grund:#FBFAF7;
  --aw-flaeche:#FFFFFF;
  --aw-linie:#E2DED4;
  --aw-linie-stark:#C9C3B4;
  --aw-display:"Space Grotesk","Work Sans",-apple-system,Segoe UI,sans-serif;
  --aw-text:"Work Sans",-apple-system,Segoe UI,Helvetica,Arial,sans-serif;
  --aw-mass:660px;          /* Lesebreite des Fliesstexts */
  background:var(--aw-grund);
}

.kicheck-auswertung .huelle{max-width:1120px;margin:0 auto;padding:0 22px}
.kicheck-auswertung .aw-brief{max-width:900px;margin:0 auto}

/* Achtung: Die Sektion traegt die Modulart als Klasse (.aw-schritte,
   .aw-autorin …). Innere Bausteine bekommen deshalb eigene Namen
   (.aw-schrittliste, .aw-autorenblock) — sonst nimmt eine Regel fuer
   den Baustein der Sektion ihren Abstand weg. Genau das ist einmal
   passiert und war im Bild nicht zu sehen, nur im Messen. */

/* ---------- Rhythmus -------------------------------------------------
   Der Abstand zwischen den Modulen traegt den Brief. Er ist bewusst
   grosszuegig und nur an wenigen Stellen durch eine Linie ersetzt. */
.kicheck-auswertung .aw-modul{margin-top:92px}
.kicheck-auswertung .aw-modul:first-child{margin-top:0}
.kicheck-auswertung .aw-zitat,
.kicheck-auswertung .aw-grafik,
.kicheck-auswertung .aw-landkarte,
.kicheck-auswertung .aw-reihenfolge{margin-top:104px}

.kicheck-auswertung h2{
  font-family:var(--aw-display);font-weight:400;
  font-size:clamp(21px,2.5vw,27px);line-height:1.25;letter-spacing:-.01em;
  color:var(--aw-petrol);margin:0 0 22px;max-width:var(--aw-mass);
}
.kicheck-auswertung p{margin:0}

/* ---------- Cover ---------------------------------------------------- */
.kicheck-auswertung .aw-cover{padding-top:78px}
.kicheck-auswertung .aw-kopfzeile{
  font-family:var(--aw-display);font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--aw-leise);margin-bottom:34px;
}
.kicheck-auswertung h1{
  font-family:var(--aw-display);font-weight:300;
  font-size:clamp(34px,5.6vw,62px);line-height:1.04;letter-spacing:-.025em;
  color:var(--aw-petrol);margin:0 0 40px;text-wrap:pretty;
}
.kicheck-auswertung .aw-datum{
  margin-top:44px;padding-top:20px;border-top:1px solid var(--aw-linie);
  font-family:var(--aw-display);font-size:13px;color:var(--aw-leise);
  max-width:var(--aw-mass);
}

/* ---------- Auf einen Blick ------------------------------------------
   Kurze Zeilen, kein Kasten, kein Raster. Ein Strich je Zeile genuegt. */
.kicheck-auswertung .aw-blickliste{
  list-style:none;margin:0;padding:0;max-width:var(--aw-mass);
  border-top:1px solid var(--aw-linie);
}
.kicheck-auswertung .aw-blickliste > li{
  padding:16px 0 16px 22px;border-bottom:1px solid var(--aw-linie);position:relative;
}
.kicheck-auswertung .aw-blickliste > li::before{
  content:"";position:absolute;left:0;top:26px;
  width:9px;height:1px;background:var(--aw-salbei);
}

/* ---------- Pull Quote ------------------------------------------------ */
.kicheck-auswertung .aw-zitat blockquote{
  margin:0;padding-top:26px;border-top:2px solid var(--aw-salbei);
  max-width:780px;
  font-family:var(--aw-display);font-weight:300;
  font-size:clamp(24px,3.4vw,38px);line-height:1.26;letter-spacing:-.018em;
  color:var(--aw-petrol);
}

/* ---------- Schaubilder -----------------------------------------------
   Zwei Groessen, nicht drei gleiche. Die ersten beiden tragen Inhalt
   und bekommen Flaeche; das dritte ordnet nur eine Reihenfolge und
   liegt als flaches Band. Drei grosse Felder machen den Brief lang,
   ohne ihn besser zu machen. */
.kicheck-auswertung .aw-bildplatz{margin:0}
.kicheck-auswertung .aw-bildrahmen{
  border:1px dashed var(--aw-linie-stark);border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  background:transparent;
}
.kicheck-auswertung .aw-bild-gross .aw-bildrahmen{aspect-ratio:16/9}
/* Kein min-height: Zusammen mit aspect-ratio blaeht das die Breite auf
   und schiebt den Rahmen bei 768 Pixeln aus der Seite heraus. */
.kicheck-auswertung .aw-bild-band  .aw-bildrahmen{aspect-ratio:5/1}
.kicheck-auswertung .aw-bild-band{max-width:760px}
@media (max-width:640px){
  .kicheck-auswertung .aw-bild-band .aw-bildrahmen{aspect-ratio:2/1}
}
.kicheck-auswertung .aw-bildplatz figcaption{
  margin-top:14px;font-size:14px;line-height:1.5;color:var(--aw-leise);
  max-width:var(--aw-mass);
}

/* ---------- Staerke-Karten -------------------------------------------- */
.kicheck-auswertung .aw-karten{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
}
.kicheck-auswertung .aw-karte{
  background:var(--aw-flaeche);border:1px solid var(--aw-linie);border-radius:4px;
  padding:26px 24px;min-height:170px;display:flex;align-items:flex-start;
}
@media (max-width:760px){
  .kicheck-auswertung .aw-karten{grid-template-columns:1fr}
  .kicheck-auswertung .aw-karte{min-height:0}
}

/* ---------- Die drei Schritte -----------------------------------------
   Nummern statt Symbolen, Linien statt Kaesten. Kein Fortschritt, keine
   Wertung — nur eine Reihenfolge. */
.kicheck-auswertung .aw-schrittliste{
  list-style:none;margin:0;padding:0;max-width:760px;
}
.kicheck-auswertung .aw-schrittliste > li{
  display:grid;grid-template-columns:64px 1fr;gap:0 22px;
  padding:26px 0;border-top:1px solid var(--aw-linie);
}
.kicheck-auswertung .aw-schrittliste > li:last-child{border-bottom:1px solid var(--aw-linie)}
.kicheck-auswertung .aw-nummer{
  grid-row:1 / span 2;
  font-family:var(--aw-display);font-weight:300;font-size:30px;line-height:1;
  color:var(--aw-salbei);font-variant-numeric:tabular-nums;
}
.kicheck-auswertung .aw-schrittname{
  font-family:var(--aw-display);font-size:18px;line-height:1.35;
  color:var(--aw-petrol);margin-bottom:10px;
}

/* ---------- Was ich jetzt nicht machen wuerde -------------------------
   Abgesetzt, aber ohne Alarm: kein Rot, kein Symbol, keine Ampel.
   Eine ruhige Flaeche und ein Strich in Salbei reichen. */
.kicheck-auswertung .aw-warnkasten{
  background:var(--aw-flaeche);border:1px solid var(--aw-linie);
  border-left:3px solid var(--aw-salbei);border-radius:4px;
  padding:34px 36px;
}
.kicheck-auswertung .aw-warnkasten h2{margin-bottom:18px}
@media (max-width:520px){
  .kicheck-auswertung .aw-warnkasten{padding:26px 22px}
}

/* ---------- Autorin --------------------------------------------------- */
.kicheck-auswertung .aw-autorenblock{
  padding-top:30px;border-top:1px solid var(--aw-linie);max-width:var(--aw-mass);
}
.kicheck-auswertung .aw-autorin-name{
  font-family:var(--aw-display);font-size:17px;color:var(--aw-petrol);line-height:1.35;
}
.kicheck-auswertung .aw-autorin-rolle{
  font-size:14px;color:var(--aw-leise);line-height:1.4;margin-bottom:20px;
}

/* ---------- Die Luecken ----------------------------------------------- */
.kicheck-auswertung .aw-luecke{
  border:1px dashed var(--aw-linie-stark);border-radius:4px;
  padding:20px 22px;max-width:var(--aw-mass);
  display:flex;flex-direction:column;gap:8px;
}
.kicheck-auswertung .aw-luecke-gross{min-height:150px;max-width:780px}
.kicheck-auswertung .aw-marke{
  font-family:var(--aw-display);font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--aw-leise);
}
.kicheck-auswertung .aw-hinweis{font-size:15px;line-height:1.55;color:var(--aw-leise)}
.kicheck-auswertung .aw-hinweis-frei{
  margin-top:14px;max-width:var(--aw-mass);font-size:14px;color:var(--aw-leise);
}

/* ---------- Fehlerseiten ---------------------------------------------- */
.kicheck-auswertung .aw-fehler{padding-top:88px;max-width:var(--aw-mass)}
.kicheck-auswertung .aw-fehler p{font-size:17px;line-height:1.62;color:var(--aw-ink);margin-top:20px}
.kicheck-auswertung .zurueck{margin-top:34px}
.kicheck-auswertung .zurueck a{color:var(--aw-petrol)}

/* ---------- Fussleiste ------------------------------------------------ */
.kicheck-auswertung .fussleiste{
  margin-top:110px;border-top:1px solid var(--aw-linie);
}
.kicheck-auswertung .fussleiste .innen{
  max-width:1120px;margin:0 auto;padding:22px;display:flex;
  justify-content:space-between;gap:18px;flex-wrap:wrap;
  font-size:14px;color:var(--aw-leise);
}
.kicheck-auswertung .fussleiste a{color:var(--aw-leise);margin-left:18px}

/* ---------- Innenansicht ----------------------------------------------
   Ein Werkzeug, kein Gestaltungsstueck. Sieht bewusst nach Werkstatt
   aus und ist nur fuer angemeldete Administratorinnen da. */
.kicheck-auswertung .aw-innen{
  margin:104px auto 0;padding:22px 24px;max-width:660px;
  border:1px dashed var(--aw-linie-stark);border-radius:4px;
}
.kicheck-auswertung .aw-innen h2{
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--aw-leise);margin-bottom:6px;
}
.kicheck-auswertung .aw-innen-hinweis{font-size:13.5px;color:var(--aw-leise);margin-bottom:16px}
.kicheck-auswertung .aw-innen table{border-collapse:collapse;width:100%}
.kicheck-auswertung .aw-innen th,
.kicheck-auswertung .aw-innen td{
  text-align:left;vertical-align:top;padding:6px 0;font-size:14px;
  border-bottom:1px solid var(--aw-linie);line-height:1.5;
}
.kicheck-auswertung .aw-innen th{width:150px;font-weight:500;color:var(--aw-ink)}
.kicheck-auswertung .aw-innen td{color:var(--aw-ink);font-variant-numeric:tabular-nums}
.kicheck-auswertung .aw-innen tr:last-child th,
.kicheck-auswertung .aw-innen tr:last-child td{border-bottom:0}
@media (max-width:520px){ .kicheck-auswertung .aw-innen th{width:110px} }

/* ---------- Lange Woerter --------------------------------------------
   Deutsch baut Komposita: „Unternehmensinformationen" ist bei 320 px
   breiter als die Textspalte des Schritte-Moduls. Ein Grid-Kind darf
   per Voreinstellung nicht schmaler werden als sein laengstes Wort —
   die Spalte wuchs dadurch ueber den Kasten hinaus, sichtbar als
   19 px Ueberlauf. Deshalb: Die beiden Kinder duerfen schrumpfen, und
   ein Wort, das dann immer noch nicht passt, bricht um.

   Bewusst nur hier und nicht in Karten oder Landkarte: Dort trennt
   „anywhere" die gesperrten Kleinbuchstaben-Ueberschriften mitten im
   Wort. Gepruefte Entscheidung, kein Vergessen. */
.kicheck-auswertung .aw-schrittliste > li > *{min-width:0}
.kicheck-auswertung .aw-schrittname,
.kicheck-auswertung .aw-schritttext,
.kicheck-auswertung .aw-schritttext .aw-liste > li{overflow-wrap:anywhere}

/* ---------- Schmale Schirme ------------------------------------------- */
@media (max-width:640px){
  .kicheck-auswertung .aw-modul{margin-top:64px}
  .kicheck-auswertung .aw-zitat,
  .kicheck-auswertung .aw-grafik,
  .kicheck-auswertung .aw-landkarte,
  .kicheck-auswertung .aw-reihenfolge{margin-top:72px}
  .kicheck-auswertung .aw-cover{padding-top:48px}
  .kicheck-auswertung .aw-schrittliste > li{grid-template-columns:44px 1fr;gap:0 14px}
  .kicheck-auswertung .aw-nummer{font-size:24px}
  /* Nur auf schmalen Schirmen: Ein Wort, das nicht in die Spalte passt,
     wird lieber getrennt als hart umgebrochen. Ohne Trennmuster im
     Browser bleibt es beim harten Umbruch — nie beim Ueberlauf. */
  .kicheck-auswertung .aw-schrittname,
  .kicheck-auswertung .aw-schritttext{-webkit-hyphens:auto;hyphens:auto}
}

/* ---------- Papier ----------------------------------------------------
   Ein Brief, den jemand ausdruckt, soll ein Brief bleiben. */
@media print{
  .kicheck-auswertung{background:#fff}
  .kicheck-auswertung .aw-innen,
  .kicheck-auswertung .fussleiste,
  .kicheck-auswertung .aw-marke{display:none}
  .kicheck-auswertung .aw-modul{margin-top:44px}
  .kicheck-auswertung .aw-zitat,
  .kicheck-auswertung .aw-visual,
  .kicheck-auswertung .aw-warnkasten,
  .kicheck-auswertung .aw-karte{break-inside:avoid}
  .kicheck-auswertung h1{font-size:38px}

  /* Was auf Papier zusammengehoert, bleibt zusammen: eine Karte, ein
     Schritt, ein Landkartenfeld, ein Schaubild-Baustein. */
  .kicheck-auswertung .aw-schrittliste > li,
  .kicheck-auswertung .aw-lspalte,
  .kicheck-auswertung .aw-lkarte,
  .kicheck-auswertung .aw-schaubild,
  .kicheck-auswertung .aw-gsatz,
  .kicheck-auswertung .aw-gliste,
  .kicheck-auswertung .aw-gkette,
  .kicheck-auswertung .aw-treppe > li,
  .kicheck-auswertung .aw-blickliste > li,
  .kicheck-auswertung .aw-bildplatz,
  .kicheck-auswertung .aw-autorenblock,
  .kicheck-auswertung .aw-beobachtungen{break-inside:avoid}

  /* Eine Ueberschrift steht nie allein am Seitenende, und kein
     einzelner Zeilenrest wandert auf die naechste Seite. */
  .kicheck-auswertung h1,
  .kicheck-auswertung h2,
  .kicheck-auswertung .aw-kartenkopf,
  .kicheck-auswertung .aw-lkopf,
  .kicheck-auswertung .aw-gkopf,
  .kicheck-auswertung .aw-schrittname{break-after:avoid}
  .kicheck-auswertung p,
  .kicheck-auswertung li{orphans:3;widows:3}

  /* Der Deckel bekommt seine eigene Seite, der Autorinnenblock beginnt
     nicht als Rest unten. */
  .kicheck-auswertung .aw-cover{break-after:page}
  .kicheck-auswertung .aw-autorin{break-before:auto}

  /* Auf Papier stehen Karten und Landkartenfelder untereinander.
     Mindesthoehen aus der Bildschirmfassung wuerden dort nur Luft
     einziehen. */
  .kicheck-auswertung .aw-karte,
  .kicheck-auswertung .aw-lspalte{min-height:0}

  /* Links drucken als Text — keine Adresse im Fliesstext. */
  .kicheck-auswertung a{color:inherit;text-decoration:none}
}


/* =====================================================================
   TEXTBAUSTEINE DES BRIEFS

   Listenregeln stehen ueberall als „> li". Ohne den Pfeil greift eine
   Regel fuer die aeussere Liste auch in jede innere hinein: Die Schritte
   sind ein zweispaltiges Raster, und die Aufzaehlung darin wurde davon
   auf 64 Pixel gequetscht — ein Wort je Zeile.
   Achtung, dieselbe Falle wie beim Schritt-Modul: Die Sektion traegt
   ihre Modulart als Klasse. Innere Bausteine heissen deshalb anders
   (.aw-lkarte statt .aw-landkarte).
   ===================================================================== */

.kicheck-auswertung .aw-modul p{max-width:var(--aw-mass);margin-bottom:18px}
.kicheck-auswertung .aw-modul p:last-child{margin-bottom:0}
.kicheck-auswertung .aw-stark{
  font-family:var(--aw-display);font-weight:400;
  font-size:19px;line-height:1.45;color:var(--aw-petrol);
  margin-top:22px;margin-bottom:22px;
}
.kicheck-auswertung .aw-liste{
  list-style:none;margin:0 0 18px;padding:0;max-width:var(--aw-mass);
  display:flex;flex-direction:column;gap:9px;
}
.kicheck-auswertung .aw-liste > li{padding-left:20px;position:relative;line-height:1.55}
.kicheck-auswertung .aw-liste > li::before{
  content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;background:var(--aw-salbei);
}

/* Beobachtungen: die Antworten, die zu dieser Lesart gehoeren.
   Abgesetzt, damit sie nicht wie Fliesstext gelesen werden. */
.kicheck-auswertung .aw-beobachtungen{
  margin-top:30px;padding-left:20px;border-left:2px solid var(--aw-salbei);
  max-width:var(--aw-mass);
}
.kicheck-auswertung .aw-beobachtungen p{margin-bottom:14px}

.kicheck-auswertung .aw-unterzeile{
  font-size:18px;line-height:1.5;color:var(--aw-ink);max-width:52ch;
}
.kicheck-auswertung .aw-h1-leer{opacity:.75}

/* Auf einen Blick */
.kicheck-auswertung .aw-blickliste > li{display:flex;flex-direction:column;gap:6px}
.kicheck-auswertung .aw-blickmarke{
  font-family:var(--aw-display);font-size:16px;color:var(--aw-petrol);line-height:1.35;
}

/* Schaubilder mit Inhalt: gesetzt, nicht gezeichnet. */
.kicheck-auswertung .aw-schaubild{margin:0;padding:30px 32px;border:1px solid var(--aw-linie);border-radius:4px;background:var(--aw-flaeche)}
.kicheck-auswertung .aw-schaubild-titel{
  font-family:var(--aw-display);font-size:12px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--aw-leise);margin-bottom:22px;
}
.kicheck-auswertung .aw-gegenueber{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.kicheck-auswertung .aw-gkopf{
  font-family:var(--aw-display);font-size:16px;color:var(--aw-petrol);margin-bottom:12px;
}
.kicheck-auswertung .aw-gspalte ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.kicheck-auswertung .aw-gspalte ul > li{font-size:15.5px;line-height:1.45;color:var(--aw-ink);padding-left:16px;position:relative}
.kicheck-auswertung .aw-gspalte ul > li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:1px;background:var(--aw-linie-stark)}
.kicheck-auswertung .aw-gfuss{margin-top:14px;font-family:var(--aw-display);font-size:15px;color:var(--aw-salbei)}
.kicheck-auswertung .aw-gschluss{
  margin-top:26px;padding-top:18px;border-top:1px solid var(--aw-linie);
  font-family:var(--aw-display);font-size:17px;color:var(--aw-petrol);
}
@media (max-width:640px){ .kicheck-auswertung .aw-gegenueber{grid-template-columns:1fr;gap:26px} }

/* Kette: liegende Stationen mit Pfeil dazwischen. */
.kicheck-auswertung .aw-kette{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;
}
.kicheck-auswertung .aw-kette > li{
  font-family:var(--aw-display);font-size:15px;line-height:1.35;color:var(--aw-petrol);
  padding:8px 16px;border:1px solid var(--aw-linie);border-radius:3px;background:var(--aw-grund);
}
.kicheck-auswertung .aw-kette > li + li::before{
  content:"→";color:var(--aw-salbei);margin:0 12px 0 -14px;
}
.kicheck-auswertung .aw-reihenfolge .aw-schaubild,
.kicheck-auswertung .aw-bild-band.aw-schaubild{aspect-ratio:auto;padding:24px 26px;max-width:760px}

/* Die Landkarte: drei Spalten, keine Wertung, keine Farben. */
.kicheck-auswertung .aw-lkarte{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
/* Ohne eine einzige A-Antwort entfaellt das Feld „Das traegt“. Die
   Landkarte hat dann zwei Felder und keinen leeren Platz. */
.kicheck-auswertung .aw-lkarte-2{grid-template-columns:repeat(2,1fr)}
.kicheck-auswertung .aw-lspalte{
  background:var(--aw-flaeche);border:1px solid var(--aw-linie);border-radius:4px;
  padding:24px 22px;min-height:160px;display:flex;flex-direction:column;gap:12px;
}
.kicheck-auswertung .aw-lkopf{
  font-family:var(--aw-display);font-size:15.5px;line-height:1.3;color:var(--aw-petrol);margin-bottom:0;
}
@media (max-width:760px){
  .kicheck-auswertung .aw-lkarte{grid-template-columns:1fr}
  .kicheck-auswertung .aw-lspalte{min-height:0}
}

/* Die drei Schritte tragen jetzt Text. */
.kicheck-auswertung .aw-schritttext{grid-column:2}
.kicheck-auswertung .aw-schritttext p{font-size:16.5px;margin-bottom:12px}
.kicheck-auswertung .aw-schritttext .aw-stark{font-size:17px;margin-top:14px;margin-bottom:0}
.kicheck-auswertung .aw-schritttext .aw-liste{margin-bottom:0}

/* Text in Summary, Landkarte und Staerke-Karten. */
.kicheck-auswertung .aw-blicktext{font-size:16.5px;line-height:1.55;color:var(--aw-ink)}
.kicheck-auswertung .aw-ltext{font-size:15.5px;line-height:1.5;color:var(--aw-ink);margin-bottom:0}
.kicheck-auswertung .aw-karte p{font-size:15.5px;line-height:1.55;color:var(--aw-ink);margin-bottom:0}
.kicheck-auswertung .aw-karten-1{grid-template-columns:1fr;max-width:var(--aw-mass)}
.kicheck-auswertung .aw-karten-2{grid-template-columns:1fr 1fr}
.kicheck-auswertung .aw-autorenblock .aw-autorin-rolle{margin-top:16px;margin-bottom:0}

/* =====================================================================
   GESETZTE SCHAUBILDER
   Typografie statt Zeichnung: Saetze, Listen, Ketten, eine Treppe und
   lose Beitraege. Keine Ampeln, keine Zahlen, keine Symbole.
   ===================================================================== */
.kicheck-auswertung .aw-gbau{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.kicheck-auswertung .aw-gverbinder{
  font-family:var(--aw-display);font-size:18px;line-height:1;color:var(--aw-salbei);
  margin:12px 0 12px 18px;
}
.kicheck-auswertung .aw-gsatz{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;
  border:1px solid var(--aw-linie);border-radius:3px;background:var(--aw-grund);
  padding:12px 18px;
}
.kicheck-auswertung .aw-gsatzkopf{
  font-family:var(--aw-display);font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--aw-leise);
}
.kicheck-auswertung .aw-gsatztext{
  font-family:var(--aw-display);font-size:16px;line-height:1.35;color:var(--aw-petrol);
}
.kicheck-auswertung .aw-gliste ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.kicheck-auswertung .aw-gliste ul > li{
  font-size:15.5px;line-height:1.45;color:var(--aw-ink);padding-left:16px;position:relative;
}
.kicheck-auswertung .aw-gliste ul > li::before{
  content:"";position:absolute;left:0;top:.62em;width:7px;height:1px;background:var(--aw-linie-stark);
}
.kicheck-auswertung .aw-gkette .aw-kette{margin-top:8px}
.kicheck-auswertung .aw-kette-lose > li + li::before{content:"·";margin:0 10px 0 -12px}

/* Die Treppe: jede Stufe ruecken wir ein Stueck weiter ein. */
.kicheck-auswertung .aw-treppe{list-style:none;margin:0;padding:0;width:100%}
.kicheck-auswertung .aw-treppe > li{
  display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;
  margin-left:calc(var(--stufe) * 26px);
  padding:9px 0;
}
.kicheck-auswertung .aw-tname{
  font-family:var(--aw-display);font-size:16px;color:var(--aw-petrol);
  border-bottom:1px solid var(--aw-linie);padding-bottom:4px;min-width:130px;
}
.kicheck-auswertung .aw-tseite{
  font-family:var(--aw-display);font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--aw-leise);
}
.kicheck-auswertung .aw-tmarke{
  font-family:var(--aw-display);font-size:16px;color:var(--aw-salbei);
}
@media (max-width:640px){
  .kicheck-auswertung .aw-treppe > li{margin-left:calc(var(--stufe) * 12px)}
  .kicheck-auswertung .aw-tname{min-width:0}
}

/* Lose Beitraege rund um den Ablauf. Sie sind eine Staerke, kein
   Mangel — deshalb keine Warnfarbe und keine Klammer. */
.kicheck-auswertung .aw-gwolke{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;max-width:600px;
}
.kicheck-auswertung .aw-gwolke > li{
  font-size:14.5px;line-height:1.35;color:var(--aw-ink);
  border:1px dashed var(--aw-linie-stark);border-radius:20px;padding:6px 14px;
}

/* Ueberschrift auf einer Staerke-Karte — nur bei neun A. */
.kicheck-auswertung .aw-kartenkopf{
  font-family:var(--aw-display);font-size:11.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--aw-salbei);margin-bottom:10px;
}
/* Die drei uebergeordneten Karten stehen nebeneinander gleich hoch —
   aber nur, solange sie wirklich nebeneinander stehen. Untereinander
   (schmaler Schirm, Papier) wuerde dieselbe Mindesthoehe nur Leerraum
   in jede Karte legen. Die Regel stand vorher ohne Bedingung da. */
@media (min-width:761px){
  .kicheck-auswertung .aw-karten-3 .aw-karte{min-height:210px}
}