Post 2: Ueberschriften auf eine Hoehe, Slide 2 leitet ueber

Alle sechs Ueberschriften stehen jetzt bei 59, gemessen an der Titel-Slide
von Post 1. Post 2 sass 125 px tiefer, und die Ursache war das
ausgeblendete Tag: es stand auf visibility: hidden und hielt damit weiter
54 px Hoehe plus 38 px Abstand im Textfluss. Jetzt steht es auf display:
none und der obere Abstand kommt direkt aus dem padding von .content. Wer
das Tag je sichtbar macht, muss das padding mitziehen -- steht als
Kommentar dabei.

Die Titel-Slide bekommt 88 px, wie Post 1. Das gilt nur fuer sie und liegt
deshalb als Ueberschreibung im Projektstand, nicht im CSS; genauso macht
Post 1 es bei seiner Tagline. Fuer alle sechs ginge 88 nicht: gemessen ist
"Dein Branchenprogramm" dann 1022 px breit bei 896 verfuegbaren, und die
Ueberschriften von Slide 2, 4 und 5 wuerden dreizeilig. Die Grundgroesse
bleibt deshalb 74.

Slide 2 schnitt bisher hart hinter der Vorstellung von Noah. Jetzt leitet
sie ueber, und zwar mit Noahs eigener Bewegung: er raeumt die Erfahrung
erst ein und dreht dann. "Wer lange dabei ist, hat nicht nur Erfahrung",
und der Fliesstext haengt mit "Auch Ablaeufe ..." direkt daran. Das
nachgestellte "Nicht, weil ..." ist bei ihm ein Stilmittel, keine
abgehackte Halbzeile.

Das Wort Zettelwirtschaft ist aus der Ueberschrift raus. Die Zeile sagt
"nicht nur Erfahrung", und was das andere ist, zeigt die Zeichnung
daneben.

Der Projektstand kommt mit. Er traegt eigene Feinjustierungen an
Ueberschriften, Fliesstexten und Zeichnungen, darunter die Einrueckung der
Titel-Ueberschrift von 37 px: damit endet die Zeile bei rund 985 und
bleibt innerhalb der Safe Zone.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

post2.html

@@ -489,21 +489,26 @@
   }
   .page { position: absolute; top: 0; width: 1080px; height: 1350px; }
 
