Messe-Landingpage /her-career/ zur herCAREER Expo 2026

Ziel des QR-Codes auf der Rückwandgrafik. Der gedruckte Code zeigt auf
https://her-career.anelia-wolf.com – die Adresse ist damit unveränderlich.
Die Seite liegt als /her-career/ im normalen Export, die Subdomain liefert
dieselbe Datei aus demselben Docroot aus; DNS, Zertifikat, Vhosts für nginx
und Apache und die Prüfbefehle stehen in docs/SUBDOMAIN-HERCAREER.md.

Aufbau in beiden Sprachen: Hero (ink) → 01 Messe-Special → 02 Themen →
03 Auf der Messe → 04 Kontakt mit dem Formular. Die vier Themenblöcke der
Rückwand liegen auf den drei Leistungsseiten, wie in der Navigation; jede
Zeile verlinkt absolut auf die Hauptdomain.

Der Wortlaut des Messe-Specials fehlt noch und steht sichtbar als „[…]“ auf
der Seite. Der Build-Guard hält den Launch-Flip an, bis er da ist
(CONTENT_TODO in src/lib/legal.ts, docs/OFFENE-DATEN.md Punkte 2.7–2.9).
Deadline ist nicht der Livegang, sondern der 22.10.2026.

- Canonical auf anelia-wolf.com/her-career/, damit die Subdomain-Kopie nicht
  ein zweites Mal im Index steht
- flags.showHerCareer trägt Termine-Ledger, Sitemap-Eintrag und die
  Meta-Beschreibung mit Stand und Uhrzeit. Ab dem 24.10.2026 auf false
- ServiceHero: facts und cta sind optional – ohne beides und ohne Foto
  entfällt die rechte Spalte
- ProcessContact: optionaler Zähler, die Messeseite nummeriert ihre Abschnitte
- Kopf-CTA auf dieser Seite ausgeblendet. Das macht eine Regel in globals.css,
  weil der Kopf außerhalb von <main> liegt und auf der Subdomain der Pfad
  ohnehin „/“ ist

Enthält außerdem die bis dahin nicht committeten Änderungen an Header,
LangSwitch, OverlayMenu, Wordmark und globals.css.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

docs/OFFENE-DATEN.md

