{{ 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 &amp; Buchung</h2>
      <p>
        <a href="{{ . }}" target="_blank" rel="noopener" class="btn btn-primary">
          Belegungsplan &amp; Buchung öffnen
        </a>
      </p>
    </div>
    {{ end }}
  </div>
</article>
{{ end }}