Zitat-Box auf Preise-Seite und Hero-Bild justiert

- Zitat-Box in voller Seitenbreite mit Blumen-Hintergrund unter den
  Preisen (Shortcode zitat-box + Full-Bleed-CSS)
- Hero-Titelbild auf der Startseite nach oben verschoben, damit die
  Biene sichtbar ist
- Kontakt-CTA-Block auf der Ausflugsziele-Seite
- .env.example fuer Bunny-Deploy-Variablen

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

.env.example

@@ -0,0 +1,11 @@
+# Kopieren nach .env und mit echten Werten befuellen.
+# .env ist in .gitignore eingetragen und wird NICHT eingecheckt.
+
+# Storage Zone -> Access-Tab im Bunny.net Dashboard
+BUNNY_STORAGE_ZONE=iwz-ferienwohnungen
+BUNNY_STORAGE_HOST=storage.bunnycdn.com
+BUNNY_STORAGE_PASSWORD=
+
+# Pull Zone -> CDN -> Security-Tab im Bunny.net Dashboard (Token Authentication)
+BUNNY_PULL_ZONE_URL=https://iwz-ferienwohnungen.b-cdn.net
+BUNNY_AUTH_KEY=

content/preise.md

@@ -21,6 +21,10 @@ Jede weitere Person: **15 € / Nacht** · Kinder unter 12 Jahren: **12 € / Na
 
 **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.
+**Zahlung:** Der Gesamtpreis für die Mietdauer ist innerhalb einer Woche eingehend auf unserem Bankkonto fällig. Bei kurzfristigeren Buchungen erfolgt die Bezahlung bar bei Anreise vor Übergabe der Ferienwohnung.
 
-**Stornierung:** Bei Stornierung werden 90 % des Mietpreises fällig. Wir empfehlen den Abschluss einer Reiserücktrittsversicherung.
+**Stornierung:** Wir empfehlen den Abschluss einer _Reiserücktrittsversicherung_, da bei _Rücktritt_ oder _Nichtanreise_ **90 % des Mietpreises** fällig werden. Bei _vorzeitiger Räumung_ der Ferienwohnung wird der Mietpreis für die übrige Buchungsdauer **nicht** erstattet.
+
+Falls jedoch bei _mieterseitigem Rücktritt, Nichtanreise_ oder _vorzeitiger Räumung_ _im Buchungszeitraum_ eine _anderweitige Vermietung_ zu Stande kommt, werden diese Mieteinnahmen auf den ursprünglichen Mietpreis **gutgeschrieben** und **gegebenenfalls** **erstattet**.
+
+{{< zitat-box >}}

layouts/_default/ausflugsziele.html

@@ -35,6 +35,12 @@
     </section>
     {{ end }}
 
+    <section class="ausflug-kontakt">
+      <p>Lust auf eine Auszeit bekommen?</p>
+      <p>Dann sollten Sie sich direkt mit uns in Verbindung setzen.</p>
+      <p><a href="/kontakt/">Wir freuen uns auf Ihre Kontaktaufnahme.</a></p>
+    </section>
+
     <div class="lightbox" hidden>
       <button type="button" class="lightbox-close" aria-label="Schließen">&times;</button>
       <button type="button" class="lightbox-arrow lightbox-prev" aria-label="Vorheriges Bild">&#10094;</button>

layouts/shortcodes/zitat-box.html

@@ -0,0 +1,10 @@
+<div class="zitat-box">
+  <div class="zitat-box-inner">
+    <blockquote class="zitat">
+      <p>„Ein gutes Haus erkennt man daran,<br>
+      dass der Gast glücklicher geht,<br>
+      als er gekommen ist“</p>
+      <cite>(Verfasser unbekannt)</cite>
+    </blockquote>
+  </div>
+</div>

static/css/style.css

@@ -120,7 +120,7 @@ img { max-width: 100%; height: auto; display: block; }
 /* ===== Hero / Titelbild ===== */
 .hero {
   background-size: cover;
-  background-position: center;
+  background-position: center 20%;
   background-repeat: no-repeat;
   position: relative;
 }
@@ -498,6 +498,18 @@ img { max-width: 100%; height: auto; display: block; }
 }
 .buchung h2 { margin-bottom: 1rem; }
 
+/* ===== Ausflugsziele – Kontakt-CTA ===== */
+.ausflug-kontakt {
+  background: var(--bg-alt);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 2rem;
+  margin-top: 3rem;
+  text-align: center;
+}
+.ausflug-kontakt p { margin: 0.25rem 0; }
+.ausflug-kontakt p:first-child { font-size: 1.2rem; font-weight: 600; color: var(--primary); }
+
 /* ===== Normale Seiten ===== */
 .page { padding: 3rem 0; }
 .page h1 { margin-bottom: 1.5rem; font-size: 2rem; }
@@ -519,6 +531,58 @@ img { max-width: 100%; height: auto; display: block; }
 .page ul { padding-left: 1.5rem; margin-bottom: 1rem; }
 .page li { margin-bottom: 0.3rem; }
 
+/* ===== Zitat-Box (volle Breite) ===== */
+.zitat-box {
+  position: relative;
+  left: 50%;
+  right: 50%;
+  width: 100vw;
+  margin-left: -50vw;
+  margin-right: -50vw;
+  margin-top: 3rem;
+  padding: 4rem 1.5rem;
+  background-image: url('https://iwz-ferienwohnungen.de/wp-content/uploads/2021/02/background-flowers.jpg');
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+.zitat-box::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: rgba(255,255,255,0.6);
+}
+.zitat-box-inner {
+  position: relative;
+  max-width: var(--max-width);
+  margin: 0 auto;
+}
+.zitat {
+  text-align: center;
+  border: none;
+}
+.zitat p {
+  font-size: 1.5rem;
+  font-style: italic;
+  line-height: 1.7;
+  color: #333;
+  margin-bottom: 1rem;
+}
+.zitat cite {
+  display: block;
+  font-size: 1rem;
+  font-style: normal;
+  color: #555;
+}
+@media (prefers-color-scheme: dark) {
+  :root:not([data-theme="light"]) .zitat-box::before { background: rgba(0,0,0,0.55); }
+  :root:not([data-theme="light"]) .zitat p { color: #f5f5f5; }
+  :root:not([data-theme="light"]) .zitat cite { color: #ccc; }
+}
+@media (max-width: 640px) {
+  .zitat p { font-size: 1.2rem; }
+}
+
 /* ===== Footer ===== */
 .footer {
   background: var(--bg-alt);