Echte Karte auf Unternehmen und Kontakt (MapLibre + OpenFreeMap)

Ersetzt die schematische Karte durch MapLibre GL 6.11 (lokal
eingebunden, ohne React, da die Seite statisch ist). Kacheln vom
OpenFreeMap-Stil "dark", auf die Nachtblau-Palette umgefärbt; Marker
mit Label, lädt beim Heranscrollen und zoomt sanft auf den Standort.
Die schematische Karte bleibt als Vorschau und Fallback ohne WebGL.
Datenschutzerklärung um den Kartenanbieter ergänzt.

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

README.md

@@ -1,18 +1,19 @@
 # Kirschner Gebäudeservice — Website
 
 Neue Website für den Hausmeisterservice in Ergolding (bisher Jimdo:
-`1407316705.jimdoweb.com`). Statisches HTML/CSS/JS, keine Fremdanfragen, kein Cookie-Banner.
+`1407316705.jimdoweb.com`). Statisches HTML/CSS/JS, kein Cookie-Banner. Einzige Fremdanfrage: die Karte auf Unternehmen/Kontakt (OpenFreeMap), siehe Datenschutz.
 
 | Datei | Seite |
 |---|---|
-| `index.html` | Start (Intro, Hero, Leistungen gepinnt, Osmose-Slider, Philosophie, Karriere-Band) |
-| `leistungen.html` | Umfang Gewerbe/Privat, 7 Leistungen im Detail, Leistungsverzeichnisse, Referenzen |
-| `unternehmen.html` | Philosophie, Timeline 2003–heute, Team, Anfahrt |
-| `karriere.html` | Benefits, drei Stellen mit Bewerbung per E-Mail |
-| `kontakt.html` | Büro, Notruf, E-Mail, Adresse |
+| `index.html` | Start (Intro, Hero, Leistungen gepinnt, Osmose-Slider, Motto über Foto, Karriere-Band) |
+| `leistungen.html` | 7 Leistungen im Detail, Leistungsverzeichnisse |
+| `unternehmen.html` | Timeline 2003–2020, Team, Anfahrt mit Karte |
+| `karriere.html` | Drei Stellen mit Bewerbung per E-Mail |
+| `kontakt.html` | Büro, Notruf, E-Mail, Anfahrt mit Karte |
 | `impressum.html`, `datenschutz.html` | Rechtstexte (Entwürfe, siehe unten) |
 | `assets/site.css` | Tokens und alle Komponenten |
 | `assets/motion.js` | alle Animationen |
+| `assets/map.js` | Karte (MapLibre + OpenFreeMap), lädt beim Heranscrollen |
 | `tools/build_pages.py` | **Quelle der Seiten** — Inhalte hier ändern, dann neu erzeugen |
 
 Design-Entscheidungen, Tokens und Animationsliste: [`DESIGN.md`](DESIGN.md).
@@ -41,7 +42,7 @@ python3 tools/build_pages.py
 1. **Leistungsverzeichnisse (PDF).** Verlinkt als `assets/docs/Leistungsverzeichnis-Wohnanlage.pdf`
    und `…-Tiefgarage.pdf`, die Dateien fehlen noch. Quelle: alte Seite → Leistungen.
 2. **Impressum:** Rechtsform bestätigen (rot markiert). TMG-Verweise sind bereits auf DDG umgestellt.
-3. **Datenschutz:** Hosting-Anbieter, AV-Vertrag (Art. 28 DSGVO) und Logfile-Speicherdauer eintragen
+3. **Datenschutz:** Angaben zu OpenFreeMap prüfen und ergänzen (rot markiert), Hosting-Anbieter, AV-Vertrag (Art. 28 DSGVO) und Logfile-Speicherdauer eintragen
    (rot markiert). Beide Rechtstexte sind Entwürfe — juristisch prüfen lassen.
 4. **Hoster und Domain.** Danach `deploy.sh` nach dem Muster von Emma's Schatzkiste anlegen
    (rsync, CSS-Hash-Versionierung). Canonical-URLs und Sitemap zeigen auf `https://www.kirschner-service.de`.
@@ -65,4 +66,4 @@ python3 tools/build_pages.py
 - Fotolia-Bilder der alten Seite (150px, Lizenz unklar).
 - Kontakt- und Bewerbungsformular — ersetzt durch vorbereitete `mailto:`-Links (Entscheidung
   vom 2026-09-30).
-- Google-Maps-Einbettung — ersetzt durch eine schematische Karte mit Link.
+- Google-Maps-Einbettung — ersetzt durch eine eigene MapLibre-Karte (`assets/map.js`, Kacheln von OpenFreeMap), die erst beim Heranscrollen lädt. Die schematische Karte bleibt als Vorschau/Fallback ohne WebGL.