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>

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);