Neun Buehnen statt einer - jede Seite hat ihre eigene Szene

Filipe hat neun Bilder geschickt, damit es VERSCHIEDENE Hintergruende
gibt. Benutzt wurde davon genau eines (das Studio), die uebrigen acht
lagen unbenutzt im Ordner -- lounge.png und skyline.png sogar schon
fertig kopiert. Zu Recht beanstandet.

Jetzt wird aus jeder Szene eine Buehne, breit und schmal, und jede Seite
bekommt die, die zu ihr passt:

  studio      Startseite            der neutrale Ort, alles beginnt hier
  showbuehne  Dashboard, Review     die grosse Buehne, alles im Blick
  garage      Aufgaben, Technik     Werkstatt, hier wird gearbeitet
  skyline     Kalender              Nacht ueber der Stadt, Zeit
  lounge      Calls, Community      Sitzecke, hier wird geredet
  arena       Dateien, Wissen       Archiv hinter dem Portal
  halle       Profil, Personen      die Halle, in der jemand steht
  wald        Start-Check, Scouting der Weg, den man erst sucht
  portal      Content, LIVE         Durchgang, hier entsteht etwas

Die Zuordnung steht in bereiche.js -- derselben Liste, aus der schon
Zeichen und Farbton kommen. Eine Seite traegt damit dreierlei aus einer
einzigen Quelle: Farbe, Zeichen und Buehne. Sie koennen nicht
auseinanderlaufen.

Alle neun bekommen dieselbe Behandlung (abgedunkelt auf 0.42, Vignette
in der Mitte, wo der Text steht, oben ausgeblendet, wo die Kopfleiste
sitzt). Sie sehen verschieden aus und verhalten sich gleich -- eine
Buehne, die je Seite anders hell waere, waere Unruhe statt Vielfalt.
Der schmale Ausschnitt ist je Szene ein anderer, weil ein auf 9:16
gequetschtes Breitbild nur noch Wand zeigt; genommen wird der Bereich,
in dem die Figuren stehen.

18 Dateien, zusammen 580 KB -- pro Seite werden davon zwei geladen
(breit ODER schmal), also 16 bis 48 KB. Die Rohbilder waren 2,4 MB je
Stueck.

Kontrast auf allen sechs geprueften Seiten an echten Bildpunkten
nachgemessen: haelt (schlechtester Wert 4,59:1).

FUND: Die Buehnenpruefung suchte nach "buehne-breit" und fand die neuen
Namen nicht mehr -- sie meldete "die Buehne liegt im Hintergrund: FEHL",
obwohl sie da war.

Die Seitenpruefung sieht jetzt nach, dass jede Seite ihre Szene hat UND
dass das Bild wirklich ankommt: Ein data-buehne ohne passende CSS-Regel
waere still wirkungslos.

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

server/pruef-workspace-seiten.mjs

@@ -103,6 +103,13 @@ for (const [breite, hoehe, wie] of [[1440, 1000, "Computer"], [390, 844, "Handy"
          eins davon, ist die Zuordnung gerissen und die Seite sieht
          wieder aus wie jede andere. */
       ton: document.body.dataset.ton || null,
+      /* Jede Seite hat ihre eigene Bühne aus Filipes Bildern. Geprüft
+         wird nicht das Merkmal, sondern das TATSÄCHLICH geladene Bild --
+         ein data-buehne ohne passende CSS-Regel wäre still wirkungslos
+         und niemand würde es merken. */
+      buehne: document.body.dataset.buehne || null,
+      buehneBild: (getComputedStyle(document.body, "::before").backgroundImage
+        .match(/buehne-([a-z]+)-(breit|schmal)/) || [])[1] || null,
       kopfZeichen: document.querySelectorAll(".kopf-zeichen__svg path").length,
       kopfZeichenFarbe: document.querySelector(".kopf-zeichen__svg")
         ? getComputedStyle(document.querySelector(".kopf-zeichen__svg")).stroke : null,
@@ -115,8 +122,12 @@ for (const [breite, hoehe, wie] of [[1440, 1000, "Computer"], [390, 844, "Handy"
        Kacheln selbst der Kopf. Überall sonst ist er Pflicht. */
     const kopfGut = istStart
       || (r.ton !== null && r.kopfZeichen > 0 && r.wasserzeichen > 0);
+    /* Die Bühne muss gesetzt sein UND als Bild wirklich ankommen. */
+    const buehneGut = istStart
+      ? r.buehneBild === "studio"
+      : (r.buehne !== null && r.buehneBild === r.buehne);
     const gut = r.ueber <= 0 && konsole.length === 0 && r.abmelden !== false
-      && markeGut && kopfGut
+      && markeGut && kopfGut && buehneGut
       && (r.breit === null || r.breit === "1240px")
       && (r.kopfzeile === null || r.kopfzeile === "flex");
     if (!gut) fehler++;
@@ -125,6 +136,7 @@ for (const [breite, hoehe, wie] of [[1440, 1000, "Computer"], [390, 844, "Handy"
       + `  marke=${r.markeHaupt ? `"${r.markeHaupt}"◆"${r.markeLeise}"` : "FEHLT"}`
       + `${istStart ? "" : ` zurück=${r.rueckweg || "FEHLT"}`}`
       + `${istStart ? "" : `  ton=${r.ton || "FEHLT"} zeichen=${r.kopfZeichen}/${r.wasserzeichen}`}`
+      + `  bühne=${r.buehneBild || "FEHLT"}${r.buehne && r.buehneBild !== r.buehne ? ` (gewollt: ${r.buehne})` : ""}`
       + `  breit=${r.breit}`
       + (konsole.length ? "  KONSOLE: " + konsole.join(" | ") : "")
       + (r.schuld.length ? "  -> " + r.schuld.join(" | ") : ""));