Sektion 'Neues aus dem Laden' nach dem Hero. Die Beitraege schreibt Opa Martin
im WEBklar-Kundenportal (Funktion News); news.js von project.webklar.com zeigt
sie als Korkwand. Ohne Beitraege bleibt der statische Leerzustand stehen.
Menuepunkt 'Neuigkeiten' (am Handy ausgeblendet, 4 Punkte passen),
Datenschutz Abschnitt 4c, Stand 30.09.2026.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Vierte Footer-Spalte "Folgen" auf allen fünf Seiten. Icon plus Text statt
Icon allein; Icons erben currentColor statt Markenfarben, weil Farbe im
Fließtext keine Information trägt.
Nur einfache Links, keine Plugins, Feeds oder Folgen-Schaltflächen. Solche
Widgets würden beim Seitenaufruf fremde Skripte laden und Cookies setzen und
damit die Bannerfreiheit kippen, auf der die Datenschutzerklärung steht.
Gemessen nach dem Einbau: weiterhin null Fremdanfragen, keine Cookies, kein
Storage. Datenschutzerklärung um Abschnitt 4b ergänzt.
Alle drei Ziele vor dem Einbau im Browser aufgerufen und bestätigt. Bei
Facebook steht die dauerhafte Profiladresse mit der ID 61594794906587, nicht
der gelieferte Share-Link: der ist undurchsichtig, hängt an einer Weiterleitung
und kann ungültig werden.
Nebenbefund behoben: die 44px-Regel für Fusszeilen-Links war wirkungslos, weil
die Basisregel mit min-height:30px später in site.css steht. Gemessen waren es
auf dem Handy 30px. Override ans Dateiende gehängt, betrifft alle 13 Links.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
wir/uns/unser -> ich/mir/mich/mein, samt Verbformen, auf allen fünf Seiten
inklusive Impressum, Datenschutz, Seitentiteln und Meta-Beschreibungen.
Anker #ueber-uns -> #ueber-mich.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
- '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>
