Hier ist der vollständige Body-Content. Vorschau: https://claude.ai/code/artifact/565905c8-64d8-4ed1-bf9a-e51617b9aa8c
---
Der Code beginnt mit `
` und endet mit dem schliessenden `
`. Kein Tailwind verwendet — stattdessen reines CSS mit CSS-Variablen, da die Seite kein Tailwind-Buildstep hat und die Klassen sonst ins Leere laufen wuerden. Falls PropReady ein Tailwind-Setup hat, kann ich den Code auf Tailwind-Utility-Klassen umschreiben.
**Design-Entscheidungen:**
- **Linker Akzentstreifen pro Card** — jede Kategorie hat eine eigene Farbe (Ratgeber: blau, Vergleich: gruen, Tipps: bernstein). Das gibt dem Grid Rhythmus ohne Bilder.
- **Hero-Hintergrund** in `#e8f0f8` — leicht getoentes Blau, das aus dem Navy abgeleitet ist, wirkt als gewaehlt, nicht als default-weiss.
- **Tags** als kleine All-Caps-Badges mit passendem Farbpaar zur Leiste.
- **CTA-Banner** in `#03264c` mit weissem Pill-Button — haelt die Markenfarbe durch und schliesst die Seite ab.