Die Zentrale bekommt die echten Marken -- und drei rote Pruefungen waren keine

Die drei Befunde in pruef-start-ansicht kamen NICHT vom Licht. Sie hingen
alle an einem boundingBox(), das einmal am Anfang ohne Vorrollen gemessen
wurde. Der Umbau zur Zentrale hatte die Begruessungskachel von 244 auf
404 px wachsen lassen, die zweite Kachel rutschte von y=971 auf y=1131,
ihre Mitte lag bei 1207 -- ausserhalb eines 1200 px hohen Fensters. Dorthin
faehrt kein Zeiger, also entstand kein Licht.

Verraten hat es die Mischung aus gruen und rot: "links" (30 % der Hoehe)
bestand, "rechts" (60 %) nicht. Eine Kachel, die nur zur Haelfte getroffen
wird, ist nicht kaputt -- sie haengt halb aus dem Bild.

Beides ist jetzt behoben, nicht nur eines:

  * Die Pruefung holt die Kachel ueber scrollIntoView({block:"center"})
    ins Bild und misst DANACH, vor jeder Benutzung. Passt sie trotzdem
    nicht ins Fenster, ist das ein harter Fehler statt einer stillen
    Fehlmessung.
  * Die Kachel selbst faellt von 404 auf 344 px. Groesster Posten war die
    Anrede-Pille mit 88 px: In ihr steckt <h1 class="titel">, und
    .willkommen .titel ist die grosse Seitenueberschrift -- es standen
    also zwei Ueberschriften in Titelgroesse uebereinander. Der Rang von
    #gruss aendert sich nicht, nur die Groesse.

Nebenbefund, den die Reparatur mit aufgedeckt hat: Die Randmessung stand
auf "nah 51 gegen fern 0". Diese 0 war kein Messwert, sondern der
Bildpunkt ausserhalb des Fensters. Jetzt "nah 43 gegen fern 7" -- dieselbe
Pruefung misst zum ersten Mal wirklich.

DIE MARKEN. marke-husky.webp war nie freigestellt (0,3 % durchsichtig,
alle vier Ecken Alpha 255) -- als Maske ergab das einen Kasten mit einem
Husky darin. Ersetzt durch das echte Original, damit repariert sich die
Kopfleiste ohne eine einzige geaenderte CSS-Zeile mit.

In der Mitte des Rings steht jetzt Spicy Media, nicht der Husky: Der Ring
zeigt DAS TEAM, ein Segment je Person. Der DogFather-Kopf in seiner Mitte
haette Filipe bildlich ins Zentrum seines eigenen Teams gesetzt.

Und davon nur die Chili: Das volle Siegel war bei 44 px unlesbarer Matsch.
Beim ersten Ausschneiden meldete das Werkzeug "60,8 % deckend, Ecken
0/0/0/0" -- klang tadellos und war ein schwarzes RECHTECK mit Chili darin.
Die Flutfuellung laeuft von aussen und kommt nie hinter den weissen Ring.
Gefunden hat das kein Kennwert, sondern das Hinsehen.

Gemessen: pruef-start-ansicht EXIT=0 (137 -> 140 Pruefungen, die drei
roten sind gruen, keine ist verschwunden), pruef-css-klassen EXIT=0
(472 Groessen), pruef-handy EXIT=0.

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

workspace/assets/css/heim.css

@@ -94,7 +94,21 @@
   --k-rand: 4px;
 
   position: relative;
-  padding: 26px 30px;
+  /* 20px oben/unten statt 26.
+
+     JEDER PIXEL HIER SCHIEBT DIE KACHELN DARUNTER NACH UNTEN, und das
+     ist keine Feinheit: Mit dem dreispaltigen Umbau wuchs diese Kachel
+     von 244 auf 404 px. Die erste Kachelreihe rutschte dadurch von
+     y=971 auf y=1131 -- auf einem 1200 px hohen Fenster war damit keine
+     einzige Kachel mehr zu sehen, ohne zu rollen. Die Startseite BESTEHT
+     aber aus diesen Kacheln.
+
+     Zusammen mit der kleineren Anrede (siehe `.zgruss .titel`), dem
+     engeren Zeilenabstand und der Titelgroesse sind es rund 60 px
+     weniger. Die Kachel bleibt dem Vorbild treu -- VanVans Werktisch
+     hat mit minmax(200px, 260px) sogar eine breitere Ringspalte als
+     unsere 180-232 --, steht der Seite darunter aber nicht mehr im Weg. */
+  padding: 20px 30px;
   border: 0;
   border-radius: 0;
 
@@ -373,7 +387,10 @@
 }
 .willkommen__text {
   min-width: 0;
-  display: flex; flex-direction: column; align-items: center; gap: 9px;
+  /* 7px statt 9: vier Luecken uebereinander, also 8 px weniger Hoehe.
+     Siehe die Rechnung ueber `.willkommen`, warum jeder Pixel hier
+     unten bei den Kacheln ankommt. */
+  display: flex; flex-direction: column; align-items: center; gap: 7px;
   text-align: center;
 }
 
