Am Handy lag Text auf Text -- im Satz ueber Vertraulichkeit

Auf der Befindens-Seite ueberlagerten sich bei 430 px zwei Absaetze
um 18 Pixel. Betroffen war ausgerechnet "Deine Antworten liest
niemand ausser dir" -- also der Satz, in dem das Vertrauen entsteht,
das die ganze Seite braucht.

Ursache war eine feste Zahl: -18px Abstand, gerechnet gegen die
26 px, die das Element darueber mitbringt. In einer Kopfzeile setzt
start.css dieses margin-bottom aber auf 0. Aus 26 minus 18 wurde
0 minus 18. Zwei fuer sich richtige Regeln, und dazwischen ein
Schaden, den keine von beiden verursacht.

Die Lehre ist nicht "-18 auf -8 aendern" -- das waere dieselbe Zahl
mit anderem Wert und beim naechsten Zusammentreffen wieder falsch.
Jetzt bestimmt der Absatz davor seinen Abstand selbst, und nur dann,
wenn der Zusatz wirklich folgt (:has). Acht Pixel, in jeder Umgebung.

Gefunden hat es ein Bildschirmfoto, nicht das Lesen: Beide Regeln
sehen einzeln vernuenftig aus. Die Messung steht jetzt fest in
pruef-befinden.mjs (113/0), mit Gegenprobe: Mit dem alten Wert wird
sie rot, ohne ihn gruen.

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

workspace/assets/css/gate.css

@@ -439,8 +439,35 @@ body.gate {
    vervollständigt ihn. Deshalb tritt sie zurück, statt zu warnen —
    augenschonend heißt hier ausdrücklich auch: keine Signalfarbe für
    etwas, das keine Warnung ist. */
+/* ---- DER ABSTAND IST EINE REGEL, KEINE ZAHL (korrigiert 20.09.2026) --
+
+   Hier stand `margin: -18px 0 26px`. Die -18 waren gegen die 26 px
+   gerechnet, die `.unterzeile` darueber mitbringt -- Netto acht Pixel
+   Abstand, und auf der Torseite sah das richtig aus.
+
+   AUF DER BEFINDENS-SEITE UEBERLAGERTEN SICH DIE BEIDEN ABSAETZE UM
+   GENAU 18 PIXEL. Dort steht die Unterzeile in einer Kopfzeile, und
+   `start.css` setzt deren `margin-bottom` auf 0. Aus 26 minus 18 wurde
+   0 minus 18. Zwei fuer sich richtige Regeln, und dazwischen Text ueber
+   Text -- ausgerechnet im Satz „Deine Antworten liest niemand ausser
+   dir", also dort, wo Vertrauen entsteht.
+
+   Gefunden hat es ein Bildschirmfoto, nicht das Lesen: Beide Regeln
+   sehen einzeln vernuenftig aus.
+
+   DIE LEHRE IST NICHT „-18 auf -8 aendern" -- das waere dieselbe Zahl
+   mit einem anderen Wert und beim naechsten Zusammentreffen wieder
+   falsch. Stattdessen bestimmt der Absatz DAVOR seinen Abstand selbst,
+   und zwar nur dann, wenn der Zusatz wirklich folgt (`:has`). Damit
+   sind es IMMER acht Pixel, egal in welcher Umgebung.
+
+   Die Klasse steht doppelt (`.unterzeile.unterzeile`), um dieselbe
+   Staerke wie `.willkommen .unterzeile` zu uebertreffen -- sonst
+   entschiede die Ladereihenfolge, und gate.css laedt zuerst. */
+.unterzeile.unterzeile:has(+ .unterzeile--zusatz) { margin-bottom: 8px; }
+
 .unterzeile--zusatz {
-  margin: -18px 0 26px;
+  margin: 0 0 26px;
   padding-left: 11px;
   border-left: 2px solid var(--rand);
   max-width: 62ch;