
    <!DOCTYPE html>
    <html lang="de">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Elektro Tim - Offline</title>
        <style>
            /* --- Grunddesign (Twenty Twenty Style) --- */
            :root {
                --bg-color: #00136b;
                --accent-color: #cd2653;
                --text-color: #ffffff;
                --text-muted: #dcdcdc;
            }

            * { box-sizing: border-box; }

            body {
                background-color: var(--bg-color);
                color: var(--text-color);
                font-family: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;
                margin: 0;
                display: flex;
                flex-direction: column;
                min-height: 100vh;
            }

            /* --- Header (Oben Links) --- */
            #site-header {
                padding: 3rem 4rem;
                width: 100%;
            }

            .logo-text {
                font-weight: 700;
                font-size: 1.5rem;
                letter-spacing: -0.02em;
                text-transform: uppercase;
                color: var(--text-color);
                line-height: 1.2;
            }

            /* --- Main Content (Mitte) --- */
            #site-content {
                flex-grow: 1;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-align: center;
                padding: 2rem;
            }

            /* Box für die Öffnungszeiten */
            .hours-box {
                background: rgba(255, 255, 255, 0.05);
                padding: 20px 30px;
                border-radius: 8px;
                display: inline-block;
            }

            .hours-text {
                font-weight: 700;
                color: #ffffff;
                margin: 0;
                font-size: 1.2rem;
                line-height: 1.6;
            }

            /* --- Footer (Ganz Unten) --- */
            #site-footer {
                padding: 0rem 2rem;
                font-size: 1rem;
                font-weight: 600;
                color: var(--text-color);
                display: flex;
                align-items: center;
                gap: 30px;
            }

            .footer-copyright {
                margin: 1;
            }

            .footer-contact {
                 margin: 1;
            }

            /* Mobile Anpassung */
            @media (max-width: 700px) {
                #site-header, #site-footer {
                    padding: 2rem;
                    justify-content: center;
                    flex-wrap: wrap;
                }
            }

        </style>
    </head>
    <body>

        <!-- HEADER -->
        <header id="site-header">
            <div class="logo-text">
                Elektro Tim
            </div>
        </header>

        <!-- HAUPTINHALT -->
        <main id="site-content">
            <div class="hours-box">
                <p class="hours-text">
                    Der Server ist ausgeschaltet.<br>
                    <br>
                    Erreichbar Sonntag – Donnerstag: 08:00 – 22:45 Uhr<br>
                    Freitag & Samstag: 08:00 – 01:00 Uhr
                </p>
            </div>
        </main>

        <!-- FOOTER -->
        <footer id="site-footer">
            <p class="footer-copyright">&copy; 2026 Elektro Tim</p>
            <p class="footer-contact"> Kontakt: tim@elektro-tim.de</p>
        </footer>

    </body>
    </html>