<!DOCTYPE html>
<html lang="en">
    <head>
        <%- include("../snippets/head.ejs", {
            title: title,
            date: date,
            desc: desc,
            url: url,
            env: env,
            sitetype: sitetype
        }); %>
        <style type="text/css">
            body {
                margin: 0;
                background-image: url(/img/svg/footer.svg);
                width: 100%;
                height: 100vh;
                overflow: hidden;
            }

            h1, p, a {
                padding: 0 15vw;
                color: #ecf3f8;
            }

            h1 {
                font-family: "Teko", monospace;
                font-size: 50px;
                word-break: normal;
                -webkit-hyphens: auto;
                hyphens: auto;
                line-break: loose;
            }

            p, a, span {
                font-family: "Titillium Web", sans-serif;
                font-size: calc(50px / (1.414 * 2));
            }

            span {
                color: #f6a709;
                word-break: break-all;
            }

            a {
                display: block;
            }
        </style>
    </head>
    <body>
        <h1>Error 404 / Nicht gefunden</h1>
        <p>Wir konnten <span><%= origin_url + url %></span> leider nicht finden...</p>
        <a href="/">Zur√ºck zum Startbildschirm</a>
    </body>
</html>