<div class="flatrate-teaser-row js-scrolling-row position-relative">
<div
class="{{ elements|length < 4 ? 'justify-content-md-center' : '' }} row scrolling-row scrolling-row--invisible-scrollbar js-scrolling-row__row">
{% for key, offer in elements %}
<div class="col-md-3 col-10 scrolling-row__item js-scrolling-row__item {{ offer.id }}">
{% if offer is instanceof('\\Pimcore\\Model\\Document\\Snippet') %}
{{ pimcore_inc(offer, {lpSttEvent: document.property('setLPTeaserSTTEvent')}) }}
{% else %}
{% set text = '<ul>' %}
{% for line in [offer.teaserLine1, offer.teaserLine2, offer.teaserLine3, offer.teaserLine4] %}
{% if line %}
{% set text = text ~ '<li>' ~ line ~ '</li>' %}
{% endif %}
{% endfor %}
{% set text = text ~ '</ul>' %}
{{ include('Includes/Teaser/flatrate-teaser.html.twig', {
styleModifier: '',
image: offer.teaserImage,
badgeText: offer.price ? ((offer.noFromPrice ? '' : ('packages-teaser.ab'|trans ~ ' ') ~ offer.price ~ '€')) : '',
badgeText2: offer.nights ? (offer.nights ~ ' ' ~ ('packages-teaser.Nächte p.P')|trans) : '',
link: linkGenerator().generate(offer, {relative: getUseRelativeLink()}),
title: offer.title,
location: offer.regions is empty ? '' : offer.regions[0].name,
wysiwyg: text,
linktext: 'packages-overview.zur detailseite'|trans
}) }}
{% endif %}
</div>
{% endfor %}
{% if elements|length > 4 %}
<div class="scrolling-row-navigation">
<button
class="teaser-slider__btn scrolling-row__button scrolling-row__button--prev js-scrolling-row__prev scrolling-row__button--disabled">
<span class="icon icon-arrow-right" aria-label="Previous"></span></button>
<button
class="teaser-slider__btn scrolling-row__button scrolling-row__button--next js-scrolling-row__next">
<span class="icon icon-arrow-right" aria-label="Next"></span></button>
</div>
{% endif %}
</div>
</div>