Die Liste im Dialog rollt, das Anschlagbrett schreibt nicht mehr ab

Zwei Dinge aus Filipes Durchgang.

ERSTENS: "das hoch und runter scollen geht nicht in der liste da."
Die Auswahlliste im Kanal-Dialog liegt seit dem Popover-Umbau in der
obersten Ebene. Das loest das Abschneiden -- aber der Zeiger steht
danach ueber dem Dialog, nicht ueber der Liste, und das Mausrad rollt
den Dialog. Der Horcher haengt jetzt am Dokument (capture) und fragt
selbst, ob der Zeiger im Rechteck der Liste steht. Gemessen:
5 Messungen, 0 Befunde.

ZWEITENS: "gestalte diese seite auch anders ... viel uebersichtlicher."
Am Anschlagbrett stand die Herkunft als vollstaendige Abschrift des
Titels darueber -- derselbe Satz zweimal, direkt untereinander. Jetzt
nennt sie nur noch das Brett, wenn der Titel uebernommen wurde, und
kuerzt sonst auf 60 Zeichen an der Wortgrenze. Dazu Karten mit
620 px Hoechstbreite, zwei nebeneinander statt einer Zeile ueber die
ganze Breite -- lesbar bleibt, was eine begrenzte Zeilenlaenge hat.
Gemessen: 11 Messungen, 0 Befunde; Titel von 352 px statt voller
Breite, zwei Spalten a 571 px.

Geprueft: pruef-anschlagbrett (12, 0), pruef-css-klassen,
pruef-highlights, pruef-chat-kanaele (81, 0), pruef-freie-namen (32, 0).

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

workspace/assets/css/bereich.css

@@ -1221,10 +1221,49 @@
    Titel, mehr Luft, ein Rahmen, der nach Papier aussieht statt nach
    Zeile.
    ------------------------------------------------------------------- */
-#liste[data-aushang="ja"] { display: grid; gap: 18px; }
+/* ZWEI NEBENEINANDER, WENN DER PLATZ REICHT (24.09.2026).
+
+   Filipe: "gestalte diese seite auch anders bitte. viel krasser
+   geiler übersichtlicher."
+
+   Hier stand ein einspaltiges Raster. Auf einem breiten Schirm wurde
+   damit jeder Aushang 1700 px breit -- und ein Titel in 1,32 rem ueber
+   1700 px ist keine Ueberschrift mehr, sondern eine Zeile, die man
+   beim Lesen verliert. Auf seinem Bildschirmfoto lief genau das ueber
+   die volle Breite.
+
+   "Wenige, grosse Aushaenge" bleibt richtig -- gross heisst aber
+   auffaellig, nicht breit. Ein Zettel am schwarzen Brett ist auch
+   keine anderthalb Meter breit.
+
+   auto-fit mit einer OBERGRENZE je Spalte: Bei viel Platz stehen zwei
+   nebeneinander, bei wenig eine, und keine wird je breiter als 620 px.
+   Gerechnet wird nichts -- der Browser entscheidet nach dem Platz,
+   den er hat. */
+#liste[data-aushang="ja"] {
+  display: grid; gap: 18px;
+  /* DIE OBERGRENZE GEHOERT AN DIE KARTE, NICHT AN DIE SPALTE.
+
+     Erster Versuch war "minmax(..., 620px)". Gemessen: Die
+     Inhaltsspalte ist 1160 px breit, zwei Karten a 620 plus Luecke
+     waeren 1258 -- es passte genau eine, und die Aenderung bewirkte
+     nichts. Eine Obergrenze an der Spalte rechnet gegen eine Breite,
+     die man vorher nicht kennt.
+
+     Mit "1fr" teilt der Browser den vorhandenen Platz: bei 1160 px
+     zwei Spalten a 571, bei 390 px eine. Dass eine EINZELNE Karte
+     nicht ueber die ganze Breite laeuft, sagt dann ihre eigene
+     max-width -- an der Stelle, an der es hingehoert. */
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr));
+  align-items: start;
+}
+#liste[data-aushang="ja"] .eintrag-karte { max-width: 620px; }
 #liste[data-aushang="ja"] .eintrag-karte { padding: 22px 24px; }
 #liste[data-aushang="ja"] .eintrag-titel {
   font-size: 1.32rem; line-height: 1.25;
+  /* Auch innerhalb einer 620-px-Spalte: In Zeichen gemessen, damit es
+     bei groesser gestellter Schrift stimmt. */
+  max-width: 30ch;
 }
 #liste[data-aushang="ja"] .eintrag-text {
   font-size: .98rem; line-height: 1.6;