// document.getElementById("header").innerHTML = `
//     <h1 class='kopf' >
//         <br><br>
//         Bibliothek
//         <a href='index.php' 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.php'>Ü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.php'>
//             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.php">Impressum</a>
        <a  id="kontakt" href="kontakt.php">Kontakt</a> 
        <a  id="datenschutz" href="datenschutz.php">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>`;