{{ define "main" }}
  <section class="uk-section">
    <div class="uk-container">
      <h1>{{ .Title }}</h1>
      {{ with .Content }}<div class="uk-margin-medium">{{ . }}</div>{{ end }}

      <div class="uk-child-width-1-2@s uk-child-width-1-3@l uk-grid-match uk-margin-medium-top" uk-grid>
        {{ range .Pages }}
        <div>
          <div class="uk-card uk-card-default uk-card-body">
            {{ with .Params.kategorie }}<span class="op-kategorie">{{ . }}</span>{{ end }}
            {{ if not .Date.IsZero }}<p class="op-card-datum uk-margin-small-top uk-margin-remove-bottom">{{ time.Format "Mon, 2. Jan 2006" .Date }}</p>{{ end }}
            <h2 class="uk-h5 op-card-titel uk-margin-small"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
            <p class="op-meta uk-margin-remove">{{ .Params.teaser | default .Summary }}</p>
          </div>
        </div>
        {{ end }}
      </div>
    </div>
  </section>
{{ end }}