
<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>
                    <div 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>
                    </div>
                </div>
                <div id="header-mobile-farbe">
                    <span class="header-mobile-text">
                        <h1>Second Harvest</h1>
                        <p>Gib Lebensmitteln eine zweite Chance</p>
                    </span>
                </div>
                <div id="header-mobile-farbe" class="header-mobile-logo">
                    <a href="index.html">
                    <img src="pictures/logo_secondharvest_transparent.png" width="120" alt="Second Harvest Logo"></a>
                </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>