<section>
{{ include('Navigation/paging.html.twig', {paginator: paginator, addClass: 'justify-content-center', ajaxPaging: true, showFirstLast:true}) }}
<div class="justify-content-md-center row vertical-gutter--default">
{% for offer in paginator %}
{% set text = '<ul>' %}
{% if offer.teaserLine1 %}
{% set text = text ~ '<li>' ~ offer.teaserLine1 ~ '</li>' %}
{% endif %}
{% if offer.teaserLine2 %}
{% set text = text ~ '<li>' ~ offer.teaserLine2 ~ '</li>' %}
{% endif %}
{% if offer.teaserLine3 %}
{% set text = text ~ '<li>' ~ offer.teaserLine3 ~ '</li>' %}
{% endif %}
{% if offer.teaserLine4 %}
{% set text = text ~ '<li>' ~ offer.teaserLine4 ~ '</li>' %}
{% endif %}
{% set text = text ~ '</ul>' %}
<div class="col-md-3 vertical-gutter__item">
{{ 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),
title: offer.title,
location: offer.regions is empty ? '' : offer.regions[0].name,
wysiwyg: text,
linktext: 'packages-overview.zur detailseite'|trans
}) }}
</div>
{% endfor %}
</div>
{{ include('Navigation/paging.html.twig', {paginator: paginator, addClass: 'justify-content-center', ajaxPaging: true, showFirstLast:true}) }}
</section>