document.getElementById("header").innerHTML = `
    <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='suchergebnisse.php'>
            <input type="hidden" name="searchType" value="simple">
            <input name="searchFor" 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>`;

document.getElementById("footer").innerHTML = `
    <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>`;

document.getElementById("activeid").innerHTML = `
    <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>`;