Community-Kacheln: das Loch, die Zwillinge, die unsichtbaren Farben

Filipe, mit einem Bildschirmfoto: "das wie es jetzt ist ist es einfach
total scheisse ... gerade einfach nur dahin geknallt und drauf
geschissen". Er hatte in allen drei Punkten recht, und alle drei sind
messbar.

1. DAS LOCH IM RASTER -- eine Zeile Reihenfolge
Drei Spalten, "Der Treff" doppelt breit -- aber an DRITTER Stelle. Nach
zwei normalen Kacheln war noch EINE Spalte frei, er passte nicht und
rutschte eine Reihe tiefer. Genau das ist die Luecke auf dem Foto.

  DIE REGEL, und sie gilt fuer jedes Raster im Haus: Eine breite Kachel
  gehoert an den ANFANG. Steht sie hinten, faellt die Luecke in die
  MITTE -- und eine Luecke in der Mitte sieht kaputt aus, eine am Ende
  sieht grosszuegig aus.

Jetzt: Treff (2 Spalten) + Anschlagbrett fuellen Reihe 1, drei weitere
Reihe 2, der Rest Reihe 3. Fuer DogFather und die Modis geht es genau
auf, 3 x 3. Und es stimmt auch inhaltlich: Der Treff IST das Herz
dieses Bereichs.

2. ZWEI KACHELN, EIN SYMBOL
"Regeln & Hilfe" und "Meldungen & Massnahmen" trugen beide `schutz` --
im Quelltext zweimal, nebeneinander, auf dem Schirm nicht zu
unterscheiden. Meldungen bekommt `startcheck`, die abgehakte Liste:
Bei Regeln steht, was GILT. Hier steht, was daraus WURDE.

