{% block benefitsList %}
    <div class="ce_benefits-list py-md-5">

        <h2 class="special-headline mb-5 ">{{ headline }}</h2>

        <div class="row gy-5 justify-content-center pt-md-3">
            {% for item in data %}
                <div class="col-auto item animate-fadeIn">
                    <div class="item-inner">
                        <div class="img-container pb-md-4">
                            <img src="{{ item.bildsrc }}" alt="{{ item.text }}">
                        </div>

                        <span>{{ item.text }}</span>
                        <div class="btn-container pt-md-3">
                            <a class="btn btn-outline-primary d-inline-block" href="{{ item.link }}">Mehr Erfahren</a>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}



