{% extends 'layout.html.twig' %}

{% block content %}
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 px-4 lg:px-8 py-8 lg:py-16">
    <div>
        <h1 class="text-white uppercase pb-4 mb-8 border-b border-primary-bg/40">
            Oops...
        </h1>
        <p class="text-white pb-8">
            Da ist etwas schiefgelaufen. Wir haben uns Notizen gemacht und kümmern uns schnellstmöglich darum.
        </p>
        <button type="button" class="button button--primary" {{ stimulus_controller('backbutton') }} {{ stimulus_action('backbutton', 'navigateBack') }}>
            zurück
        </button>
    </div>
</div>
{% endblock %}