{% set headerLength = constant('NEWSBLOG_HEADER_LENGTH') %}
{% set teaserLength = constant('NEWSBLOG_TEASER_LENGTH') %}
{% if newsblog | length > 0 %}
<div class="row">
{% for i,article in newsblog %}
<div class="col-12 col-md-12 col-xl-6">
<div class="newsblog-teaser">
{% if siteConfig.getNewsblogShowPreviewImage == 1 %}
<div class="teaser-image">
{% if article.getCover %}
<a href="/news/article/{{ article.getId }}/{{ article.getHeadline|url_encode }}">
<img src="{{ article.getCover.getThumbnail('newblogTeaserPreview') }}" alt="Beitrag {{ i }} Titelbild" title="{{ article.getHeadline }} Titelbild" />
</a>
{% endif %}
</div>
{% endif %}
<h3 class="teaser-headline">
<span class="headline">{{ (article.getHeadline|length > headerLength) ? article.getHeadline|slice(0,headerLength)~' ...' : article.getHeadline }}</span>
</h3>
<div class="teaser-text">
{{ (article.getTeaser|length > teaserLength) ? article.getTeaser|striptags|slice(0,teaserLength)|raw~' ...' : article.getTeaser|striptags|raw }}
</div>
<div class="teaser-options">
<a class="btn btn-outline" href="/news/article/{{ article.getId }}/{{ article.getHeadline|trim('/')|url_encode }}">Weiterlesen <span class="lsf">right</span></a>
</div>
</div>
</div>
{% endfor %}
</div>
{% endif %}