diff --git a/public/index.html b/public/index.html
index 5304ff9cc211de9f6ff3d1855b46e89c39457b44..b64e3634669a72a64cb808e9645f6c9dd5d09b90 100644
--- a/public/index.html
+++ b/public/index.html
@@ -397,301 +397,98 @@
    
 
     <!-- Team Section -->
-    <section id="team" class="team section">
-
-      <!-- Section Title -->
-      <div class="container section-title" data-aos="fade-up">
-        <h2>Team</h2>
-        <p>Unser engagiertes Team</p>
-      </div><!-- End Section Title -->
-
-      <div class="container">
-
-        <div class="row gy-4">
-
-          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
-            <div class="team-member">
-              <div class="member-img">
-                <img src="assets/img/team/DieterUckelmann.png" class="img-fluid" alt="">
-                <div class="social">
-                 <!-- <a href=""><i class="bi bi-twitter-x"></i></a>-->
-                 <!-- <a href=""><i class="bi bi-facebook"></i></a> -->
-                 <!-- <a href=""><i class="bi bi-instagram"></i></a>-->
-                  <a href="https://www.linkedin.com/in/dieter-uckelmann-58aaa93/"><i class="bi bi-linkedin"></i></a>
-                  <a href="https://www.hft-stuttgart.de/p/dieter-uckelmann" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
-     
+    <!-- Team Section -->
+<section id="team" class="team section">
+  <!-- Section Title -->
+  <div class="container section-title" data-aos="fade-up">
+    <h2>Team</h2>
+    <p>Unser engagiertes Team</p>
+  </div><!-- End Section Title -->
+
+  <div class="container">
+    <div id="teamCarousel" class="carousel slide" data-bs-ride="carousel">
+      <div class="carousel-inner">
+
+        <div class="carousel-item active">
+          <div class="row gy-4">
+            <!-- Team Member 1 -->
+            <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
+              <div class="team-member">
+                <div class="member-img">
+                  <img src="assets/img/team/DieterUckelmann.png" class="img-fluid" alt="">
+                  <div class="social">
+                    <a href="https://www.linkedin.com/in/dieter-uckelmann-58aaa93/"><i class="bi bi-linkedin"></i></a>
+                    <a href="https://www.hft-stuttgart.de/p/dieter-uckelmann" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
+                  </div>
                 </div>
-              </div>
-              <div class="member-info">
+                <div class="member-info">
                   <h4>Prof. Dr.-Ing. Dieter Uckelmann</h4>
                   <span>Professor / Wissenschaftlicher Direktor</span>
-    
                 </div>
               </div>
             </div><!-- End Team Member -->
 
-          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
-            <div class="team-member">
-              <div class="member-img">
-                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
-                <div class="social">
-                  <!-- <a href=""><i class="bi bi-twitter-x"></i></a>-->
-                 <!-- <a href=""><i class="bi bi-facebook"></i></a> -->
-                 <!-- <a href=""><i class="bi bi-instagram"></i></a>-->
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                   <a href="https://www.hft-stuttgart.de/p/tatyana-podgayetskaya" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
-                </div>
-              </div>
-
-              <div class="member-info">
-                <h4>Dr. Tatyana Podgayetskaya </h4>
-                <span>Akademische Mitarbeiterin</span>
-                
-              </div>
-            </div>
-          </div><!-- End Team Member -->
-
-          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="300">
-            <div class="team-member">
-              <div class="member-img">
-                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
-                <div class="social">
-                 <!-- <a href=""><i class="bi bi-twitter-x"></i></a>-->
-                 <!-- <a href=""><i class="bi bi-facebook"></i></a> -->
-                 <!-- <a href=""><i class="bi bi-instagram"></i></a>-->
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                   <a href="https://www.hft-stuttgart.de/p/sunita-hirsch" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
+            <!-- Team Member 2 -->
+            <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="200">
+              <div class="team-member">
+                <div class="member-img">
+                  <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
+                  <div class="social">
+                    <a href=""><i class="bi bi-linkedin"></i></a>
+                    <a href="https://www.hft-stuttgart.de/p/tatyana-podgayetskaya" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
+                  </div>
                 </div>