@@ -397,37 +414,51 @@
   display: flex; flex-direction: column; align-items: center; justify-content: center;
   gap: 2px; pointer-events: none;
 }
-/* DAS SIEGEL IST RUND -- und das ist eine Reparatur, keine Stilfrage.
+/* IN DER MITTE STEHT SPICY MEDIA, NICHT DER DOGFATHER-KOPF.
 
-   Erst stand hier dieselbe Maske wie in der Kopfleiste:
-     -webkit-mask: url("../img/marke-husky.webp") ...
-   Im Nahaufnahme-Bildschirmfoto war das Ergebnis ein KASTEN mit einem
-   Husky darin, kein freigestellter Husky.
+   Das ist keine Stilfrage, sondern eine inhaltliche. Dieser Ring zeigt
+   DAS TEAM -- ein Segment je Person. Der DogFather-Kopf in seiner Mitte
+   haette Filipe bildlich ins Zentrum seines eigenen Teams gesetzt, mit
+   allen anderen als Kranz darum herum. Genau das soll nicht sein
+   (Anweisung 18.08.2026: nie hierarchisch ueber das Team stellen). Das
+   Spicy-Media-Siegel steht fuer alle gleich -- es ist die Marke, unter
+   der das ganze Team arbeitet, Filipe eingeschlossen.
 
-   Nachgemessen: Die Datei hat einen Alphakanal (VP8X mit ALPH-Chunk,
-   Alpha-Flag gesetzt) -- er ist nur RECHTECKIG. Das Bild ist nicht
-   freigestellt. Als Maske taugt es damit nicht, egal wie richtig die
-   CSS-Zeile ist.
+   Optisch trifft es ausserdem genau, was ein Siegel hier braucht: Es
+   ist von sich aus rund, mit hellem Doppelring auf dunklem Kern. Auf
+   dem dunklen Untergrund des Workspace leuchtet der Ring ruhig, ohne zu
+   blenden -- der Kern bleibt dunkel und zieht den Blick nicht von der
+   Zahl darunter ab, um die es geht.
 
-   BEFUND FUER SPAETER: Dasselbe gilt fuer `.kopfleiste .marke::before`
-   in start.css -- dort ist es bei 22 px nur nicht aufgefallen. Wer das
-   Logo einmal freistellt, repariert beide Stellen auf einmal.
+   VORGESCHICHTE, damit sie niemand zweimal macht: Hier stand
+   `marke-husky.webp`, und in der Kopfleiste dieselbe Datei als Maske.
+   Die Datei hatte zwar einen Alphakanal, der war aber RECHTECKIG -- als
+   Maske ergab das einen Kasten mit einem Husky darin. Seit dem
+   08.09.2026 ist sie durch das echte, freigestellte Original ersetzt
+   (`tools/marken-freistellen.mjs`, Ecken-Alpha nachgemessen 0/0/0/0),
+   und die Kopfleiste ist damit ohne eine einzige geaenderte CSS-Zeile
+   mitrepariert.
 
-   Hier wird es deshalb als BILD gezeigt und rund beschnitten, mit
-   einem feinen Ring darum. Das ist naeher am Vorbild als die Maske es
-   je war: VanVans Werktisch traegt in der Mitte ein rundes Siegel, kein
-   ausgeschnittenes Zeichen. */
+   `contain` statt der frueheren 128 %: Das Werkzeug gibt das Motiv
+   bereits quadratisch gerahmt aus, ein Nachskalieren wuerde den
+   Doppelring nur wieder anschneiden. */
 .zring__siegel {
   width: 44px; height: 44px; margin-bottom: 5px;
   border-radius: 50%;
-  background: url("../img/marke-husky.webp") center / 128% no-repeat, #0b1420;
+  /* 74 % statt `contain`: Bei voller Breite stiess die Chili an den
+     Rand des Siegels und wirkte hineingezwaengt. Mit etwas Luft
+     ringsum sitzt sie im Kreis, statt ihn auszufuellen. */
+  background: url("../img/marke-spicy.webp") center / 74% no-repeat, #0b1420;
   box-shadow:
     0 0 0 1px rgba(180, 210, 240, .28),
     inset 0 0 12px rgba(0, 0, 0, .55);
-  /* Etwas entsaettigt und abgedunkelt: Das Siegel ist der ruhige Kern
-     des Rings, nicht sein hellster Punkt -- sonst zieht es den Blick von
-     der Zahl darunter ab, um die es geht. */
-  filter: saturate(.55) brightness(.92);
+  /* Nur leicht zurueckgenommen. Die alte Fassung stand auf
+     saturate(.55) brightness(.92) -- das war fuer den schwarzweissen
+     Husky gedacht. Dem Spicy-Siegel nimmt so viel Entsaettigung das
+     Rot der Chili, also bleibt es bei einem sanften Daempfer: ruhig
+     genug, um nicht mit der Zahl zu konkurrieren, farbig genug, um als
+     Marke erkennbar zu sein. */
+  filter: saturate(.86) brightness(.95);
 }
 .zring__prozent {
   font-size: 1.85rem; font-weight: 700; line-height: 1;
@@ -477,19 +508,56 @@
 }
 .zgruss__text { display: flex; flex-direction: column; gap: 1px; min-width: 0; text-align: left; }
 .zgruss__datum { font-size: .78rem; color: rgba(168, 192, 218, .72); }
