Die Zeichen sind jetzt KOERPER, keine Zeichnungen mehr

"wir kommen nicht voran, ich will das viel realistischer."

Berechtigt: Ich habe viermal dieselbe flache Zeichnung anders
BELEUCHTET -- Verlauf, Fuellung, Glanz, Schlagschatten. Das Verfahren
war das Problem, nicht die Einstellungen. Also gewechselt.

JEDES ZEICHEN HAT JETZT EINE HOEHE. Aufbau von hinten nach vorn:

  tiefe 3/2/1   dieselbe Silhouette, dreimal, je einen halben
                Rasterpunkt nach rechts unten versetzt und heller
                werdend. Das Auge liest die drei versetzten Kanten als
                EINE schraege Seitenwand -- genau so zeichnet man einen
                Quader von Hand. Drei Lagen sind gemessen: bei zwei
                sieht es aus wie ein Druckfehler, ab fuenf wie ein
                Schlagschatten.
  deck          die Oberseite: oben fast weiss, unten im Farbton. Die
                Flaeche, auf die das Licht faellt.
  glanz         die Spiegelung darauf.
  saum + linie  die Details.

Dafuer bekam jedes Zeichen eine SILHOUETTE (KOERPER in bereiche.js) --
den geschlossenen Umriss des Gegenstands, getrennt von den Details.
Die Details bekommen bewusst KEINE Tiefe: Ein aufgedruckter Strich
steht nicht hervor.

DER SAUM ist die Loesung eines Problems, das erst durch die Tiefe
entstand: Dieselbe Linie liegt ueber ZWEI Untergruenden. Der Querstrich
im Kalender liegt auf der hellen Deckflaeche, die Wellen der
LIVE-Analyse frei auf der dunklen Plakette. Eine dunkle Linie
verschwindet dort, eine helle auf dem Deck -- was immer man waehlt, die
Haelfte ist weg. Dunkler Saum plus helle Linie loest beides: auf dem
Deck liest man eine eingravierte Rille, auf der Plakette traegt die
helle Linie. Ein Zeichen, zwei Untergruende, eine Loesung.

GEPRUEFT: Buehne 38 (Textkontrast an echten Bildpunkten), Startansicht
133, Rollen 97, Handy 50, Grosscheck 15, Lesbarkeit 14. Alle gruen.

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

workspace/assets/css/start.css

@@ -842,12 +842,54 @@ body.start > main { position: relative; z-index: 1; }
   filter: drop-shadow(0 1px 3px color-mix(in srgb, var(--ton) 45%, transparent));
   transition: transform var(--tempo), filter var(--tempo);
 }
+/* ---------- Der Körper (03.09.2026, dritte Stufe) ------------------------
+
+   Die Zeichen sind keine Zeichnungen mehr, sondern KÖRPER. Aufbau von
+   hinten nach vorn:
+
+     tiefe3/2/1   dieselbe Silhouette, je einen halben Rasterpunkt
+                  versetzt und heller werdend. Das Auge liest die drei
+                  Kanten als EINE schräge Seitenwand -- so zeichnet man
+                  einen Quader von Hand.
+     deck         die Oberseite: oben fast weiss, unten im Farbton.
+                  Die Fläche, auf die das Licht fällt.
+     glanz        die Spiegelung darauf.
+     linie        die Details -- Querstriche, Haken, Wellen. Sie liegen
+                  AUF der Deckfläche und bekommen keine Tiefe: Ein
+                  aufgedruckter Strich steht nicht hervor.
+
+   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 {
+  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); }
+
+.kachel__svg .zeichen__deck {
+  fill: url(#zeichen-deck);
+  stroke: none;
+}
+
+/* Der Saum: dunkel und breiter, liegt UNTER der hellen Linie. Auf der
+   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 {
+  fill: none;
+  stroke: rgba(6, 10, 16, .78);
+  stroke-width: 3.4;
+  stroke-linecap: round; stroke-linejoin: round;
+}
 .kachel__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
      genau das Problem. */
-  stroke-width: 2.05;
+  stroke-width: 1.9;
   paint-order: stroke fill;
 }
 /* DIE SCHEIN-LAGE IST WIEDER WEG (03.09.2026) -- und der Weg dorthin
@@ -2858,14 +2900,7 @@ body[data-fremde-sicht="ja"]::after {
    Fleck und die Linie darin unsichtbar, darunter sieht man die Fläche
    gar nicht mehr. Beim Überfahren geht sie auf 30 %, so als käme Licht
    dazu. */
-.kachel__svg .zeichen__fuellung {
-  /* Ein VERLAUF statt einer flachen Deckkraft: oben satt, unten fast
-     weg. Eine gleichmässig gefüllte Form ist ein Aufkleber; eine, die
-     nach unten ausläuft, ist ein Körper. */
-  fill: url(#zeichen-flaeche);
-  stroke: none;
-  transition: opacity var(--tempo);
-}
+
 /* 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 {
@@ -2881,7 +2916,7 @@ body[data-fremde-sicht="ja"]::after {
 .kachel__wasserzeichen .zeichen__glanz { display: none; }
 
 @media (prefers-reduced-motion: reduce) {
-  .kachel__svg .zeichen__fuellung { transition: none; }
+  
 }
 @media (forced-colors: active) {
   /* Ohne Farben würde die Fläche zu einem massiven Block. */
@@ -2895,11 +2930,7 @@ body[data-fremde-sicht="ja"]::after {
    von unten hereinkriecht. Zusammen mit dem Streulicht in der Kontur
    ergibt das die Beleuchtung, die man aus der Wirklichkeit kennt --
    Hauptlicht oben, Schatten unten, Aufheller an der Unterkante. */
-.kachel__svg .zeichen__eigenschatten {
-  fill: url(#zeichen-schatten);
-  stroke: none;
-  mix-blend-mode: multiply;
-}
+
 
 /* Der Schlagschatten AUF die Plakette. Er ist der eigentliche Grund,
    warum das Zeichen über der Fläche zu schweben scheint statt darauf zu