<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="_csrf" content="C6yL_NivWHLpfx6QphNhTfc6HtSiZDVg1670vYGztWLrHy4HaZzuzLuWa0HESSmnlT5VK85YM-3BUgVN4czNi-SB1gDbLU9h"/>
    <meta name="_csrf_header" content="X-CSRF-TOKEN"/>
    <title>Fehler</title>

    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="/dist/assets/main-FABauG0O.css" />
    <link rel="stylesheet" href="/css/admin.css">
    <link rel="stylesheet" href="/css/theme-overrides.css">
    <link rel="stylesheet" href="/css/maintenance.css">
    <script type="module" src="/dist/assets/main-CJK76J3D.js"></script>
    <script src="https://www.google.com/recaptcha/api.js"></script>
    <style>
        :root{ --theme-primary: "#f7f7f7"; }
    </style>
</head>
<body>
<header>

    <!-- Announcements -->
    

    <!-- Wartungsbanner -->
    

    <!-- Navigation -->
    <nav class="nav glass" x-data="{ open:false }" aria-label="Hauptnavigation">
        <div class="container">
            <div class="nav-left flex align-center gap-sm">
                <a class="brand" href="/">WS⚡Shop</a>
                
                
                
                <a class="link" href="/">Startseite</a>
            </div>

            <!-- Suche (Desktop) -->
            <form class="search hide-sm"
                  action="/"
                  method="get"
                  role="search"
                  aria-label="Produktsuche">
                <input type="search" name="q" value="" placeholder="Suche Produkte…"/>
                <button type="submit" class="btn">Suchen</button>
            </form>

            <!-- Aktionen (Desktop) -->
            <div class="nav-right hide-sm">
                <a href="/cart" class="link" aria-label="Warenkorb">🛒 Warenkorb</a>
                <button class="theme-transition"
                        type="button"
                        id="themeToggle"
                        title="Theme umschalten"
                        aria-label="Theme umschalten">🌓</button>

                
                <span>
                    <a href="/login" class="btn ghost">Login</a>
                    <a class="btn" href="/register">Registrieren</a>
                </span>
            </div>

            <!-- Burger (nur Mobile) -->
            <button class="burger only-sm"
                    @click="open = !open"
                    :aria-expanded="open ? 'true' : 'false'"
                    aria-controls="mobileMenu"
                    aria-label="Menü öffnen/schließen">
                ☰
            </button>
        </div>

        <!-- Mobile-Menü -->
        <div id="mobileMenu"
             class="mobile-menu only-sm"
             :class="{ 'open': open }"
             x-cloak>
            <form class="search"
                  action="/"
                  method="get"
                  role="search"
                  aria-label="Produktsuche (mobil)">
                <input type="search" name="q" value="" placeholder="Suche Produkte…"/>
                <button type="submit" class="btn">Suchen</button>
            </form>

            <div class="stack">
                <a href="/cart" class="link">🛒 Warenkorb</a>
                <button type="button" class="btn ghost" id="themeToggleMobile">🌓 Theme</button>

                
                <span>
                    <a href="/login" class="btn">Login</a>
                    <a class="btn" href="/register">Registrieren</a>
                </span>
            </div>
        </div>
    </nav>
</header>
<main class="container">
  <section class="card glass danger">
    <h1>Uups – da ist was schiefgelaufen</h1>
    <p></p>
    <p>HTTP-Status: <span>500 INTERNAL_SERVER_ERROR</span></p>
    <a href="/" class="btn">Zur Startseite</a>
  </section>
</main>
<footer>
    <div class="container footer glass">
        <div>
            <strong>Mein Webshop</strong>
            <p class="muted">Gute Produkte. Faire Preise.</p>
        </div>
        <div>
            <span class="muted">Service</span><br/>
            <a href="#" class="link">Versand & Rückgabe</a><br/>
            <a href="#" class="link">Support</a>
        </div>
        <div>
            <span class="muted">Rechtliches</span><br/>
            <a href="/impressum" class="link">Impressum</a><br/>
            <a href="/datenschutz" class="link">Datenschutz</a>
        </div>
    </div>
</footer>
</body>
</html>
