aktuelle Version mit Änderungen vom Server

index.html

@@ -84,6 +84,28 @@
             z-index: 10;
             animation: slideDown 1.5s ease-out forwards;
         }
+        .ceo-image {
+            width: 150px;
+            height: 150px;
+            border-radius: 50%;
+            overflow: hidden;
+            border: 5px solid white;
+            margin: 30px auto 15px auto; /* Center horizontally */
+            display: block; /* Centered block element */
+            opacity: 0;
+            animation: fadeInUp 2s 1s forwards;
+        }
+
+        @keyframes fadeInUp {
+            from {
+                transform: translateY(30px) translateX(-50%);
+                opacity: 0;
+            }
+            to {
+                transform: translateY(0) translateX(-50%);
+                opacity: 1;
+            }
+        }
 
         @keyframes slideDown {
             from {
@@ -155,6 +177,9 @@
         </section>
 
         <section>
+            <div class="ceo-image">
+                <img src="CEO_Martin_Rattensberger_512.jpg" alt="CEO Bild" style="width: 100%; height: 100%;">
+            </div>
             <h2>Kontakt</h2>
             <p>Nutzen Sie unsere Expertise zu Ihrem Vorteil und erreichen Sie uns unter:</p>
             <address>
@@ -167,6 +192,7 @@
     
     <footer>
         <p>&copy; 2024 MR AI Consulting - Alle Rechte vorbehalten</p>
+        <script defer src="https://stats.frysch.studio/script.js" data-website-id="044afb2f-ad00-4ee7-9f09-7a22d184cf0e"></script>
     </footer>
 </body>
 </html>