Personen: eine Kategorie je Rolle, Reihenfolge wie auf der Zugangsseite

Wunsch Filipe: "ich will dass die auch immer die gleiche reihenfolge
haben, am besten sogar jeder seine eigene kategorie und die reihenfolge
genau wie in der zugangsseite."

Dabei kam ein echter Fehler ans Licht. Die Abfrage sortierte mit

    ORDER BY p.aktiv DESC, <Rolle>, p.name

Das "p.aktiv DESC" stand VOR der Rolle -- dadurch wanderte jede gesperrte
Person ans Ende der GESAMTEN Liste, quer durch alle Rollen. Im Bild vom
31.08.2026 stand der gesperrte Manager BanaStift deshalb ganz unten unter
den Creators. Die Reihenfolge DogFather-Manager-Scout-Creator, die
ueberall sonst gilt (ROLLEN_SORTIERUNG, CLAUDE.md), war ausgerechnet auf
der Personenseite aufgehoben -- und es sah nach Absicht aus.

Jetzt: Rolle zuerst, dann Gesperrtes ans Ende SEINER Rolle, dann Name.

Dazu vier Abschnitte mit Ueberschrift, Anzahl und demselben Zusatztext
wie auf der Zugangsseite ("Eigene Pipeline & Kontakte" usw.) -- wer sich
eben angemeldet hat, findet hier dieselbe Sprache wieder. Eine Rolle ohne
Personen wird weggelassen: Eine leere Ueberschrift ist kein
Ordnungsmerkmal, sondern eine Luecke.

Die Gruppen-Gestaltung kommt aus start.css und wird nur wiederverwendet
-- dieselbe Sprache wie auf der Startseite, kein zweiter Entwurf.

Nebenbei ein Eigentor: Der Kommentar zur Sortierung stand zuerst INNERHALB
der SQL-Zeichenkette und enthielt Rueckwaerts-Anfuehrungszeichen. Die
beenden ein Template-Literal -- der Server startete nicht mehr. Steht
jetzt darueber, mit einem Hinweis darauf.

30 Pruefungen. Neu darunter: dass die vier Abschnitte in genau dieser
Reihenfolge stehen, dass der gesperrte Manager bei den Managern steht und
nicht bei den Creators, und dass zugeklappt nur der DogFather-Abschnitt
da ist.

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

workspace/kalender.html

@@ -7,10 +7,10 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608312259" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608312259" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608312259" />
-<link rel="stylesheet" href="assets/css/kalender.css?v=202608312259" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608312305" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608312305" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608312305" />
+<link rel="stylesheet" href="assets/css/kalender.css?v=202608312305" />
 </head>
 
 <body class="start">
@@ -94,8 +94,8 @@
 
 </main>
 
-<script src="assets/js/wahl.js?v=202608312259" defer></script>
-<script src="assets/js/kopf.js?v=202608312259" defer></script>
-<script src="assets/js/kalender.js?v=202608312259" defer></script>
+<script src="assets/js/wahl.js?v=202608312305" defer></script>
+<script src="assets/js/kopf.js?v=202608312305" defer></script>
+<script src="assets/js/kalender.js?v=202608312305" defer></script>
 </body>
 </html>