NEusortierung der Eigenschaften der Ferienwohnungen.

layouts/_default/ausflugsziele.html

@@ -5,6 +5,7 @@
     {{ .Content }}
 
     {{ range .Params.galerien }}
+    {{ $titel := .titel }}
     <section class="ausflug-gruppe">
       <div class="ausflug-inner">
         <div class="ausflug-text">
@@ -18,12 +19,12 @@
         </div>
 
         <div class="ausflug-bild">
-          <div class="slider slider--single">
+          <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 .bilder }}
-              <a href="{{ . }}" class="slider-slide">
-                <img src="{{ . }}" alt="{{ $.Title }}" loading="lazy">
+              {{ 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>
@@ -33,6 +34,13 @@
       </div>
     </section>
     {{ end }}
+
+    <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 }}

layouts/_default/list.html

@@ -2,6 +2,14 @@
 <div class="container">
   <h1>{{ .Title }}</h1>
   {{ .Content }}
+
+  <div class="belegungsplan-toggle">
+    <button type="button" class="btn btn-primary" id="belegungsplan-btn" aria-expanded="false" aria-controls="belegungsplan-frame">
+      Belegungsplan – hier freie Kapazitäten einsehen
+    </button>
+    <div class="belegungsplan-frame" id="belegungsplan-frame" data-src="https://www.webplanner.de/tools/?76703072363837353064343069" hidden></div>
+  </div>
+
   <div class="fewo-grid">
     {{ range .Pages }}
     <div class="fewo-card">
@@ -15,11 +23,65 @@
           {{ with .Params.personen }}<span>bis {{ . }} Personen</span>{{ end }}
           {{ with .Params.preis }}<span>ab {{ . }} € / Nacht</span>{{ end }}
         </p>
-        <p>{{ .Summary }}</p>
+        {{ with .Params.teaser }}<p>{{ . }}</p>{{ end }}
         <a href="{{ .Permalink }}" class="btn">Mehr erfahren</a>
       </div>
     </div>
     {{ end }}
   </div>
+
+  {{ if or .Params.allgemein .Params.umfeld .Params.gemeinsam }}
+  <div class="umfeld" id="umfeld">
+    <p class="umfeld-intro">Diese Ausstattung und Umgebungsinfos gelten für alle drei Ferienwohnungen gleichermaßen.</p>
+
+    {{ with .Params.allgemein }}
+    <section class="umfeld-gruppe">
+      <h2>Allgemein</h2>
+      <div class="spec-grid">
+        {{ range . }}
+        <div class="spec-block">
+          <h3>{{ .titel }}</h3>
+          <ul>
+            {{ range .punkte }}<li>{{ . }}</li>{{ end }}
+          </ul>
+        </div>
+        {{ end }}
+      </div>
+    </section>
+    {{ end }}
+
+    {{ with .Params.umfeld }}
+    <section class="umfeld-gruppe">
+      <h2>Umfeld</h2>
+      <div class="spec-grid">
+        {{ range . }}
+        <div class="spec-block">
+          <h3>{{ .titel }}</h3>
+          <ul>
+            {{ range .punkte }}<li>{{ . }}</li>{{ end }}
+          </ul>
+        </div>
+        {{ end }}
+      </div>
+    </section>
+    {{ end }}
+
+    {{ with .Params.gemeinsam }}
+    <section class="umfeld-gruppe">
+      <h2>Gemeinsame Ausstattung</h2>
+      <div class="spec-grid">
+        {{ range . }}
+        <div class="spec-block">
+          <h3>{{ .titel }}</h3>
+          <ul>
+            {{ range .punkte }}<li>{{ . }}</li>{{ end }}
+          </ul>
+        </div>
+        {{ end }}
+      </div>
+    </section>
+    {{ end }}
+  </div>
+  {{ end }}
 </div>
 {{ end }}

layouts/ferienwohnungen/single.html

@@ -35,6 +35,23 @@
       {{ .Content }}
     </div>
 
+    {{ with .Params.ausstattung }}
+    <section class="ausstattung">
+      <h2>Ausstattung</h2>
+      <div class="spec-grid">
+        {{ range . }}
+        <div class="spec-block">
+          <h3>{{ .titel }}</h3>
+          <ul>
+            {{ range .punkte }}<li>{{ . }}</li>{{ end }}
+          </ul>
+        </div>
+        {{ end }}
+      </div>
+      <p class="ausstattung-hinweis">Allgemeine Ausstattung (Sicherheit, Eigenschaften, für die Kleinen), Umfeld (Garten, Freizeit, Entfernungen) und weitere gemeinsame Ausstattung finden Sie unter <a href="/ferienwohnungen/#umfeld">Allgemein, Umfeld &amp; gemeinsame Ausstattung</a> aller Ferienwohnungen.</p>
+    </section>
+    {{ end }}
+
     {{ with .Params.belegungsplan }}
     <div class="buchung">
       <h2>Verfügbarkeit &amp; Buchung</h2>