<!doctype html>
<html lang="de">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bestellung fehlgeschlagen</title>
    <style>
        @import 'css/mobile.css' (max-width: 480px);
        @import 'css/desktop.css' (min-width: 480px);
    </style>
</head>

<body>
    <header>
        <nav>
            <div class="navbar-mobile">
                <div class="nav-container">
                  <input class="checkbox" type="checkbox" name="" id="" />
                    <div class="hamburger-lines">
                        <span class="line line1"></span>
                        <span class="line line2"></span>
                        <span class="line line3"></span>
                    </div>
                    <nav class="navbar menu-items">
                        <a href="ueber_uns.html">Über uns</a>
                        <a href="produkte.html">Produkte</a>
                        <a href="warenkorb.html">Warenkorb</a>
                        <a href="kontakt.html">Kontakt</a>
                        <a href="impressum.html">Impressum</a>
                        <a href="datenschutz.html">Datenschutz</a>
                    </nav> 
                </div>
            </div>
        </nav>
        <nav> 
            <div class="header_logo">
                <a href="index.html">
                <img src="pictures/logo_secondharvest_transparent.png" width="200" alt="Second Harvest Logo"></a>
            </div>
            <div class="header_desktop">
                <h1>Second Harvest</h1>
                <p>Gib Lebensmitteln eine zweite Chance</p>
            </div>
            <div class="header_desktop">
                <nav class="navbar-desktop" style="--items: 4;">
                    <a href="ueber_uns.html">Über uns</a>
                    <a href="produkte.html">Produkte</a>
                    <a href="warenkorb.html">Warenkorb</a>
                    <a href="kontakt.html">Kontakt</a>
                </nav>
            </div>
        </nav>
    </header>

    <div>
        <br/> <br/> <br/> <br/> <br/> <br/> <br/>
        <p style="font-size: 30px"> Es ist ein Fehler aufgetreten</p>
		 <br/>
        <p>Klicken sie <a href="warenkorb.html">hier</a> um zum warenkorb zurückzukehren</p>
    </div>    



    <footer>
        <nav class="navbar-desktop" style="--items: 2;">
            <a href="impressum.html">Impressum</a>
            <a href="datenschutz.html">Datenschutz</a>
        </nav>
        <div id="balken"></div>
    </footer>

</body>

</html>