# Feuerwehr Stadt Wehlen – Webseite

Modernes Redesign im hellen „Modern Light"-Design: hellgrauer Hintergrund,
weiße abgerundete Karten, roter Header mit Logo-Muster. Vollständig
mobile-optimiert (responsives Grid, Hamburger-Menü, Karten statt Tabellen
auf dem Smartphone).

## Seiten

| Datei | Inhalt |
|---|---|
| `index.html` | Start: Hero, Gerätehaus, Wehr-Foto 2026, Termine, Schnellzugriff |
| `geschichte.html` | Wehrgeschichte seit 1865 als Accordion (inkl. Zeitungsartikel 1921) |
| `technik.html` | Fahrzeug-Übersicht mit Kategorie-Filter |
| `fahrzeug.html` | Detailseite, datengetrieben via `?id=lf10` usw. |
| `mitglieder.html` | Organigramm & Mitgliederlisten |
| `jugendfeuerwehr.html` | Jugendfeuerwehr: Infos, Ansprechpartner, JFw-Dienstplan |
| `foerderverein.html` | Förderverein: Mitgliedschaft, Formulare, Sponsoren |
| `dienstplan.html` | Nächste Termine, komplette Termintabelle, Dienstplan-PDFs |
| `veranstaltungen.html` | Feste & Veranstaltungen (aus der CSV gefiltert) |
| `kontakt.html` | Kontakt & Impressum |
| `datenschutz.html` | Datenschutzerklärung |

## Struktur

```
assets/
  style.css          Komplettes Design (Farben in :root-Variablen)
  components.js      Navbar, Footer, Hero + alle Renderer
data/                ZENTRALE DATENQUELLEN – Inhalte nur HIER pflegen
  fahrzeuge.js       Fahrzeuge/Boote/Anhänger inkl. Technikdaten & Bilder
  geschichte.js      Geschichts-Epochen
  mitglieder.js      Organigramm & Mitgliederlisten
  foerderverein.js   Downloads & Sponsoren des Fördervereins
  dienste.js         Liest dienstplan/dienstplan.csv, befüllt alle Terminbereiche
dienstplan/
  dienstplan.csv     Termine (einzige Quelle für Dienstplan & Veranstaltungen)
downloads/           PDFs (Dienstpläne, Formulare, Satzung, Protokolle)
bilder/, technik/, geschichte/   Bildmaterial
```

## Prinzip

- Inhalte liegen zentral in `data/` bzw. `dienstplan/dienstplan.csv` –
  die Seiten rendern daraus automatisch ihr Markup.
- Navbar, Footer und Hero liegen in `assets/components.js` und werden in
  die Platzhalter `#site-header` / `#site-footer` / `#site-hero` eingefügt.
- `window.FFW_BASE` (im `<head>` jeder Seite) ist der Pfad zum
  Projekt-Root – bei Seiten im Root einfach `""`.
- Der aktive Menüpunkt wird über `<body data-page="...">` gesteuert.

## Inhalte ändern

| Was | Wo |
|---|---|
| Termine / Dienstplan / Veranstaltungen | `dienstplan/dienstplan.csv` |
| Fahrzeugdaten, Bilder, Beladung | `data/fahrzeuge.js` |
| Geschichtstexte | `data/geschichte.js` |
| Mitglieder / Organigramm | `data/mitglieder.js` |
| Sponsoren / Förderverein-Dokumente | `data/foerderverein.js` |
| Menü / Footer / Hero / Statistik | `assets/components.js` |
| Farben | `assets/style.css` (`:root`-Variablen oben) |

## Lokal ansehen

```sh
python3 -m http.server 8000
# dann http://localhost:8000/ öffnen
```

## Hinweise

- Der ELW 1 hat aktuell keine Detailseite – die Karte ist mit
  „Demnächst" markiert (`inArbeit: true` in `data/fahrzeuge.js`).
- Die Datenschutzerklärung wurde aus dem alten Stand übernommen;
  Abschnitte über nicht mehr genutzte Dienste (Google Analytics,
  YouTube, Typekit) wurden entfernt.
- Frühere Design-Entwürfe sind in der Git-Historie erhalten.