-              </div>
-              <div class="member-info">
-                <h4>Dr. Sunita Hirsch </h4>
-                <p> </p>
-                <span>Akademische Mitarbeiterin</span>
-                
-               
-              </div>
-            </div>
-          </div><!-- End Team Member -->
-
-          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400">
-            <div class="team-member">
-              <div class="member-img">
-                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
-                <div class="social">
-                  <a href=""><i class="bi bi-twitter-x"></i></a>
-                  <a href=""><i class="bi bi-facebook"></i></a>
-                  <a href=""><i class="bi bi-instagram"></i></a>
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Amanda Jepson</h4>
-                <span>Accountant</span>
-                <p>Rerum voluptate non adipisci animi distinctio et deserunt amet voluptas. Quia aut aliquid doloremque ut possimus ipsum officia.</p>
-              </div>
-            </div>
-          </div><!-- End Team Member -->
-
-        </div>
-
-      </div> <!--  end div container -->
-      
-      <div>
-        <p> </p>
-      </div>
-      <!-- 2de Container - Team -->
-      <div class="container">
-
-        <div class="row gy-4">
-
-          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="500">
-            <div class="team-member">
-              <div class="member-img">
-                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
-                <div class="social">
-                 <!-- <a href=""><i class="bi bi-twitter-x"></i></a>-->
-                 <!-- <a href=""><i class="bi bi-facebook"></i></a> -->
-                 <!-- <a href=""><i class="bi bi-instagram"></i></a>-->
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                  <a href="" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
-     
-                </div>
-              </div>
-              <div class="member-info">
-                  <h4>XXXXX</h4>
-                  <span>XXXXX</span>
-    
+                <div class="member-info">
+                  <h4>Dr. Tatyana Podgayetskaya</h4>
+                  <span>Akademische Mitarbeiterin</span>
                 </div>
               </div>
             </div><!-- End Team Member -->
 
-          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="600">
-            <div class="team-member">
-              <div class="member-img">
-                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
-                <div class="social">
-                  <!-- <a href=""><i class="bi bi-twitter-x"></i></a>-->
-                 <!-- <a href=""><i class="bi bi-facebook"></i></a> -->
-                 <!-- <a href=""><i class="bi bi-instagram"></i></a>-->
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                   <a href="" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
-                </div>
-              </div>
-
-              <div class="member-info">
-                <h4>XXXXX </h4>
-                <span>XXXX</span>
-                
-              </div>
-            </div>
-          </div><!-- End Team Member -->
-
-          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="700">
-            <div class="team-member">
-              <div class="member-img">
-                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
-                <div class="social">
-                 <!-- <a href=""><i class="bi bi-twitter-x"></i></a>-->
-                 <!-- <a href=""><i class="bi bi-facebook"></i></a> -->
-                 <!-- <a href=""><i class="bi bi-instagram"></i></a>-->
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                  <a href="" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4> xxxxxxxxxxx</h4>
-                <p> </p>
-                <span>xxxxx</span>
-                
-               
-              </div>
-            </div>
-          </div><!-- End Team Member -->
-
-          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400">
-            <div class="team-member">
-              <div class="member-img">
-                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
-                <div class="social">
-                  <a href=""><i class="bi bi-twitter-x"></i></a>
-                  <a href=""><i class="bi bi-facebook"></i></a>
-                  <a href=""><i class="bi bi-instagram"></i></a>
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Amanda Jepson</h4>
-                <span>Accountant</span>
-                <p>Rerum voluptate non adipisci animi distinctio et deserunt amet voluptas. Quia aut aliquid doloremque ut possimus ipsum officia.</p>
-              </div>
-            </div>
-          </div><!-- End Team Member -->
+            <!-- More team members... -->
 
+          </div>
         </div>
 
