{# Nur die Liste - HTMX ersetzt beim Filtern genau diesen Ausschnitt,
   statt die ganze Seite neu zu laden. #}
<div id="liste">
    {% if items %}
        <p class="text-sm text-slate-500 dark:text-slate-400 dark:text-slate-500 mb-3">{{ gesamt }} Stück</p>
        <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-3">
            {% for item in items %}{% include "_kachel.html" %}{% endfor %}
        </div>

        {% if gesamt > items|length %}
            <div class="text-center mt-6">
                <button class="knopf-still"
                        hx-get="{{ mehr_url }}"
                        hx-target="#liste"
                        hx-swap="outerHTML">
                    Mehr anzeigen
                </button>
            </div>
        {% endif %}
    {% else %}
        <p class="text-center text-slate-500 dark:text-slate-400 dark:text-slate-500 py-12">
            Hier ist gerade nichts. Vielleicht mit einem anderen Filter?
        </p>
    {% endif %}
</div>