# IWZ Ferienwohnungen – Projektkontext

## Was ist das?

Hugo-basierte statische Website als WordPress-Ersatz für www.iwz-ferienwohnungen.de.
Drei Ferienwohnungen in Kaufbeuren-Hirschzell / Allgäu.

## Stack

- **Static Site Generator**: Hugo (keine externe Abhängigkeit, einzelne .exe)
- **Hosting**: Cloudflare Pages (kostenlos, automatisches HTTPS)
- **DNS**: Cloudflare (Nameserver-Wechsel von IONOS zu Cloudflare)
- **Domain-Registrar**: IONOS (bleibt so, nur DNS wandert zu Cloudflare)
- **Buchungskalender**: webplanner.de (externer Dienst, per Link eingebunden)
- **Git**: eigene Gitea-Instanz (kein GitHub/GitLab)
- **Deploy**: manuell per `deploy.bat` oder `deploy.py` → `wrangler pages deploy`

## Projektstruktur

```
iwz/
├── hugo.toml              # Konfiguration: baseURL, Menü, Kontaktdaten (Params)
├── deploy.bat             # Windows: hugo build + wrangler deploy
├── deploy.py              # Python-Alternative zum deploy.bat
├── content/
│   ├── _index.md          # Startseite
│   ├── preise.md          # Preistabelle + Buchungsbedingungen
│   ├── ausflugsziele.md
│   ├── kontakt.md
│   ├── impressum.md       # PLATZHALTER – echte Daten eintragen!
│   ├── datenschutz.md     # PLATZHALTER – rechtskonform ersetzen!
│   └── ferienwohnungen/
│       ├── _index.md
│       ├── fewo1.md       # 45 qm, bis 4 Pers., 60 €/Nacht
│       ├── fewo2.md       # 40 qm, bis 2 Pers., 55 €/Nacht
│       └── fewo3.md       # 56 qm, bis 5 Pers., 100 €/Nacht
├── layouts/               # Hugo-Templates (kein externes Theme!)
│   ├── index.html         # Startseite: Hero, Highlights, FeWo-Karten
│   ├── _default/
│   │   ├── baseof.html    # Basis-Template (nav + footer)
│   │   ├── single.html    # Standard-Einzelseite
│   │   └── list.html      # Listenansicht (Ferienwohnungen-Übersicht)
│   ├── ferienwohnungen/
│   │   └── single.html    # FeWo-Detailseite: Galerie + Buchungsbutton
│   └── partials/
│       ├── head.html      # <meta>, CSS-Link
│       ├── nav.html       # Navigation (mobil-responsive)
│       └── footer.html    # Footer mit Kontakt + Links
└── static/
    ├── css/style.css      # Reines CSS, CSS Variables, Dark Mode
    ├── js/main.js         # Nur mobiles Menü-Toggle
    └── images/            # Fotos hier ablegen
```

## Frontmatter der FeWo-Seiten

Jede `fewoX.md` hat folgende Felder:
```yaml
groesse: "45 qm"
personen: 4
preis: 60
belegungsplan: "https://www.webplanner.de/XXXXXX/fewo1"
bilder:
  - "/images/fewo1_wohnzimmer.jpg"
  - "/images/fewo1_kueche.jpg"
```

## Noch offen / TODO

- [ ] Echte webplanner.de-URLs in fewo1/2/3.md eintragen (`belegungsplan`)
- [ ] Fotos in `static/images/` ablegen + in fewoX.md verlinken
- [ ] Telefon, E-Mail, Adresse in `hugo.toml` unter `[params]` eintragen
- [ ] `content/impressum.md` mit echten Pflichtangaben füllen
- [ ] `content/datenschutz.md` durch rechtskonforme Version ersetzen
- [ ] Cloudflare-Account anlegen + Wrangler einrichten (`wrangler login`)
- [ ] Nameserver bei IONOS auf Cloudflare umstellen

## Lokaler Dev-Server

```powershell
hugo server
# → http://localhost:1313
```

## Deploy

```powershell
# Einmalig:
wrangler login

# Bei jeder Änderung:
deploy.bat
# oder:
python deploy.py
```