erste Fassung erstellt
@@ -0,0 +1,3 @@
|
||||
public/
|
||||
resources/
|
||||
.hugo_build.lock
|
||||
@@ -0,0 +1,95 @@
|
||||
# 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
|
||||
```
|
||||
@@ -0,0 +1,86 @@
|
||||
# SSL/HTTPS auf Cloudflare Pages
|
||||
|
||||
Ja, vollautomatisch. Es gibt keine Tokens oder Zertifikate, die du selbst beantragen oder verlängern musst. Das läuft komplett im Hintergrund über Let's Encrypt, gesteuert von Cloudflare. Du siehst davon nichts.
|
||||
|
||||
# DNS und IP-Adresse — das ist der entscheidende Teil
|
||||
|
||||
Hier gibt es zwei verschiedene Szenarien:
|
||||
|
||||
## Szenario A: Domain bei einem anderen Registrar (z.B. IONOS, Strato, Hetzner)
|
||||
|
||||
Du hast zwei Möglichkeiten:
|
||||
|
||||
### Option 1 — Nameserver umziehen (empfohlen):
|
||||
Beim Registrar trägst du statt dessen Nameserver die Cloudflare-Nameserver ein:
|
||||
|
||||
aria.ns.cloudflare.com
|
||||
bob.ns.cloudflare.com
|
||||
|
||||
Danach verwaltest du alle DNS-Einträge bei Cloudflare. Cloudflare kennt dann deine Domain vollständig und stellt automatisch ein SSL-Zertifikat aus. Keine IP-Adresse nötig — Cloudflare Pages bekommt einfach einen CNAME-Eintrag wie:
|
||||
|
||||
www → dein-projekt.pages.dev
|
||||
|
||||
### Option 2 — Nur einen CNAME/A-Record setzen (ohne Nameserver-Wechsel):
|
||||
Beim Registrar trägst du einen CNAME auf dein-projekt.pages.dev ein. Cloudflare Pages erkennt die Domain und stellt trotzdem ein Zertifikat aus — dauert aber etwas länger zur Verifizierung.
|
||||
|
||||
## Szenario B: Domain direkt bei Cloudflare registriert
|
||||
|
||||
Dann ist alles von Anfang an in einem Dashboard, kein Umzug nötig.
|
||||
|
||||
Konkret: So funktioniert die Weiterleitung
|
||||
|
||||
Es gibt keine neue feste IP-Adresse im klassischen Sinne. Cloudflare Pages arbeitet mit einem globalen CDN-Netzwerk — deine Seite liegt auf Hunderten von Servern weltweit. Der DNS-Eintrag zeigt auf einen Cloudflare-CNAME, Cloudflare liefert dann vom nächstgelegenen Rechenzentrum aus.
|
||||
|
||||
Der Besucher tippt www.iwz-ferienwohnungen.de → DNS löst auf Cloudflare-Server auf → Cloudflare liefert deine statische Seite aus → HTTPS ist dabei immer aktiv.
|
||||
|
||||
# Praktischer Ablauf beim Umzug
|
||||
Cloudflare-Account anlegen (kostenlos)
|
||||
Domain dort hinzufügen → Cloudflare scannt bestehende DNS-Einträge automatisch
|
||||
Beim Registrar die Nameserver auf Cloudflare-Nameserver umstellen (einmalig, ~10 Minuten Aufwand)
|
||||
Propagation: 1–24 Stunden, meist unter 1 Stunde
|
||||
In Cloudflare Pages dein Hugo-Projekt verknüpfen (GitHub-Repo auswählen)
|
||||
Eigene Domain in Pages eintragen → CNAME wird automatisch gesetzt → SSL-Zertifikat wird sofort ausgestellt
|
||||
|
||||
Danach läuft alles von selbst — das Zertifikat verlängert sich alle 90 Tage automatisch, du wirst nicht mal benachrichtigt.
|
||||
|
||||
# Wo ist die Domain iwz-ferienwohnungen.de aktuell registriert?
|
||||
|
||||
|
||||
|
||||
## Ablauf IONOS
|
||||
|
||||
Nameserver-Wechsel bei IONOS zu Cloudflare
|
||||
### Schritt 1: Cloudflare-Account anlegen und Domain hinzufügen
|
||||
|
||||
Auf cloudflare.com kostenlos registrieren, dann „Add a Site" → iwz-ferienwohnungen.de eingeben. Cloudflare liest die bestehenden DNS-Einträge von IONOS automatisch aus und importiert sie. Du siehst danach eine Liste — meist sind alle wichtigen Einträge (MX für E-Mail, A-Record, etc.) schon korrekt übernommen.
|
||||
|
||||
### Schritt 2: Nameserver bei IONOS umstellen
|
||||
|
||||
Im IONOS-Kontrollzentrum:
|
||||
|
||||
Domains & SSL → Domain auswählen → Nameserver → "Nameserver ändern"
|
||||
|
||||
Dort trägst du die beiden Cloudflare-Nameserver ein, die dir Cloudflare anzeigt (die sind pro Account individuell, z.B. aria.ns.cloudflare.com und bob.ns.cloudflare.com).
|
||||
|
||||
Wichtig bei IONOS: IONOS fragt manchmal nach, ob du „externe Nameserver" verwenden willst und warnt, dass deren DNS-Verwaltung dann deaktiviert wird. Das ist korrekt und gewollt — ab dann läuft alles über Cloudflare.
|
||||
|
||||
### Schritt 3: Warten
|
||||
|
||||
Propagation dauert bei IONOS erfahrungsgemäß 30 Minuten bis 4 Stunden. Cloudflare schickt dir eine E-Mail sobald die Verifizierung erfolgreich war.
|
||||
|
||||
## Was mit IONOS bleibt
|
||||
|
||||
IONOS bleibt weiterhin dein Domain-Registrar — das ist wichtig zu verstehen. Du verlängerst die Domain weiterhin bei IONOS, zahlst dort die Jahresgebühr. Nur die DNS-Verwaltung und das SSL-Zertifikat wandern zu Cloudflare.
|
||||
|
||||
## E-Mail-Adressen — aufpassen!
|
||||
|
||||
Falls über IONOS auch E-Mail-Adressen laufen (z.B. info@iwz-ferienwohnungen.de), dann müssen die MX-Einträge beim Import in Cloudflare korrekt übernommen werden. Cloudflare importiert die normalerweise automatisch, aber das solltest du einmal kontrollieren bevor du den Nameserver-Wechsel machst. Die E-Mail funktioniert dann wie bisher — Cloudflare leitet den Mail-Verkehr nur weiter, hostet ihn nicht selbst.
|
||||
|
||||
# Zusammenfassung des gesamten Stacks
|
||||
Domain-Registrar: IONOS (bleibt so)
|
||||
DNS + SSL: Cloudflare (kostenlos)
|
||||
Hosting: Cloudflare Pages (kostenlos)
|
||||
Code/Content: GitHub Repository (kostenlos)
|
||||
Buchungskalender: webplanner.de (bleibt so, extern)
|
||||
|
||||
Laufende Kosten danach: *nur noch die Domain-Verlängerung bei IONOS* (~10–15 € pro Jahr).
|
||||
@@ -0,0 +1,6 @@
|
||||
---
|
||||
title: "Willkommen"
|
||||
description: "Drei komfortable Ferienwohnungen im Allgäu"
|
||||
---
|
||||
|
||||
Sie finden unsere ruhigen Ferienwohnungen in Kaufbeuren – Hirschzell. Unser Anwesen liegt auf einer kleinen Anhöhe direkt am Waldrand. Der Stadtteil mit dörflichem Charakter besticht durch die naturnahe Lage bei gleichzeitiger Stadtnähe. Während die uns unmittelbar umgebenden Felder, Wälder, Wiesen und Seen sommers wie winters den Erholungswert unseres schönen Allgäus bieten, erreichen Sie die historische Altstadt Kaufbeurens in nur drei km Entfernung.
|
||||
@@ -0,0 +1,78 @@
|
||||
---
|
||||
title: "Ausflugsziele"
|
||||
description: "Sehenswürdigkeiten und Ausflugsziele rund um unsere Ferienwohnung im Allgäu"
|
||||
layout: "ausflugsziele"
|
||||
galerien:
|
||||
- titel: "Kaufbeuren im Allgäu"
|
||||
text: "Die kreisfreie Stadt liegt beschaulich im Voralpenland. Ihr mittelalterlicher Stadtkern, die unterschiedlichen Ortsteile mit ihren Besonderheiten und das Wertachtal laden zum Entdecken und Genießen ein."
|
||||
punkte:
|
||||
- "Historische Altstadt"
|
||||
- "Creszentia-Kloster"
|
||||
- "Tänzelfest"
|
||||
- "Glas- und Schmuckindustrie"
|
||||
- "ESV Kaufbeuren – Buron Joker"
|
||||
- "Winter/Weihnachten"
|
||||
bilder:
|
||||
- "/images/ausflugsziele/01-Wolframm-Fewo-Stadt-Kaufbeuren-Fuenfknopfturm-Stadtmauer.jpg"
|
||||
- "/images/ausflugsziele/02-Wolframm-Fewo-Stadt-Kaufbeuren-Sommer-Rathaus.jpg"
|
||||
- "/images/ausflugsziele/03-Wolframm-Fewo-Stadt-Kaufbeuren-Neptunbrunnen.jpg"
|
||||
- "/images/ausflugsziele/04-Wolframm-Fewo-Stadt-Kaufbeuren-Kaiser-Max-Strasse.jpg"
|
||||
- "/images/ausflugsziele/05-Wolframm-Fewo-Stadt-Kaufbeuren-Zollhaeuschen.jpg"
|
||||
- "/images/ausflugsziele/06-Wolframm-Fewo-Stadt-Kaufbeuren-Crescentiakloster.jpg"
|
||||
- "/images/ausflugsziele/07-Wolframm-Fewo-Stadt-Kaufbeuren-Klosterberggarten.jpg"
|
||||
- "/images/ausflugsziele/08-Wolframm-Fewo-Stadt-Kaufbeuren-Taenzelfest-Umzug.jpg"
|
||||
- "/images/ausflugsziele/09-Wolframm-Fewo-Stadt-Kaufbeuren-Roemerturm.jpg"
|
||||
- "/images/ausflugsziele/07-Wolframm-Fewo-Stadt-Kaufbeuren-Ruediger-Brunnen-Neugablonz.jpg"
|
||||
- "/images/ausflugsziele/10-Wolframm-Fewo-Stadt-Neugablonz-Glas-Ohrringe.jpg"
|
||||
- "/images/ausflugsziele/11-Wolframm-Fewo-Stadt-Neugablonz-glasschmuck.jpg"
|
||||
- "/images/ausflugsziele/12-Wolframm-Fewo-Stadt-Kaufbeuren-weihnachten-Altstadt.jpg"
|
||||
- "/images/ausflugsziele/13-Wolframm-Fewo-Stadt-Kaufbeuren-Weihnachtsmarkt.jpg"
|
||||
- "/images/ausflugsziele/14-Wolframm-Fewo-Stadt-Kaufbeuren-Adventskranz.jpg"
|
||||
- titel: "Wandern, Pilgern, Radfahren, Wintersport"
|
||||
punkte:
|
||||
- "Sagenhafter Weg"
|
||||
- "Wanderungen um den Bachtelsee"
|
||||
- "Wandern am Bärensee"
|
||||
- "Creszentia Pilgerweg"
|
||||
- "Schlossparkrunde, Dampflokrunde, Wertach erleben"
|
||||
- "Elbseerundweg uvm."
|
||||
- "Loipe ab Haus Hirschzell"
|
||||
- "Erdgas Schwaben Arena"
|
||||
bilder:
|
||||
- "/images/ausflugsziele/01-Wolframm-Fewo-Stadt-Kaufbeuren-Wandern.jpg"
|
||||
- "/images/ausflugsziele/02-Wolframm-Fewo-Stadt-Kaufbeuren-Radeln.jpg"
|
||||
- "/images/ausflugsziele/03-Wolframm-Fewo-Stadt-Kaufbeuren-Wandern-pilgern.jpg"
|
||||
- "/images/ausflugsziele/04-Wolframm-Fewo-Stadt-Kaufbeuren-langlaufen.jpg"
|
||||
- titel: "Ausflugstipps"
|
||||
punkte:
|
||||
- "Bad Wörishofen – Therme Bad Wörishofen (ab 16 J.) – Skyline Park, der größte Freizeitpark in Bayern"
|
||||
- "Stadt Mindelheim – Frundsbergfest – miniMax Sport & Kinderpark"
|
||||
- "Stadt Landsberg am Lech mit historischem Stadtkern – Wildpark / Lechpark – Lechwanderweg"
|
||||
- "Kempten – Residenz – Römerstadt"
|
||||
- "Stadt Augsburg – Fuggerei – Puppenkiste"
|
||||
- "Füssen – Forggenseeschiffahrt – Neuschwanstein"
|
||||
- "Stadt München – Olympiazentrum – Tierpark Hellabrunn – Oktoberfest, Christkindlmarkt – Oper"
|
||||
bilder:
|
||||
- "/images/ausflugsziele/Fewo-Wolframm-Kaufbeuren-Kurpark_Rosengarten-Badwoerishofen.jpg"
|
||||
- "/images/ausflugsziele/Wolframm-Fewo-Kaufbeuren-Abendstimmung-Therme-Bad-Woereshofen-aussen.jpg"
|
||||
- "/images/ausflugsziele/Wolframm-Fewo-Kaufbeuren-Abendstimmung-Therme-Bad-Woereshofen-innen.jpg"
|
||||
- "/images/ausflugsziele/Fewo-Wolframm-Kaufbeuren-Skylinepark-Badwoereshofen.jpg"
|
||||
- "/images/ausflugsziele/Fewo-Wolframm-Kaufbeuren-Landsberg-Karolinen-Bruecke.jpg"
|
||||
- "/images/ausflugsziele/Fewo-Wolframm-Kaufbeuren-Landsberg-am-Lech-Bayertor.jpg"
|
||||
- "/images/ausflugsziele/Fewo-Wolframm-Kaufbeuren-Landsberg-am-Lech-Wildpark.jpg"
|
||||
- "/images/ausflugsziele/Wolframm-Fewo-Kaufbeuren-residenz-kempten.jpg"
|
||||
- "/images/ausflugsziele/Wolframm-Fewo-Kaufbeuren-residenz-kempten_thronsaal.jpg"
|
||||
- "/images/ausflugsziele/Fewo-Wolframm-Kaufbeuren-schloss-neuschwanstein.jpg"
|
||||
- "/images/ausflugsziele/Fewo-Wolframm-Kaufbeuren-schloss-neuschwanstein_landschaft.jpg"
|
||||
- "/images/ausflugsziele/Wolframm-Fewo-Kaufbeuren-Fuessen_Festspielhaus.jpg"
|
||||
- "/images/ausflugsziele/Wolframm-Fewo-Kaufbeuren-Abendfahrten-Forggensee.jpg"
|
||||
- "/images/ausflugsziele/Wolframm-Fewo-Kaufbeuren-Fuessen_Blick-Kalvarienberg.jpg"
|
||||
- "/images/ausflugsziele/Wolframm-Fewo-Kaufbeuren-Muenchen-Alpenpanorama-Foto-Thomas-Klinger.jpg"
|
||||
- "/images/ausflugsziele/Fewo-Wolframm-Kaufbeuren-Muenchner-Marienplatz.jpg"
|
||||
- "/images/ausflugsziele/Wolframm-Fewo-Kaufbeuren-Olympiagelaende-Muenchen-Foto-Tommy-Loesch.jpg"
|
||||
- "/images/ausflugsziele/Wolframm-Fewo-Kaufbeuren-Allianz-Arena-Foto-Tommy-Loesch.jpg"
|
||||
- "/images/ausflugsziele/Fewo-Wolframm-Kaufbeuren-BMW-Welt.jpg"
|
||||
- "/images/ausflugsziele/Wolframm-Fewo-Kaufbeuren-Schloss-Nymphenburg-Foto-Werner-Boehm.jpg"
|
||||
---
|
||||
|
||||
Kaufbeuren liegt im Herzen des Allgäus – mit einer Fülle an Ausflugszielen in unmittelbarer Nähe. Entdecken Sie die historische Altstadt, die umliegende Natur zu jeder Jahreszeit und beliebte Ausflugstipps in der Region.
|
||||
@@ -0,0 +1,133 @@
|
||||
---
|
||||
title: "Datenschutzerklärung"
|
||||
description: "Datenschutzerklärung"
|
||||
---
|
||||
|
||||
|
||||
# Datenschutzerklärung
|
||||
|
||||
Datenschutz auf einen Blick
|
||||
|
||||
## Allgemeine Hinweise
|
||||
Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie diese Website besuchen. Personenbezogene Daten
|
||||
sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten
|
||||
Datenschutzerklärung.
|
||||
|
||||
## 1. Datenerfassung auf unserer Website
|
||||
Wer ist verantwortlich für die Datenerfassung auf dieser Website? Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Impressum dieser Website entnehmen.
|
||||
Wie erfassen wir Ihre Daten? Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z. B. um Daten handeln, die Sie in ein Kontaktformular eingeben.
|
||||
Andere Daten werden automatisch oder nach Ihrer Einwilligung beim Besuch der Website durch unsere ITSysteme erfasst. Das sind vor allem technische Daten (z. B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie diese Website betreten.
|
||||
Wofür nutzen wir Ihre Daten? Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden.
|
||||
Welche Rechte haben Sie bezüglich Ihrer Daten? Sie haben jederzeit das Recht, unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung oder Löschung dieser Daten zu verlangen. Wenn Sie eine Einwilligung zur Datenverarbeitung erteilt haben, können Sie diese Einwilligung jederzeit für die Zukunft widerrufen. Außerdem haben Sie das Recht, unter bestimmten Umständen die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
|
||||
Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu. Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit unter
|
||||
der im Impressum angegebenen Adresse an uns wenden.
|
||||
Analyse-Tools und Tools von Drittanbietern
|
||||
Beim Besuch dieser Website kann Ihr Surf-Verhalten statistisch ausgewertet werden. Das geschieht vor allem mit Cookies und mit sogenannten Analyseprogrammen.
|
||||
Detaillierte Informationen zu diesen Analyseprogrammen finden Sie in der folgenden Datenschutzerklärung.
|
||||
|
||||
## 2. Hosting und Content Delivery Networks (CDN)
|
||||
Externes Hosting
|
||||
Diese Website wird bei einem externen Dienstleister gehostet (Hoster). Die personenbezogenen Daten, die auf dieser Website erfasst werden, werden auf den Servern des Hosters gespeichert. Hierbei kann es sich v.a. um IP-Adressen, Kontaktanfragen, Meta- und Kommunikationsdaten, Vertragsdaten, Kontaktdaten, Namen, Webseitenzugriffe und sonstige
|
||||
Daten, die über eine Website generiert werden, handeln.
|
||||
Der Einsatz des Hosters erfolgt zum Zwecke der Vertragserfüllung gegenüber unseren potenziellen und bestehenden Kunden (Art. 6 Abs. 1 lit. b DSGVO) und im Interesse einer sicheren, schnellen und effizienten Bereitstellung unseres Online-Angebots durch einen professionellen Anbieter (Art. 6 Abs. 1 lit. f DSGVO). Unser Hoster wird Ihre Daten nur insoweit verarbeiten, wie dies zur Erfüllung seiner Leistungspflichten erforderlich ist und unsere Weisungen in Bezug auf diese Daten befolgen.
|
||||
Abschluss eines Vertrages über Auftragsverarbeitung:
|
||||
Um die datenschutzkonforme Verarbeitung zu gewährleisten, haben wir einen Vertrag über Auftragsverarbeitung mit unserem Hoster geschlossen.
|
||||
|
||||
## 3. Allgemeine Hinweise und Pflichtinformationen
|
||||
Datenschutz
|
||||
Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung. Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben. Personenbezogene Daten sind Daten, mit denen Sie persönlich identifiziert werden können. Die vorliegende Datenschutzerklärung erläutert, welche Daten wir erheben und wofür wir sie nutzen. Sie erläutert auch, wie und zu welchem Zweck das geschieht. Wir weisen darauf hin, dass die Datenübertragung im Internet (z. B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor
|
||||
dem Zugriff durch Dritte ist nicht möglich.
|
||||
|
||||
## Hinweis zur verantwortlichen Stelle
|
||||
Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist: Iris Wolframm-Zielazek, Heriloring 19, 87600 Kaufbeuren
|
||||
|
||||
Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten
|
||||
(z. B. Namen, E-Mail-Adressen o. Ä.) entscheidet.
|
||||
|
||||
## Widerruf Ihrer Einwilligung zur Datenverarbeitung
|
||||
Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Dazu reicht eine formlose Mitteilung per E-Mail an uns. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.
|
||||
Widerspruchsrecht gegen die Datenerhebung in besonderen Fällen sowie gegen Direktwerbung (Art. 21 DSGVO) WENN DIE DATENVERARBEITUNG AUF GRUNDLAGE VON ART. 6 ABS. 1 LIT. E ODER F DSGVO ERFOLGT, HABEN SIE JEDERZEIT DAS RECHT, AUS GRÜNDEN, DIE SICH AUS IHRER BESONDEREN SITUATION ERGEBEN, GEGEN DIE VERARBEITUNG IHRER PERSONENBEZOGENEN DATEN WIDERSPRUCH EINZULEGEN; DIES GILT AUCH FÜR EIN AUF DIESE BESTIMMUNGEN GESTÜTZTES PROFILING. DIE JEWEILIGE RECHTSGRUNDLAGE, AUF DENEN EINE VERARBEITUNG BERUHT, ENTNEHMEN SIE DIESER DATENSCHUTZERKLÄRUNG. WENN SIE WIDERSPRUCH EINLEGEN, WERDEN WIR IHRE BETROFFENEN PERSONENBEZOGENEN DATEN
|
||||
NICHT MEHR VERARBEITEN, ES SEI DENN, WIR KÖNNEN ZWINGENDE SCHUTZWÜRDIGE GRÜNDE FÜR DIE VERARBEITUNG NACHWEISEN, DIE IHRE INTERESSEN, RECHTE UND FREIHEITEN ÜBERWIEGEN ODER DIE VERARBEITUNG DIENT DER GELTENDMACHUNG, AUSÜBUNG ODER VERTEIDIGUNG VON RECHTSANSPRÜCHEN (WIDERSPRUCH NACH ART. 21 ABS. 1 DSGVO). WERDEN IHRE PERSONENBEZOGENEN DATEN VERARBEITET, UM DIREKTWERBUNG ZU BETREIBEN, SO HABEN SIE DAS RECHT, JEDERZEIT WIDERSPRUCH GEGEN DIE VERARBEITUNG SIE BETREFFENDER PERSONENBEZOGENER DATEN ZUM ZWECKE DERARTIGER WERBUNG EINZULEGEN; DIES GILT AUCH FÜR DAS PROFILING, SOWEIT ES MIT SOLCHER DIREKTWERBUNG IN VERBINDUNG STEHT. WENN SIE WIDERSPRECHEN, WERDEN IHRE PERSONENBEZOGENEN DATEN ANSCHLIESSEND NICHT MEHR ZUM ZWECKE DER DIREKTWERBUNG VERWENDET (WIDERSPRUCH NACH ART. 21 ABS. 2 DSGVO).
|
||||
|
||||
### Beschwerderecht bei der zuständigen Aufsichtsbehörde:
|
||||
Im Falle von Verstößen gegen die DSGVO steht den Betroffenen ein Beschwerderecht bei einer Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres gewöhnlichen Aufenthalts, ihres Arbeitsplatzes oder des Orts des mutmaßlichen Verstoßes zu. Das Beschwerderecht besteht unbeschadet anderweitiger verwaltungsrechtlicher oder gerichtlicher Rechtsbehelfe.
|
||||
|
||||
### Recht auf Datenübertragbarkeit:
|
||||
Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem gängigen, maschinenlesbaren Format aushändigen zu lassen. Sofern Sie die direkte Übertragung der Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur, soweit es technisch machbar ist.
|
||||
|
||||
### SSL- bzw. TLS-Verschlüsselung:
|
||||
Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber senden, eine SSL- bzw. TLSVerschlüsselung. Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von „http://“ auf „https://“ wechselt und an dem Schloss-Symbol in Ihrer Browserzeile. Wenn die SSL- bzw. TLS-Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht von Dritten mitgelesen werden.
|
||||
|
||||
### Auskunft, Sperrung, Löschung und Berichtigung:
|
||||
Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung oder Löschung dieser Daten. Hierzu sowie zu weiteren Fragen zum Thema personenbezogene Daten können Sie sich jederzeit unter der im Impressum angegebenen Adresse an uns wenden.
|
||||
|
||||
### Recht auf Einschränkung der Verarbeitung:
|
||||
Sie haben das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen. Hierzu können Sie sich jederzeit unter der im Impressum angegebenen Adresse an uns wenden. Das Recht auf Einschränkung der Verarbeitung besteht in folgenden Fällen:
|
||||
- Wenn Sie die Richtigkeit Ihrer bei uns gespeicherten personenbezogenen Daten bestreiten, benötigen wir in der Regel Zeit, um dies zu überprüfen. Für die Dauer der
|
||||
Prüfung haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
|
||||
- Wenn die Verarbeitung Ihrer personenbezogenen Daten unrechtmäßig geschah/geschieht, können Sie statt der Löschung die Einschränkung der Datenverarbeitung
|
||||
verlangen.
|
||||
- Wenn wir Ihre personenbezogenen Daten nicht mehr benötigen, Sie sie jedoch zur Ausübung, Verteidigung oder Geltendmachung von Rechtsansprüchen benötigen, haben Sie das Recht, statt der Löschung die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
|
||||
- Wenn Sie einen Widerspruch nach Art. 21 Abs. 1 DSGVO eingelegt haben, muss eine Abwägung zwischen Ihren und unseren Interessen vorgenommen werden. Solange noch nicht feststeht, wessen Interessen überwiegen, haben Sie das Recht, die Einschränkung der Verarbeitung Ihrer personenbezogenen Daten zu verlangen.
|
||||
Wenn Sie die Verarbeitung Ihrer personenbezogenen Daten eingeschränkt haben, dürfen diese Daten – von ihrer Speicherung abgesehen – nur mit Ihrer Einwilligung oder zur Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen oder zum Schutz der Rechte einer anderen natürlichen oder juristischen Person oder aus Gründen eines wichtigen öffentlichen Interesses der Europäischen Union oder eines Mitgliedstaats verarbeitet werden.
|
||||
|
||||
### Widerspruch gegen Werbe-E-Mails
|
||||
Der Nutzung von im Rahmen der Impressumspflicht veröffentlichten Kontaktdaten zur Übersendung von nicht ausdrücklich angeforderter Werbung und Informationsmaterialien wird hiermit widersprochen. Die Betreiber der Seiten behalten sich ausdrücklich rechtliche Schritte im Falle der unverlangten Zusendung von Werbeinformationen, etwa durch Spam-E-Mails, vor.
|
||||
|
||||
### Datenerfassung auf unserer Website, Cookies
|
||||
Unsere Internetseiten verwenden so genannte „Cookies“. Cookies sind kleine Textdateien und richten auf Ihrem Endgerät keinen Schaden an. Sie werden entweder vorübergehend für die Dauer einer Sitzung (Session-Cookies) oder dauerhaft (permanente Cookies) auf Ihrem Endgerät gespeichert. Session-Cookies werden nach Ende Ihres Besuchs automatisch gelöscht. Permanente Cookies bleiben auf Ihrem Endgerät gespeichert, bis Sie diese selbst löschen oder eine automatische Lösung durch Ihren Webbrowser erfolgt. Teilweise können auch Cookies von Drittunternehmen auf Ihrem Endgerät gespeichert werden, wenn Sie unsere Seite betreten (Third-Party-Cookies). Diese ermöglichen uns oder Ihnen die Nutzung bestimmter Dienstleistungen des Drittunternehmens (z.B. Cookies zur Abwicklung von Zahlungsdienstleistungen). Cookies haben verschiedene Funktionen. Zahlreiche Cookies sind technisch notwendig, da bestimmte Webseitenfunktionen ohne diese nicht funktionieren würden (z.B. die Warenkorbfunktion oder die Anzeige von Videos). Andere Cookies dienen dazu, das Nutzerverhalten auszuwerten oder Werbung anzuzeigen. Cookies, die zur Durchführung des elektronischen Kommunikationsvorgangs (notwendige Cookies) oder zur Bereitstellung bestimmter, von Ihnen erwünschter Funktionen (funktionale Cookies, z. B. für die Warenkorbfunktion) oder zur Optimierung der Webseite (z.B. Cookies zur Messung des Webpublikums) erforderlich sind, werden auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO gespeichert, sofern keine andere Rechtsgrundlage angegeben wird. Der Websitebetreiber hat ein berechtigtes Interesse an der Speicherung von Cookies zur technisch fehlerfreien und optimierten Bereitstellung seiner Dienste. Sofern eine Einwilligung zur Speicherung von Cookies abgefragt wurde, erfolgt die Speicherung der betreffenden Cookies ausschließlich auf Grundlage dieser Einwilligung (Art. 6 Abs. 1 lit. a DSGVO); die Einwilligung ist jederzeit widerrufbar.
|
||||
|
||||
Sie können Ihren Browser so einstellen, dass Sie über das Setzen von Cookies informiert werden und Cookies nur im Einzelfall erlauben, die Annahme von Cookies für bestimmte Fälle oder generell ausschließen sowie das automatische Löschen der Cookies beim Schließen des Browsers aktivieren. Bei der Deaktivierung von Cookies kann die Funktionalität dieser Website eingeschränkt sein.
|
||||
|
||||
Soweit Cookies von Drittunternehmen oder zu Analysezwecken eingesetzt werden, werden wir Sie hierüber im Rahmen dieser Datenschutzerklärung gesondert informieren und ggf. eine Einwilligung abfragen.
|
||||
|
||||
## Server-Log-Dateien
|
||||
Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind:
|
||||
* Browsertyp und Browserversion
|
||||
* verwendetes Betriebssystem
|
||||
* Referrer URL
|
||||
* Hostname des zugreifenden Rechners
|
||||
* Uhrzeit der Serveranfrage
|
||||
* IP-Adresse
|
||||
|
||||
Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen. Die Erfassung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der Websitebetreiber hat ein berechtigtes Interesse an der technisch fehlerfreien Darstellung und der Optimierung seiner Website – hierzu müssen die Server-Log-Files erfasst werden.
|
||||
|
||||
## Belegungskalender und Anfrageformular (webplanner):
|
||||
Für Darstellung der Belegung, Buchungsanfragen und Buchungen unserer Ferienobjekte nutzen wir die Software Webplanner. Alle von Ihnen auf unserer Webseite angegebenen personenbezogenen Daten werden von uns verarbeitet und genutzt, um die Bearbeitung der Buchungsanfrage bzw. der Buchung leisten zu können. Zudem werde diese Daten genutzt um Ihnen alle relevanten Daten zu Ihrer Buchungsanfrage bzw. Buchung zur Verfügung stellen zu können. Die für die Buchungsanfrage bzw. Buchung erhobenen Daten werden an folgende Dritte weitergeleitet.
|
||||
|
||||
Wir haben mit dem Anbieter der Software webplanner eine entsprechende Vereinbarung zur Auftragsdatenverarbeitung abgeschlossen: webplanner.de – Ferienhausverwaltung für Vermieter
|
||||
` Drubbel 3, 48143 Münster
|
||||
Datenschutzhinweis webplanner
|
||||
https://www.webplanner.de/datenschutz`
|
||||
|
||||
Wenn Sie uns per Kontaktformular Anfragen zukommen lassen, werden Ihre Angaben aus dem Anfrageformular inklusive der von Ihnen dort angegebenen Kontaktdaten zwecks Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.
|
||||
Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der Erfüllung eines Vertrags zusammenhängt oder zur Durchführung vorvertraglicher Maßnahmen erforderlich ist. In allen übrigen Fällen beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO) sofern diese abgefragt wurde.
|
||||
Die von Ihnen im Kontaktformular eingegebenen Daten verbleiben bei uns, bis Sie uns zur Löschung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder der Zweck für die Datenspeicherung entfällt (z. B. nach abgeschlossener Bearbeitung Ihrer Anfrage). Zwingende gesetzliche Bestimmungen – insbesondere Aufbewahrungsfristen – bleiben unberührt.
|
||||
|
||||
## Anfrage per E-Mail, Telefon oder Telefax
|
||||
Wenn Sie uns per E-Mail, Telefon oder Telefax kontaktieren, wird Ihre Anfrage inklusive aller daraus hervorgehenden personenbezogenen Daten (Name, Anfrage) zum Zwecke der Bearbeitung Ihres Anliegens bei uns gespeichert und verarbeitet. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter. Die Verarbeitung dieser Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO, sofern Ihre Anfrage mit der Erfüllung eines Vertrags zusammenhängt oder zur Durchführung vorvertraglicher Maßnahmen erforderlich ist. In allen übrigen Fällen beruht die Verarbeitung auf unserem berechtigten Interesse an der effektiven Bearbeitung der an uns gerichteten Anfragen (Art. 6 Abs. 1 lit. f DSGVO) oder auf Ihrer Einwilligung (Art. 6 Abs. 1 lit. a DSGVO) sofern diese abgefragt wurde. Die von Ihnen an uns per Kontaktanfragen übersandten Daten verbleiben bei uns, bis Sie uns zur Löschung auffordern, Ihre Einwilligung zur Speicherung widerrufen oder der
|
||||
Zweck für die Datenspeicherung entfällt (z. B. nach abgeschlossener Bearbeitung Ihres Anliegens). Zwingende gesetzliche Bestimmungen – insbesondere gesetzliche Aufbewahrungsfristen – bleiben unberührt.
|
||||
|
||||
### Analyse-Tools und Werbung
|
||||
1&1 Web Analytics
|
||||
Diese Website nutzt die Analysedienste von 1&1-Webanalytics. Anbieter ist die 1&1 IONOS SE, Elgendorfer Straße 57, D – 56410 Montabaur. Im Rahmen der Analysen mit 1&1 können u. a. Besucherzahlen und –verhalten (z. B. Anzahl der Seitenaufrufe, Dauer eines Webseitenbesuchs, Absprungraten), Besucherquellen (d. h., von welcher Seite der Besucher kommt), Besucherstandorte sowie technische Daten (Browser- und Betriebssystemversionen) analysiert werden. Zu diesem Zweck speichert 1&1 insbesondere folgende Daten:
|
||||
|
||||
* Referrer (zuvor besuchte Webseite)
|
||||
* angeforderte Webseite oder Datei
|
||||
* Browsertyp und Browserversion
|
||||
* verwendetes Betriebssystem
|
||||
* verwendeter Gerätetyp
|
||||
* Uhrzeit des Zugriffs
|
||||
* IP-Adresse in anonymisierter Form (wird nur zur Feststellung des Orts des Zugriffs verwendet)
|
||||
|
||||
Die Datenerfassung erfolgt laut 1&1 vollständig anonymisiert, sodass sie nicht zu einzelnen Personen zurückverfolgt werden kann. Cookies werden von 1&1-Webanalytics nicht gespeichert.
|
||||
Die Speicherung und Analyse der Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. f DSGVO. Der Websitebetreiber hat ein berechtigtes Interesse an der statistischen Analyse des Nutzerverhaltens, um sowohl sein Webangebot als auch seine Werbung zu optimieren. Sofern eine entsprechende Einwilligung abgefragt wurde (z. B. eine Einwilligung zur Speicherung von Cookies), erfolgt die Verarbeitung ausschließlich auf Grundlage von Art. 6 Abs. 1 lit. a DSGVO; die Einwilligung ist jederzeit widerrufbar.
|
||||
Weitere Informationen zur Datenerfassung und Verarbeitung durch 1&1-Webanalytics entnehmen Sie folgenden Links:
|
||||
https://hosting.1und1.de/hilfe/online-marketing/
|
||||
https://hosting.1und1.de/hilfe/datenschutz/datenverarbeitung-von-webseitenbesuchern-ihres-companyname-produktes/webanalytics/
|
||||
https://hosting.1und1.de/terms-gtc/terms-privacy/
|
||||
|
||||
## Auftragsverarbeitung
|
||||
Wir haben mit 1&1 einen Vertrag zur Auftragsverarbeitung abgeschlossen. Dieser Vertrag soll den datenschutzkonformen Umgang mit Ihren personenbezogenen Daten durch 1&1 sicherstellen.
|
||||
|
||||
|
||||
@@ -0,0 +1,7 @@
|
||||
---
|
||||
title: "Unsere Ferienwohnungen"
|
||||
description: "Drei komfortable Ferienwohnungen in Kaufbeuren-Hirschzell"
|
||||
---
|
||||
|
||||
Alle drei Wohnungen sind vollständig ausgestattet, allergikerfreundlich und familientauglich.
|
||||
Haustiere sind leider nicht gestattet.
|
||||
@@ -0,0 +1,51 @@
|
||||
---
|
||||
title: "Ferienwohnung 1"
|
||||
description: "45 qm, bis 4 Personen, ab 60 € pro Nacht"
|
||||
groesse: "45 qm"
|
||||
personen: 4
|
||||
preis: 60
|
||||
weight: 1
|
||||
belegungsplan: "https://www.webplanner.de/XXXXXX/fewo1"
|
||||
vorschau: "/images/fewo1/ferienwohnung-1-wolframm-kaufbeuren-Kueche.jpg"
|
||||
bilder:
|
||||
- "/images/fewo1/ferienwohnung-1-wolframm-kaufbeuren-Wohnzimmer.jpg"
|
||||
- "/images/fewo1/ferienwohnung-1-wolframm-kaufbeuren-schlafzimmer.jpg"
|
||||
- "/images/fewo1/ferienwohnung-1-wolframm-kaufbeuren-Kueche.jpg"
|
||||
- "/images/fewo1/ferienwohnung-1-wolframm-kaufbeuren-Badezimmer.jpg"
|
||||
- "/images/fewo1/ferienwohnung-allgaeu-kaufbeuren-wohnung-1-wc-terrasse.jpg"
|
||||
- "/images/fewo1/ferienwohnung-kaufbeuren-Wohnung1.jpg"
|
||||
- "/images/fewo1/ferienwohnung-1-wolframm-kaufbeuren-Skizze.jpg"
|
||||
---
|
||||
|
||||
Lichtdurchflutete Wohnung mit weitem Blick über den Ort ins Grüne. Romantisches Doppelbett im Schlafzimmer, zusätzliche Schlafplätze im Wohnbereich.
|
||||
|
||||
## Ausstattung
|
||||
|
||||
**Schlafen**
|
||||
- Doppelbett (180×200 cm)
|
||||
- Einzelbett
|
||||
- Zustellbett auf Anfrage
|
||||
- Babybett
|
||||
|
||||
**Küche**
|
||||
- Geschirrspüler
|
||||
- Backofen
|
||||
- Mikrowelle
|
||||
- Kaffeemaschine
|
||||
- Gefriertruhe
|
||||
|
||||
**Wohnen & Technik**
|
||||
- Flachbildfernseher
|
||||
- WLAN (kostenlos)
|
||||
- Balkon / Terrasse
|
||||
|
||||
**Bad**
|
||||
- Dusche
|
||||
- Föhn
|
||||
- Handtücher inklusive
|
||||
|
||||
**Für Kinder & Babys**
|
||||
- Hochstuhl
|
||||
- Wickelkommode
|
||||
- Babybett
|
||||
- Kinderbadewanne
|
||||
@@ -0,0 +1,43 @@
|
||||
---
|
||||
title: "Ferienwohnung 2"
|
||||
description: "40 qm, bis 2 Personen, ab 55 € pro Nacht"
|
||||
groesse: "40 qm"
|
||||
personen: 2
|
||||
preis: 55
|
||||
weight: 2
|
||||
belegungsplan: "https://www.webplanner.de/XXXXXX/fewo2"
|
||||
bilder:
|
||||
- "/images/fewo2/Wohn-esszimmer-Front-fewo-2.jpg"
|
||||
- "/images/fewo2/Wohnzimmer-TV-und-Schrank-fewo-2.jpg"
|
||||
- "/images/fewo2/Essplatz-fewo-2.jpg"
|
||||
- "/images/fewo2/Wohnung-2-Kueche-frontal-1.jpg"
|
||||
- "/images/fewo2/ferienwohnung-2-wolframm-kaufbeuren-Kueche-Wohnzimmer.jpg"
|
||||
- "/images/fewo2/ferienwohnung-2-wolframm-kaufbeuren-Kueche-wohnung-mieten-Wohnkueche.jpg"
|
||||
- "/images/fewo2/ferienwohnung-2-wolframm-kaufbeuren-Kueche-wohnung-mieten.jpg"
|
||||
- "/images/fewo2/FeWo2-Bad-mit-Vorhang_2.jpg"
|
||||
- "/images/fewo2/ferienwohnung-2-wolframm-kaufbeuren-flur.jpg"
|
||||
- "/images/fewo2/ferienwohnung-kaufbeuren-Wohnung2.jpg"
|
||||
- "/images/fewo2/ferienwohnung-2-wolframm-kaufbeuren-skizze.jpg"
|
||||
---
|
||||
|
||||
Gemütliche Wohnung ideal für Paare und Einzelreisende. Ruhige Lage mit Blick in den Garten.
|
||||
|
||||
## Ausstattung
|
||||
|
||||
**Schlafen**
|
||||
- Doppelbett (160×200 cm)
|
||||
|
||||
**Küche**
|
||||
- Backofen
|
||||
- Mikrowelle
|
||||
- Kaffeemaschine
|
||||
- Kühlschrank mit Gefrierfach
|
||||
|
||||
**Wohnen & Technik**
|
||||
- Flachbildfernseher
|
||||
- WLAN (kostenlos)
|
||||
|
||||
**Bad**
|
||||
- Dusche
|
||||
- Föhn
|
||||
- Handtücher inklusive
|
||||
@@ -0,0 +1,56 @@
|
||||
---
|
||||
title: "Ferienwohnung 3"
|
||||
description: "56 qm, bis 5 Personen, ab 100 € pro Nacht"
|
||||
groesse: "56 qm"
|
||||
personen: 5
|
||||
preis: 100
|
||||
weight: 3
|
||||
belegungsplan: "https://www.webplanner.de/XXXXXX/fewo3"
|
||||
vorschau: "/images/fewo3/ferienwohnung-3-wolframm-kaufbeuren-Kueche.jpg"
|
||||
bilder:
|
||||
- "/images/fewo3/ferienwohnung-allgaeu-kaufbeuren-wohnung-3-Kueche-Sitzecke-fewo.jpg"
|
||||
- "/images/fewo3/ferienwohnung-allgaeu-kaufbeuren-wohnung-3-Kueche-fewo.jpg"
|
||||
- "/images/fewo3/ferienwohnung-allgaeu-kaufbeuren-wohnung-3-Kuechenzeile-fewo.jpg"
|
||||
- "/images/fewo3/ferienwohnung-3-wolframm-kaufbeuren-Kueche.jpg"
|
||||
- "/images/fewo3/ferienwohnung-3-wolframm-kaufbeuren-Schlafzimmer-1.jpg"
|
||||
- "/images/fewo3/ferienwohnung-3-wolframm-kaufbeuren-Schlafzimmer-2.jpg"
|
||||
- "/images/fewo3/ferienwohnung-3-wolframm-kaufbeuren-Schlafzimmer-zwei-betten.jpg"
|
||||
- "/images/fewo3/ferienwohnung-allgaeu-kaufbeuren-wohnung-3-schlafzimmer.jpg"
|
||||
- "/images/fewo3/ferienwohnung-wolframm-kaufbeuren-hirschzell-allgaeu-fewo3-bad.jpg"
|
||||
- "/images/fewo3/ferienwohnung-3-wolframm-kaufbeuren-Flur.jpg"
|
||||
- "/images/fewo3/ferienwohnung-3-wolframm-kaufbeuren-Skizze.jpg"
|
||||
---
|
||||
|
||||
Unsere größte Wohnung – ideal für Familien mit Kindern oder kleine Gruppen. Großzügiger Wohnbereich, zwei Schlafzimmer, große Terrasse.
|
||||
|
||||
## Ausstattung
|
||||
|
||||
**Schlafen**
|
||||
- Doppelbett (180×200 cm)
|
||||
- 2× Einzelbett
|
||||
- Zustellbett möglich
|
||||
|
||||
**Küche**
|
||||
- Geschirrspüler
|
||||
- Backofen
|
||||
- Mikrowelle
|
||||
- Kaffeemaschine
|
||||
- Kühlschrank mit Gefrierfach
|
||||
|
||||
**Wohnen & Technik**
|
||||
- Flachbildfernseher
|
||||
- WLAN (kostenlos)
|
||||
- Große Terrasse
|
||||
- Gartennutzung
|
||||
|
||||
**Bad**
|
||||
- Dusche
|
||||
- Badewanne
|
||||
- Föhn
|
||||
- Handtücher inklusive
|
||||
|
||||
**Für Kinder & Babys**
|
||||
- Hochstuhl
|
||||
- Wickelkommode
|
||||
- Babybett
|
||||
- Spielzeug
|
||||
@@ -0,0 +1,82 @@
|
||||
---
|
||||
title: "Impressum"
|
||||
description: "Impressum"
|
||||
---
|
||||
|
||||
|
||||
# Impressum
|
||||
|
||||
## Angaben gemäß § 5 TMG
|
||||
|
||||
Iris Wolframm-Zielazek
|
||||
Ferienwohnungen Wolframm
|
||||
Heriloring 19
|
||||
87600 Kaufbeuren
|
||||
|
||||
Telefon: +49 (0) 83 41 43 46 11
|
||||
Telefax: +49 (0) 83 41 90 81 45 9
|
||||
E-Mail: mail@iwz-ferienwohnungen.de
|
||||
|
||||
## Umsatzsteuer-ID
|
||||
Umsatzsteuer-Identifikationsnummer gemäß § 27 a Umsatzsteuergesetz: 125/290/00217
|
||||
|
||||
## EU-Streitschlichtung
|
||||
Die Europäische Kommission stellt eine Plattform zur Online-Streitbeilegung (OS) bereit: https://ec.europa.eu/consumers/odr.
|
||||
|
||||
Unsere E-Mail-Adresse finden Sie oben im Impressum.
|
||||
|
||||
Verbraucherstreitbeilegung/Universalschlichtungsstelle
|
||||
Wir sind nicht bereit oder verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.
|
||||
|
||||
## Haftung für Inhalte
|
||||
Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
|
||||
|
||||
Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.
|
||||
|
||||
## Haftung für Links
|
||||
Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar.
|
||||
|
||||
Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.
|
||||
|
||||
## Urheberrecht
|
||||
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.
|
||||
|
||||
## Bildnachweis:
|
||||
|
||||
Bild Startseite: AdobeStock – von Countrypixel
|
||||
Bild Kontakt: AdobeStock – von by-studio
|
||||
|
||||
|
||||
## Bilder Mehr:
|
||||
|
||||
### Stadt Kaufbeuren:
|
||||
Fünfknopfturm/Stadtmauer (1), Rathaus Kaufbeuren (1), Neptunbrunnen (2), Kaiser-Max-Str. (2), Zollhäuschen (1), Creszentiakloster (5), Klosterberggarten (1), Tänzelfest (5), Römerturm Kleinkemnat (1), Rüdigerbrunnen Neugablonz (1), pixabay Glas Ohrringe (lizenzfrei), pixabay Glasschmuck (lizenzfrei), Weihnachten Altstadt (3), Weihnachtsmarkt (3), Adventkranz (4)
|
||||
1= Tobias Scheßl, 2= Erwin Reiter, 3= Melanie Gotschke, 4= Gerd Wolff, 5= Tänzelfestverein e. V. Kaufbeuren
|
||||
alle Bilder der Stadt Kaufbeuren = via Kaufbeuren Tourismus und Stadtmarketing e. V.
|
||||
|
||||
### Stadt München:
|
||||
München Marienplatz mit neuem Rathaus und Frauenkirche © C. Reiter München Tourismus
|
||||
BMW-Welt bei Nacht © Sigi Mueller München Tourismus
|
||||
Allianz Arena – Foto © Tommy Loesch, München Tourismus
|
||||
Olympiagelände München – Foto © Tommy Loesch, München Tourismus
|
||||
München Alpenpanorama – Foto © Thomas Klinger, München Tourismus
|
||||
Schloss Nymphenburg – Foto © Werner Boehm, München Tourismus
|
||||
|
||||
### Stadt Bad Wörishofen
|
||||
“Therme Bad Wörishofen GmbH” ist Rechteinhaber der beiden Thermenbilder.
|
||||
Rosengarten B.W.: © Kur- und Tourismusbetriebe Bad Wörishofen GmbH
|
||||
Skylinepark-Foto: © Allgäu Skyline Park
|
||||
|
||||
Residenz Kempten und Thronsaal Residenz Kempten: © Bayerische Schlösserverwaltung www.schloesser.bayern.de
|
||||
|
||||
Landsberg am Lech Karolinenbrücke, Bayertor und Wildpark: jeweils © Stadt Landsberg am Lech
|
||||
|
||||
Schloss Neuschwanstein: Bayerische Schlösserverwaltung (Foto: © Anton Brandl) www.neuschwanstein.de
|
||||
|
||||
Schloss Neuschwanstein (mit Hohenschwangau) © Bayerische Schlösserverwaltung (Foto: © Fotostudio Samer, Peter Samer) www.neuschwanstein.de
|
||||
|
||||
Abendfahrten Forggensee © Reinhold Zapf
|
||||
|
||||
Füssen Festspielhaus, Füssen Blick vom Kalvarienberg von © Füssen Tourismus und Marketing by Gerhard Eisenschink
|
||||
|
||||
Die restlichen Bilder auf dieser Seite entsprechen der CC0-Lizenz oder sind eigene Bilder. Entsprechend ist kein weiterer direkter Bildnachweis nötig.
|
||||
@@ -0,0 +1,23 @@
|
||||
---
|
||||
title: "Kontakt"
|
||||
description: "Kontaktieren Sie uns – Ferienwohnungen Wolframm in Kaufbeuren-Hirschzell"
|
||||
layout: "kontakt"
|
||||
banner: "/images/haus/Wolframm-Fewo-Kaufbeuren-Ferienwohnung-Ferienwohnungen-Wohnungen-mieten-87600-allgaeu-alpen.jpg"
|
||||
---
|
||||
|
||||
## Kontakt
|
||||
|
||||
**Iris Wolframm-Zielazek**
|
||||
Heriloring 19, 87600 Kaufbeuren
|
||||
|
||||
Telefon: 0 83 41 / 43 46 11
|
||||
Telefax: 0 83 41 / 90 81 45 9
|
||||
E-Mail: [mail@iwz-ferienwohnungen.de](mailto:mail@iwz-ferienwohnungen.de)
|
||||
|
||||
## Fewo Wolframm jetzt anfragen…
|
||||
|
||||
Buchungsanfragen können Sie telefonisch, per E-Mail, Telefax oder Post an uns richten.
|
||||
|
||||
Bitte nennen Sie uns dazu immer die vollständigen Kontaktdaten des Mieters, die Anzahl der Personen, davon Anzahl und Alter von Kindern, den An- und Abreisetag und die gewünschte Ferienwohnung.
|
||||
|
||||
[Hier geht's zur Anfahrt über Google Maps…](https://g.page/Ferienwohnungen-Wolframm?share)
|
||||
@@ -0,0 +1,26 @@
|
||||
---
|
||||
title: "Preise"
|
||||
description: "Unsere Preise und Buchungsbedingungen"
|
||||
---
|
||||
|
||||
## Übersicht
|
||||
|
||||
| Wohnung | Größe | Personen | Preis/Nacht |
|
||||
|---|---|---|---|
|
||||
| Ferienwohnung 1 | 45 qm | bis 2 Pers. | ab 60 € |
|
||||
| Ferienwohnung 2 | 40 qm | bis 2 Pers. | ab 55 € |
|
||||
| Ferienwohnung 3 | 56 qm | bis 4 Pers. | ab 100 € |
|
||||
|
||||
Jede weitere Person: **15 € / Nacht** · Kinder unter 12 Jahren: **12 € / Nacht**
|
||||
|
||||
## Im Preis enthalten
|
||||
|
||||
Endreinigung, Bettwäsche und Handtücher sind im Preis inbegriffen. WLAN ist kostenlos.
|
||||
|
||||
## Buchungsbedingungen
|
||||
|
||||
**Mindestaufenthalt:** 3 Nächte. Kürzere Aufenthalte sind möglich, werden jedoch zum Mindestpreis von 3 Nächten berechnet.
|
||||
|
||||
**Zahlung:** Der Gesamtpreis ist innerhalb einer Woche auf unser Bankkonto zu überweisen. Bei kurzfristigen Buchungen erfolgt die Zahlung bar bei Ankunft.
|
||||
|
||||
**Stornierung:** Bei Stornierung werden 90 % des Mietpreises fällig. Wir empfehlen den Abschluss einer Reiserücktrittsversicherung.
|
||||
@@ -0,0 +1,22 @@
|
||||
@echo off
|
||||
echo.
|
||||
echo === IWZ Ferienwohnungen – Deploy ===
|
||||
echo.
|
||||
echo Hugo Build...
|
||||
hugo
|
||||
if %errorlevel% neq 0 (
|
||||
echo FEHLER: Hugo Build fehlgeschlagen!
|
||||
pause
|
||||
exit /b 1
|
||||
)
|
||||
echo.
|
||||
echo Deploy zu Cloudflare Pages...
|
||||
wrangler pages deploy public/ --project-name iwz-ferienwohnungen
|
||||
if %errorlevel% neq 0 (
|
||||
echo FEHLER: Deploy fehlgeschlagen!
|
||||
pause
|
||||
exit /b 1
|
||||
)
|
||||
echo.
|
||||
echo Fertig! Seite ist live.
|
||||
pause
|
||||
@@ -0,0 +1,25 @@
|
||||
#!/usr/bin/env python3
|
||||
"""
|
||||
IWZ Ferienwohnungen – Deploy Script
|
||||
Baut die Hugo-Seite und deployt sie zu Cloudflare Pages.
|
||||
"""
|
||||
|
||||
import subprocess
|
||||
import sys
|
||||
|
||||
PROJECT = "iwz-ferienwohnungen"
|
||||
|
||||
|
||||
def run(cmd, desc):
|
||||
print(f"\n→ {desc}...")
|
||||
result = subprocess.run(cmd, shell=True)
|
||||
if result.returncode != 0:
|
||||
print(f"\nFEHLER bei: {desc}")
|
||||
sys.exit(1)
|
||||
|
||||
|
||||
if __name__ == "__main__":
|
||||
print("=== IWZ Deploy ===")
|
||||
run("hugo", "Hugo Build")
|
||||
run(f'wrangler pages deploy public/ --project-name {PROJECT}', "Cloudflare Pages Deploy")
|
||||
print("\n✓ Fertig! Seite ist live.")
|
||||
@@ -0,0 +1,34 @@
|
||||
baseURL = "https://www.iwz-ferienwohnungen.de/"
|
||||
languageCode = "de-DE"
|
||||
title = "IWZ Ferienwohnungen – Kaufbeuren/Allgäu"
|
||||
defaultContentLanguage = "de"
|
||||
|
||||
[params]
|
||||
description = "Drei komfortable Ferienwohnungen in Kaufbeuren-Hirschzell im Allgäu"
|
||||
telefon = "0 83 41 / 43 46 11"
|
||||
telefax = "0 83 41 / 90 81 45 9"
|
||||
email = "mail@iwz-ferienwohnungen.de"
|
||||
adresse = "Heriloring 19, 87600 Kaufbeuren"
|
||||
buchungskalender = "https://www.webplanner.de/XXXXXX"
|
||||
|
||||
[menu]
|
||||
[[menu.main]]
|
||||
name = "Willkommen"
|
||||
url = "/"
|
||||
weight = 1
|
||||
[[menu.main]]
|
||||
name = "Ferienwohnungen"
|
||||
url = "/ferienwohnungen/"
|
||||
weight = 2
|
||||
[[menu.main]]
|
||||
name = "Preise"
|
||||
url = "/preise/"
|
||||
weight = 3
|
||||
[[menu.main]]
|
||||
name = "Ausflugsziele"
|
||||
url = "/ausflugsziele/"
|
||||
weight = 4
|
||||
[[menu.main]]
|
||||
name = "Kontakt"
|
||||
url = "/kontakt/"
|
||||
weight = 5
|
||||
@@ -0,0 +1,38 @@
|
||||
{{ define "main" }}
|
||||
<article class="page">
|
||||
<div class="container">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
|
||||
{{ range .Params.galerien }}
|
||||
<section class="ausflug-gruppe">
|
||||
<div class="ausflug-inner">
|
||||
<div class="ausflug-text">
|
||||
<h2>{{ .titel }}</h2>
|
||||
{{ with .text }}<p>{{ . }}</p>{{ end }}
|
||||
{{ with .punkte }}
|
||||
<ul class="ausflug-punkte">
|
||||
{{ range . }}<li>{{ . }}</li>{{ end }}
|
||||
</ul>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="ausflug-bild">
|
||||
<div class="slider slider--single">
|
||||
<button type="button" class="slider-arrow slider-prev" aria-label="Zurück">❮</button>
|
||||
<div class="slider-track">
|
||||
{{ range .bilder }}
|
||||
<a href="{{ . }}" class="slider-slide">
|
||||
<img src="{{ . }}" alt="{{ $.Title }}" loading="lazy">
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
<button type="button" class="slider-arrow slider-next" aria-label="Weiter">❯</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
</div>
|
||||
</article>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
{{ partial "head.html" . }}
|
||||
</head>
|
||||
<body>
|
||||
{{ partial "nav.html" . }}
|
||||
<main class="main">
|
||||
{{ block "main" . }}{{ end }}
|
||||
</main>
|
||||
{{ partial "footer.html" . }}
|
||||
<script src="/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,10 @@
|
||||
{{ define "main" }}
|
||||
{{ with .Params.banner }}
|
||||
<section class="page-banner" style="background-image: url('{{ . }}');"></section>
|
||||
{{ end }}
|
||||
<article class="page">
|
||||
<div class="container">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</article>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,25 @@
|
||||
{{ define "main" }}
|
||||
<div class="container">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
<div class="fewo-grid">
|
||||
{{ range .Pages }}
|
||||
<div class="fewo-card">
|
||||
{{ with .Params.bild }}
|
||||
<img src="{{ . }}" alt="{{ $.Title }}" class="fewo-card-img">
|
||||
{{ end }}
|
||||
<div class="fewo-card-body">
|
||||
<h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
|
||||
<p class="fewo-meta">
|
||||
{{ with .Params.groesse }}<span>{{ . }}</span>{{ end }}
|
||||
{{ with .Params.personen }}<span>bis {{ . }} Personen</span>{{ end }}
|
||||
{{ with .Params.preis }}<span>ab {{ . }} € / Nacht</span>{{ end }}
|
||||
</p>
|
||||
<p>{{ .Summary }}</p>
|
||||
<a href="{{ .Permalink }}" class="btn">Mehr erfahren</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,8 @@
|
||||
{{ define "main" }}
|
||||
<article class="page">
|
||||
<div class="container">
|
||||
<h1>{{ .Title }}</h1>
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</article>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,39 @@
|
||||
{{ define "main" }}
|
||||
<article class="page">
|
||||
<div class="container">
|
||||
<div class="fewo-header">
|
||||
<h1>{{ .Title }}</h1>
|
||||
<p class="fewo-meta">
|
||||
{{ with .Params.groesse }}<span>{{ . }}</span>{{ end }}
|
||||
{{ with .Params.personen }}<span>bis {{ . }} Personen</span>{{ end }}
|
||||
{{ with .Params.preis }}<span>ab {{ . }} € / Nacht</span>{{ end }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{{ with .Params.bilder }}
|
||||
<div class="galerie">
|
||||
{{ range . }}
|
||||
<a href="{{ . }}" class="galerie-link">
|
||||
<img src="{{ . }}" alt="Foto" class="galerie-img" loading="lazy">
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="fewo-content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
|
||||
{{ with .Params.belegungsplan }}
|
||||
<div class="buchung">
|
||||
<h2>Verfügbarkeit & Buchung</h2>
|
||||
<p>
|
||||
<a href="{{ . }}" target="_blank" rel="noopener" class="btn btn-primary">
|
||||
Belegungsplan & Buchung öffnen
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</article>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,122 @@
|
||||
{{ define "main" }}
|
||||
<section class="hero" style="background-image: url('/images/haus/Wolframm-Fewo-Kaufbeuren-Ferienwohnung-Ferienwohnungen-Wohnungen-mieten-87600-allgaeu-Titel.jpg');">
|
||||
<div class="hero-inner">
|
||||
<h1>Ferienwohnungen im Allgäu</h1>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="welcome">
|
||||
<div class="welcome-inner">
|
||||
<h1>Herzlich Willkommen</h1>
|
||||
<p class="welcome-sub">in den Ferienwohnungen Wolframm</p>
|
||||
<div class="welcome-text">{{ .Content }}</div>
|
||||
<p class="welcome-cta">
|
||||
<a href="/ferienwohnungen/" class="btn btn-primary">Unsere Wohnungen</a>
|
||||
<a href="/preise/" class="btn btn-outline">Preise & Buchung</a>
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{/* Highlights-Block vorerst ausgeblendet – siehe Wunsch, dass "Unsere Wohnungen" zuerst steht.
|
||||
<section class="highlights">
|
||||
<div class="container">
|
||||
<div class="highlight-grid">
|
||||
<div class="highlight-card">
|
||||
<div class="highlight-icon">🏠</div>
|
||||
<h3>3 Wohnungen</h3>
|
||||
<p>40–56 qm, für 2–5 Personen, vollständig ausgestattet.</p>
|
||||
</div>
|
||||
<div class="highlight-card">
|
||||
<div class="highlight-icon">🌿</div>
|
||||
<h3>Allergikerfreundlich</h3>
|
||||
<p>Alle Wohnungen sind allergikergerecht eingerichtet.</p>
|
||||
</div>
|
||||
<div class="highlight-card">
|
||||
<div class="highlight-icon">👨👩👧</div>
|
||||
<h3>Familiengeeignet</h3>
|
||||
<p>Babybett, Hochstuhl und Kinderausstattung vorhanden.</p>
|
||||
</div>
|
||||
<div class="highlight-card">
|
||||
<div class="highlight-icon">💼</div>
|
||||
<h3>Geschäftsreisende</h3>
|
||||
<p>WLAN, ruhige Lage, komfortabel eingerichtet.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
*/}}
|
||||
|
||||
<section class="fewo-preview">
|
||||
<div class="container">
|
||||
<h2>Unsere Wohnungen</h2>
|
||||
<div class="fewo-grid">
|
||||
{{ $pages := where .Site.RegularPages "Section" "ferienwohnungen" }}
|
||||
{{ range $pages }}
|
||||
<div class="fewo-card">
|
||||
{{ $vorschau := .Params.vorschau }}
|
||||
{{ if and (not $vorschau) .Params.bilder }}{{ $vorschau = index .Params.bilder 0 }}{{ end }}
|
||||
{{ with $vorschau }}
|
||||
<a href="{{ $.Permalink }}" class="fewo-card-imglink">
|
||||
<img src="{{ . }}" alt="{{ $.Title }}" class="fewo-card-img" loading="lazy">
|
||||
</a>
|
||||
{{ end }}
|
||||
<div class="fewo-card-body">
|
||||
<h3><a href="{{ .Permalink }}">{{ .Title }}</a></h3>
|
||||
<p class="fewo-meta">
|
||||
{{ with .Params.groesse }}<span>{{ . }}</span>{{ end }}
|
||||
{{ with .Params.personen }}<span>bis {{ . }} Personen</span>{{ end }}
|
||||
{{ with .Params.preis }}<span>ab {{ . }} € / Nacht</span>{{ end }}
|
||||
</p>
|
||||
<a href="{{ .Permalink }}" class="btn">Details & Buchung</a>
|
||||
</div>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="feature">
|
||||
<div class="container feature-inner">
|
||||
<div class="feature-img">
|
||||
<img src="/images/haus/Zielazek-allgaeu.jpg" alt="Ruhige Lage am Waldrand" loading="lazy">
|
||||
</div>
|
||||
<div class="feature-text">
|
||||
<h2>Auszeit oder Dienst?</h2>
|
||||
<p>Berufstätige auf Geschäftsreise oder Monteure im Arbeitseinsatz genießen nach Feierabend die aussergewöhnliche Ruhe in ihrem Zuhause auf Zeit. Entspannen Sie nach Feierabend in einer unserer das Haus umgebenden Sitzecken.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="feature feature--reverse">
|
||||
<div class="container feature-inner">
|
||||
<div class="feature-img">
|
||||
<img src="/images/haus/ferienwohnung-wolframm-kaufbeuren-allgaeu-leiterwagen-haus.jpg" alt="Unser Haus am Waldrand" loading="lazy">
|
||||
</div>
|
||||
<div class="feature-text">
|
||||
<h2>Allergikerfreundlich</h2>
|
||||
<p>Um allen Gästen einen gleichwohl angenehmen Aufenthalt in unseren Nichtraucherwohnungen zu ermöglichen, haben wir uns für eine allergikerfreundliche Vermietung und gegen die Aufnahme von Haustieren entschieden.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="feature">
|
||||
<div class="container feature-inner">
|
||||
<div class="feature-img">
|
||||
<img src="/images/haus/ferienwohnung-wolframm-kaufbeuren-allgaeu-hausansicht.jpg" alt="Hausansicht" loading="lazy">
|
||||
</div>
|
||||
<div class="feature-text">
|
||||
<h2>Für Jung & Alt</h2>
|
||||
<p>Unsere älteren Gäste wissen die Ebenerdigkeit der Wohnungen zu schätzen, unsere jüngsten die mögliche babygerechte Ausstattung. Gerne dürfen Sie kostenfrei unseren W-LAN-Zugang nutzen. Für jede Ferienwohnung steht ein PKW-Parkplatz auf dem Grundstück zur Verfügung.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="lage">
|
||||
<div class="container">
|
||||
<h2>Unsere Lage</h2>
|
||||
<p>Kaufbeuren-Hirschzell liegt im Herzen des Allgäus, umgeben von Wiesen und Wäldern.
|
||||
In 40 Minuten erreichen Sie Schloss Neuschwanstein, in 30 Minuten den Forggensee.</p>
|
||||
<a href="/ausflugsziele/" class="btn">Ausflugsziele entdecken</a>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -0,0 +1,25 @@
|
||||
<footer class="footer">
|
||||
<div class="footer-inner">
|
||||
<div class="footer-col">
|
||||
<strong>IWZ Ferienwohnungen</strong><br>
|
||||
{{ .Site.Params.adresse }}<br>
|
||||
Tel: {{ .Site.Params.telefon }}<br>
|
||||
{{ with .Site.Params.telefax }}Fax: {{ . }}<br>{{ end }}
|
||||
<a href="mailto:{{ .Site.Params.email }}">{{ .Site.Params.email }}</a>
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<strong>Navigation</strong><br>
|
||||
{{ range .Site.Menus.main }}
|
||||
<a href="{{ .URL }}">{{ .Name }}</a><br>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="footer-col">
|
||||
<strong>Rechtliches</strong><br>
|
||||
<a href="/impressum/">Impressum</a><br>
|
||||
<a href="/datenschutz/">Datenschutz</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-copy">
|
||||
© {{ now.Year }} IWZ Ferienwohnungen · Kaufbeuren/Allgäu
|
||||
</div>
|
||||
</footer>
|
||||
@@ -0,0 +1,5 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{{ if .IsHome }}{{ .Site.Title }}{{ else }}{{ .Title }} – {{ .Site.Title }}{{ end }}</title>
|
||||
<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ .Site.Params.description }}{{ end }}">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
@@ -0,0 +1,14 @@
|
||||
<nav class="nav">
|
||||
<div class="nav-inner">
|
||||
<a href="/" class="nav-logo" aria-label="Ferienwohnungen Wolframm – Startseite">
|
||||
<img src="/images/ferienwohnung-wolframm-kaufbeuren-allgaeu-Logo-small.png" alt="Ferienwohnungen Wolframm" class="nav-logo-img logo-light">
|
||||
<img src="/images/ferienwohnung-wolframm-kaufbeuren-allgaeu-Logo-small-weiss.png" alt="Ferienwohnungen Wolframm" class="nav-logo-img logo-dark">
|
||||
</a>
|
||||
<button class="nav-toggle" aria-label="Menü öffnen">☰</button>
|
||||
<ul class="nav-menu">
|
||||
{{ range .Site.Menus.main }}
|
||||
<li><a href="{{ .URL }}" {{ if eq $.RelPermalink .URL }}class="active"{{ end }}>{{ .Name }}</a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -0,0 +1,477 @@
|
||||
/* ===== CSS Variables ===== */
|
||||
:root {
|
||||
--bg: #ffffff;
|
||||
--bg-alt: #f5f5f0;
|
||||
--text: #333333;
|
||||
--text-muted: #5e5e5e;
|
||||
--primary: #e08309;
|
||||
--primary-h: #b86800;
|
||||
--border: #ddd;
|
||||
--card-bg: #fff;
|
||||
--card-shadow: 0 2px 8px rgba(0,0,0,0.08);
|
||||
--radius: 8px;
|
||||
--max-width: 1100px;
|
||||
--nav-height: 64px;
|
||||
|
||||
/* ===== SCHALTER: Hintergrund hinter "Herzlich Willkommen" =====
|
||||
Genau EINE der beiden Zeilen aktiv lassen, die andere auskommentieren: */
|
||||
/* --welcome-bg: url('/images/haus/Wolframm-Fewo-Kaufbeuren-Ferienwohnung-Ferienwohnungen-Wohnungen-mieten-87600-allgaeu-Titel.jpg'); */ /* Biene */
|
||||
--welcome-bg: url('/images/background-flowers.jpg'); /* Blumen */
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root:not([data-theme="light"]) {
|
||||
--bg: #1a1a1a;
|
||||
--bg-alt: #242424;
|
||||
--text: #ececec;
|
||||
--text-muted: #a8a8a8;
|
||||
--primary: #f4a03a;
|
||||
--primary-h: #f6b463;
|
||||
--border: #3a3a3a;
|
||||
--card-bg: #242424;
|
||||
--card-shadow: 0 2px 8px rgba(0,0,0,0.3);
|
||||
}
|
||||
}
|
||||
|
||||
/* ===== Reset ===== */
|
||||
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
html { font-size: 16px; scroll-behavior: smooth; }
|
||||
body {
|
||||
font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
|
||||
background: var(--bg);
|
||||
color: var(--text);
|
||||
line-height: 1.7;
|
||||
}
|
||||
a { color: var(--primary); text-decoration: none; }
|
||||
a:hover { color: var(--primary-h); text-decoration: underline; }
|
||||
img { max-width: 100%; height: auto; display: block; }
|
||||
|
||||
/* ===== Container ===== */
|
||||
.container { max-width: var(--max-width); margin: 0 auto; padding: 0 1.5rem; }
|
||||
|
||||
/* ===== Navigation ===== */
|
||||
.nav {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 100;
|
||||
background: var(--bg);
|
||||
border-bottom: 1px solid var(--border);
|
||||
height: var(--nav-height);
|
||||
}
|
||||
.nav-inner {
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
padding: 0 1.5rem;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
}
|
||||
.nav-logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
}
|
||||
.nav-logo-img { height: 42px; width: auto; display: block; }
|
||||
.logo-dark { display: none; }
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.logo-light { display: none; }
|
||||
.logo-dark { display: block; }
|
||||
}
|
||||
.nav-menu {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
gap: 0.25rem;
|
||||
}
|
||||
.nav-menu a {
|
||||
display: block;
|
||||
padding: 0.4rem 0.75rem;
|
||||
color: var(--text);
|
||||
border-radius: var(--radius);
|
||||
font-size: 0.95rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
.nav-menu a:hover, .nav-menu a.active {
|
||||
background: var(--bg-alt);
|
||||
color: var(--primary);
|
||||
}
|
||||
.nav-toggle {
|
||||
display: none;
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 1.5rem;
|
||||
cursor: pointer;
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.nav-toggle { display: block; }
|
||||
.nav-menu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: var(--nav-height);
|
||||
left: 0; right: 0;
|
||||
background: var(--bg);
|
||||
border-bottom: 1px solid var(--border);
|
||||
flex-direction: column;
|
||||
padding: 1rem 1.5rem;
|
||||
gap: 0.25rem;
|
||||
}
|
||||
.nav-menu.open { display: flex; }
|
||||
}
|
||||
|
||||
/* ===== Hero / Titelbild ===== */
|
||||
.hero {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
position: relative;
|
||||
}
|
||||
.hero::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
background: rgba(0,0,0,0.35);
|
||||
}
|
||||
.hero-inner {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
padding: 6rem 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
.hero h1 {
|
||||
color: #fff;
|
||||
font-size: 2.9rem;
|
||||
line-height: 1.15;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
text-shadow: 0 2px 14px rgba(0,0,0,0.7);
|
||||
margin: 0;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.hero-inner { padding: 4rem 1.5rem; }
|
||||
.hero h1 { font-size: 1.9rem; }
|
||||
}
|
||||
|
||||
/* ===== Seiten-Banner (z.B. Kontakt) ===== */
|
||||
.page-banner {
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
height: 340px;
|
||||
}
|
||||
@media (max-width: 600px) { .page-banner { height: 200px; } }
|
||||
|
||||
/* ===== Willkommen ===== */
|
||||
.welcome {
|
||||
background-image: var(--welcome-bg);
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
padding: 5rem 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
.welcome-inner {
|
||||
max-width: 720px;
|
||||
margin: 0 auto;
|
||||
background: rgba(255,255,255,0.80);
|
||||
padding: 2.5rem 2rem;
|
||||
border-radius: var(--radius);
|
||||
color: #333;
|
||||
}
|
||||
.welcome h1 {
|
||||
color: #e08309;
|
||||
font-size: 2.6rem;
|
||||
line-height: 1.15;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
.welcome-sub { font-size: 1.3rem; font-weight: 600; color: #333; margin-bottom: 1.5rem; }
|
||||
.welcome-text { font-size: 1.05rem; line-height: 1.7; }
|
||||
.welcome-text p { margin-bottom: 1rem; }
|
||||
.welcome-cta { margin-top: 1.5rem; }
|
||||
@media (max-width: 600px) { .welcome h1 { font-size: 1.9rem; } }
|
||||
|
||||
/* ===== Foto-Inhaltsbänder (Bild neben Text) ===== */
|
||||
.feature { padding: 3rem 0; }
|
||||
.feature:nth-of-type(even) { background: var(--bg-alt); }
|
||||
.feature-inner {
|
||||
display: flex;
|
||||
align-items: stretch; /* Bildhöhe = Texthöhe (Überschrift + ~6 Zeilen) */
|
||||
gap: 2.5rem;
|
||||
}
|
||||
.feature--reverse .feature-inner { flex-direction: row-reverse; }
|
||||
.feature-img { flex: 0 0 42%; }
|
||||
.feature-img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
border-radius: var(--radius);
|
||||
box-shadow: var(--card-shadow);
|
||||
}
|
||||
.feature-text { flex: 1; align-self: center; }
|
||||
.feature-text h2 { color: var(--primary); font-size: 1.7rem; margin-bottom: 1rem; }
|
||||
.feature-text p { color: var(--text); font-size: 1.05rem; line-height: 1.7; }
|
||||
|
||||
@media (max-width: 700px) {
|
||||
.feature-inner,
|
||||
.feature--reverse .feature-inner { flex-direction: column; gap: 1.25rem; }
|
||||
.feature-img { flex: none; }
|
||||
.feature-img img { height: 220px; }
|
||||
}
|
||||
|
||||
/* ===== Buttons ===== */
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 0.65rem 1.4rem;
|
||||
border-radius: var(--radius);
|
||||
font-size: 0.95rem;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
transition: background 0.15s, color 0.15s;
|
||||
background: var(--bg-alt);
|
||||
color: var(--text);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
.btn:hover { background: var(--border); text-decoration: none; }
|
||||
.btn-primary {
|
||||
background: var(--primary);
|
||||
color: #fff;
|
||||
border-color: var(--primary);
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.btn-primary:hover { background: var(--primary-h); border-color: var(--primary-h); color: #fff; }
|
||||
.btn-outline {
|
||||
background: transparent;
|
||||
color: var(--primary);
|
||||
border-color: var(--primary);
|
||||
}
|
||||
.btn-outline:hover { background: var(--primary); color: #fff; }
|
||||
|
||||
/* ===== Highlights ===== */
|
||||
.highlights { padding: 4rem 0; }
|
||||
.highlight-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||
gap: 1.5rem;
|
||||
}
|
||||
.highlight-card {
|
||||
background: var(--card-bg);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: 1.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
.highlight-icon { font-size: 2rem; margin-bottom: 0.75rem; }
|
||||
.highlight-card h3 { margin-bottom: 0.5rem; font-size: 1.05rem; }
|
||||
.highlight-card p { color: var(--text-muted); font-size: 0.9rem; }
|
||||
|
||||
/* ===== FeWo Grid ===== */
|
||||
.fewo-preview { background: var(--bg-alt); padding: 4rem 0; }
|
||||
.fewo-preview h2, .fewo-preview > .container > h2 { margin-bottom: 2rem; font-size: 1.8rem; }
|
||||
.fewo-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 1.5rem;
|
||||
}
|
||||
.fewo-card {
|
||||
background: var(--card-bg);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
overflow: hidden;
|
||||
box-shadow: var(--card-shadow);
|
||||
}
|
||||
.fewo-card-imglink { display: block; }
|
||||
.fewo-card-img { width: 100%; height: 200px; object-fit: cover; transition: opacity 0.2s; }
|
||||
.fewo-card-imglink:hover .fewo-card-img { opacity: 0.9; }
|
||||
.fewo-card-body { padding: 1.5rem; }
|
||||
.fewo-card-body h2, .fewo-card-body h3 { margin-bottom: 0.5rem; font-size: 1.2rem; }
|
||||
.fewo-card-body h2 a, .fewo-card-body h3 a { color: var(--text); }
|
||||
.fewo-meta {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
margin-bottom: 1rem;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
.fewo-meta span {
|
||||
background: var(--bg-alt);
|
||||
padding: 0.2rem 0.6rem;
|
||||
border-radius: 20px;
|
||||
color: var(--text-muted);
|
||||
border: 1px solid var(--border);
|
||||
}
|
||||
|
||||
/* ===== Lage Section ===== */
|
||||
.lage { padding: 4rem 0; }
|
||||
.lage h2 { margin-bottom: 1rem; font-size: 1.8rem; }
|
||||
.lage p { margin-bottom: 1.5rem; max-width: 680px; color: var(--text-muted); }
|
||||
|
||||
/* ===== Einzelne FeWo Seite ===== */
|
||||
.fewo-header { margin-bottom: 2rem; }
|
||||
.fewo-header h1 { margin-bottom: 0.75rem; }
|
||||
.fewo-content { margin: 2rem 0; }
|
||||
.fewo-content h2 { margin: 1.5rem 0 0.5rem; font-size: 1.2rem; border-bottom: 1px solid var(--border); padding-bottom: 0.25rem; }
|
||||
.fewo-content ul { padding-left: 1.5rem; }
|
||||
.fewo-content li { margin-bottom: 0.2rem; }
|
||||
|
||||
/* ===== Ausflugsziele-Gruppen ===== */
|
||||
.ausflug-gruppe { margin-top: 3rem; }
|
||||
.ausflug-inner {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
gap: 2.5rem;
|
||||
}
|
||||
.ausflug-text { flex: 1 1 50%; min-width: 0; }
|
||||
.ausflug-bild { flex: 1 1 50%; min-width: 0; }
|
||||
.ausflug-gruppe h2 { margin-bottom: 1rem; font-size: 1.5rem; color: var(--primary); }
|
||||
.ausflug-gruppe p { margin-bottom: 0.75rem; color: var(--text); }
|
||||
.ausflug-punkte {
|
||||
list-style: disc;
|
||||
padding-left: 1.5rem;
|
||||
margin: 0;
|
||||
}
|
||||
.ausflug-punkte li { margin-bottom: 0.3rem; }
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.ausflug-inner { flex-direction: column; }
|
||||
.ausflug-text, .ausflug-bild { flex: 1 1 auto; width: 100%; }
|
||||
}
|
||||
|
||||
/* ===== Slide-Box (Bildkarussell) ===== */
|
||||
.slider { position: relative; }
|
||||
.slider-track {
|
||||
display: flex;
|
||||
gap: 0.75rem;
|
||||
overflow-x: auto;
|
||||
scroll-snap-type: x mandatory;
|
||||
scroll-behavior: smooth;
|
||||
padding-bottom: 0.5rem;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
.slider-slide {
|
||||
flex: 0 0 auto;
|
||||
width: 260px;
|
||||
height: 180px;
|
||||
scroll-snap-align: start;
|
||||
border-radius: var(--radius);
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
box-shadow: var(--card-shadow);
|
||||
}
|
||||
.slider-slide img { width: 100%; height: 100%; object-fit: cover; display: block; transition: opacity 0.2s; }
|
||||
.slider-slide:hover img { opacity: 0.85; }
|
||||
.slider-arrow {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 2;
|
||||
width: 2.25rem;
|
||||
height: 2.25rem;
|
||||
border-radius: 50%;
|
||||
border: 1px solid var(--border);
|
||||
background: var(--card-bg);
|
||||
color: var(--text);
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-shadow: var(--card-shadow);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.slider-arrow:hover { background: var(--primary); color: #fff; border-color: var(--primary); }
|
||||
.slider-prev { left: -0.75rem; }
|
||||
.slider-next { right: -0.75rem; }
|
||||
@media (max-width: 700px) {
|
||||
.slider-arrow { display: none; }
|
||||
.slider-slide { width: 200px; height: 140px; }
|
||||
}
|
||||
|
||||
/* Ausflugsziele: jeweils nur 1 Bild sichtbar, doppelte Höhe */
|
||||
.slider--single .slider-track { gap: 0; }
|
||||
.slider--single .slider-slide { width: 100%; height: 360px; }
|
||||
@media (max-width: 700px) {
|
||||
.slider--single .slider-slide { height: 280px; }
|
||||
}
|
||||
|
||||
/* ===== Galerie ===== */
|
||||
.galerie {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
||||
gap: 0.75rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.galerie-img {
|
||||
width: 100%;
|
||||
height: 160px;
|
||||
object-fit: cover;
|
||||
border-radius: var(--radius);
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
.galerie-link:hover .galerie-img { opacity: 0.85; }
|
||||
|
||||
/* ===== Buchung ===== */
|
||||
.buchung {
|
||||
background: var(--bg-alt);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius);
|
||||
padding: 2rem;
|
||||
margin-top: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
.buchung h2 { margin-bottom: 1rem; }
|
||||
|
||||
/* ===== Normale Seiten ===== */
|
||||
.page { padding: 3rem 0; }
|
||||
.page h1 { margin-bottom: 1.5rem; font-size: 2rem; }
|
||||
.page h2 { margin: 2rem 0 0.75rem; font-size: 1.3rem; }
|
||||
.page p { margin-bottom: 1rem; }
|
||||
.page table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin: 1.5rem 0;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
}
|
||||
.page th, .page td {
|
||||
padding: 0.6rem 1rem;
|
||||
border: 1px solid var(--border);
|
||||
text-align: left;
|
||||
}
|
||||
.page th { background: var(--bg-alt); font-weight: bold; }
|
||||
.page ul { padding-left: 1.5rem; margin-bottom: 1rem; }
|
||||
.page li { margin-bottom: 0.3rem; }
|
||||
|
||||
/* ===== Footer ===== */
|
||||
.footer {
|
||||
background: var(--bg-alt);
|
||||
border-top: 1px solid var(--border);
|
||||
padding: 3rem 0 1rem;
|
||||
margin-top: 4rem;
|
||||
}
|
||||
.footer-inner {
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
padding: 0 1.5rem;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
|
||||
gap: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.footer-col { font-size: 0.9rem; line-height: 1.8; }
|
||||
.footer-col a { color: var(--text-muted); }
|
||||
.footer-col a:hover { color: var(--primary); }
|
||||
.footer-copy {
|
||||
text-align: center;
|
||||
font-size: 0.8rem;
|
||||
color: var(--text-muted);
|
||||
padding: 1rem 1.5rem 0;
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
|
||||
/* ===== Main ===== */
|
||||
.main { min-height: calc(100vh - var(--nav-height) - 200px); }
|
||||
|
After Width: | Height: | Size: 288 KiB |
|
After Width: | Height: | Size: 121 KiB |
|
After Width: | Height: | Size: 167 KiB |
|
After Width: | Height: | Size: 117 KiB |
|
After Width: | Height: | Size: 133 KiB |
|
After Width: | Height: | Size: 107 KiB |
|
After Width: | Height: | Size: 88 KiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 91 KiB |
|
After Width: | Height: | Size: 165 KiB |
|
After Width: | Height: | Size: 128 KiB |
|
After Width: | Height: | Size: 100 KiB |
|
After Width: | Height: | Size: 139 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 167 KiB |
|
After Width: | Height: | Size: 129 KiB |
|
After Width: | Height: | Size: 165 KiB |
|
After Width: | Height: | Size: 220 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 234 KiB |
|
After Width: | Height: | Size: 215 KiB |
|
After Width: | Height: | Size: 108 KiB |
|
After Width: | Height: | Size: 130 KiB |
|
After Width: | Height: | Size: 143 KiB |
|
After Width: | Height: | Size: 165 KiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 66 KiB |
|
After Width: | Height: | Size: 212 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 191 KiB |
|
After Width: | Height: | Size: 238 KiB |
|
After Width: | Height: | Size: 118 KiB |
|
After Width: | Height: | Size: 289 KiB |
|
After Width: | Height: | Size: 123 KiB |
|
After Width: | Height: | Size: 86 KiB |
|
After Width: | Height: | Size: 254 KiB |
|
After Width: | Height: | Size: 187 KiB |
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 224 KiB |
|
After Width: | Height: | Size: 89 KiB |
|
After Width: | Height: | Size: 244 KiB |
|
After Width: | Height: | Size: 133 KiB |
|
After Width: | Height: | Size: 166 KiB |
|
After Width: | Height: | Size: 217 KiB |
|
After Width: | Height: | Size: 192 KiB |
|
After Width: | Height: | Size: 235 KiB |
|
After Width: | Height: | Size: 230 KiB |
|
After Width: | Height: | Size: 117 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 107 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 69 KiB |
|
After Width: | Height: | Size: 108 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 158 KiB |
|
After Width: | Height: | Size: 80 KiB |
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 81 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 29 KiB |