<!doctype html>
<html lang="nl">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% if page.title %}{{ page.title }} – {% endif %}Natascha Rieter</title>
    <meta name="description" content="{{ page.header.description ?? 'Keramieke Galerie Groot Welsden – Natascha Rieter' }}">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
    {% block extra_css %}{% endblock %}
    <link rel="stylesheet" href="{{ url('theme://css/custom.css') }}">
</head>
<body>

<div class="container mt-3 mt-sm-5">
    {% include 'partials/nav.html.twig' %}

    <div class="{{ page_class ?? 'p-3' }}" id="main-outline">
        {% block content %}{% endblock %}
    </div>

    <div class="row text-color-white mt-3">
        <footer>
            <p>&copy; 2021–2026 – Kunst Galerie &amp; Atelier Natascha Rieter</p>
        </footer>
    </div>
</div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
{% block extra_js %}{% endblock %}
<script src="{{ url('theme://js/main.js') }}"></script>
</body>
</html>
