{% block element_teaser_1 %}
<div class="cms-element-teaser-1">
{% if element.config.badgeText.value %}
<div class="product-badges">
<div class="badge badge-danger badge-discount"
{% if element.config.badgeColor.value %}
style="background-color: {{ element.config.badgeColor.value }}"
{% endif %}
>
{{ element.config.badgeText.value }}
</div>
</div>
{% endif %}
<a href="{{ element.config.buttonUrl.value }}" class="sw-cms-el-teaser-1" title="{{ element.config.subtitle.value }}">
<img class="sw-cms-el-preview-teaser-1-img"
src="{{ element.config.mediaUrl.value }}">
<div class="sw-cms-el-teaser-1-text-box">
<span class="sw-cms-el-teaser-1-text">{{ element.config.buttonText.value }}</span>
<div class="sw-cms-el-teaser-1-arrow arrow-right-rotate">
{% sw_icon 'arrow_left' style {
'namespace': 'Tuerschild_2',
} %} </div>
</div>
</a>
</div>
{% endblock %}