{% extends "base.html" %}

{% block title %}403 - Zugriff verweigert{% endblock %}

{% block content %}
<div class="container mx-auto px-4 py-8">
    <div class="max-w-md mx-auto bg-white rounded-lg shadow-lg p-8 text-center">
        <div class="mb-6">
            <div class="text-6xl text-red-500 mb-4">🚫</div>
            <h1 class="text-3xl font-bold text-gray-800 mb-2">403</h1>
            <h2 class="text-xl text-gray-600 mb-4">Zugriff verweigert</h2>
        </div>
        
        <div class="mb-6">
            <p class="text-gray-600 mb-4">
                Sie haben keine Berechtigung, auf diese Seite zuzugreifen.
            </p>
            <p class="text-sm text-gray-500">
                Falls Sie glauben, dass dies ein Fehler ist, wenden Sie sich an einen Administrator.
            </p>
        </div>
        
        <div class="space-y-3">
            <a href="{{ url_for('index') }}" 
               class="block w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded-lg transition-colors">
                Zur Startseite
            </a>
            <button onclick="history.back()" 
                    class="block w-full bg-gray-500 hover:bg-gray-600 text-white font-medium py-2 px-4 rounded-lg transition-colors">
                Zurück
            </button>
        </div>
    </div>
</div>
{% endblock %}