<!DOCTYPE html>
        <html>
            <head>
                <meta lang="de"/>
                <meta charset="utf-8"/>
                <meta name="viewport" content="device=device-width, initial-scaling=1"/>
                <link rel="Stylesheet" type="text/css" href="style.css"/>
                <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
                <title>Candle Bibliothek | Erfolgreich Registriert</title>
                <link rel="icon" href="pictures/candle.png">
            </head>
        
            <body>
                <header>
                    <h1 class="kopf" >
                        <br><br>
                        Bibliothek <a href="index.html" id="bildID"> <img id="CandleID" src="pictures/candle.png" alt="Bild von einer Kerze"
                                                                          width="200" height="192"/>  </a>
                            <br><br> Candle
                    </h1>  
                    <div> 
                        <a id="uberuns" href="uberuns.html">Über Uns</a>
                        <a id="buecher" href="buecher.php">Bücher</a>
                        <a id="meinebuecher" href="anmelden_meinebuecher.php">Meine Bücher</a>
                        <a  id="abmelden" href="abmelden.php">Abmelden</a>
                        <form action="">
                            <input class="suchleiste" type="search" placeholder="Suche..."  >
                            <button type="submit" id="buttonID" class="searchButton"><i class="fa fa-search"></i> </button> 
                        </form>
                        <a id="erweitertesuche" href="erweitertesuche.html">Erweiterte Suche</a>
                        <a href="anmelden.php" id="warenKorbID"> <img id="shoppingCard" src="pictures/einkaufswagen.png" alt="Bild von einem Wagen"
                            width="50" height="50"/>  </a>    
                    </div>
                </header>
        
                <!--------------------------------------------------------------------->
        
                <div class="mainContentContainer">
                    <div class="titleContainer">
                        <h1 id="registeredTitle">Fehler</h1>
                    </div>
                    <div class="mainContent">
                        <p id="textFirstHalf">
                            
                            Sie haben sich noch nicht registriert!
                        </p>    
                        <input type="button" id="loginNowButton" value="jetzt Registrieren"
                        onclick="linkToRegisterPage()">
        
                        <script>
                            function linkToRegisterPage() {
                                window.location.replace("registrierung.php");
                            }
                        </script>
                        <br><br><br>
                    </div>  
                </div>
                
                <!--------------------------------------------------------------------->
        
                <!--Link JS file-->
                <script src="burgerIcon.js"></script>
                <script>
                    var widthissue = false;
              window.addEventListener("resize", function(event) {
                if(window.innerWidth > 800 && widthissue) {
                    widthissue = false
                    unset()
                } 
                else if(window.innerWidth < 800) widthissue = true;
                })
                
                </script>
        
                <nav id="activeid" class="active">
                    <div class="navLinks">
                        <input class="nav-toggleclass"id="nav-toggle" type="checkbox" onclick="openNav()";>
                        <label for="nav-toggle" class="icon-burger" >
                            <div class="line"></div>
                            <div class="line"></div>
                            <div class="line"></div>
                        </label>
                    </div>
                </nav>
        
        
                <footer class="fuss" >
                    <div> 
                        <a id="impressum" href="impressum.html">Impressum</a>
                        <a  id="kontakt" href="kontakt.html">Kontakt</a> 
                        <a  id="datenschutz" href="datenschutz.html">Datenschutz</a>
                    
                    </div>
                </footer>
        
            </body>
            
        </html>