{{!< default}}
{{!-- Einzelner Beitrag --}}
{{#post}}
<main class="site-main">
    <article class="article {{post_class}}">

        <header class="article__header container container--narrow">
            {{#if tags}}
                <div class="tag-list">
                    {{#foreach tags}}<a class="tag-badge" href="{{url}}">{{name}}</a>{{/foreach}}
                </div>
            {{/if}}

            <h1 class="article__title">{{title}}</h1>

            <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>
                <span class="post-meta__sep">&middot;</span>
                <span>{{reading_time minute=(t "1 min read") minutes=(t "% min read")}}</span>
                {{#if primary_author}}
                    <span class="post-meta__sep">&middot;</span>
                    <span>{{authors separator=", "}}</span>
                {{/if}}
            </div>

            {{#if custom_excerpt}}
                <p class="article__excerpt">{{custom_excerpt}}</p>
            {{/if}}
        </header>

        {{#if feature_image}}
            <figure class="article__image container">
                <img
                    srcset="{{img_url feature_image size="m"}} 750w,
                            {{img_url feature_image size="l"}} 1140w,
                            {{img_url feature_image size="xl"}} 1920w"
                    sizes="(max-width: 1200px) 100vw, 1140px"
                    src="{{img_url feature_image size="l"}}"
                    alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}">
                {{#if feature_image_caption}}<figcaption>{{feature_image_caption}}</figcaption>{{/if}}
            </figure>
        {{/if}}

        <section class="gh-content">
            {{content}}
        </section>

    </article>

    <nav class="post-nav container container--narrow" aria-label="{{t "More posts"}}">
        {{#next_post}}
            <a class="post-nav__link post-nav__link--newer" href="{{url}}">
                <span class="post-nav__label">&larr; {{t "Newer Post"}}</span>
                <span class="post-nav__title">{{title}}</span>
            </a>
        {{else}}
            <span></span>
        {{/next_post}}
        {{#prev_post}}
            <a class="post-nav__link post-nav__link--older" href="{{url}}">
                <span class="post-nav__label">{{t "Older Post"}} &rarr;</span>
                <span class="post-nav__title">{{title}}</span>
            </a>
        {{/prev_post}}
    </nav>

    {{#if comments}}
        <section class="article__comments container container--narrow">
            {{comments}}
        </section>
    {{/if}}
</main>
{{/post}}