## Ergebnis: priorisierte Änderungen

### P0 – funktionale und mobile Blocker

1. **Telefonlinks sind defekt**
   - **Datei:** `src/data/company.ts:5`
   - `phoneHref` enthält `tel:+417****2529`; alle Anruf-CTAs übernehmen diesen ungültigen Wert.
   - **Änderung:** Mit der bereits sichtbaren/verifizierten Nummer konsistent setzen (`tel:+41772682529`) und Header, Hero, Footer sowie Projektanfrage testen.

2. **Geschlossene Mobile-Navigation bleibt per Tastatur erreichbar**
   - **Dateien:** `src/components/Header.astro:711–736`, `src/components/Header.astro:134–205`
   - `max-height: 0`, `opacity: 0` und `pointer-events: none` verhindern keine Tab-Fokussierung. Unsichtbare Links können weiterhin fokussiert werden.
   - **Änderung:** Im geschlossenen Zustand zusätzlich `visibility: hidden` oder `inert` verwenden; beim Öffnen entfernen. Fokus auf ersten Menüpunkt setzen, beim Schliessen zum Hamburger zurückführen. Submenu-Buttons mit `aria-controls` und dynamischem Label versehen.

3. **Sticky Mobile Contact Bar fehlt vollständig**
   - **Neue Komponente:** `src/components/MobileContactBar.astro`
   - **Einbindung:** `src/layouts/BaseLayout.astro` zwischen `<slot />` und `<Footer />`
   - **Globale Anpassung:** `src/styles/global.css`
   - **Änderung:** Nur mobil fixierte Leiste mit drei klaren Aktionen: **Anrufen**, **WhatsApp**, **Anfrage**. Mit `env(safe-area-inset-bottom)`, mindestens 44–48 px Touch-Zielen und entsprechendem `body`-Bottom-Padding. Keine neuen Kontaktdaten erfinden; Werte aus `company.ts` verwenden.

### P1 – Conversion, Dramaturgie und Professionalität

4. **Hero hat zu viele gleichgewichtete Aktionen**
   - **Datei:** `src/pages/index.astro:29–34`, mobile CSS `724–741`
   - Header-CTA plus Anfrage, Telefon, WhatsApp und Referenzen erzeugen fünf konkurrierende Einstiege. Auf 390 px entsteht ein unruhiges 2×2-Aktionsraster.
   - **Änderung:** Im Hero primär **Anfrage starten**, sekundär **Referenzen ansehen**. Telefon/WhatsApp in die Mobile Contact Bar und den Kontaktbereich verschieben.

5. **Homepage ist lang und inhaltlich redundant**
   - **Datei:** `src/pages/index.astro`
   - Dienstleistungen, Arbeitsweise, Philosophie, zwei Vertrauenskarten, digitale Erstabklärung und Ablauf wiederholen mehrfach „sauber/persönlich/verlässlich“, bevor Referenzen sichtbar werden.
   - **Empfohlene Reihenfolge:**
     1. Hero  
     2. Kernleistungen  
     3. ausgewählte Referenzen als Beweis  
     4. Erfahrung/Arbeitsweise  
     5. kompakter Ablauf  
     6. Kontakt-CTA  
   - `opportunities` und `proof-grid` zusammenführen; keine neuen Kennzahlen oder Kundenstimmen ergänzen.

6. **Interne Platzhalter-/Entwicklungssprache steht öffentlich auf der Website**
   - **Dateien:**  
     - `src/pages/index.astro:126–135`
     - `src/pages/projekt-anfrage.astro:6–11`
     - `src/components/ProjectInquiryWizard.astro:8–10, 41–51`
   - Texte wie „Als Platzhalter bereits umgesetzt“, „MyGreen/PHP“, „Hosting-/Formularentscheid“ und „serverseitige Logik wird später ergänzt“ wirken unfertig.
   - **Änderung:** Nur den aktuellen Nutzen beschreiben: Der Fragebogen erzeugt eine vorbereitete E-Mail; Fotos können per WhatsApp oder E-Mail nachgereicht werden. Den deaktivierten Upload samt technischem Erklärungstext entfernen oder bis zur echten Funktion ausblenden.

