Relaunch Phase 1: Feinschliff nach Browser- und Code-Prüfung

- Kopfleiste voll deckend, nichts scheint beim Scrollen durch
- Leistungen: Überschrift bleibt links stehen, während die Liste vorbeizieht
- langer Handy-Screenshot unten beschnitten (kein schwarzer Streifen am Ende)
- Titel, Beschreibung, og/twitter nach Spezifikation 6.5; canonical je Route
- Über uns ohne alte Versprechen, nur belegte Aussagen
- Schrittzeile neutral benannt, Tippflächen 44 px, Navigation als eigenes Modul

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

src/components/home/Kundenportal.tsx

@@ -32,7 +32,7 @@ const desktopBild = (name: string, alt: string): RahmenBildDaten => ({
   alt,
 });
 
-/** Handy-Bild: Rohformat 780 x 1688 (das lange Bild 780 x 5428), ausgeliefert in 390 / 780 px. */
+/** Handy-Bild: Rohformat 780 x 1688 (das lange Bild 780 x 5219), ausgeliefert in 390 / 780 px. */
 const handyBild = (name: string, alt: string, sizes: string, hoehe = 1688): RahmenBildDaten => ({
   src: `${BILDER}/${name}-780.webp`,
   srcSet: srcSet(name, HANDY_BREITEN),
@@ -291,7 +291,7 @@ const Buehne = () => {
                   >
                     {f.lang ? (
                       <div className="kp-lang">
-                        <RahmenBild bild={handyBild(f.handy.name, f.handy.alt, "(min-width: 1200px) 340px, 30vw", 5428)} />
+                        <RahmenBild bild={handyBild(f.handy.name, f.handy.alt, "(min-width: 1200px) 340px, 30vw", 5219)} />
                       </div>
                     ) : (
                       <RahmenBild bild={handyBild(f.handy.name, f.handy.alt, "(min-width: 1200px) 230px, 20vw")} />
@@ -326,7 +326,7 @@ const LangeKarte = ({ f }: { f: Funktion }) => {
     <div className="kp-karte" ref={ref} data-sichtbar={sichtbar ? "ja" : "nein"}>
       <HandyRahmen className="kp-karte__handy">
         <div className="kp-lang">
-          <RahmenBild bild={handyBild(f.handy.name, f.handy.alt, "250px", 5428)} />
+          <RahmenBild bild={handyBild(f.handy.name, f.handy.alt, "250px", 5219)} />
         </div>
       </HandyRahmen>
       <h3 className="wk-h3 kp-karte__titel">{f.titel}</h3>
@@ -358,7 +358,7 @@ const HandyReihe = () => (
 const Schrittzeile = ({ desktop }: { desktop: boolean }) =>
   desktop ? (
     <div className="wk-container">
-      <ol className="kp-schritte wk-reveal" aria-label="So arbeiten wir">
+      <ol className="kp-schritte wk-reveal" aria-label="Ablauf in vier Schritten">
         {SCHRITTE.map((s) => (
           <li key={s.nr} className="kp-schritt">
             <span className="kp-schritt__nr wk-num">{s.nr}</span>
@@ -369,7 +369,7 @@ const Schrittzeile = ({ desktop }: { desktop: boolean }) =>
     </div>
   ) : (
     <div className="kp-schritte-handy">
-      <WischReihe ariaLabel="So arbeiten wir, vier Schritte, seitlich wischen" className="kp-schritte-reihe">
+      <WischReihe ariaLabel="Ablauf in vier Schritten, seitlich wischen" className="kp-schritte-reihe">
         {SCHRITTE.map((s) => (
           <div key={s.nr} className="kp-schritt-karte">
             <span className="kp-schritt__nr wk-num">{s.nr}</span>