diff --git a/Src/zoowebseite-transparent.png b/Src/zoowebseite-transparent.png
new file mode 100644
index 0000000..a0143a9
Binary files /dev/null and b/Src/zoowebseite-transparent.png differ
diff --git a/Styles/style.css b/Styles/style.css
index bdbaec6..91770fe 100644
--- a/Styles/style.css
+++ b/Styles/style.css
@@ -67,7 +67,7 @@ section {
 }
 
 #patenshop {
-    background: linear-gradient(90deg, rgb(0, 159, 155), rgb(157, 254, 175));
+    background: linear-gradient(0deg, rgb(255, 255, 255), rgb(157, 254, 175));
 
 }
 
@@ -95,6 +95,7 @@ section {
 
 footer {
     height: 160px;
+    background-color: white;
 }
 
 .swiper {
diff --git a/index.html b/index.html
index d9f9228..9b9d33c 100644
--- a/index.html
+++ b/index.html
@@ -33,24 +33,26 @@
         <section class="position-relative" id="ueberUns">
             <div class="position-absolute top-50 start-50 translate-middle w-50 text-white">
                 <!-- Slider on the left -->
-                <div class="col-6">
-                    <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 class="row align-items-center">
+                    <div class="col">
+                        <div class="swiper rounded-4">
+                            <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>
                         </div>
-                        <div class="swiper-pagination"></div>
+                    </div>
+                    <div class="col">
+                        <!-- Text on the right -->
+                        <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>
-                <!-- Text on the right -->
-                <div class="col-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>
 
@@ -86,7 +88,7 @@
 
         <!-- Patenshop Section -->
         <section id="patenshop">
-            <div class="container mt-5">
+            <div class="container">
                 <h2>Spendenformular</h2>
                 <form id="donationForm">
                     <div class="mb-3">
@@ -137,14 +139,9 @@
         </section>
 
         <!-- Footer -->
-        <footer class="container-fluid d-flex bg-dark">
-            <img src="Src/zoowebseite-high-resolution-logo-transparent.png" width="200" class="align-self-center">
-            <div>
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
-                <li></li>
+        <footer class="container-fluid position-relative">
+            <div class="position-absolute top-50 start-50 translate-middle">
+                <img src="Src/zoowebseite-transparent.png" width="150">
             </div>
         </footer>