Files
Anelia-Wolf/docs/OFFENE-DATEN.md
Kenso Grimm 33ec0df7e3 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>
2026-09-07 22:39:32 +02:00

14 KiB
Raw Blame History

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 714) 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.72.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.

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.

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:

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.