<!doctype html>
<html lang="{{ grav.language.active ?? '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' }}">
    <meta property="og:title" content="{% if page.title %}{{ page.title }} – {% endif %}Natascha Rieter">
    <meta property="og:description" content="{{ page.header.description ?? 'Keramieke Galerie Groot Welsden – Natascha Rieter' }}">
    <meta property="og:image" content="{{ url('theme://images/logo-blauw.png', true) }}">
    <meta property="og:url" content="{{ page.permalink }}">
    <meta property="og:type" content="website">
    <link rel="icon" type="image/png" href="{{ url('theme://images/logo-vignet-blauw.png') }}">
    <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') }}">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" defer></script>
    <script src="{{ url('theme://js/main.js') }}" defer></script>
    {% block extra_js %}{% endblock %}
</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>

</body>
</html>