+
+/* DIE ANREDE IST EINE PILLE, KEINE ZWEITE UEBERSCHRIFT.
+
+   In der Pille steckt `<h1 class="titel" id="gruss">`, und
+   `.willkommen .titel` (start.css) ist mit clamp(1.9rem, 3.4vw, 2.6rem)
+   die grosse Seitenueberschrift. Nachgemessen war die Pille dadurch
+   88 px hoch -- der groesste Einzelposten der ganzen Kachel, fuer eine
+   Zeile "Guten Abend, Filipe".
+
+   Damit standen ZWEI Ueberschriften in Titelgroesse uebereinander: die
+   Anrede und "Die Zentrale" direkt darunter. Im Vorbild ist genau das
+   nicht so -- dort ist die Anrede klein und ruhig, und der Titel traegt
+   allein. Die Pille faellt damit von 88 auf rund 56 px, ohne dass
+   irgendwo Polsterung weggenommen werden musste.
+
+   Die Schriftgroesse aendert die Gliederung NICHT: `#gruss` bleibt das
+   h1 der Seite. Wie gross eine Ueberschrift gesetzt ist und welchen
+   Rang sie hat, sind zwei verschiedene Dinge. */
+.zgruss .titel {
+  font-size: 1.05rem; font-weight: 700; line-height: 1.25;
+  letter-spacing: -.005em;
+  margin: 0;
+  /* Der Verlauf aus `.willkommen .titel` wuerde hier mitkommen und die
+     Anrede in dieselbe gefraeste Metalloptik setzen wie den Titel. Bei
+     17 px ist das nur unruhig -- also zurueck auf eine feste Farbe. */
+  background: none; -webkit-text-fill-color: currentColor;
+  color: #e8f1fa; text-shadow: none;
+}
+/* .72rem ist die Hausuntergrenze (11,52 px), nicht Geschmack: Darunter
+   liest auf einem Telefon niemand mehr mit. Hier stand .66rem = 10,6 px.
+   Beim Bau des Rings war dieselbe Regel bei `.zring__unter` schon
+   angewandt worden -- diese beiden Stellen sind dabei durchgerutscht,
+   weil sie in einem anderen Abschnitt der Datei stehen. */
 .zgruss__rolle {
   flex: 0 0 auto;
   padding: 4px 11px; border-radius: 999px;
-  font-size: .66rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
+  font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
   color: #e6c88a;
   border: 1px solid rgba(227, 179, 65, .34);
   background: rgba(227, 179, 65, .09);
 }
 
 /* ---- Zierzeile und Titel ------------------------------------------ */
+/* Ebenfalls auf die Hausuntergrenze gehoben (.68rem waren 10,9 px).
+   Das breite letter-spacing macht die Zeile dadurch etwas laenger --
+   sie steht in der mittleren Spalte, die mit `minmax(0, 1fr)` mitgeht,
+   und bricht daher um statt ueberzulaufen. */
 .zmarke {
   display: inline-flex; align-items: center; gap: 11px;
-  font-size: .68rem; font-weight: 600; letter-spacing: .24em; text-transform: uppercase;
+  font-size: .72rem; font-weight: 600; letter-spacing: .24em; text-transform: uppercase;
   color: rgba(196, 214, 234, .6);
   margin-top: 3px;
 }
@@ -543,7 +611,11 @@
 
 .ztitel {
   margin: 0;
-  font-size: clamp(1.9rem, 3.6vw, 2.9rem);
+  /* Obergrenze von 2.9 auf 2.45rem. Bei 1440 px lief der Titel vorher
+     auf 46 px hinaus und war damit fast so hoch wie die Anrede daneben.
+     Die untere Grenze bleibt, damit er auf dem Telefon nicht schrumpft
+     -- dort ist er die einzige Ueberschrift im Bild. */
+  font-size: clamp(1.9rem, 3.6vw, 2.45rem);
   font-weight: 700; line-height: 1.06; letter-spacing: -.01em;
   color: #dce9f6;
   /* Ein Verlauf statt einer Volltonfarbe: Der Titel bekommt oben Licht