<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="/style.css">

    <link rel="icon" href="assets/images/favicon.ico" sizes="any">

    <title>Geizkragen</title>
</head>

<!--==================== HEADER ====================-->
<header class="header" id="header">
    <nav class="nav" aria-label="Hauptnavigation">
        <a class="nav__logoLink" href="index.php">
            <img class="nav__logo" src="/assets/images/logoText.png" alt="Geizhals" width="150">
        </a>

        <div class="nav__inner container">
            <div class="nav__menu" id="nav-menu">
                <ul class="nav__list">
                    <li class="nav__item">
                        <a href="index.php" class="nav__link">Home</a>
                   </li>

                   <li class="nav__item">
                       <a href="wunschliste.php" class="nav__link">Wunschliste</a>
                   </li>
               </ul>

               <!-- Close button -->
                <div class="nav__close" id="nav-close">
                    <i class="ri-close-line"></i>
                </div>
            </div>

            <div class="nav__actions">
                <!-- Login link -->
                <a class="nav__login" href="account.php" aria-label="Login">
                    <svg class="icon icon-user" viewBox="0 0 24 24" aria-hidden="true">
                        <path d="M4 22C4 17.5817 7.58172 14 12 14C16.4183 14 20 17.5817 20 22H18C18 18.6863 15.3137 16 12 16C8.68629 16 6 18.6863 6 22H4ZM12 13C8.685 13 6 10.315 6 7C6 3.685 8.685 1 12 1C15.315 1 18 3.685 18 7C18 10.315 15.315 13 12 13ZM12 11C14.21 11 16 9.21 16 7C16 4.79 14.21 3 12 3C9.79 3 8 4.79 8 7C8 9.21 9.79 11 12 11Z"/>
                    </svg>
                </a>


                <!-- Toggle button -->
                <div class="nav__toggle" id="nav-toggle">
                    <i class="ri-menu-line"></i>
                </div>
            </div>
        </div>
    </nav>
</header>