@@ -0,0 +1,239 @@
+# Offene Daten – Website Anelia Wolf
+
+Stand: 07.09.2026 · Pflegen: bei jeder Lieferung die Statusspalte ändern, nicht die Zeile löschen.
+
+Die Website ist fertig gebaut und läuft in beiden Sprachen. Was hier steht, ist alles,
+was noch von außen kommen muss, bevor sie live gehen kann. Drei Quellen im Code halten
+dieselbe Liste maschinenlesbar – wer hier etwas einträgt, trägt es dort mit ein:
+
+| Quelle | Inhalt |
+|---|---|
+| `LEGAL_TODO` in `src/lib/legal.ts` | Pflichtangaben für Impressum und Datenschutz |
+| `CONTENT_TODO` in `src/lib/legal.ts` | sichtbare Platzhalter auf den Leistungsseiten |
+| `flags` in `src/lib/site.ts` | Blöcke, die auf eine Freigabe warten |
+
+**Der Build passt auf.** Solange irgendwo ein „[…]“ steht, bricht `npm run build` ab,
+sobald `flags.showPlaceholders` auf `false` gesetzt wird. Diesen Schalter umzulegen ist
+der letzte Schritt vor dem Livegang – niemand kann ihn versehentlich überspringen.
+
+**Status-Spalte:** `offen` · `liegt vor` · `entfällt` (mit Begründung).
+
+---
+
+## 1. Rechtlich – blockiert den Livegang
+
+Ohne diese Angaben darf die Seite nicht online. Ein Impressum ohne ladungsfähige
+Anschrift ist abmahnfähig, eine Datenschutzerklärung ohne Hoster-Angabe unvollständig.
+
+| # | Angabe | Wofür | Wer liefert | Status |
+|---|---|---|---|---|
+| 1.1 | Ladungsfähige Anschrift: Straße, Hausnummer, PLZ, Ort – **kein Postfach** | Impressum (§ 5 DDG), Datenschutz Ziffer 1 | Anelia | offen |
+| 1.2 | USt-IdNr. (§ 27a UStG) **oder** W-IdNr. (§ 139c AO) – oder: Abschnitt streichen | Impressum | Anelia / Steuerberatung | offen |
+| 1.3 | Kleinunternehmerregelung nach § 19 UStG: ja / nein | Impressum | Anelia / Steuerberatung | offen |
+| 1.4 | Berufshaftpflicht: Versicherer, Anschrift, räumlicher Geltungsbereich – oder: Abschnitt streichen | Impressum | Anelia | offen |
+| 1.5 | Geschäftsbezeichnung – nur, wenn sie tatsächlich so geführt wird | Impressum (optional) | Anelia | offen |
+| 1.6 | Bundesland des Firmensitzes → daraus die zuständige Datenschutz-Aufsichtsbehörde (Name, Anschrift, Website) | Datenschutz, Art. 77 DSGVO | Anelia | offen |
+| 1.7 | Hosting-Anbieter: Firma, Anschrift, Land | Datenschutz Ziffer 3 | webklar | offen |
+| 1.8 | Löschfrist der Server-Logfiles in Tagen (üblich 7–14) – beim Hoster erfragen | Datenschutz Ziffer 3 | webklar | offen |
+| 1.9 | **AV-Vertrag mit dem Hoster** (Art. 28 DSGVO), unterschrieben | Datenschutz Ziffer 3 | Anelia + Hoster | offen |
+| 1.10 | E-Mail-/Office-Anbieter: Firma, Anschrift, Land | Datenschutz Ziffer 4 | Anelia | offen |
+| 1.11 | **AV-Vertrag mit dem E-Mail-Anbieter** (Art. 28 DSGVO) | Datenschutz Ziffer 4 | Anelia | offen |
+| 1.12 | Sitzt Hoster **oder** E-Mail-Anbieter außerhalb EU/EWR? Wenn ja: Land + Rechtsgrundlage (Angemessenheitsbeschluss oder Standardvertragsklauseln) | schaltet `flags.hostOutsideEu` | webklar prüft | offen |
+| 1.13 | Aufbewahrungsfrist für Kontaktanfragen (z. B. 12 Monate) | Datenschutz Ziffer 4 | Anelia | offen |
+| 1.14 | Bildnachweis: Name der Fotografin, ggf. Website | Impressum + Bildunterschriften (§ 13 UrhG) | Anelia | offen |
+| 1.15 | Bildnachweis: Logo-Designer:in bzw. Agentur | Impressum (optional) | Anelia | offen |
+| 1.16 | „Stand“-Datum für beide Rechtstexte setzen | Impressum, Datenschutz | webklar beim Flip | offen |
+
+> **Hinweis zur englischen Fassung:** `/en/imprint/` und `/en/privacy/` sind Übersetzungen,
+> verbindlich bleibt die deutsche Fassung – das steht dort auch im ersten Absatz. Jede
+> Angabe aus dieser Tabelle muss trotzdem in **beiden** Dateien landen; der Build-Guard
+> prüft beide.
+
+---
+
+## 2. Inhaltlich – sichtbare Platzhalter auf den Leistungsseiten
+
+Diese „[…]“ stehen aktuell in Gold auf der Seite und sind für jeden Besucher lesbar.
+
+| # | Angabe | Wo auf der Seite | Status |
+|---|---|---|---|
+| 2.1 | Name des Analyse-Instruments (DISG / INSIGHTS / persolog / …) + Zertifizierung. Aktive Lizenz? Darf Name oder Badge erscheinen? | Coaching → Bausteine | offen |
+| 2.2 | Dauer des Auswertungsgesprächs | Coaching → Bausteine (zweimal) | offen |
+| 2.3 | Sitzungsdauer im Coaching | Coaching → Rahmen | offen |
+| 2.4 | Paket bzw. übliche Anzahl Sitzungen | Coaching → Rahmen | offen |
+| 2.5 | Gruppengröße bei Trainings | Trainings → Hero-Fakten **und** Rahmen | offen |
+| 2.6 | Umfang der Trainingsreihe „Neukundengewinnung“ | Trainings → Module | offen |
+| 2.7 | **Messe-Special: Was bekommt, wer den QR-Code auf der Rückwand scannt?** | Messeseite `/her-career/` → Das Special | offen |
+| 2.8 | Frist des Specials (z. B. „Anfragen bis 30.11.2026“) | Messeseite → Das Special | offen |
+| 2.9 | Bedingung zum Einlösen (Stichwort, Nachweis, nichts?) | Messeseite → Das Special | offen |
+
+> **Die Zeilen 2.7–2.9 hängen an einem Druckerzeugnis.** Der QR-Code auf der
+> Rückwandgrafik ist mit „Messe-Special · Code scannen“ beschriftet und führt auf
+> `her-career.anelia-wolf.com`. Wer dort ankommt, erwartet genau dieses Angebot;
+> bis zum Wortlaut steht an der Stelle sichtbar „[…]“. Deadline ist damit nicht der
+> Livegang, sondern der **22.10.2026**.
+
+---
+
+## 3. Freigaben – schalten fertige Blöcke frei
+
+Diese Blöcke sind gebaut und ausgeschaltet. Kein Codeaufwand, nur ein Schalter in
+`src/lib/site.ts`. Ausgeschaltet bleiben sie bewusst: Eine Zusage, die nicht gehalten
+wird, und ein Testimonial ohne Einwilligung sind riskanter als eine Leerstelle.
+
+| # | Flag | Was fehlt | Status |
+|---|---|---|---|
+| 3.1 | `showStimmen` | Zitate mit Name, Rolle, Unternehmen – und **schriftlicher** Einwilligung. Kundenlogos nur mit Erlaubnis. | offen |
+| 3.2 | `showSpeakerPdf` | Speaker-Profil als PDF (Kurzvita, Themen, Fotos, Technik) → `public/speaker-profil.pdf` | offen |
+| 3.3 | `showSecondTalk` | Darf „Unlock your Sales-DNA“ gelistet werden? Mit welchem Inhalt? Weitere Vorträge? | offen |
+| 3.4 | `show24hPromise` | Zusage „Antwort innerhalb von 24 Stunden“ – ja oder nein? | offen |
+| 3.5 | `showIndustry` | Darf die Branche der Nebentätigkeit genannt werden (z. B. „Medizinprodukte“)? Der Arbeitgeber wird nie genannt. | offen |
+| 3.6 | `showTwins` | Steht auf `true`. Freigabe für den Satz über die Zwillinge bitte bestätigen. | zu bestätigen |
+
+### Einzelfreigaben Biografie
+
+Jede Angabe einzeln bestätigen, sie steht namentlich auf der Startseite:
+Vater als Händler · Ausbildung zur Zahntechnikerin · Abteilungsleitung ·
+Verkauf und Store Management im Premium-Segment · B2B-Außendienst heute ·
+Zwillinge. Dazu: Dürfen später Jahreszahlen ergänzt werden?
+
+### Weitere offene Punkte
+
+| # | Frage | Status |
+|---|---|---|
+| 3.7 | Preise: Spanne oder „auf Anfrage“ für Coaching, Trainingstag, Keynote | offen |
+| 3.8 | Reiseradius und Bühnentechnik bei Keynotes | offen |
+| 3.9 | herCAREER-Logo: Erlaubnis vorhanden? (Ohne bleibt es beim reinen Textlink – so ist es aktuell gebaut.) | offen |
+| 3.10 | Markenrecherche „WOLF-Prinzip“ – Dritte verwenden die Bezeichnung bereits. Bis zu einer Eintragung sagt die Seite „Bezeichnung“, nie „Wortmarke“. | empfohlen |
+| 3.11 | Wer pflegt den Termine-Block nach dem 23.10.2026? | offen |
+| 3.12 | FAQ-Antworten auf den drei Leistungsseiten: von uns formuliert, von Anelia noch nicht gegengelesen. Sie stehen **sichtbar** auf der Seite (`showFaq` ist an). | zu bestätigen |
+| 3.13 | Zusage im Hero-Knopf: „30 Min · kostenfrei“ – bestätigen oder ändern. | zu bestätigen |
+| 3.14 | Zielgruppen-Reihenfolge: Unternehmen zuerst oder Einzelpersonen zuerst? Reiner Texttausch in „Leistungen“ und Hero. | offen |
+| 3.15 | Messeseite `/her-career/`: Hero-Text, Themen-Zeilen und Kontakt-Überschrift sind von uns formuliert (Ton der Website, Inhalte der Rückwand) – von Anelia gegenlesen. | zu bestätigen |
+| 3.16 | Subdomain `her-career.anelia-wolf.com`: DNS, Zertifikat und Vhost einrichten. Muss **vor dem 22.10.2026** stehen, die Adresse ist gedruckt (`docs/SUBDOMAIN-HERCAREER.md`). Wer: webklar. | offen |
+
+---
+
+## 4. Bild- und Design-Dateien
+
+**Das ist die Tabelle für den Designer bzw. die Fotografin.** Fehlt eine Datei, blendet
+die Seite den Bildplatz sauber aus oder weicht auf eine typografische Lösung aus –
+es bricht nichts, aber die Seite verliert ihr Gesicht.
+
+| Datei | Ablage | Format | Mindestmaß | Verhältnis | Wo sie erscheint | Pflicht | Status |
+|---|---|---|---|---|---|---|---|
+| `anelia-hero.jpg` | `public/photos/` | JPG, sRGB | 1600 px breit | 4:5 hoch | Startseite, Hero (großflächig) | ja | offen |
+| `anelia-portrait.jpg` | `public/photos/` | JPG, sRGB | 1400 px breit | 3:4 hoch | „Über Anelia“, engerer Schnitt | nein – fällt sonst auf das Hero-Foto zurück | offen |
+| `anelia-stage.jpg` | `public/photos/` | JPG, sRGB | 1600 px breit | 3:2 quer | Keynotes-Seite, Bühnenfoto | nein | offen |
+| `logo-mark.svg` | `public/brand/` | SVG, transparent, ohne `<script>` | – | – | Kopf, Hero, WOLF-Prinzip, Fuß, Seitenwechsel, 404 | ja | **liegt vor** |
+| `logo-full.png` | `public/brand/` | PNG auf Tinte | 2400 × 1260 px | 1,91:1 | Social-Vorschau beim Teilen (LinkedIn) | nein | **liegt vor** |
+| `speaker-profil.pdf` | `public/` | PDF | – | – | Keynotes → „Für Veranstalter“ (nur mit `showSpeakerPdf`) | nein | offen |
+
+Dazu zwei Punkte, die keine Datei sind, aber am Logo hängen:
+
+| # | Angabe | Wer liefert | Status |
+|---|---|---|---|
+| 4.1 | **Schriftliche Nutzungsrechte am Logo** vom Designer – die Website veröffentlicht es, das Impressum nennt ihn | Anelia | offen |
+| 4.2 | Bestätigung, dass das Monogramm **ohne Wortmarke** und der Wolfskopf **einzeln** gezeigt werden dürfen (Favicon, Seitenwechsel, 404) | Anelia / Designer | offen |
+
+### Regeln für die Bilddateien
+
+- **Ruhiger Hintergrund** beim Hero-Foto: Darüber liegt das Monogramm, und die Headline
+  läuft bis in die linke Bildhälfte.
+- **Kein Text im Bild.** Alles Geschriebene steht auf der Seite als echter Text – das
+  bleibt scharf, ist vorlesbar und lässt sich übersetzen.
+- **sRGB**, nicht Adobe RGB. Sonst wirken die Bilder im Browser flau.
+- **Originale ≥ 2000 px** mitliefern, nicht nur die zugeschnittene Fassung. Der Zuschnitt
+  kann sich noch ändern.
+- **Name der Fotografin** gehört dazu (Punkt 1.14). „Foto: [Name]“ ist eine gesetzliche
+  Pflicht, kein Höflichkeitsvermerk.
+
+### Regeln für ein neues Logo
+
+Falls das Monogramm ersetzt wird: SVG, transparent, **ohne `<script>`** (ein Skript
+bricht den Build absichtlich ab – die Datei wird inline in jede Seite eingebettet, und
+die Seite sagt „keine externen Skripte“ zu). Die schwarzen Flächen auf
+`fill="currentColor"`, damit das W auf dunklem Grund elfenbein und auf hellem tinte
+erscheint. IDs `v-left`, `v-right`, `wolf` vergeben, sonst läuft die Zeichen-Animation in
+DOM-Reihenfolge. Details in `public/brand/README.md`.
+
+---
+
+## 5. Prompt – Liefertabelle für den Designer erzeugen
+
+Der Block unten ist zum Kopieren gedacht. Er steht für sich allein: Wer ihn in einen
+Chat einfügt, bekommt die Tabelle, ohne dieses Dokument mitschicken zu müssen. Die
+Platzhalter in eckigen Klammern vorher ersetzen.
+
+```text
+Du bist Projektleiter einer Webagentur. Erstelle eine Liefertabelle für die
+Fotografin und den Grafiker der Website von Anelia Wolf (Keynote Speakerin,
+Trainerin und Coach). Ton: knapp, sachlich, keine Werbesprache.
+
+Die Website ist fertig gebaut: statischer Export, Next.js, zwei Sprachen
+(Deutsch auf /, Englisch auf /en/). Gestaltung: warmes Schwarz (#0F0E0C),
+Elfenbein (#F6F1E8), Gold (#C9A24D), keine Schatten, keine runden Ecken,
+Playfair Display für Überschriften. Fehlt eine Bilddatei, blendet die Seite den
+Platz sauber aus – nichts bricht, aber die Seite verliert ihr Gesicht.
+
+Diese Dateien fehlen noch:
+
+1. anelia-hero.jpg – Startseite, großflächig hinter Headline und Monogramm.
+   JPG, sRGB, hochkant 4:5, mindestens 1600 px breit, ruhiger Hintergrund.
+2. anelia-portrait.jpg – Abschnitt „Über Anelia“, engerer Schnitt.
+   JPG, sRGB, hochkant 3:4, mindestens 1400 px breit. Optional.
+3. anelia-stage.jpg – Keynotes-Seite, Anelia auf der Bühne.
+   JPG, sRGB, quer 3:2, mindestens 1600 px breit. Optional.
+4. speaker-profil.pdf – Kurzvita, Themen, Fotos, Technik. Optional.
+
+Feste Regeln: kein Text im Bild (alle Schrift liegt als echter Text auf der
+Seite), sRGB statt Adobe RGB, Originale ab 2000 px mitliefern, Name der
+Fotografin für den Bildnachweis nach § 13 UrhG.
+
+Gib eine Markdown-Tabelle aus mit den Spalten:
+Datei | Motiv/Bildidee | Format | Mindestmaß | Seitenverhältnis | Wo es erscheint |
+Pflicht | Wer liefert | Termin | Status
+
+Fülle „Motiv/Bildidee“ mit einem konkreten Vorschlag je Zeile, der zur
+Gestaltung passt. „Termin“ mit [DATUM] vorbelegen, „Status“ mit „offen“.
+Setze unter die Tabelle drei Sätze, was passiert, wenn eine Datei fehlt.
+Antworte auf Deutsch.
+```
+
+### Variante für die Rechtsangaben
+
+Dieselbe Mechanik für Abschnitt 1, falls Anelia eine Liste zum Ausfüllen möchte:
+
+```text
+Erstelle eine Ausfüll-Liste für eine Selbstständige, die einer Webagentur die
+Pflichtangaben für Impressum und Datenschutzerklärung ihrer neuen Website
+liefern muss. Deutsches Recht, DDG und DSGVO.
+
+Benötigt werden: ladungsfähige Anschrift (kein Postfach), USt-IdNr. oder
+Wirtschafts-Identifikationsnummer oder die Entscheidung, den Abschnitt zu
+streichen, Kleinunternehmerregelung nach § 19 UStG ja/nein,
+Berufshaftpflichtversicherung (Versicherer, Anschrift, Geltungsbereich) oder
+die Entscheidung, den Abschnitt zu streichen, Bundesland des Firmensitzes
+(daraus folgt die zuständige Aufsichtsbehörde), E-Mail- und Office-Anbieter
+mit Anschrift und Land, Aufbewahrungsfrist für Kontaktanfragen in Monaten,
+Name der Fotografin und der Logo-Designerin für den Bildnachweis.
+
+Gib eine Markdown-Tabelle aus: Angabe | Warum sie gebraucht wird (ein
+Halbsatz) | Beispiel | Ihre Antwort. Die Spalte „Ihre Antwort“ bleibt leer.
+Schreibe die Kundin mit „Sie“ an, keine Paragraphenketten im Fließtext.
+Antworte auf Deutsch.
+```
+
+---
+
+## 6. Wenn alles da ist – der Livegang
+
+1. Angaben in `src/content/legal.ts` **und** `src/content/en/legal.ts` eintragen,
+   Platzhalter in `src/content/coaching.ts` und `trainings.ts` ersetzen (deutsch und
+   englisch).
+2. Bilder nach `public/photos/` legen, Namen exakt wie in der Tabelle oben.
+3. Freigegebene Blöcke per Flag einschalten.
+4. `flags.hostOutsideEu` korrekt setzen.
+5. `flags.showPlaceholders` auf `false` setzen und `npm run build` laufen lassen. Bricht
+   der Build ab, nennt er die Fundstelle – dann ist noch etwas offen.
+6. Restliche Checkliste in `docs/HANDOVER.md`, Abschnitt 9.