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>
14 KiB
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/ |
– | – | 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.
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
- Angaben in
src/content/legal.tsundsrc/content/en/legal.tseintragen, Platzhalter insrc/content/coaching.tsundtrainings.tsersetzen (deutsch und englisch). - Bilder nach
public/photos/legen, Namen exakt wie in der Tabelle oben. - Freigegebene Blöcke per Flag einschalten.
flags.hostOutsideEukorrekt setzen.flags.showPlaceholdersauffalsesetzen undnpm run buildlaufen lassen. Bricht der Build ab, nennt er die Fundstelle – dann ist noch etwas offen.- Restliche Checkliste in
docs/HANDOVER.md, Abschnitt 9.