<div class="flatrate-teaser-row">
{# offer-teaser-row should only contain 4 teasers
teasers are displayed with scrollbar mobile
#}
<div class="row scrolling-row">
{% set break = false %}
{# {% for item in items|default([]) if not break %}#}
{% for item in items|default([]) |slice(0,3) %}
<div class="col-md-3 col-10 scrolling-row__item">
{{ include('Includes/Teaser/flatrate-teaser.html.twig', item | merge({
isSmallTeaser: true,
badgeText: item.badgeText,
title: item.title,
image: item.image|default(null),
wysiwyg: item.wysiwyg|default(''),
link: item.link|default(''),
linktext: item.linktext|default(''),
isBadgeWhite: true,
hasWishlist: false,
styleModifier: ''
})) }}
</div>
{# {% if loop.index >= 3 %}#}
{# {% set break = true %}#}
{# {% endif %}#}
{% endfor %}
<div class="col-md-3 col-10 scrolling-row__item">
{{ include('Includes/Teaser/simple-text-snippet.html.twig', {
"hasImage":false,
"text": textSnippet.text,
"button": textSnippet.button,
"color": "default"
}) }}
</div>
</div>
</div>