Vier Meldungen -- und dahinter zweimal derselbe alte Fehler

DIE SYMBOLE IN DER TAGESKACHEL WAREN DIESELBEN -- OHNE IHRE GESTALTUNG

Sie kommen vom selben Bauer wie alle anderen, bekamen aber nie dessen
Aussehen: Alle Lagenregeln waren auf `.kachel__svg` eingegrenzt, und
dieses Zeichen heisst `.dran__svg`. Uebrig blieb eine flache Kontur --
daneben, auf derselben Seite, dieselben Zeichen mit drei Lichtern,
Tiefe und Randlicht. Die Regeln gelten jetzt fuer beide Traeger, und
das Feld darum ist dasselbe gefasste Schild wie auf den Kacheln.

"UNDEFINED" IM CHAT -- DERSELBE FEHLER WIE HEUTE FRUEH, NUR ALS OBJEKT

Ueber Cigdems Namen stand woertlich "UNDEFINED". Die Rollennamen
standen als Objekt in FUENF Skripten (chat.js zweimal, dateien.js,
kalender.js zweimal), in keinem davon 'spicy'.

Heute Frueh war es dieselbe Sache als Menge (`new Set([...])`), und
seitdem sucht `pruef-css-klassen.mjs` danach. Ein Muster, das nur eine
Schreibweise kennt, findet auch nur eine -- die Pruefung sucht jetzt
auch nach Rollen-OBJEKTEN, mit Gegenprobe. Die Namen stehen an EINER
Stelle in bereiche.js.

DOGFATHER UND SPICY MEDIA SIND IM CHAT FUER JEDEN ERREICHBAR

DogFather kam bisher als Nebeneffekt ueber die Betreuungskette mit
hinein, Spicy Media gar nicht -- die Rolle steht in keiner Kette, sie
steht daneben. Beide werden jetzt ausdruecklich hinzugefuegt: Eine
Zustaendigkeit, die nur zufaellig aus einer anderen Regel herausfaellt,
faellt beim naechsten Umbau genauso zufaellig wieder heraus.
Gemessen aus der Sicht eines Creators -- wer bei ihm ankommt, kommt
ueberall an.

DIE PERSONENLISTE: SPICY MEDIA SIEHT ALLES AUSSER DOGFATHER

Der Abschnitt "Spicy Media" fehlte in der Liste komplett -- die Rolle
gibt es seit heute Frueh, die Personenseite kannte sie nicht. Und Spicy
Media selbst sah dort bisher nur das Anlegen-Formular; sie bekommt
jetzt die Liste, ohne DogFathers Zeile, und weiterhin ohne Codes,
Sperren, Loeschen und Protokoll. Ueberblick ist nicht Verwaltung.

ZWEI FOLGEFEHLER, BEIDE VON DEN PRUEFUNGEN GEFUNDEN

  * `next("route")` TUT DAS GEGENTEIL VON DEM, WONACH ES KLINGT. Mein
    erster Versuch war eine Ausnahme-Route VOR der Schranke, die mit
    `next("route")` weiterreicht -- das ueberspringt aber die restlichen
    Handler DIESER Route und geht zur naechsten Schicht, also genau zur
    Schranke. Spicy bekam weiter 404, die Oberflaeche verstand das als
    "nicht erlaubt" und sprang zur Startseite. Gemessen: Auf
    personen.html standen die Kategorien der STARTSEITE.
  * DAS PROTOKOLL WARF SIE VON DER SEITE. Es bleibt bei DogFather und
    antwortet ihr mit 404 -- und `hole()` versteht ein 404 unter
    `/verwaltung/` als "nicht erlaubt". Die Seite baute sich auf und
    sprang im naechsten Atemzug weg. Eine Abfrage, von der man weiss,
    dass sie 404 gibt, stellt man nicht.

UND EINE MEINER EIGENEN NEUEN PRUEFUNGEN WAR WERTLOS

"bei ihr fehlt der Abschnitt DogFather" -- gruen, mit dem Zusatz
"(keine Abschnitte)". Sie war gruen, weil die Liste bei ihr GAR NICHT
DA war. Genau der Haken, der nichts beweist. Er steht jetzt neben einem
Ergebnis, das etwas enthaelt: "Spicy Media | Manager | ...".

18 Pruefungen gelaufen, alle gruen. pruef-spicy von 49 auf 57.

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

workspace/assets/css/personen.css

