{{/* Erwartet eine Schauplatz-Seite als Kontext (.) */}}
{{ $default := site.Params.kategorieFarbeDefault | default "#1e2758" }}
{{ $cat := "" }}
{{ with .Params.kategorien }}{{ $cat = index . 0 }}{{ end }}
{{ $color := $default }}
{{ with $cat }}{{ $color = partial "kat-color.html" . }}{{ end }}
{{ $img := "" }}
{{ with .Resources.GetMatch "{cover,*featured*,image}.*" }}{{ $img = .RelPermalink }}
{{ else }}{{ with .Params.image }}{{ $img = . | relURL }}{{ end }}{{ end }}
<a class="op-scard" data-op-card
   href="{{ .RelPermalink }}"
   data-url="{{ .RelPermalink }}"
   data-text="{{ .Title }} {{ .Params.subtitle }} {{ .Params.address }}"
   data-cats="{{ delimit (.Params.kategorien | default slice) `|` }}">
  {{ if $img }}
  <span class="op-scard__img">
    <img class="op-scard__photo" src="{{ $img }}" alt="" loading="lazy">
    {{ if .Params.featured }}<span class="op-scard__tipp">Tipp!</span>{{ end }}
  </span>
  {{ else }}
  <span class="op-scard__img op-scard__img--ph" style="color:{{ $color }}">
    <svg class="op-scard__bogen" viewBox="0 0 210 105" aria-hidden="true" focusable="false">
      <path d="M0,105 A105,105 0 0 1 210,105" fill="none" stroke="currentColor" stroke-width="14" opacity=".55"/>
      <path d="M40,105 A65,65 0 0 1 170,105" fill="none" stroke="currentColor" stroke-width="14" opacity=".28"/>
    </svg>
    {{ if .Params.featured }}<span class="op-scard__tipp">Tipp!</span>{{ end }}
  </span>
  {{ end }}
  <span class="op-scard__body">
    {{ if $cat }}<span class="op-scard__cat">{{ partial "kat-label.html" $cat }}</span>
    {{ else }}{{ with .Params.art }}<span class="op-scard__cat">{{ . }}</span>{{ end }}{{ end }}
    <span class="op-scard__title">{{ .Title }}</span>
    {{ with .Params.subtitle }}<span class="op-scard__sub">{{ . }}</span>{{ end }}
    {{ with .Params.address }}
    <span class="op-scard__addr">
      <span class="op-scard__dot" style="background:{{ $color }}"></span>
      <span>{{ . }}</span>
    </span>
    {{ end }}
  </span>
</a>