404.html

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Seite nicht gefunden - Devils Rock Trails</title>
    <meta name="description" content="Diese Seite gibt es auf devilsrock.de nicht.">
    <!-- @head -->
    <meta name="theme-color" content="#003947">
    <meta name="robots" content="noindex">
    <meta property="og:type" content="website">
    <meta property="og:locale" content="de_DE">
    <meta property="og:site_name" content="Devils Rock Trails">
    <meta property="og:title" content="Seite nicht gefunden - Devils Rock Trails">
    <meta property="og:description" content="Diese Seite gibt es auf devilsrock.de nicht.">
    <meta property="og:image" content="https://www.devilsrock.de/assets/images/og-image.jpg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:alt" content="Devils Rock Trails Logo vor einem Mountainbiker im Wald">
    <meta name="twitter:card" content="summary_large_image">
    <link rel="icon" href="/assets/icons/favicon.ico" sizes="48x48">
    <link rel="icon" type="image/png" href="/assets/icons/icon-192.png" sizes="192x192">
    <link rel="apple-touch-icon" href="/assets/icons/apple-touch-icon.png">
    <link rel="manifest" href="/site.webmanifest">
    <link rel="preload" href="/assets/fonts/roboto-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="stylesheet" href="/css/fonts.css">
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/components.css">
    <link rel="stylesheet" href="/css/layout.css">
    <link rel="stylesheet" href="/css/pages.css">
    <!-- /@head -->
</head>
<body class="subpage">
    <!-- @nav -->
    <nav class="navbar">
        <div class="nav-container">
            <div class="nav-logo">
                <a href="/" aria-label="Devils Rock Trails Startseite">
                    <img src="/assets/logo/logo-name/drt-logo-name-weiss.svg" alt="Devils Rock Trails Logo" class="nav-logo-img">
                </a>
            </div>
            <div class="nav-links" id="nav-links">
                <a href="/">Home</a>
                <a href="/#trail">Trails</a>
                <a href="/#community">Community</a>
                <a href="/crew">Crew</a>
                <a href="/#team">Kontakt</a>
                <a href="/nutzungsbestimmungen">Nutzungsbestimmungen</a>
                <a href="/spenden">Spenden</a>
                <a href="/schaden-melden">Schaden melden</a>
            </div>
            <button type="button" class="nav-toggle" aria-label="Menü öffnen" aria-expanded="false" aria-controls="nav-links">
                <span></span>
                <span></span>
                <span></span>
            </button>
        </div>
    </nav>
    <!-- /@nav -->

    <section class="page-header">
        <div class="container">
            <h1>Falsch abgebogen</h1>
            <p class="header-subtitle">Diese Seite gibt es leider nicht (Fehler 404)</p>
        </div>
    </section>

    <section class="content-section">
        <div class="container">
            <div class="content-card not-found">
                <p>Vielleicht hat sich die Adresse geändert, oder der Link war fehlerhaft. Hier geht's zurück auf den Trail:</p>
                <div class="crew-actions">
                    <a href="/" class="btn btn-primary">
                        <svg class="icon" aria-hidden="true"><use href="/assets/icons/icons.svg#house"></use></svg>
                        Zur Startseite
                    </a>
                    <a href="/#trail" class="btn btn-outline">
                        <svg class="icon" aria-hidden="true"><use href="/assets/icons/icons.svg#route"></use></svg>
                        Trails & GPX
                    </a>
                    <a href="/schaden-melden" class="btn btn-outline">
                        <svg class="icon" aria-hidden="true"><use href="/assets/icons/icons.svg#triangle-exclamation"></use></svg>
                        Schaden melden
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- @footer -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <div class="footer-logo">
                        <img src="/assets/logo/logo-komplett/drt-logo-schwarzer-hintergrund.svg" alt="Devils Rock Trails Logo" class="footer-logo-img" width="120" height="102" loading="lazy">
                    </div>
                </div>
                <div class="footer-section">
                    <p>Die Trails wurden 2022 in gemeinschaftlicher ehrenamtlicher Arbeit errichtet.</p>
                </div>
                <div class="footer-section">
                    <p>Die Trails stehen kostenfrei zur Verfügung und werden in Abstimmung mit Gemeinde, Forstamt und Naturschutzbehörde betrieben.</p>
                </div>
            </div>
            <div class="footer-bottom">
                <p>&copy; <span class="footer-year">2026</span> Devils Rock Trails</p>
                <nav class="footer-links" aria-label="Footer">
                    <a href="/crew">Crew</a>
                    <a href="https://fchennweiler.de/impressum/" target="_blank" rel="noopener">Impressum</a>
                    <a href="/datenschutz">Datenschutz</a>
                    <a href="/pages/design.html">Design</a>
                    <a href="https://github.com/dottenbr/devilsrock.de" target="_blank" rel="noopener">
                        <svg class="icon" aria-hidden="true"><use href="/assets/icons/icons.svg#github"></use></svg> GitHub
                    </a>
                </nav>
            </div>
        </div>
    </footer>
    <!-- /@footer -->

    <script src="/js/site.js" defer></script>
</body>
</html>