@@ -333,3 +333,20 @@
 body[data-nur-anlegen="ja"] #liste,
 body[data-nur-anlegen="ja"] .protokoll-block,
 body[data-nur-anlegen="ja"] #rest-schalter { display: none; }
+
+/* SPICY MEDIA LIEST DIE LISTE, VERWALTET SIE ABER NICHT (07.09.2026).
+
+   Sie bekommt die Liste (ohne DogFather) -- und deshalb muss die Liste
+   bei ihr wieder sichtbar sein, obwohl `nur-anlegen` gesetzt ist. Was
+   sie NICHT bekommt, sind die Knoepfe daran: Code neu erzeugen,
+   sperren, loeschen, zuteilen. Die haengen am Server an `nurAdmin` und
+   wuerden bei ihr mit 404 antworten.
+
+   DAS AUSBLENDEN IST KEINE SICHERUNG. Es erspart ihr nur Knoepfe, die
+   nichts tun -- die Sperre steht im Server. Diese Unterscheidung steht
+   hier ausdruecklich, weil sie beim naechsten Umbau leicht verrutscht. */
+body[data-nur-lesen="ja"] #liste { display: block; }
+body[data-nur-lesen="ja"] .person__knoepfe,
+body[data-nur-lesen="ja"] .person__code,
+body[data-nur-lesen="ja"] .zuteilung,
+body[data-nur-lesen="ja"] select { display: none; }

workspace/assets/css/start.css

@@ -1040,16 +1040,16 @@ body.start > main { position: relative; z-index: 1; }
 
    Drei Tiefenlagen sind gemessen: bei zwei sieht es aus wie ein
    Druckfehler, ab fünf wie ein Schlagschatten. */
