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>

src/components/layout/Header.tsx

@@ -129,10 +129,17 @@ export function Header({ mark, chrome = chromeDe, nav = navDe, legal = legalDe,
             </nav>
 
             <div className="col-span-6 flex items-center justify-end gap-6 xl:col-span-4 2xl:gap-8">
-              {/* Steht an der Stelle, an der bis zum 06.09.2026 „Kontakt“ stand. */}
+              {/* Steht an der Stelle, an der bis zum 06.09.2026 „Kontakt“ stand.
+                  Zwei Formen, weil neben Wortmarke und „Menü“ auf einem Telefon kein Paar
+                  Platz hat: unter 1024 px nur die Zielsprache als ein Knopf, darüber beide.
+                  Im Overlay-Menü steht er nicht mehr – dort fiel er auf kurzen Geräten
+                  unter die Kante, ohne dass man ihm ansah, dass da noch etwas kommt. */}
+              {flags.showLangSwitch && <LangSwitch lang={lang} variant="compact" className="lg:hidden" />}
               {flags.showLangSwitch && <LangSwitch lang={lang} className="hidden lg:flex" />}
               <a
                 data-menu-inert=""
+                /* Haken für globals.css: Auf der Messeseite entfällt dieser Knopf. */
+                data-header-cta=""
                 href={chrome.header.cta.href}
                 className="hidden whitespace-nowrap border border-gold bg-[image:var(--gold-sheen)] bg-[length:250%_100%] bg-[position:0%_50%] px-[1.4em] py-[1.05em] font-sans text-[0.75rem] font-medium uppercase leading-none tracking-[0.16em] text-ink transition-[background-position] duration-[600ms] ease-[var(--ease-out-quart)] hover:bg-[position:100%_50%] focus-visible:bg-[position:100%_50%] xl:inline-block 2xl:px-[1.6em] 2xl:tracking-[0.2em]"
               >
@@ -161,7 +168,7 @@ export function Header({ mark, chrome = chromeDe, nav = navDe, legal = legalDe,
           </div>
         </Container>
       </header>
-      <OverlayMenu open={open} onClose={() => setOpen(false)} chrome={chrome} legal={legal} lang={lang} />
+      <OverlayMenu open={open} onClose={() => setOpen(false)} chrome={chrome} legal={legal} />
     </>
   );
 }