<div class="owl-fullwidth owl-carousel owl-theme">

    {% for page in pages %}
        <div class="owl-item-full">
            <div class="travel-wrapper get-box-link">
                <div class="item text-center">


                    <div class="item-img">
                        {% include 'default/components/pageBoxImage.html.twig' %}
                    </div>

                    <div class="box_mid">

                        <div class="hl5">{{ page.title }}</div>

                        {% if (page.boxBody ?? page.description) is not empty %}
                            <p>{{ page.boxBody|default(page.description) }}</p>
                        {% endif %}

                        {% if page.travelProgram is not empty and page.travelProgram.lowestPrice > 0 %}
                            <div class="price">
                                Für {{ page.travelProgram.lowestPrice|number_format }},- € p.P.
                            </div>
                        {% endif %}

                    </div>

                    <a class="item-button is-box-link dobble_line" href="{{ page.urlPath }}"><span>ansehen</span></a>


                </div>
            </div><!-- end travel-wrapper -->
        </div>
    {% endfor %}

</div>