{% extends "@Contao/content_element/gallery.html.twig" %}
    {% block list_component %}
        <div class="swiper galerie-swiper">
            <div class="swiper-wrapper">
                {% for img in images %}
                    <div class="swiper-slide">
                        <img src="{{ img.image.getImageSrc() }}" />
                    </div>
                {% endfor %}
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
        <div thumbsSlider="" class="swiper thumbnails">
            <div class="swiper-wrapper">
                {% for img in images %}
                    <div class="swiper-slide">
                        <img src="{{ img.image.getImageSrc() }}" />
                    </div>
                {% endfor %}
            </div>
        </div>
    {% endblock %}
    {% block stylesheet %}
        {{ parent() }}
        <link rel="stylesheet" href="{{ asset('files/Schrebergarten/layout/css/styles_addon_2025.css') }}" rel="stylesheet">
        <link rel="stylesheet" href="{{ asset('files/Schrebergarten/layout/css/custom.css') }}" rel="stylesheet">
        <link rel="stylesheet" href="{{ asset('files/Schrebergarten/layout/css/swiper.css') }}" rel="stylesheet">
    {% endblock %}