-  .content { position: relative; z-index: 2; padding: 92px 92px 0; }
+  /* 59 px oben: das ist die gemessene Oberkante der Ueberschrift auf der
+     Titel-Slide von Post 1. Seitlich bleiben es 92. */
+  .content { position: relative; z-index: 2; padding: 59px 92px 0; }
 
   /* Section badge, straight from the site: .chamfer-badge in globals.css with
      accent-yellow-light on accent-yellow-dark. Scaled from the 12px web size to
      this canvas; the 5px corner cut scales with it.
-     Ausgeblendet statt entfernt: das Tag steht im Textfluss, ohne seine Box
-     ruecken Ueberschrift und Text nach oben. visibility haelt den Platz,
-     display: none wuerde ihn aufgeben. */
+     Frueher stand hier visibility: hidden, damit das Tag seinen Platz im
+     Textfluss behaelt. Genau der Platz war das Problem: 54 px Hoehe plus 38 px
+     Abstand haben die Ueberschrift 92 px nach unten geschoben, und Post 2 sass
+     dadurch 125 px tiefer als die Titel-Slide von Post 1. Jetzt gibt das Tag
+     den Platz frei, und der obere Abstand steht direkt im padding von
+     .content. Wer das Tag je sichtbar macht, muss das padding mitziehen. */
   .badge {
     display: inline-block; margin-bottom: 38px;
     font-size: 26px; font-weight: 600; letter-spacing: 0.1em;
     padding: 9px 20px;
     background: var(--accent-yellow-light);
     color: var(--accent-yellow-dark);
-    visibility: hidden;
+    display: none;
     clip-path: polygon(
       11px 0, calc(100% - 11px) 0, 100% 11px, 100% calc(100% - 11px),
       calc(100% - 11px) 100%, 11px 100%, 0 calc(100% - 11px), 0 11px
@@ -511,6 +516,11 @@
   }
   .slide[data-tagout="an"] .badge { margin-left: -20px; }
 
+  /* 74 px ist die Grundgroesse fuer alle Slides. Die Titel-Slide hebt sie
+     ueber den Projektstand auf 88 an, genau wie Post 1 es bei seiner Tagline
+     macht. Fuer alle sechs ginge 88 nicht: gemessen ist "Dein
+     Branchenprogramm" dann 1022 px breit, verfuegbar sind 896, und die
+     Ueberschriften von Slide 2, 4 und 5 wuerden dreizeilig. */
   .headline {
     font-size: 74px; font-weight: 800;
     letter-spacing: -0.03em; line-height: 1.06;
@@ -1107,12 +1117,18 @@
      gewachsenen Ablaeufen keines steckt, Slide 5 liefert dann eines. Das Wort
      faellt genau einmal und wird danach nicht wiederholt.
 
-     Slide 2 traegt ausserdem die Enthuellung aus Noahs Absatz: ein alter
-     Betrieb vererbt nicht nur Erfahrung. Genau daran haengt der Beitrag, und
-     deshalb steht sie in der Ueberschrift und nicht im Fliesstext. Der
-     Fliesstext behaelt Noahs eigene Konstruktion "weil die Software es
-     vorgibt. Nicht, weil ...". Das angehaengte "Nicht, weil" ist bei ihm ein
-     Stilmittel und keine abgehackte Halbzeile.
+     Slide 2 muss weich an Slide 1 anschliessen. Dort stellt sich Noah vor,
+     hier folgte frueher sofort die Diagnose -- ein harter Schnitt.
+
+     Die Ueberleitung steckt in Noahs Satzbau selbst: er raeumt die Erfahrung
+     erst ein und dreht dann ("hat nicht nur Erfahrung. Er hat auch Prozesse,
+     die seit Jahren so laufen"). Wer zuerst zustimmt, darf danach widersprechen.
+     Der Fliesstext behaelt seine Konstruktion mit dem nachgestellten "Nicht,
+     weil ..." -- das ist bei ihm ein Stilmittel, keine abgehackte Halbzeile.
+
+     Das Wort Zettelwirtschaft ist aus der Ueberschrift raus. Die Zeile sagt
+     "nicht nur Erfahrung", und was das andere ist, zeigt die Zeichnung
+     daneben. Es zweimal zu sagen waere einmal zu viel.
 
      Wichtiger als die Kuerze ist die Satzform. In einer frueheren Fassung
      hatten alle fuenf Ueberschriften dieselbe: zwei abgehackte Fragmente mit
@@ -1137,8 +1153,8 @@
       key: "prozesse", type: "feature",
       layouts: [{ id: "standard", label: "Standard" }],
       eyebrow: "Zettelwirtschaft",
-      head: 'Nicht nur Erfahrung,<br><span class="a">auch Zettelwirtschaft.</span>',
-      body: "Abläufe, die so laufen, weil die Software es vorgibt. Nicht, weil ein Konzept dahintersteckt.",
+      head: 'Wer lange dabei ist,<br><span class="a">hat nicht nur Erfahrung.</span>',
+      body: "Auch Abläufe, die laufen, weil die Software es vorgibt. Nicht, weil ein Konzept dahintersteckt.",
       vis: "schiene", visW: 896, visLeft: 92, visBottom: 120,
     },
     {

state/post2.json

@@ -25,7 +25,7 @@
    "int": "dezent"
   }
  ],
- "current": 2,
+ "current": 1,
  "deck": [
   {
    "ref": "titel",
@@ -60,11 +60,12 @@
   {
    "body": {
     "dx": 102,
-    "dy": -95
+    "dy": 0
    },
    "headline": {
-    "dx": 102,
-    "dy": -96
+    "dx": 37,
+    "dy": 3,
+    "size": 88
    },
    "vis": {
     "dx": -38,
@@ -73,30 +74,61 @@
    }
   },
   {
-   "body": {},
+   "body": {
+    "dx": 0,
+    "dy": 20
+   },
+   "headline": {
+    "dy": 3
+   },
    "vis": {
     "dx": 0,
-    "dy": 0
+    "dy": 16
    }
   },
   {
    "body": {
     "dx": 0,
-    "dy": 0
+    "dy": 20
    },
-   "headline": {}
+   "headline": {
+    "dy": 3
+   },
+   "vis": {
+    "dx": 0,
+    "dy": -109
+   }
   },
   {
-   "body": {},
+   "body": {
+    "dx": 0,
+    "dy": 20
+   },
    "headline": {
     "dx": 0,
-    "dy": 0
+    "dy": 3
    },
    "vis": {}
   },
-  {},
   {
-   "body": {}
+   "body": {
+    "dy": 20
+   },
+   "headline": {
+    "dy": 3
+   }
+  },
+  {
+   "body": {
+    "dy": 20
+   },
+   "headline": {
+    "dy": 3
+   },
+   "vis": {
+    "dx": 0,
+    "dy": 0
+   }
   }
  ],
  "frameStyle": "rund",
@@ -113,5 +145,5 @@
  "tilt": "an",
  "v": 6,
  "variant": "hell",
- "view": "streifen"
+ "view": "einzeln"
 }