B1: Das Anschlagbrett haelt 24 Stunden -- und sieht aus wie ein Anschlagbrett

"die sachen sollen in der seite vom anschlagbrett immer automatisch
nach 24h von da verschwinden. weil alles hat seine kategorie und was
nicht ist auch nicht um ewig auf der seite zu bleiben fertig."

SEINE BEGRUENDUNG IST DIE REGEL. Ein Anschlagbrett sagt, was GERADE
gilt. Was laenger gilt, hat seinen eigenen Bereich -- Regeln stehen bei
den Regeln, Termine bei "Was ansteht". Eine Ansage vom letzten
Dienstag, die noch haengt, ist keine Ansage mehr, sondern Papier an der
Wand.

DIE DREI ENTSCHEIDUNGEN, DIE ICH TREFFEN MUSSTE -- und woran ich sie
festgemacht habe:

1. AB WANN LAUFEN DIE 24 STUNDEN? Ab `erstellt`, nicht ab `datum`.
   `datum` ist ein vom Team gesetztes Feld und kann in der Zukunft
   liegen (es traegt die Termine). Eine Ansage, die morgen gilt, soll
   morgen verschwinden und nicht uebermorgen.

2. VERSCHWINDET SIE GANZ? Nein. Er sagt "von DA verschwinden" -- von
   der Seite. Geloescht wird nichts: Wer eine Ansage geschrieben hat,
   soll sie wiederfinden. Sie kommt als `abgehaengt` mit und steht
   zugeklappt unter einer leisen Zeile "Abgehaengt (3)". Auf dem Brett
   selbst steht sie damit nicht mehr.

3. WER ENTSCHEIDET? Der Server. Die Stunden im Browser nachzurechnen
   waere eine zweite Fassung derselben Regel, und eine davon waere
   irgendwann aelter. Die Frist geht als Zahl mit der Antwort.

