Files
iwz/layouts/_default/ausflugsziele.html
T
Michael StanglandClaude Opus 4.8 0812735a6c 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>
2026-08-26 18:12:06 +02:00

53 lines
1.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
{{ define "main" }}
<article class="page">
<div class="container">
<h1>{{ .Title }}</h1>
{{ .Content }}
{{ range .Params.galerien }}
{{ $titel := .titel }}
<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 lightbox-gallery">
<button type="button" class="slider-arrow slider-prev" aria-label="Zurück">&#10094;</button>
<div class="slider-track">
{{ range $i, $img := .bilder }}
<a href="{{ $img }}" target="_blank" rel="noopener" class="slider-slide lightbox-trigger">
<img src="{{ $img }}" alt="{{ $titel }} – Foto {{ add $i 1 }}" loading="lazy">
</a>
{{ end }}
</div>
<button type="button" class="slider-arrow slider-next" aria-label="Weiter">&#10095;</button>
</div>
</div>
</div>
</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>
<img class="lightbox-img" src="" alt="">
<button type="button" class="lightbox-arrow lightbox-next" aria-label="Nächstes Bild">&#10095;</button>
</div>
</div>
</article>
{{ end }}