Themes als eigene Ebene, Theme modern angelegt

Projekt und Theme waren bisher dasselbe. Jetzt nicht mehr: das Projekt sagt,
welcher Beitrag, das Theme, wie er aussieht. notebook ist die
Zeichenblock-Optik mit Raster, Marker und handgezogenen Formen, modern der
ruhige Grund mit farbigem Akzentwort und schwebenden Karten. Beide Themes
teilen Aufbau, Texte und Kompositionen. rules.md Paragraf 1a haelt fest, was
sie genau trennt.

Das Theme modern folgt Vorbildern aus dem Feed: Zapier, Slack, Autarc,
Photovate, Plancraft. Was ich daraus uebernehme, ist nicht die Optik der
einzelnen Marke, sondern das Gemeinsame -- ruhiger Grund ohne Textur, eine
sehr grosse Ueberschrift mit einem farbigen Wort statt einer Markierung,
schwebende Karten mit Haarlinie, Ablaufketten mit Knoten, gefuellte
Kreis-Haken.

Drei Farben, wie besprochen: Weiss als Grund, Orange als Akzent, Teal als
Zweitfarbe. Teal stand in rules.md bisher als "ungenutzt" und traegt jetzt
Zeichen und Kacheln. Die Schriftfarbe ist ein sehr dunkles Teal statt reinem
Schwarz, damit sie zur Palette gehoert.

Das Raster faellt weg. Die Ebene bleibt im Markup, damit beide Themes
denselben Aufbau haben, sie zeichnet nur nichts mehr.

Slide 4 ist der erste Umbau: der Notizzettel ist raus, die Aufzaehlung bleibt
und wird zur Kette aus Karten mit Zeichenkachel, Beschriftung und Haken,
dazwischen ein Verbinder mit Knoten. Die Form sagt zusaetzlich etwas aus --
die vier Dinge haengen zusammen, statt nur untereinander zu stehen.

Der Menueeintrag zur Alternative fehlte in post1.html und post2.html; er
stand nur in der Kopie selbst. Von dort kam man also nie hin.

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

rules.md

@@ -27,6 +27,40 @@ werden** — das passiert nicht automatisch.
 
 ---
 
+## 1a. Themes
+
+**Projekt und Theme sind zwei verschiedene Dinge.** Das Projekt sagt, *welcher*
+Beitrag; das Theme sagt, *wie er aussieht*. Beide Themes teilen Aufbau, Texte
+und Kompositionen der Visualisierungen.
+
+| Theme | Erkennungszeichen | Datei |
+|---|---|---|
+| `notebook` | Rasterhintergrund, Zeichenblock-Optik, Marker in der Überschrift, handgezogene Formen | `post2.html` |
+| `modern` | Ruhiger Grund ohne Textur, sehr große Überschrift mit einem farbigen Wort, schwebende Karten mit Haarlinie, präzise Formen | `post2-alt.html` |
+
+Jede Datei trägt oben eine Konstante `THEME`. Sie steuert nichts, sie benennt
+nur — die Unterschiede stecken in den CSS-Werten und in den Zeichen-Primitiven.
+
+**Was beide Themes trennt, ist genau festgelegt:**
+
+| | notebook | modern |
+|---|---|---|
+| Grund | Raster, 78 px | einfarbig, keine Textur |
+| Akzent in der Überschrift | Marker-Fläche | farbiges Wort |
+| Formen | `strich` schwingt, Ecken schießen über | exakt, keine Abweichung |
+| Flächen | Schraffur | Füllung |
+| Zweitfarbe | keine | Teal `#0D6E6E` |
+
+**Teal ist die Zweitfarbe des Themes `modern`.** In `notebook` kommt sie nicht
+vor. Damit hat der bisher ungenutzte Marken-Ton eine Aufgabe: er trägt
+Zeichen und Kacheln, während Orange den einen Akzent setzt.
+
+**Eine Änderung an einer Visualisierung betrifft beide Dateien.** Das ist der
+Preis dafür, dass die Themes echte Alternativen sind und nicht Varianten
+derselben Datei.
+
+---
+
 ## 2. Farben
 
 ### Marke