{{!-- Ein Beitrag in der Übersicht --}}
<article class="post-card {{post_class}}{{#unless feature_image}} post-card--no-image{{/unless}}">

    {{#if feature_image}}
        <a class="post-card__image" href="{{url}}" tabindex="-1" aria-hidden="true">
            <img
                srcset="{{img_url feature_image size="s"}} 400w,
                        {{img_url feature_image size="m"}} 750w,
                        {{img_url feature_image size="l"}} 1140w"
                sizes="(max-width: 700px) 100vw, 600px"
                src="{{img_url feature_image size="m"}}"
                alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
                loading="lazy">
        </a>
    {{/if}}

    <div class="post-card__body">
        {{#if tags}}
            <div class="tag-list">
                {{#foreach tags}}<a class="tag-badge" href="{{url}}">{{name}}</a>{{/foreach}}
            </div>
        {{/if}}

        <h2 class="post-card__title"><a href="{{url}}">{{title}}</a></h2>

        <div class="post-meta">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>
            <time datetime="{{date format="YYYY-MM-DD"}}">{{date format="D. MMMM YYYY"}}</time>
        </div>

        {{#if excerpt}}
            <p class="post-card__excerpt">{{excerpt words="26"}}…</p>
        {{/if}}

        <a class="btn" href="{{url}}">{{t "Read More"}}</a>
    </div>

</article>