7. **Desktop-Flyouts sind zu gross und können sich visuell überlagern**
   - **Datei:** `src/components/Header.astro:428–576`
   - Im visuellen Smoke waren Leistungs- und Kontaktinhalte gleichzeitig übereinander sichtbar. Die Mega-Menüs dominieren zudem fast den gesamten Hero.
   - **Änderung:** Pro Menü nur ein kompaktes Panel offen halten, Hover-Zonen und `data-open` eindeutig synchronisieren, Öffnung vorzugsweise per Button/Klick. Für „Referenzen“ und „Kontakt“ reichen kompakte Linklisten; ausführliche Beschreibungskarten nur bei „Leistungen“.

8. **Vollbild-Logo-Intros bremsen Navigation und Reduced Motion wird nicht konsequent respektiert**
   - **Dateien:**  
     - `src/layouts/BaseLayout.astro:71–319`
     - `src/scripts/page-transition.ts`
   - Direkter Homepage-Aufruf blockiert bis rund zwei Sekunden; zusätzlich wird auf internen Seitenwechseln ein Vollbild-Overlay erzeugt. Bei `prefers-reduced-motion` werden die GSAP-Abläufe nicht vollständig übersprungen.
   - **Änderung:** Homepage-Intro stark verkürzen oder nur einmal pro Sitzung zeigen; Route-Overlay entfernen bzw. auf eine kurze Inhaltsblende reduzieren. Bei Reduced Motion sofort ohne Overlay anzeigen. Auf Mobilgeräten keine Vollbild-Unterbrechung.

### P2 – Accessibility und Footer

9. **Skip-Link und eindeutiges Main-Ziel fehlen**
   - **Dateien:** `src/layouts/BaseLayout.astro`, `src/styles/global.css`, `src/pages/index.astro`
   - **Änderung:** Vor dem Header „Zum Inhalt springen“ ergänzen und das zentrale `<main>` mit stabilem `id="main-content"` versehen. Da Seiten eigene `<main>`-Elemente liefern, dafür eine konsistente Layout-Konvention festlegen.

10. **Footer braucht klarere Informationsarchitektur**
    - **Datei:** `src/components/Footer.astro`
    - Adresse ist nur ein `<span>`, Navigation nicht als `<nav>` ausgezeichnet. „Mitglied / Bezug: SBV“ ist unklar und sollte nur mit belegbarer exakter Mitgliedschaftsaussage stehen bleiben.
    - **Änderung:** Kontaktblock als `<address>`, Footerlinks als benannte `<nav>`. Verifizierte Links zu Datenschutz/Impressum ergänzen, falls entsprechende Seiten/Inhalte vorhanden sind; nichts erfinden. SBV-Aussage entweder präzisieren und belegen oder entfernen.

11. **Fokusdarstellung einzelner Karten ist inkonsistent**
    - **Datei:** `src/components/ReferenceCard.astro:53–75`
    - Bild-Zoom und Schatten reagieren nur auf `:hover`, nicht gleichwertig auf `:focus-visible`.
    - **Änderung:** Fokuszustand parallel zu Hover gestalten und Animation unter `prefers-reduced-motion` deaktivieren.

## Prüfung

- Relevante Astro-, CSS- und TypeScript-Dateien read-only geprüft.
- Vorhandenes `dist/` lokal statisch geöffnet; Desktop-Screenshot und 390×844-Mobile-Smoke durchgeführt.
- Keine Browser-Konsolenfehler im vorhandenen Build.
- **Keine Repository-Dateien von mir erstellt oder geändert.**
- Kein neuer Build ausgeführt, um die Read-only-Vorgabe einzuhalten.
- Während der Prüfung erschienen fremde, parallele Änderungen an `src/styles/global.css` sowie neue ungetrackte Bilddateien unter `public/images/`; diese stammen nicht von meiner Prüfung.