# HX-KI Website TODO

## Design & Styling
- [x] Globale CSS-Variablen für HX-KI Farben (Ocean Blue #045EA3, Neon-Grün #1AF51A, Anthrazit)
- [x] Helvetica Neue Schriftart einbinden (Inter als Fallback)
- [x] Minimalistisches Design-System (keine Schatten, keine Rundungen, viel Weißraum)
- [x] Tailwind-Konfiguration anpassen

## Layout-Komponenten
- [x] Header-Komponente (Ocean Blue, weiße Schrift, Navigation)
- [x] Footer-Komponente (schlicht, Links zu Impressum/Datenschutz)
- [x] Container-Komponente (zentriert, max-w-4xl)
- [x] Section-Komponente (Standardabstände, Weißraum)
- [x] Button-Komponente (Primary: Ocean Blue, Secondary: Outline)

## Seiten
- [x] Home-Seite (Claims, Brand Philosophy Teaser, CTA-Buttons)
- [x] Brand Philosophy Seite (vollständiger Inhalt aus Manifesto)
- [x] Trust-Seite (Platzhalter für zukünftigen Inhalt)
- [x] Manifest-Seite (vollständiger Inhalt aus Brand Manifesto)
- [x] Kontakt-Seite (Formular: Name, E-Mail, Nachricht)
- [x] Impressum-Seite (Platzhalter)
- [x] Datenschutz-Seite (Platzhalter)

## Funktionalität
- [x] Navigation zwischen Seiten
- [x] Kontaktformular mit Backend-Integration
- [x] Responsive Design (Mobile-first)

## Testing & Deployment
- [x] Vitest Tests für kritische Funktionen
- [x] Browser-Tests durchführen
- [x] Checkpoint erstellen

## Completed
- [x] Globale CSS-Variablen für HX-KI Farben (Ocean Blue #045EA3, Neon-Grün #1AF51A, Anthrazit)
- [x] Helvetica Neue Schriftart einbinden (Inter als Fallback)
- [x] Minimalistisches Design-System (keine Schatten, keine Rundungen, viel Weißraum)
- [x] Tailwind-Konfiguration anpassen


## Design-Korrekturen (DRINGEND)
- [x] Korrekte Farben: Ocean Blue #0A3A5A (nicht #045EA3)
- [x] Korrekte Farben: Leaf Green #6DBF4A (nicht #1AF51A)
- [x] Helvetica Neue als Hauptschrift (nicht Inter)
- [x] Mehr Weißraum und klarere Strukturen
- [x] Header-Design überarbeiten (ruhiger, professioneller)
- [x] Home-Seite: Weniger dekorativ, mehr Fokus auf Klarheit


## Farbschema-Inversion
- [x] Header: Weißer Hintergrund statt blau
- [x] Header: Blaue Schrift für Navigation und Logo
- [x] Buttons auf weißem Hintergrund: Blau gefüllt mit weißer Schrift
- [x] Outline-Buttons: Weiß mit blauem Rand und blauer Schrift