diff --git a/Javascript/app.js b/Javascript/app.js
index 7405e18..e69de29 100644
--- a/Javascript/app.js
+++ b/Javascript/app.js
@@ -1,8 +0,0 @@
-const swiper = new Swiper('.swiper', {
-    direction: 'vertical',
-    loop: true,
-  
-    pagination: {
-    el: '.swiper-pagination',
-    },
-});
diff --git a/Src/elefant.jpg b/Src/elefant.jpg
deleted file mode 100644
index 90062f5..0000000
Binary files a/Src/elefant.jpg and /dev/null differ
diff --git a/Src/giraffe.jpg b/Src/giraffe.jpg
deleted file mode 100644
index ff9059f..0000000
Binary files a/Src/giraffe.jpg and /dev/null differ
diff --git a/Src/gorilla.jpg b/Src/gorilla.jpg
deleted file mode 100644
index 03bd75c..0000000
Binary files a/Src/gorilla.jpg and /dev/null differ
diff --git a/Src/loewe.jpg b/Src/loewe.jpg
deleted file mode 100644
index e77c65d..0000000
Binary files a/Src/loewe.jpg and /dev/null differ
diff --git a/Src/zebra.jpg b/Src/zebra.jpg
deleted file mode 100644
index 44a7ae3..0000000
Binary files a/Src/zebra.jpg and /dev/null differ
diff --git a/Src/zoowebseite-high-resolution-logo-transparent.png b/Src/zoowebseite-high-resolution-logo-transparent.png
index f577f3b..bb26bde 100644
Binary files a/Src/zoowebseite-high-resolution-logo-transparent.png and b/Src/zoowebseite-high-resolution-logo-transparent.png differ
diff --git a/Src/zoowebseite-high-resolution-logo.png b/Src/zoowebseite-high-resolution-logo.png
index 305e750..2f84bfc 100644
Binary files a/Src/zoowebseite-high-resolution-logo.png and b/Src/zoowebseite-high-resolution-logo.png differ
diff --git a/Styles/style.css b/Styles/style.css
index a5a2b40..7bc39fb 100644
--- a/Styles/style.css
+++ b/Styles/style.css
@@ -3,11 +3,6 @@ section {
     height: 100vh;
 }
 
-.swiper {
-    width: 600px;
-    height: 300px;
-}
-
-.swiper-pagination .swiper-pagination-bullet {
-    background-color: rgba(0, 0, 0, 1);
-}
+footer {
+    height: 240px;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index ccee7b9..eac4d47 100644
--- a/index.html
+++ b/index.html
@@ -9,65 +9,82 @@
     </head>
     <body>
         <!-- Navbar -->
-        <nav>
-            <a><img>logo</a>
-
-            <li></li>
-            <li></li>
-            <li></li>
-            <li></li>
-            <li></li>
-        </nav>
-
-    <!-- Über Uns Section -->
-    <section class="container" id="ueberUns">
-        <div class="row">
-            <div class="col-md-6">
-                <!-- Gallery -->
-                <div class="swiper">
-                    <div class="swiper-wrapper">
-                        <!-- Slides -->
-                        <div class="swiper-slide"><img src="Src/loewe.jpg" class="img-fluid" alt="Loewe"></div>
-                        <div class="swiper-slide"><img src="Src/gorilla.jpg" class="img-fluid" alt="Gorilla"></div>
-                        <div class="swiper-slide"><img src="Src/zebra.jpg" class="img-fluid" alt="Zebra"></div>
-                        <div class="swiper-slide"><img src="Src/elefant.jpg" class="img-fluid" alt="Elefant"></div>
-                        <div class="swiper-slide"><img src="Src/giraffe.jpg" class="img-fluid" alt="Giraffe"></div>
-                    </div>
-                    <div class="swiper-pagination"></div>
+                   
+        <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>
-            <!-- Text content -->
-            <div class="col-md-6">
-                <h2>Text on the Right</h2>
-                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida, justo eget sagittis malesuada, leo velit lobortis orci, ac sodales lectus ipsum in libero. Phasellus hendrerit justo et risus blandit, nec ultricies ligula facilisis. Pellentesque luctus, justo id vehicula consectetur, metus tortor auctor felis, eget eleifend lorem neque eget lectus. Cras semper, velit non gravida pellentesque, elit lectus rhoncus eros, nec malesuada est nulla eu metus.</p>
-            </div>
-        </div>
-    </section>
+        </nav>
 
-        <!-- Öffnungszeiten Section -->
+    
+
+        <!-- Über Uns Section -->
         <section>
-            <h1>Öffnungszeiten</h1>
-            <p>Öffnungszeiten</p>
+            <h1>Über Uns</h1>
+            <p>Über Uns</p>
         </section>
 
-    <!-- Patenshop Section -->
-    <section>
-        <h1>Patenshop</h1>
-        <p>Patenshop</p>
-    </section>
+        <!-- Öffnungszeiten Section -->
+        <section class="container d-flex" id="openingHours">
+            <div class="row justify-content-center align-self-center">
+                <h1 class="text-center">Öffnungszeiten</h1>
+                <br>
+                <table class="table">
+                  <thead>
+                    <tr>
+                      <th>Tag</th>
+                      <th>Uhrzeit</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr>
+                      <td>Montag - Freitag</td>
+                      <td>9:00 - 18:00 Uhr</td>
+                    </tr>
+                    <tr>
+                      <td>Samstag</td>
+                      <td>10:00 - 15:00 Uhr</td>
+                    </tr>
+                    <tr>
+                      <td>Sonntag</td>
+                      <td>Geschlossen</td>
+                    </tr>
+                  </tbody>
+                </table>
+            </div>
+        </section>
+
+        <!-- Patenshop Section -->
+        <section>
+            <h1>Patenshop</h1>
+            <p>Patenshop</p>
+        </section>
 
         <!-- Footer -->
-        <footer>
-            <li></li>
-            <li></li>
-            <li></li>
-            <li></li>
-            <li></li>
+        <footer class="container-fluid d-flex bg-dark">
+            <img src="Src/zoowebseite-high-resolution-logo-transparent.png" height="200" class="align-self-center">
+            <div>
+                <li></li>
+                <li></li>
+                <li></li>
+                <li></li>
+                <li></li>
+            </div>
         </footer>
 
-    <!-- JavaScript -->
-    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-    <script src="Javascript/app.js"></script>
-</body>
-</html>
+        <!-- JavaScript -->
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
+        <script src="Javascript/app.js"></script>
+
+    </body>
+</html>
\ No newline at end of file

Tag	Uhrzeit
Montag - Freitag	9:00 - 18:00 Uhr
Samstag	10:00 - 15:00 Uhr
Sonntag	Geschlossen