-        
-        </div> <!--  end div container -->
-      <!-- End 2de Container - Team -->
-<div>
-        <p> </p>
-      </div>
-      <!-- 3de Container - Team -->
-      <div class="container">
-
-        <div class="row gy-4">
-
-          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="500">
-            <div class="team-member">
-              <div class="member-img">
-                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
-                <div class="social">
-                 <!-- <a href=""><i class="bi bi-twitter-x"></i></a>-->
-                 <!-- <a href=""><i class="bi bi-facebook"></i></a> -->
-                 <!-- <a href=""><i class="bi bi-instagram"></i></a>-->
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                  <a href="" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
-     
+        <div class="carousel-item">
+          <div class="row gy-4">
+            <!-- Team Member 5 -->
+            <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="100">
+              <div class="team-member">
+                <div class="member-img">
+                  <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
+                  <div class="social">
+                    <a href=""><i class="bi bi-linkedin"></i></a>
+                    <a href="https://www.hft-stuttgart.de/p/member-profile" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
+                  </div>
                 </div>
-              </div>
-              <div class="member-info">
-                  <h4>XXXXX</h4>
-                  <span>XXXXX</span>
-    
+                <div class="member-info">
+                  <h4>Member Name</h4>
+                  <span>Member Role</span>
                 </div>
               </div>
             </div><!-- End Team Member -->
 
-          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="600">
-            <div class="team-member">
-              <div class="member-img">
-                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
-                <div class="social">
-                  <!-- <a href=""><i class="bi bi-twitter-x"></i></a>-->
-                 <!-- <a href=""><i class="bi bi-facebook"></i></a> -->
-                 <!-- <a href=""><i class="bi bi-instagram"></i></a>-->
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                   <a href="" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
-                </div>
-              </div>
-
-              <div class="member-info">
-                <h4>XXXXX </h4>
-                <span>XXXX</span>
-                
-              </div>
-            </div>
-          </div><!-- End Team Member -->
-
-          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="700">
-            <div class="team-member">
-              <div class="member-img">
-                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
-                <div class="social">
-                 <!-- <a href=""><i class="bi bi-twitter-x"></i></a>-->
-                 <!-- <a href=""><i class="bi bi-facebook"></i></a> -->
-                 <!-- <a href=""><i class="bi bi-instagram"></i></a>-->
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                  <a href="" target="_blank" title="HFT Stuttgart Profilseite"><i class="bi bi-person"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4> xxxxxxxxxxx</h4>
-                <p> </p>
-                <span>xxxxx</span>
-                
-               
-              </div>
-            </div>
-          </div><!-- End Team Member -->
-
-          <div class="col-lg-3 col-md-6 d-flex align-items-stretch" data-aos="fade-up" data-aos-delay="400">
-            <div class="team-member">
-              <div class="member-img">
-                <img src="assets/img/team/avatar.png" class="img-fluid" alt="">
-                <div class="social">
-                  <a href=""><i class="bi bi-twitter-x"></i></a>
-                  <a href=""><i class="bi bi-facebook"></i></a>
-                  <a href=""><i class="bi bi-instagram"></i></a>
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Amanda Jepson</h4>
-                <span>Accountant</span>
-                <p>Rerum voluptate non adipisci animi distinctio et deserunt amet voluptas. Quia aut aliquid doloremque ut possimus ipsum officia.</p>
-              </div>
-            </div>
-          </div><!-- End Team Member -->
+            <!-- More team members... -->
 
+          </div>
         </div>
-
         
-        </div> <!--  end div container -->
-      <!-- End 3. Container - Team -->
-
+        <!-- More carousel items if needed... -->
 
-
-    </section><!-- /Team Section -->
+      </div>
+      <button class="carousel-control-prev" type="button" data-bs-target="#teamCarousel" data-bs-slide="prev">
+        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">Previous</span>
+      </button>
+      <button class="carousel-control-next" type="button" data-bs-target="#teamCarousel" data-bs-slide="next">
+        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+        <span class="visually-hidden">Next</span>
+      </button>
+    </div>
+  </div>
+</section><!-- /Team Section -->
+<!-- /Team Section -->
 
 
 
@@ -824,6 +621,9 @@
   <script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
   <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
   <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.0/js/bootstrap.min.js"></script>
+
 
   <!-- Main JS File -->
   <script src="assets/js/main.js"></script>