{% extends 'base.html' %}
{% block title %}Themen{% endblock %}
{% block content %}
<section class="card">
    <h1>Themen</h1>
    <div class="topic-grid">
        {% for item in themen %}
            <article class="topic-box">
                <h2>{{ item.kurztitel }}</h2>
                <h3>{{ item.titel }}</h3>
                <p>{{ item.infotext }}</p>
                <a class="btn" href="{{ url_for('topic', thema_id=item.id) }}">Thema öffnen</a>
            </article>
        {% endfor %}
    </div>
</section>
{% endblock %}