{% extends "base.html" %}

{% block title %}404 - Seite nicht gefunden{% endblock %}

{% block content %}
<div class="min-h-[65vh] flex flex-col items-center justify-center px-4 py-12">
    <div class="glass-effect max-w-2xl w-full p-8 rounded-lg border border-gray-300/20 dark:border-gray-700/30 shadow-lg">
        <div class="text-center">
            <h1 class="text-6xl font-bold text-primary-600 dark:text-primary-400 mb-4">404</h1>
            <h2 class="text-2xl font-semibold mb-4">Seite nicht gefunden</h2>
            <p class="text-gray-600 dark:text-gray-300 mb-8">Die gesuchte Seite existiert nicht oder wurde verschoben. Bitte prüfen Sie die URL oder nutzen Sie die Navigation.</p>
            <div class="flex flex-col sm:flex-row gap-4 justify-center">
                <a href="{{ url_for('index') }}" class="btn-primary">
                    <i class="fa-solid fa-home mr-2"></i>Zur Startseite
                </a>
                <a href="javascript:history.back()" class="btn-secondary">
                    <i class="fa-solid fa-arrow-left mr-2"></i>Zurück
                </a>
            </div>
        </div>
    </div>
</div>
{% endblock %}