## -*- coding: utf-8 -*-
<%block name="content">
<!-- Begin post-list ${post_list_id} -->

<div id="${post_list_id}" class="post-list bg-light p-8 my-3 col-12 border border-light rounded shadow-sm">
    <h1 class="section-heading">Aus den Erfas</h1>
    % for post in posts:
    <div class="post-list-item row">
        <div class="col-12 p-0">
            <a class="stretched-link" href="${post.permalink()}">
                %if post.meta('previewimage'):
                <img class="col-12 col-md-4 mb-3 img-responsive float-left post-list-preview" alt="preview" src="${post.meta('previewimage')}" style="object-position: ${post.meta('previewimage-position') or '50% 50%'}"/>
                %endif
                <div class="post-list-headline col-12">
                    <div class="post-title">${post.title(lang)}</div>
                    <div class="post-date">${post.formatted_date(date_format)}</div>
                </div>
            </a>
            <div class="post-body col-12" id="post-body-${loop.index}">
               ${ post.text( teaser_only = True, show_read_more_link = False, strip_html = True) }
            </div>
        </div>
    </div>
    % endfor
    <div class="more-erfa-content"><a href="${_link('category', 'cpu', lang)}">Mehr aus den Erfas</a></div>
</div>
<!-- End post-list ${post_list_id} -->
</%block>