- 'Wie alles angefangen hat' zeigt das echte Schaufenster statt des Pexels-Bilds
- Player spielen lied-laden.mp3 (Startseite) und lied-verein.mp3 (Verein):
Play/Pause, Fortschrittsregler per Tastatur, kein Autoplay, nichts gespeichert
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Beide Logos im Header auf allen Seiten
- Adresse Hollerstraße 2 und Öffnungszeiten Mo-Fr 9-13 (Google Maps) im Footer,
Kontakt, Shop-Seite und neuer Sektion 'So findest du uns'
- Google-Maps-Karte als Zwei-Klick-Lösung: lädt erst nach Klick, kein Banner nötig;
Datenschutzerklärung um Abschnitt 4a ergänzt
- 'Im September 2025'
- Impressum: roter Warnkasten, Registereintrag und interne Hinweise entfernt
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Die CSS-Masken-Fassung war in Safari unsichtbar. Jetzt vorgefärbte SVG-Kacheln
(assets/decor/*.svg) als normales Hintergrundbild. Kachel 420 -> 600px, Handy 440px.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- 'Wie alles angefangen hat': Überschrift 48px, Text 20px in ink-700
- Name unter dem Porträt in Display-Größe mit derselben Kontur wie die Hero-Headline
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Umsetzung der Handoff-Komponente Decor (flat decorative layer). Selbst gezeichnete
SVG-Kachel als CSS-Maske, Farbe pro Fläche eine Stufe dunkler als der Grund.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Header einzeilig und sticky, aktiver Punkt als Akzentkante statt Pille
- Hero: Headline zuerst, Foto danach als gerahmtes Bild
- Headline so groß wie die Spalte erlaubt (45px statt 34px bei 375), Kontur dünner
- Abstände und Bilder gestrafft: Startseite 4936 -> 4260px
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Sticker-Kontur wie die Wortmarke jetzt auch auf Blau und Coral, skaliert mit der
Schriftgröße (.1em). Blau/Coral dadurch wieder in den helleren Markenwerten.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- .trust span traf auch den Icon-Chip (selbst ein span): Icon rutschte aus dem Kreis
und war dunkel. Selektor auf die Unterzeile eingegrenzt.
- Gelbe Display-Schrift jetzt helles Markengelb mit dunkler Kontur wie im Logo statt
sun-600/700 (las als Braun). Kleine gelbe Texte und Links auf Ink umgestellt,
Icon-Chips im Verein hellgelb mit Ink-Icon.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- Foto von Opa Martin eingesetzt (assets/opa-martin.jpg, 4:5)
- Pastelle eine Stufe kräftiger (sun-200, sky-100, coral-100), Icon-Chips im Vollton,
Hero-Weißschleier auf kurze Kante gekürzt, Header deckend
- Kontraste auf den neuen Gründen neu gerechnet, Display-Typo dort dunklere Stufe
- E-Mail bricht auf dem Handy nach dem @ statt mitten in gmail.com
- Trust-Icons im Verein-Hero waren auf gleichfarbigem Grund unsichtbar
- Footer 'Über uns' springt zur Geschichte statt auf die Startseite
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Umsetzung des Design-Handoffs als statisches HTML ohne Build-Schritt,
nach dem Hausmuster der übrigen ASX-Websites.
Seiten
- index.html Startseite (blaue Welt)
- hilfe-verein.html Hilfe Verein (gelbe Welt)
- shop.html Platzhalter, Online-Shop bewusst nicht gebaut
- impressum.html § 5 DDG
- datenschutz.html Art. 13 DSGVO
Design
- Farbe lebt in Flächen und Display-Typo, nie im Fließtext — dadurch
laufen alle drei Markenfarben, ohne die Hierarchie zu brechen.
- Ein gesättigtes Vollflächen-Band pro Seite gegen die Blässe der
reinen Pastellfassung.
- Alle fünf Seiten bestehen WCAG AA im Kontrast.
Mobil
- Header unter 640px zweizeilig, Navigation als Viererraster,
alle Touch-Ziele >= 44px (WCAG 2.5.5), Footer-Links >= 24px (2.5.8).
- Geprüft bei 320/375/390/640/768/1024/1440/1920 px.
Datenschutz
- Keine Cookies, kein Storage, keine Skripte, null Fremdanfragen.
Deshalb bewusst kein Einwilligungsbanner.
- Fredoka und Nunito selbst gehostet statt über Google Fonts
(LG München I, 3 O 17493/20).
Bilder
- Drei Pexels-Fotos, Lizenz geprüft, heruntergeladen und selbst gehostet.
- Bewusst keine Kinderfotos: Pexels gibt kein Model Release.
Offen: drei Angaben in den Rechtstexten, Foto Opa Martin, zwei Audiodateien.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
knso