<nav style="background-color: #f8f8f4; border-top: 5px solid #71a866;" class="pt-4 pb-4">
    <div class="container">
        <nav class="navbar navbar-expand-lg">
            <div class="container-fluid" style="justify-content: normal;">
                        <a href="{{ url('/') }}" class="navbar-brand"><img alt="Logo" src="{{ asset('template/images/logo.png') }}" class="navbar-brand" width="251" height="79"></a>

                        <button class="navbar-toggler ms-4" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="navbar-toggler-icon"></span>
                        </button>




                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                        <style>
                            .nav-item a{
                                font-weight: bold;
                                color: #413c35;
                                font-size: 20px;
                            }
                            .nav-item a:hover, .nav-item a:active{
                                color: #71a866;
                            }


                            @font-face {
                                font-family:"Merriweather-Regular";
                                src: url("{{ asset('template/fonts/Merriweather-Bold.ttf') }}") format("truetype");
                            }

                        </style>
                        <li class="nav-item mt-3">
                            <a class="nav-link mx-md-4" href="{{url('/verkaufsstellen')}}">Verkaufsstellen</a>
                        </li>
                        <li class="nav-item mt-3">
                            <a class="nav-link mx-md-4" href="{{url('/huehnerhof')}}">Hühnerhof</a>
                        </li>
                        <li class="nav-item mt-3">
                            <a class="nav-link mx-md-4" href="{{url('/baeckerei')}}">Bäckerei</a>
                        </li>
                        <li class="nav-item mt-3">
                            <a class="nav-link" href="{{url('/kontakt')}}">Kontakt</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</nav>