diff --git a/content/pages/de/index.html b/content/pages/de/index.html
index 977c5f3cd631a62282638655384f864d3df01bab..b993c5c74e5ff65e55ba8a9988628a0b7d5fe352 100644
--- a/content/pages/de/index.html
+++ b/content/pages/de/index.html
@@ -7,12 +7,12 @@
  <body>
 <div class="carousel slide" data-ride="carousel" id="index-carousel">
   <ol class="carousel-indicators">
-    <li data-target="#index-carousel" data-slide-to="0" class="active"></li>
-    <li data-target="#index-carousel" data-slide-to="1"></li>
-    <li data-target="#index-carousel" data-slide-to="2"></li>
-    <li data-target="#index-carousel" data-slide-to="3"></li>
-    <li data-target="#index-carousel" data-slide-to="4"></li>
-    <li data-target="#index-carousel" data-slide-to="5"></li>
+    <li data-bs-target="#index-carousel" data-bs-slide-to="0" class="active"></li>
+    <li data-bs-target="#index-carousel" data-bs-slide-to="1"></li>
+    <li data-bs-target="#index-carousel" data-bs-slide-to="2"></li>
+    <li data-bs-target="#index-carousel" data-bs-slide-to="3"></li>
+    <li data-bs-target="#index-carousel" data-bs-slide-to="4"></li>
+    <li data-bs-target="#index-carousel" data-bs-slide-to="5"></li>
   </ol>
   <div class="carousel-inner">
     <div class="carousel-item active">
@@ -57,13 +57,13 @@
             <p>In unseren Projekten kombinieren wir Informatik mit vielen anderen Elementen, wie Elektronik, Grafik, uvm.</p>
       </div>
     </div>
-    <a class="carousel-control-prev" href="#index-carousel" role="button" data-slide="prev">
+    <a class="carousel-control-prev" data-bs-target="#index-carousel" type="button" data-bs-slide="prev">
       <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-      <span class="sr-only">Previous</span>
+      <span class="visually-hidden">Previous</span>
     </a>
-    <a class="carousel-control-next" href="#index-carousel" role="button" data-slide="next">
+    <a class="carousel-control-next" data-bs-target="#index-carousel" type="button" data-bs-slide="next">
       <span class="carousel-control-next-icon" aria-hidden="true"></span>
-      <span class="sr-only">Next</span>
+      <span class="visually-hidden">Next</span>
     </a>
   </div>
 </div>