<div class="card border-primary rounded-0 hover-shadow mb-5">
  {{ if .Params.Image }}
  <img class="card-img-top rounded-0" src="{{ .Params.Image | relURL }}" alt="{{ .Title }}">
  {{ else }}
  <img class="card-img-top rounded-0" src="/media/begabte/image.webp" alt="{{ .Title }}">
  {{ end }}
  <div class="card-body">
    <ul class="list-inline">
      <li class="list-inline-item"><p><i class="mdi mdi-bookmark-outline"></i> {{ .Params.Category }}</p></li>
    </ul>
    <h4 class="card-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
    <a href="{{ .Permalink }}" class="btn btn-primary btn-sm text-uppercase">{{ i18n "read_more"}}</a>
  </div>
</div>