Hier ist der fertige Artikel — Vorschau: https://claude.ai/code/artifact/5c37d68b-ac48-4b8a-9191-df66b250d1b5
---
Der Body-Content (von `
` bis zum schließenden `
`) steht in `/tmp/claude-1000/-home-mfran/d85ca5aa-67a1-465e-976f-abed329e63e3/scratchpad/propready-ki-2025.html`.
**Was umgesetzt wurde:**
- **Struktur:** Breadcrumb, H1, Untertitel, Lesezeitbadge (6 Min.) im Hero-Bereich — alle mit `pt-4rem` Offset für die fixe Nav
- **Alle 7 Themenblöcke** abgedeckt, ca. 1.300 Wörter Fliesstext
- **3 CTAs** zu `/signup?lang=de`: zwei als Inline-Banner-Karten im Artikelfluss, einer als Button im abschliessenden CTA-Banner
- **Vergleichstabelle** mit `overflow-x: auto` — scrollt auf Mobilgeräten sauber
- **Workflow-Schritte** als nummerierte Liste mit Navy-Kreisen (kein `` mit Browserdefault-Styling)
- **Zwei "Weitere Artikel"** Links zu den verlinkten Blog-Beiträgen als Card-Grid
- **Abschluss-Banner** in `#03264c` mit dem geforderten Text und CTA
**Design-Entscheidungen:** Kein generischer Look — das Navy/Eisblau-Schema folgt der PropReady-Markenfarbe. Georgia als Serifenface für Überschriften und Pullquote gibt dem Artikel redaktionelles Gewicht ohne CDN-Abhängigkeit. Alle Abstände über CSS-Variablen und Flexbox/Grid geregelt, kein `margin`-Collapsing-Chaos.