diff --git a/index.html b/index.html
index 5bde0da..eac4d47 100644
--- a/index.html
+++ b/index.html
@@ -9,16 +9,25 @@
     </head>
     <body>
         <!-- Navbar -->
-        <nav>
-            <a><img>logo</a>
-
-            <li></li>
-            <li></li>
-            <li></li>
-            <li></li>
-            <li></li>
+                   
+        <nav class="navbar sticky-top navbar-expand-lg bg-body-tertiary bg-dark border-bottom border-body" data-bs-theme="dark">
+            <div class="container-fluid">
+                <a class="navbar-brand" href="#"><img src="Src/zoowebseite-high-resolution-logo-transparent.png" alt="Logo" width="120" height="120" class="d-inline-block align-text"></a>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
+                <div class="navbar-nav">
+                    <a class="nav-link active" aria-current="page" href="#">Über uns</a>
+                    <a class="nav-link" href="#openingHours">Öffnungszeiten</a>
+                    <a class="nav-link" href="#">Patenshop</a>  
+                </div>
+                </div>
+            </div>
         </nav>
 
+    
+
         <!-- Über Uns Section -->
         <section>
             <h1>Über Uns</h1>
