<!-- index-exclude -->
<div class="col load-more-entry" {% if hidden|default(false) %}style="display:none;"{% endif %}>
{# <a href="{{ path(news,{document:document}) }}" class="card border-secondary card-w-image"> #}
<a href="{{ pimcore_url({'object': news, document: document}) }}" class="card border-secondary card-w-image">
{% if news.getTeaserImage() %}
<div class="overflow-zoom bg-gray2">{{ news.getTeaserImage().getThumbnail('card-teaser-image'~(news.getTeaserImage().getMimetype() == 'image/png' ? '-png' : '')).getHtml({imgAttributes:{class:'card-img-top img-fluid'}})|raw }}</div>
{% else %}
<div class="card-img-top bg-gray2">
<div class="embed-responsive embed-responsive-16by9">
<img src="/_gfx/placeholder-camera-16by9.png" class="embed-responsive-item img-fluid mt-0" alt="no-image">
</div>
</div>
{% endif %}
<div class="card-body">
<div class="text-uppercase text-right clearfix">
{% for category in news.getCategories() %}
<span class="mark text-white float-left">{{ category.getName() }}</span>
{% endfor %}
<small>
{{ news.getDate() | date(pimcore_website_config('newsDateFormat'))}}
</small>
</div>
<h3 class="card-title">{{ news.getTeasertitle() }}</h3>
<!-- <div class="card-text">{{ news.getTeasertext()|raw }}</div> -->
</div>
<div class="card-footer card-text">
<span class="lorch-icon lorch-icon-next">{{ 'teaser.news.read-more'|trans }}</span>
</div>
</a>
</div>
<!-- /index-exclude -->