{{ define "main" }}
<div class="container">
  <h1>{{ .Title }}</h1>
  {{ .Content }}
  <div class="fewo-grid">
    {{ range .Pages }}
    <div class="fewo-card">
      {{ with .Params.bild }}
      <img src="{{ . }}" alt="{{ $.Title }}" class="fewo-card-img">
      {{ end }}
      <div class="fewo-card-body">
        <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
        <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>
        <p>{{ .Summary }}</p>
        <a href="{{ .Permalink }}" class="btn">Mehr erfahren</a>
      </div>
    </div>
    {{ end }}
  </div>
</div>
{{ end }}