Backstage-Fenster: Arbeit zuerst, Anleitung dahinter

Filipe, mit dem Fenster im Bild: "perfektionnier auch diese kachel die
sieht so scheisse aus."

Er hatte recht, und der Grund war nicht die Farbe, sondern die
REIHENFOLGE. Vor dem Feld, in das man einfuegt, standen fuenf lange
Schritte und zwei Absaetze -- rund 1400 px Text, bevor die eigentliche
Arbeit anfing. Wer das Fenster zum zwanzigsten Mal oeffnet, scrollt
jedes Mal an einer Anleitung vorbei, die er laengst kennt; wer es zum
ersten Mal oeffnet, liest eine Wand, bevor er weiss, worum es geht.

Das habe ich selbst gebaut, heute Vormittag, auf den Wunsch "ich
brauch auch eine erklaerung immer dabei". Die Erklaerung war richtig --
ihr Platz war falsch.

JETZT: ein Satz oben, sofort das Feld, dann Tag und Vorschau. Die
ausfuehrliche Anleitung liegt unter einer aufklappbaren Zeile, die
zugeklappt 37 px braucht statt 560.

DIE UEBERSCHRIFTENZEILE BLEIBT OBEN, ausserhalb des Aufklappers. Sie
ist die einzige Angabe, ohne die es gar nicht geht -- den haeufigsten
Fehlgriff hinter einen Klick zu legen waere genau der falsche Tausch.

Nebenbei: Der Erklaersatz zum Tag stand IN der Feldbeschriftung und
machte sie zweizeilig -- eine Beschriftung, die man lesen muss, ist
keine mehr. Er steht jetzt darunter. Das Datumsfeld erbt die Schrift
des Hauses (ohne Angabe nimmt der Browser seine eigene, und das sah
aus wie ein vergessener Rest) und ist auf die Breite gedeckelt, die
ein Datum braucht. Und das Fenster rollt INNEN, damit "Uebernehmen"
immer erreichbar bleibt.

pruef-backstage-import 72 -> 77. Die neuen Zeilen messen die POSITION
in Pixeln, nicht den Text: Die bestehenden Pruefungen lesen
`textContent` des ganzen Dialogs und waeren auch dann gruen, wenn die
Anleitung wieder nach vorn rutscht. Dazu: zugeklappt beim Oeffnen,
Ueberschriftenzeile trotzdem sichtbar, die Zeile nimmt unter 90 px,
und der Aufklapper klappt wirklich auf (ein Aufklapper, der klemmt,
versteckt die Anleitung endgueltig).

Mit SCHIRM=1 legt die Pruefung drei Bilder ab: leer, zugeklappt,
aufgeklappt.

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

workspace/startcheck.html

@@ -12,20 +12,20 @@
      Ton wie die Kopfleiste darunter (#06090f), damit Leiste und Seite
      eine Flaeche sind statt zweier. -->
 <meta name="theme-color" content="#06090f" />
-<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609111545" />
-<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609111545" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202609111545" />
-<link rel="stylesheet" href="assets/css/start.css?v=202609111545" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609111545" />
-<link rel="stylesheet" href="assets/css/startcheck.css?v=202609111545" />
-<link rel="stylesheet" href="assets/css/module.css?v=202609111545" />
+<link rel="icon" type="image/png" href="/assets/img/app-symbole/workspace-32.png?v=202609111554" />
+<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609111554" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202609111554" />
+<link rel="stylesheet" href="assets/css/start.css?v=202609111554" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609111554" />
+<link rel="stylesheet" href="assets/css/startcheck.css?v=202609111554" />
+<link rel="stylesheet" href="assets/css/module.css?v=202609111554" />
 <!-- haus.css MUSS die letzte Stilvorlage sein (10.09.2026).
      Auf der Agenturadresse ist sie leer -- das Haus hier IST der
      Grundzustand. Auf der Adresse von Team Dogi biegt der Server
      genau diesen Dateinamen auf crew-haus.css um, und die Seite
      kommt schon beim ERSTEN Abruf in Lila und Babyblau an --
      ohne Umfaerben im Browser, ohne Flackern. -->
-<link rel="stylesheet" href="assets/css/haus.css?v=202609111545" />
+<link rel="stylesheet" href="assets/css/haus.css?v=202609111554" />
 </head>
 
 <body class="start">
@@ -85,11 +85,11 @@
 
 </main>
 
-<script src="assets/js/ki.js?v=202609111545" defer></script>
-<script src="assets/js/wahl.js?v=202609111545" defer></script>
-<script src="assets/js/bereiche.js?v=202609111545" defer></script>
-<script src="assets/js/kopf.js?v=202609111545" defer></script>
-<script src="assets/js/glocke.js?v=202609111545" defer></script>
-<script src="assets/js/startcheck.js?v=202609111545" defer></script>
+<script src="assets/js/ki.js?v=202609111554" defer></script>
+<script src="assets/js/wahl.js?v=202609111554" defer></script>
+<script src="assets/js/bereiche.js?v=202609111554" defer></script>
+<script src="assets/js/kopf.js?v=202609111554" defer></script>
+<script src="assets/js/glocke.js?v=202609111554" defer></script>
+<script src="assets/js/startcheck.js?v=202609111554" defer></script>
 </body>
 </html>