{{!--
    Beitragskarte. Welche Teile sichtbar sind (Thema, Auszug, Autor, Datum), bestimmt
    der umgebende Block in screen.css.
    Parameter: sizes = sizes-Angabe des Bildes, eager = Bild sofort laden (Aufmacher)
--}}
<article class="card {{post_class}}">
    {{#if feature_image}}
        <a class="card__image" href="{{url}}" tabindex="-1" aria-hidden="true">
            <img
                {{#unless eager}}loading="lazy"{{/unless}}
                srcset="{{img_url feature_image size="s"}} 400w,
                        {{img_url feature_image size="m"}} 750w,
                        {{img_url feature_image size="l"}} 1140w"
                sizes="{{#if sizes}}{{sizes}}{{else}}(max-width: 640px) 100vw, 400px{{/if}}"
                src="{{img_url feature_image size="m"}}"
                alt="">
        </a>
    {{/if}}
    <div class="card__body">
        {{#primary_tag}}<a class="label card__tag" href="{{url}}">{{name}}</a>{{/primary_tag}}
        <h2 class="card__title"><a href="{{url}}">{{title}}</a></h2>
        {{#if excerpt}}<p class="card__excerpt">{{excerpt words="30"}}</p>{{/if}}
        {{#primary_author}}<p class="meta card__author">{{t "By"}} {{name}}</p>{{/primary_author}}
        <time class="meta card__date" datetime="{{date format="YYYY-MM-DD"}}">{{date format="D. MMMM YYYY"}}</time>
    </div>
</article>