{% 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 class="teaser-text">
                            <div class="teaser-text-wrapper">
                                <h2>Valensina IceTea</h2>
                                <hr>
                                <p><strong><span style="color: #ecf0f1;">Jung, fruchtig, wild!</span></strong></p>
                                <p><strong><span style="color: #ecf0f1;">Hol dir den Geschmack von Valensina IceTea! Mit extra hohem Fruchtgehalt von 5 %! In der 0,5 L und 1 L-Flasche erhältlich. Gönn dir den Genuss!</span></strong></p>                                                    </div>
                            </div>
                            <a href="/produkt?id=35#158" target="_self" tabindex="0">
                                <button class="button orange-button" tabindex="0">JETZT ENTDECKEN</button>
                            </a>
                        </div>
                    </div>
                {% endfor %}
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></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 %}