<div class="col-lg-4 col-sm-6 d-flex align-items-stretch">
  <div class="card border-primary rounded-0 hover-shadow mb-2 w-100">
    {{ with .Params.image }}
      <a href="{{ $.Permalink }}"><img class="card-img-top rounded-0" src="{{ . | relURL }}"
          alt="{{ $.Title }}"></a>
    {{ end }}
    <div class="card-body d-flex flex-column">
      <h4 class="card-title text-truncate mt-auto"><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
      <a href="{{ .Permalink }}" class="btn btn-primary btn-sm align-self-start" data-pagefind-ignore>Mehr anzeigen</a>
    </div>
  </div>
</div>