DAS AUSSEHEN ("viel besser gestaltet, übersichtlicher, moderner,
hochwertiger, professioneller"): Was haengt, sieht jetzt aus wie etwas,
das haengt -- kraeftiger Rand links in der Farbe seiner ART (Ansage
babyblau, Neue Regel gold, Hinweis lila, Danke gruen), ein Schein von
links, mehr Luft. Die Art stand bisher nur im Text; jetzt sieht man
sie. Abgehaengtes ist grau statt durchsichtig -- durchsichtig hiesse,
das Buehnenbild scheint durch, also Text auf einem Foto.

pruef-anschlagbrett.mjs (NEU, 12/0) misst beide Seiten der Grenze
(23 h haengt, 25 h nicht), rechnet relativ zur jetzigen Uhrzeit statt
mit einem festen Datum, und hat den Eintrag, an dem sich alles
entscheidet: alt aufgehaengt, Datum von heute. Wer nach `datum`
filtert, laesst ihn haengen. Dazu zwei Gegenproben: auf jedem anderen
Brett gibt es das Merkmal gar nicht, und wo die Grenze WIRKLICH liegt,
wird aus den Eintraegen nachgerechnet statt aus der Zahl im Modul.

NEBENBEFUND, den erst dieser Commit ausgeloest hat
---------------------------------------------------
pruef-bereiche-lesend stuerzte ab: "listen EACCES 127.0.0.1:5040".

Die Portnummern werden aus der Stelle im Alphabet abgeleitet -- heute
sind fuenf neue Pruefdateien dazugekommen, und dadurch ist diese
Pruefung auf die 5040 gerutscht. Die haelt auf diesem Rechner ein
Windows-Dienst (svchost, PID 7136).

`portMussFreiSein` kannte nur ZWEI Antworten: EADDRINUSE oder frei.
EACCES galt als frei -- die Pruefung lief weiter, bis der echte Server
auf demselben Port startete und mit einem unbehandelten Fehler
abstuerzte. Ein Stapelauszug aus node:net, der wie ein Fehler im Code
aussieht.

Jetzt drei Antworten. Und ein belegter Port wird anders behandelt als
ein gesperrter: Belegt geht vorbei (der andere Lauf hoert auf),
gesperrt nie. Abzubrechen hiesse, die Pruefung waere auf diesem Rechner
dauerhaft nicht ausfuehrbar -- die Sorte Warnung, die immer kommt und
deshalb weggeklickt wird. Ausgewichen wird um einen festen Betrag
(+4000), damit die Nummer abgeleitet und eindeutig bleibt.

Mitgelaufen und gruen: pruef-bereiche-lesend, pruef-css-klassen.

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

workspace/assets/css/bereich.css

@@ -1967,3 +1967,77 @@ body[data-ton] .kopf-zeile::before {
   color: var(--text);
 }
 .brett-entscheidung[hidden] { display: none; }
+
+/* =====================================================================
+   DAS ANSCHLAGBRETT (22.09.2026)
+   =====================================================================
+
+   Filipe: „die sachen sollen in der seite vom anschlagbrett immer
+   automatisch nach 24h von da verschwinden. weil alles hat seine
+   kategorie und was nicht ist auch nicht um ewig auf der seite zu
+   bleiben fertig." Dazu: „viel besser gestaltet, übersichtlicher,
+   moderner, hochwertiger, professioneller" — und ausdrücklich auch
+   auf dem Handy.
+
+   WAS HÄNGT, SIEHT AUS WIE ETWAS, DAS HÄNGT. Eine Ansage vom Team ist
+   keine Notiz unter vielen: Sie gilt jetzt, für alle, und sie ist in
+   24 Stunden weg. Deshalb bekommt sie hier eine eigene Sprache —
+   kräftiger Rand links in der Farbe ihrer Art, ein Band oben, mehr
+   Luft. Nicht mehr Schmuck, sondern mehr Gewicht.
+
+   DIE ART TRÄGT DIE FARBE, und die vier sind das, was `BEREICHE
+   .anschlag.arten` im Server aufzählt: Ansage, Neue Regel, Hinweis,
+   Danke an euch. Steht dort morgen eine fünfte, fällt sie hier auf den
+   neutralen Ton zurück — sichtbar unbeschadet, nur ohne eigene Farbe.
+   ===================================================================== */
+[data-bereich="anschlag"] .eintrag-karte {
+  --anschlag: var(--akzent);
+  position: relative;
+  padding-left: 18px;
+  border-left: 3px solid color-mix(in srgb, var(--anschlag) 65%, transparent);
+  background:
+    linear-gradient(100deg,
+      color-mix(in srgb, var(--anschlag) 10%, transparent) 0%,
+      color-mix(in srgb, var(--anschlag) 3%, transparent) 26%,
+      transparent 52%),
+    linear-gradient(178deg, rgba(10, 14, 22, .96), rgba(5, 8, 14, .98));
+}
+[data-bereich="anschlag"] .eintrag-karte[data-art="ansage"]  { --anschlag: #8ec9ff; }
+[data-bereich="anschlag"] .eintrag-karte[data-art="regel"]   { --anschlag: #f0c14b; }
+[data-bereich="anschlag"] .eintrag-karte[data-art="hinweis"] { --anschlag: #a98bff; }
+[data-bereich="anschlag"] .eintrag-karte[data-art="danke"]   { --anschlag: #8fd6a6; }
+
+/* ---- Was abgehängt ist ---------------------------------------------- */
+/* DIE ZEILE IST LEISE UND ZU. „Von da verschwinden" heißt: nicht mehr
+   auf dem Brett. Sie steht trotzdem da, weil gelöscht etwas anderes
+   ist als abgehängt — wer eine Ansage geschrieben hat, soll sie
+   wiederfinden. */
+.anschlag-alt__kopf {
+  display: flex; align-items: center; gap: 9px;
+  margin: 26px 0 10px;
+  font-size: .78rem; font-weight: 700;
+  letter-spacing: .1em; text-transform: uppercase;
+  color: var(--text-still);
+}
+.anschlag-alt__kopf::after {
+  content: ""; flex: 1 1 auto; height: 1px;
+  background: linear-gradient(90deg, var(--rand), transparent 70%);
+}
+.anschlag-alt__zahl {
+  padding: 1px 8px; border-radius: 999px;
+  border: 1px solid var(--rand);
+  font-size: .72rem; letter-spacing: 0;
+}
+.anschlag-alt { display: grid; gap: 10px; }
+/* Sie sind grau, nicht halb durchsichtig: Durchsichtig hieße, dass
+   das Bühnenbild hindurchscheint — Text auf einem Foto, und ausgerechnet
+   der, den man selten liest. */
+.anschlag-alt .eintrag-karte {
+  --anschlag: #6b7a8d;
+  filter: grayscale(.55);
+}
+
+@media (forced-colors: active) {
+  [data-bereich="anschlag"] .eintrag-karte { border-left: 3px solid CanvasText; }
+  .anschlag-alt__kopf::after { background: CanvasText; }
+}