3. DIE FARBEN WAREN DA UND KAMEN NICHT AN
Die sieben Toene sind laengst klar verschieden (#cc9451, #668e6e,
#cc92c6, #656a9e ...). Der Grund stand direkt daneben:
`.kachel:hover::before` und ein ausfuehrlicher Kommentar sprechen von
einer Schiene, die "heller wird und weiter in die Platte strahlt" --
nur hatte `.kachel::before` ausser einem Uebergang KEINEN Inhalt. Das
Element wurde beim Umbau am 07.09. entfernt, seine Hover-Regeln blieben
stehen. Seither trug den Ton nur ein Verlauf, der bei 58 % verschwunden
ist; unter dem Buehnenbild reicht das nicht.

Das hier ist deshalb kein neuer Einfall, sondern das Wiedereinsetzen
dessen, womit der Rest der Datei ohnehin rechnet. Drei Pixel, oben,
nach rechts auslaufend -- Farbe an der Kante unterscheidet, Farbe auf
der Flaeche blendet.

NEU: pruef-kachelraster (15 Pruefungen)
Ein Loch wird nicht angesehen, sondern gerechnet:

  belegte Zellen = Kacheln + 1 je doppelt breiter
  kleinstmoegliche Reihen = aufgerundet (Zellen / Spalten)

Mehr Reihen als das heisst: irgendwo liegt eine Zelle leer, die es
nicht muesste. Eine Luecke am ENDE faellt bewusst heraus. Dazu: jedes
Zeichen genau einmal (erkannt am SVG-Pfad, nicht an einem Namen -- den
gibt es im DOM nicht), jede Kachel mit Schiene, acht verschiedene
Toene. Und die Gegenprobe in beide Richtungen: die ALTE Reihenfolge
MUSS ein Loch melden, die neue nicht.

ZWEI EIGENE FEHLER DABEI, beide durch Messen gefunden:
- Ich hielt ein Vollbild-Foto fuer den Beweis, dass keine Kacheln da
  sind -- sie blenden sich beim Hereinscrollen ein. Die Pruefung
  scrollt jetzt erst hin.
- Ich erwartete sieben Kacheln fuer einen Modi. Er moderiert, also
  sieht er acht. Der Code hatte recht, meine Annahme nicht.

pruef-treff hat die Reihenfolge festgehalten und ist rot geworden --
genau ihre Aufgabe. Erwartung nachgezogen, mit dem Grund daneben.
pruef-kachel-universum 37, pruef-haus-seiten 34, pruef-treff 66,
pruef-css-klassen und pruef-start-ansicht: gruen.

Der ausfuehrliche Plan fuer den ganzen Bereich liegt im Vault:
"02 Projekte/Community-Bereich - Plan zur Perfektion" (fuenf
Durchgaenge).

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

server/workspace.js

@@ -895,13 +895,41 @@ const TREFF_GRUPPE = {
   gruppeUnter: "Der Treff \u2013 der Raum f\u00fcr die Zuschauer",
 };
 
+/* DIE BREITE KACHEL STEHT VORNE (17.09.2026).
+
+   Filipe, mit einem Bildschirmfoto: "das wie es jetzt ist ist es
+   einfach total scheisse ... gerade einfach nur dahin geknallt".
+
+   Er hatte recht, und die Ursache stand genau hier. Das Raster hat
+   DREI Spalten, "Der Treff" ist doppelt breit (`grid-column: span 2`)
+   -- stand aber an DRITTER Stelle. Nach zwei normalen Kacheln war noch
+   EINE Spalte frei, er passte nicht hinein und rutschte eine Reihe
+   tiefer. Zurueck blieb ein Loch mitten im Raster:
+
+     Reihe 1   [Anschlagbrett] [Was ansteht] ....... LUECKE
+     Reihe 2   [ Der Treff (2) ] [Wunschliste]
+     Reihe 3   [Highlights] [Regeln] [Mitmachen]
+     Reihe 4   [Meldungen] ...... LUECKE ...... LUECKE
+
+   DIE REGEL, und sie gilt fuer jedes Raster im Haus: Eine breite
+   Kachel gehoert an den ANFANG. Steht sie hinten, faellt die Luecke in
+   die MITTE -- und eine Luecke in der Mitte sieht kaputt aus, eine am
+   Ende sieht grosszuegig aus.
+
+   Jetzt fuellen Treff (2) plus Anschlagbrett die erste Reihe, die
+   naechsten drei die zweite, der Rest die dritte. Fuer das Team mit
+   der achten Kachel geht es genau auf: drei mal drei.
+
+   UND ES IST AUCH INHALTLICH RICHTIG. Der Treff ist das Herz dieses
+   Bereichs -- dass er vorne steht, ist keine Notloesung fuer das
+   Raster, sondern die Reihenfolge, die ohnehin stimmt. */
 const TREFF_BEREICHE = [
+  { ...TREFF_GRUPPE, name: "Der Treff", unter: "Hallo sagen, fragen, loben",
+    zeichen: "community", ton: 34, gross: true, ziel: "bereich.html?b=treff", szene: "lounge" },
   { ...TREFF_GRUPPE, name: "Anschlagbrett", unter: "Was gerade gilt",
     zeichen: "reports", ton: 33, ziel: "bereich.html?b=anschlag", szene: "halle" },
   { ...TREFF_GRUPPE, name: "Was ansteht", unter: "Die n\u00e4chsten Streams und Events",
     zeichen: "kalender", ton: 31, ziel: "bereich.html?b=ansteht", szene: "skyline" },
-  { ...TREFF_GRUPPE, name: "Der Treff", unter: "Hallo sagen, fragen, loben",
-    zeichen: "community", ton: 34, gross: true, ziel: "bereich.html?b=treff", szene: "lounge" },
   { ...TREFF_GRUPPE, name: "Wunschliste", unter: "Was ihr euch w\u00fcnscht \u2013 und wer mitwill",
     zeichen: "content", ton: 30, ziel: "bereich.html?b=wunsch", szene: "portal" },
   { ...TREFF_GRUPPE, name: "Highlights", unter: "Eure Clips und Bilder",
@@ -929,7 +957,17 @@ const TREFF_BEREICHE = [
 const TREFF_MODERATION_KACHEL = {
   ...TREFF_GRUPPE,
   name: "Meldungen & Ma\u00dfnahmen", unter: "Was gemeldet wurde \u2013 und was daraus wurde",
-  zeichen: "schutz", ton: 36, ziel: "treff-moderation.html", szene: "studio",
+  /* EIGENES ZEICHEN, NICHT DASSELBE WIE "REGELN & HILFE" (17.09.2026).
+
+     Hier stand zweimal `schutz` -- zwei Kacheln nebeneinander mit
+     demselben Schild. Auf dem Bildschirmfoto sind sie nicht zu
+     unterscheiden, und genau daran erkennt man eine Sammlung, die
+     niemand als Ganzes angesehen hat.
+
+     `startcheck` ist eine abgehakte Liste und sagt den Unterschied:
+     Bei "Regeln & Hilfe" steht, was GILT. Hier steht, was daraus
+     WURDE. */
+  zeichen: "startcheck", ton: 36, ziel: "treff-moderation.html", szene: "studio",
 };
 
 /* Welche Bretter zum Treff gehoeren -- ABGELEITET aus den Kacheln, nicht