Auf dem Brett steht jetzt Deutsch, nicht ASCII

Unter jeder Kategorie stand eine Erklaerung ohne Umlaute:
"Was im Livechat passiert, waehrend gesendet wird. Loeschen,
stummschalten, begruessen, deeskalieren." Elf der vierzehn Kategorien
und alle drei Stufen waren betroffen, dazu vier Stellen mit zwei
Bindestrichen statt eines Gedankenstrichs.

Entstanden ist es beim Schreiben ueber Hilfsskripte, die an Umlauten
scheitern -- fuer einen Kommentar gleichgueltig, fuer einen Satz, den
ein Mensch liest, ein Fehler. Gesehen hat es keine Pruefung: Der Text
war inhaltlich richtig, der Katalog vollstaendig, alles gruen.
Aufgefallen ist es auf einem Bildschirmfoto.

NEU: pruef-deutsche-texte (9 Pruefungen)
Sieht 174 Katalogtexte und 28 ausgelieferte Seiten durch. Bewusst eine
Liste von Wortstuecken statt eines Musters aus Buchstabenfolgen: "ue"
ist in "Feuer" und "neue" richtig, "ss" in jedem zweiten Wort. Die
Liste ist ein Netz, kein Beweis, und der Kopf der Datei sagt das.

Die Skripte bleiben absichtlich aussen vor. Ausprobiert: Dieselbe
Liste schlaegt dort 71 Mal an und kein einziges Mal zu Recht -- es
sind Feldnamen, Stilklassen und Adressen, die ASCII sein MUESSEN.
Eine Warnung, die immer kommt, ist keine Warnung mehr. Ihr sichtbarer
Text wird deshalb am fertigen Bildschirm geprueft, ueber innerText.

AUSSERDEM, auf demselben Bildschirmfoto gefunden:
Die Fusszeile der Vorlagenkarten war eine starre Flex-Zeile. Bei einer
schon uebernommenen Aufgabe stehen dort drei Dinge statt zwei, und
"Frist: in 2 Tagen" brach mitten im Wort auf drei Zeilen um. Keine
neue feste Breite dagegen, sondern flex-wrap plus nowrap -- eine
Regel, die misst, statt einer Zahl, die beim naechsten Element wieder
faellig waere.

UND EINE LEHRE ZUM MESSEN: Die erste Fassung dieser Pruefung zaehlte
element.getClientRects(). Sie blieb gruen, auch mit dem Fehler wieder
eingebaut -- ein Flex-Kind wird zum Block und liefert immer genau ein
Rechteck. Gefunden hat das nur die Gegenprobe. Gemessen wird jetzt
ueber einen Bereich um den Textknoten.

Das Bildschirmfoto landet ausserdem dort, wo die Zeile darunter es
ansagt (server/), nicht im Arbeitsverzeichnis.

pruef-modi-katalog 49 (vorher 45), pruef-deutsche-texte 9,
pruef-css-klassen, pruef-struktur, pruef-vorlagen,
pruef-aufgaben-vorlagen: alle ohne Fehler.

Co-Authored-By: Claude Opus 5 <[email protected]>

workspace/assets/css/aufgaben.css

@@ -903,13 +903,26 @@
 /* Der Fuß trägt Frist und Knopf. `margin-top: auto` schiebt ihn nach
    unten, damit die Knöpfe aller Karten auf einer Linie stehen -- auch
    wenn die Texte verschieden lang sind. */
+/* DIE FUSSZEILE DARF UMBRECHEN (16.09.2026).
+   Vorher eine starre Zeile. Solange zwei Dinge darin standen -- Frist
+   und Knopf -- ging die Rechnung auf. Bei einer schon uebernommenen
+   Aufgabe sind es DREI (Frist, Vermerk, "Nochmal"), im Aufbauplan
+   sogar vier, und in einer 215 px breiten Karte wurde daraus ein
+   "Frist: in / 2 / Tagen" ueber drei Zeilen neben dem Vermerk.
+
+   Keine neue feste Breite dagegen -- das waere derselbe Fehler mit
+   einer anderen Zahl, und beim fuenften Element wieder faellig.
+   `flex-wrap` bricht genau dann um, wenn der Platz nicht reicht, und
+   `nowrap` haelt zusammen, was ein Begriff ist: "in 2 Tagen" mitten
+   im Wort zu trennen sagt weniger als dieselbe Angabe eine Zeile
+   tiefer. */
 .vorlagenbrett__fuss {
   display: flex; align-items: center; justify-content: space-between;
-  gap: 12px; margin-top: auto; padding-top: 6px;
+  flex-wrap: wrap; gap: 8px 12px; margin-top: auto; padding-top: 6px;
 }
 .vorlagenbrett__frist {
   font-size: .78rem; font-weight: 700; letter-spacing: .04em;
-  color: var(--text-still);
+  color: var(--text-still); white-space: nowrap;
 }
 @media (max-width: 620px) {
   .vorlagenbrett { padding: 16px 14px 18px; }
@@ -966,6 +979,7 @@
 .vorlagenbrett__schon {
   font-size: .74rem; font-weight: 600;
   color: var(--scout-haupt);
+  white-space: nowrap;
 }
 .vorlagenbrett__stand {
   margin: 12px 0 0;

workspace/assets/css/start.css

@@ -7617,8 +7617,11 @@ body.start .k-leiste .feldschild::after {
 
 /* Die zweite Reihe steht dichter unter der ersten und traegt weniger
    Gewicht: Sie waehlt innerhalb dessen, was oben schon gewaehlt ist. */
-.stufenleiter--fein { margin: -6px 0 14px; }
-.stufenleiter--fein .stufenleiter__knopf { padding: 5px 11px; font-size: .76rem; }
+/* DIE DRITTE REIHE: an wen die Aufgabe geht.
+   Etwas kleiner als die zwei darueber, weil sie etwas anderes waehlt --
+   keinen Ausschnitt des Katalogs, sondern einen Menschen. */
+.stufenleiter--wer { margin: -4px 0 12px; }
+.stufenleiter--wer .stufenleiter__knopf { padding: 5px 11px; font-size: .76rem; }
 
 /* WER SCHON ETWAS LIEGEN HAT (16.09.2026).