-.kachel__svg .zeichen__tiefe3,
-.kachel__svg .zeichen__tiefe2,
-.kachel__svg .zeichen__tiefe1 {
+:is(.kachel__svg, .dran__svg) .zeichen__tiefe3,
+:is(.kachel__svg, .dran__svg) .zeichen__tiefe2,
+:is(.kachel__svg, .dran__svg) .zeichen__tiefe1 {
   stroke: none;
 }
-.kachel__svg .zeichen__tiefe3 { fill: rgba(0, 0, 0, .55); }
-.kachel__svg .zeichen__tiefe2 { fill: url(#zeichen-wand); opacity: .85; }
-.kachel__svg .zeichen__tiefe1 { fill: url(#zeichen-wand); }
+:is(.kachel__svg, .dran__svg) .zeichen__tiefe3 { fill: rgba(0, 0, 0, .55); }
+:is(.kachel__svg, .dran__svg) .zeichen__tiefe2 { fill: url(#zeichen-wand); opacity: .85; }
+:is(.kachel__svg, .dran__svg) .zeichen__tiefe1 { fill: url(#zeichen-wand); }
 
-.kachel__svg .zeichen__deck {
+:is(.kachel__svg, .dran__svg) .zeichen__deck {
   fill: url(#zeichen-deck);
   stroke: none;
 }
@@ -1058,7 +1058,7 @@ body.start > main { position: relative; z-index: 1; }
    hellen Deckfläche liest man beide zusammen als eingravierte Rille,
    auf der dunklen Plakette verschwindet er und nur die helle Linie
    bleibt. */
-.kachel__svg .zeichen__saum {
+:is(.kachel__svg, .dran__svg) .zeichen__saum {
   fill: none;
   stroke: rgba(6, 10, 16, .78);
   stroke-width: 3.4;
@@ -1066,7 +1066,7 @@ body.start > main { position: relative; z-index: 1; }
 }
 /* Die kuehle Lichtkante. Duenner als die Kontur und ohne Fuellung --
    sie soll die Kante andeuten, nicht eine zweite Zeichnung sein. */
-.kachel__svg .zeichen__rand {
+:is(.kachel__svg, .dran__svg) .zeichen__rand {
   fill: none;
   /* BREITER als die Kontur darueber (2,7 gegen 1,9) und um ein Drittel
      Rasterpunkt versetzt -- nur so schaut die Lichtkante oben links
@@ -1077,7 +1077,7 @@ body.start > main { position: relative; z-index: 1; }
 }
 .kachel__wasserzeichen .zeichen__rand { display: none; }
 
-.kachel__svg .zeichen__linie {
+:is(.kachel__svg, .dran__svg) .zeichen__linie {
   stroke: url(#zeichen-linie);
   /* 2,05 statt 1,65: Die Zeichen sollen TRAGEN, nicht andeuten. Eine
      dünne Linie wirkt neben kräftigem Text zaghaft -- und zaghaft war
@@ -1123,7 +1123,7 @@ body.start > main { position: relative; z-index: 1; }
   /* Ohne Farben trägt allein die Linie. Der Schein wäre dort ein
      grauer Klecks über der Zeichnung. */
   .kachel__svg { filter: none; }
-  .kachel__svg .zeichen__linie { stroke: CanvasText; }
+  :is(.kachel__svg, .dran__svg) .zeichen__linie { stroke: CanvasText; }
 }
 
 .kachel__text { position: relative; z-index: 1; display: grid; gap: 3px; min-width: 0; }
@@ -1328,21 +1328,67 @@ body.start > main { position: relative; z-index: 1; }
   padding: 11px 15px 11px 17px;
   color: var(--text); text-decoration: none; font-size: .9rem;
 }
+/* Und das Feld darum ist dasselbe gefasste Schild wie auf den
+   Kacheln -- abgeschnittene Ecke, Metallring, Farbe innen. Eine
+   Oberflaeche, eine Sprache. */
 .dran__zeichen {
+  --z-fase: 7px;
+  position: relative;
   display: grid; place-items: center;
-  width: 30px; height: 30px; border-radius: 9px;
-  border: 1px solid color-mix(in srgb, var(--ton) 30%, transparent);
-  background: color-mix(in srgb, var(--ton) 13%, transparent);
-  transition: transform .18s ease, background .18s ease;
+  width: 34px; height: 34px;
+  padding: 2px;
+  border: 0; border-radius: 0;
+  clip-path: polygon(var(--z-fase) 0, 100% 0, 100% 100%, 0 100%, 0 var(--z-fase));
+  background:
+    conic-gradient(from 210deg,
+      #b9c8da 0deg, #5a6b80 44deg, #d6e2ef 88deg, #44536a 140deg,
+      #aebdd0 196deg, #64758c 244deg, #cddaea 296deg, #4e5d73 340deg,
+      #b9c8da 360deg);
+  box-shadow:
+    0 4px 12px -7px rgba(0, 0, 0, .9),
+    0 0 0 1px rgba(6, 10, 18, .5),
+    0 8px 26px -12px color-mix(in srgb, var(--ton) 70%, transparent);
+  transition: transform .18s ease;
 }
+.dran__zeichen::before {
+  content: ""; position: absolute; inset: 2px; z-index: 0;
+  clip-path: polygon(
+    calc(var(--z-fase) - 2px) 0, 100% 0, 100% 100%, 0 100%,
+    0 calc(var(--z-fase) - 2px));
+  background:
+    linear-gradient(150deg, rgba(255, 255, 255, .18) 0%, transparent 50%),
+    radial-gradient(120% 100% at 22% 8%,
+      color-mix(in srgb, var(--ton) 52%, transparent) 0%,
+      color-mix(in srgb, var(--ton) 22%, transparent) 50%,
+      color-mix(in srgb, var(--ton) 8%, transparent) 100%),
+    linear-gradient(#0a0f18, #0a0f18);
+}
+.dran__svg { position: relative; z-index: 1; }
+/* DIE ZEILENSYMBOLE SIND DIESELBEN SYMBOLE (07.09.2026).
+
+   Filipe: "die symbole sollen auch wie die anderen symbole sein."
+
+   Sie wurden vom selben Bauer erzeugt (`zeichenBauen`), bekamen aber
+   nie dessen Gestaltung: Alle Lagenregeln waren auf `.kachel__svg`
+   eingegrenzt, und dieses Zeichen heisst `.dran__svg`. Uebrig blieb
+   eine flache Kontur in einer Farbe -- daneben auf derselben Seite
+   dieselben Zeichen mit drei Lichtern, Tiefe und Randlicht.
+
+   Die Regeln gelten jetzt fuer beide Traeger. Wer ein drittes Zeichen
+   einbaut, traegt es dort ein; die Alternative waere, die Gestaltung
+   ein zweites Mal zu beschreiben, und zwei Beschreibungen derselben
+   Sache laufen immer auseinander.
+
+   Groesser ist es auch: 16 -> 20 px im 30er-Feld, damit die drei
+   Lichter ueberhaupt Platz haben. */
 .dran__svg {
-  width: 16px; height: 16px;
-  fill: none; stroke: var(--ton); stroke-width: 1.7;
+  width: 20px; height: 20px;
+  color: var(--ton);
+  fill: none;
   stroke-linecap: round; stroke-linejoin: round;
 }
 .dran__link:hover .dran__zeichen {
-  transform: scale(1.07);
-  background: color-mix(in srgb, var(--ton) 20%, transparent);
+  transform: translateY(-1px) scale(1.05);
 }
 /* Die Zahl steht vorn und in gleicher Zeichenbreite: Beim Ueberfliegen
    von sieben Zeilen liest man sie zuerst, und sie sollen untereinander
@@ -3283,12 +3329,12 @@ body[data-fremde-sicht="ja"]::after {
 
 /* Die Spiegelung liegt auf demselben Körper -- ein schmaler heller
    Streifen quer über die obere Hälfte, wie Licht auf gewölbtem Glas. */
-.kachel__svg .zeichen__glanz {
+:is(.kachel__svg, .dran__svg) .zeichen__glanz {
   fill: url(#zeichen-glanz);
   stroke: none;
   transition: opacity var(--tempo);
 }
-.kachel:hover .kachel__svg .zeichen__glanz { opacity: 1.35; }
+.kachel:hover :is(.kachel__svg, .dran__svg) .zeichen__glanz { opacity: 1.35; }
 
 /* Im Wasserzeichen NICHT -- dort liegt das Zeichen riesig hinter dem
    Text der Kachel. Eine Fläche würde ihn hinterlegen. */
@@ -3300,8 +3346,8 @@ body[data-fremde-sicht="ja"]::after {
 }
 @media (forced-colors: active) {
   /* Ohne Farben würde die Fläche zu einem massiven Block. */
-  .kachel__svg .zeichen__fuellung,
-  .kachel__svg .zeichen__glanz { display: none; }
+  :is(.kachel__svg, .dran__svg) .zeichen__fuellung,
+  :is(.kachel__svg, .dran__svg) .zeichen__glanz { display: none; }
 }
 
 /* ---------- Material statt Zeichnung (03.09.2026, zweite Stufe) ----------
@@ -3348,7 +3394,7 @@ body[data-fremde-sicht="ja"]::after {
 }
 
 @media (forced-colors: active) {
-  .kachel__svg .zeichen__eigenschatten,
+  :is(.kachel__svg, .dran__svg) .zeichen__eigenschatten,
   .kachel__zeichen::after { display: none; }
   .kachel__svg { filter: none; }
 }

workspace/assets/js/bereiche.js

@@ -918,8 +918,31 @@
      Spicy Media, und sortierte sie damit ans Ende. */
   const ROLLENFOLGE = ['spicy', 'admin', 'manager', 'scout', 'creator'];
 
+  /* DIE NAMEN DER ROLLEN -- ebenfalls an EINER Stelle (07.09.2026).
+
+     Sie standen als Objekt in fuenf Skripten: chat.js zweimal,
+     dateien.js, kalender.js zweimal. In keinem davon 'spicy'. Im Chat
+     stand ueber Cigdems Namen deshalb woertlich "UNDEFINED" -- Filipe
+     hat es im Bildschirmfoto geschickt.
+
+     Es ist derselbe Fehler wie bei der Leitungsliste heute Frueh, nur
+     in anderer Form: damals ein Set, hier ein Objekt. Deshalb sucht
+     `pruef-css-klassen.mjs` jetzt auch nach Rollen-OBJEKTEN.
+
+     Zwei Schreibweisen, weil beide gebraucht werden: die kurze fuer
+     Namensschilder ("Scout"), die Gruppenform fuer Ueberschriften
+     ueber Listen ("Scouts"). */
+  const ROLLEN_NAME = {
+    spicy: 'Spicy Media', admin: 'DogFather', manager: 'Manager',
+    scout: 'Scout', creator: 'Creator',
+  };
+  const ROLLEN_GRUPPE = {
+    spicy: 'Spicy Media', admin: 'DogFather', manager: 'Manager',
+    scout: 'Scouts', creator: 'Creator',
+  };
+
   window.Bereiche = {
     ZEICHEN, GRUPPEN, zuSeite, zeichenBauen, merkzeichenBauen,
-    LEITUNG, ROLLENFOLGE,
+    LEITUNG, ROLLENFOLGE, ROLLEN_NAME, ROLLEN_GRUPPE,
   };
 })();

workspace/assets/js/chat.js

@@ -37,7 +37,9 @@
     return k;
   };
 
-  const ROLLENKURZ = { admin: 'DogFather', manager: 'Manager', scout: 'Scout', creator: 'Creator' };
+  /* Aus der einen Quelle. Stand hier als eigenes Objekt und hatte
+     'spicy' nicht -- siehe bereiche.js. */
+  const ROLLENKURZ = window.Bereiche.ROLLEN_NAME;
 
   let ich = null;
   let raeume = [];
@@ -509,7 +511,7 @@
       const punkt = el('span', 'chat-wahl__punkt');
       punkt.setAttribute('aria-hidden', 'true');
       titel.append(punkt, document.createTextNode(
-        { admin: 'DogFather', manager: 'Manager', scout: 'Scouts', creator: 'Creator' }[rolle]));
+        window.Bereiche.ROLLEN_GRUPPE[rolle]));
       gruppe.append(titel);
 
       const liste = el('div', 'chat-wahl__liste');

workspace/assets/js/dateien.js

@@ -91,7 +91,7 @@
       : 'Niemand ausgewählt – dann sieht sie nur DogFather.';
   }
 
-  const ROLLENKURZ = { admin: 'DogFather', manager: 'Manager', scout: 'Scout', creator: 'Creator' };
+  const ROLLENKURZ = window.Bereiche.ROLLEN_NAME;
 
   /* ---------- Hochladen -------------------------------------------------- */
 

workspace/assets/js/kalender.js

@@ -85,12 +85,10 @@
      Fehlklick die ganze Auswahl und ist am Handy kaum zu bedienen. */
   let alleLeute = [];
 
-  const ROLLENKURZ = { admin: 'DogFather', manager: 'Manager', scout: 'Scout', creator: 'Creator' };
+  const ROLLENKURZ = window.Bereiche.ROLLEN_NAME;
   /* Mehrzahl für die Gruppenüberschriften. "Scout" über vier Namen
      liest sich falsch -- über der Gruppe steht, was die Leute SIND. */
-  const ROLLENGRUPPE = {
-    admin: 'DogFather', manager: 'Manager', scout: 'Scouts', creator: 'Creator',
-  };
+  const ROLLENGRUPPE = window.Bereiche.ROLLEN_GRUPPE;
   /* Auch diese Liste steht in bereiche.js -- sie hatte denselben
      Mangel wie die Leitungsliste: kein 'spicy'. Eine unbekannte Rolle
      landet bei indexOf() auf -1 und damit VOR allen anderen; Spicy

workspace/assets/js/personen.js

@@ -24,8 +24,7 @@
      Liste stand dann schlicht „spicy" statt „Spicy Media". Ein
      Auffangwert, der halbwegs plausibel aussieht, ist der beste Weg,
      eine Luecke jahrelang zu behalten. */
-  const ROLLENNAME = { spicy: 'Spicy Media', admin: 'DogFather',
-    manager: 'Manager', scout: 'Scout', creator: 'Creator' };
+  const ROLLENNAME = window.Bereiche.ROLLEN_NAME;
 
   /* Reihenfolge und Erklaerung an EINER Stelle. Sie gilt fuer die
      Rollenwahl im Formular und fuer alles, was sonst Rollen auflistet. */
@@ -547,7 +546,16 @@
 
      Eine Rolle ohne Personen wird weggelassen. Eine leere Überschrift
      ist kein Ordnungsmerkmal, sondern eine Lücke. */
+  /* SPICY MEDIA FEHLTE HIER (07.09.2026). Die Rolle gibt es seit heute
+     Frueh, die Personenliste kannte sie nicht -- ein Spicy-Zugang stand
+     damit in KEINEM Abschnitt und war in der Liste unsichtbar, obwohl
+     der Server ihn geliefert hat. Filipe hat es gemeldet: "bei personen
+     & zugangscode soll auch die kategorie spicy der rolle dogfather
+     angezeigt werden."
+
+     Die Reihenfolge folgt bereiche.js (Spicy Media ueber DogFather). */
   const ROLLEN_ABSCHNITTE = [
+    { rolle: 'spicy',   name: 'Spicy Media', unter: 'Überblick & Zugänge anlegen' },
     { rolle: 'admin',   name: 'DogFather', unter: 'Gesamtübersicht & Freigaben' },
     { rolle: 'manager', name: 'Manager',   unter: 'Betreuung & Freigaben' },
     { rolle: 'scout',   name: 'Scout',     unter: 'Eigene Pipeline & Kontakte' },
@@ -558,7 +566,21 @@
     const ziel = $('liste');
     ziel.textContent = '';
 
+    /* SPICY MEDIA SIEHT ALLES AUSSER DOGFATHER (07.09.2026).
+
+       Filipe: "spicy soll genau das sehen koennen, aber nur nicht die
+       rolle dogfather."
+
+       Das ist dieselbe Grenze, die im ganzen Haus gilt: Die Rolle hat
+       den Ueberblick ueber Manager, Scouts und Creator -- DogFathers
+       eigene Sachen gehen sie nichts an. Hier faellt deshalb genau
+       dieser eine Abschnitt weg, nicht mehr und nicht weniger.
+
+       DAS IST KEINE SICHERUNG, sondern Aufraeumen: Der Server liefert
+       ihr die Liste ohnehin nur, wenn sie sie sehen darf. Eine
+       ausgeblendete Zeile hat noch nie etwas geschuetzt. */
     const vorhanden = ROLLEN_ABSCHNITTE
+      .filter((a) => !(a.rolle === 'admin' && ich?.rolle === 'spicy'))
       .map((a) => ({ ...a, drin: alle.filter((p) => p.rolle === a.rolle) }))
       .filter((a) => a.drin.length);
 
@@ -641,7 +663,17 @@
       ziel.textContent = '';
       ziel.setAttribute('aria-busy', 'false');
       listeZeigen();
-      await protokollLaden();
+      /* DAS PROTOKOLL BLEIBT BEI DOGFATHER. Fuer Spicy Media antwortet
+         es mit 404 -- und `hole()` versteht ein 404 unter
+         `/verwaltung/` als "nicht erlaubt" und schickt zur Startseite
+         zurueck. Genau so hat der Aufruf sie von der Personenseite
+         geworfen, kaum dass die Liste da war: Die Seite baute sich auf
+         und sprang im naechsten Atemzug weg. Gemessen -- auf
+         personen.html standen die Kategorien der STARTSEITE.
+
+         Eine Abfrage, von der man weiss, dass sie 404 gibt, stellt man
+         nicht. */
+      if (ich.rolle === 'admin') await protokollLaden();
     } catch { /* umgeleitet */ }
   }
 
@@ -764,14 +796,29 @@
           'Hier legst du neue Leute an. Codes, Sperren und das Protokoll bleiben bei DogFather.';
         zeile.hidden = false;
       }
-      /* UND DIE LISTE HÖRT AUF ZU LADEN. Sie steht mit
-         aria-busy="true" in der Seite, und `laden()` -- das es wieder
-         abschaltet -- wird für sie mit Absicht nie aufgerufen. Damit
-         meldete die Seite einem Screenreader dauerhaft "wird geladen",
-         und es kam nie etwas. Ein Ladehinweis, der nie endet, ist
-         schlimmer als keiner. */
+      /* SPICY MEDIA BEKOMMT DIE LISTE -- ZUM LESEN (07.09.2026).
+
+         Filipe: "spicy soll genau das sehen koennen, aber nur nicht die
+         rolle dogfather." Bis hierher sah die Rolle auf dieser Seite
+         nur das Anlegen-Formular; die Liste wurde bewusst nicht
+         geladen, weil die Verwaltungsschnittstelle zu war. Sie ist es
+         weiterhin -- aber die LISTE ist seit heute offen, ohne
+         DogFathers Zeile (siehe workspace-personen.js).
+
+         Der Manager bekommt sie NICHT: Fuer ihn gilt unveraendert
+         "anlegen, nicht verwalten". Deshalb steht hier die Rolle und
+         nicht die Leitung. */
       const liste = $('liste');
-      if (liste) {
+      if (ich.rolle === 'spicy') {
+        document.body.dataset.nurLesen = 'ja';
+        laden();
+      } else if (liste) {
+        /* Fuer alle anderen hoert die Liste auf zu laden. Sie steht mit
+           aria-busy="true" in der Seite, und `laden()` wird fuer sie
+           nicht aufgerufen -- ohne diese Zeilen meldete die Seite einem
+           Vorleseprogramm dauerhaft "wird geladen", und es kam nie
+           etwas. Ein Ladehinweis, der nie endet, ist schlimmer als
+           keiner. */
         liste.setAttribute('aria-busy', 'false');
         liste.textContent = '';
       }