Erstellen Sie eine moderne, minimalistische persönliche Website, inspiriert vom visuellen Design professioneller Markenstrategen:

**Gesamtstil**

- Minimalistische Designsprache mit großzügigem Weißraum und viel Platz für Inhalte

- Professionell und gleichzeitig kreativ, verkörpert das Bild eines Markenstrategen

- Responsives Layout für Desktop- und Mobilgeräte

**Farbschema**

- Hintergrund: Warmes Creme/Off-White (#FFFEF9)

- Primäre Akzentfarbe: Leuchtendes Pink/Magenta (#FF1493) für wichtige Überschriften und Handlungsaufforderungen

- Sekundäre Akzentfarbe: Hellblau/Cyan (#00CED1) für Tags und Kategorien

- Textfarbe: Tiefschwarz (#1a1a1a) für den Fließtext, um eine hohe Lesbarkeit zu gewährleisten

**Typografie-Design**

- Besonders große, fette Überschriften: Name in zwei Zeilen aufgeteilt, mit ultrafetten serifenlosen Schriftarten (wie Inter Black/Helvetica Black), mindestens 80px Schriftgröße

- Stellenbezeichnung in leuchtendem Pink, Schriftgröße 60-80px

- Fließtext in einer klaren, serifenlosen Schriftart (16-18px).

- Strenges Rastersystem mit zwei- oder dreispaltigem Layout

- Verwenden Sie dünne Linien (1px), um verschiedene Inhaltsbereiche zu trennen.

**Seitenstruktur**

1. Heldenabschnitt:

- Linke Seite: Extra großer Namenstitel (auf zwei Zeilen aufgeteilt) + Berufsbezeichnung (in Rosa)

Rechte Seite: Rundes Profilfoto mit farbigem Rand

- Unten: Kurze persönliche Missionserklärung

2. Abschnitt Kontaktinformationen:

- Telefon-, E-Mail- und Website-Links

- Rosa oder blau hervorgehoben

3. Abschnitt Berufserfahrung:

- Links: Zeitabschnittsbezeichnungen (unter Verwendung von Akzentfarben)

- Rechts: Berufsbezeichnungen (kursiv) + detaillierte Beschreibungen

- Klare visuelle Hierarchie

4. Bildungsbereich:

- Gleiches zweispaltiges Layout

- Zeitraum + Institution + Abschluss

5. Abschnitt Fähigkeiten/Sprachen:

- Farbblock-Kategorieetiketten

- Rasteransicht

**Visuelle Elemente**

- Rundes Profilfoto mit rosa oder farbverlaufenem Rand

- Kategorieüberschriften im Tag-Stil (wie „BERUFSERFAHRUNG“) in Akzentfarben

- Schwebende Schaltfläche (unten rechts für „Zurück nach oben“) in schwarzem Kreis

- Dezente Hover-Effekte auf allen interaktiven Elementen

**Schriftartenempfehlungen**

- Überschriften: Inter Black, Helvetica Neue Bold oder Montserrat ExtraBold

- Fließtext: Inter Regular, Helvetica Neue oder System UI

**Interaktionsdetails**

- Sanftes Scrollen

- Link-Hover mit Farbänderung oder Unterstreichungsanimation

- Responsives Navigationsmenü

- Saubere und elegante Ladeanimation

**Inhaltsanforderungen**

- Persönliche Biografie mit Schwerpunkt auf „jahrzehntelanger Erfahrung“, „Strategie und Storytelling“ und ähnlichen Schlüsselwörtern

- Berufserfahrung mit Hervorhebung konkreter Erfolge und Kennzahlen (wie z. B. „200 % Wachstum“)

- Präsentation von Kooperationen mit bekannten Marken/Institutionen

- Sprachkenntnisse und berufliche Fähigkeiten klar kategorisiert

Bitte generieren Sie vollständigen HTML/CSS/JavaScript-Code, der sicherstellt, dass das Design professionell und modern ist und die persönlichen Markenmerkmale vollumfänglich widerspiegelt.