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, 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
`dienstplan.html`	Nächste Termine + komplette Termintabelle
`veranstaltungen.html`	Feste & Veranstaltungen (aus der CSV gefiltert)
`kontakt.html`	Kontakt & Impressum

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
  dienste.js         Liest dienstplan/dienstplan.csv, befüllt alle Terminbereiche
dienstplan/
  dienstplan.csv     Termine (einzige Quelle für Dienstplan & Veranstaltungen)
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`
Menü / Footer / Hero	`assets/components.js`
Farben	`assets/style.css` (`:root`-Variablen oben)

Offene TODOs

Kontaktdaten (Adresse, E-Mail) in kontakt.html ergänzen (mit TODO-Kommentaren markiert)
ELW 1: Detailseite fehlt noch – Karte ist als „Demnächst" markiert (inArbeit: true in data/fahrzeuge.js)

Lokal ansehen

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

Hinweis

Die vorherigen Design-Entwürfe (rote Dark-Variante, alter Stand) sind in der Git-Historie erhalten.

README.md Unescape Escape

Feuerwehr Stadt Wehlen – Webseite