diff --git a/index.html b/index.html
index b817a0f..60929c6 100644
--- a/index.html
+++ b/index.html
@@ -1,14 +1,82 @@
 <!DOCTYPE html>
-<html>
+<html lang="de">
 <head>
-    <meta charset='utf-8'>
-    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
-    <title>MR AI Consulting</title>
-    <meta name='viewport' content='width=device-width, initial-scale=1'>
-    <link rel='stylesheet' type='text/css' media='screen' href='main.css'>
-    <script src='main.js'></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>AI Consulting</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+        }
+        header {
+            background-color: #333;
+            color: #fff;
+            padding: 10px 0;
+            text-align: center;
+        }
+        .hero {
+            background-image: url('hero-bild01.png');
+            background-size: cover;
+            background-position: center;
+            height: 400px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            color: white;
+        }
+        .hero h1 {
+            font-size: 3em;
+            margin: 0;
+        }
+        .content {
+            padding: 20px;
+        }
+        footer {
+            background-color: #333;
+            color: white;
+            text-align: center;
+            padding: 10px 0;
+        }
+        a {
+            color: #00f;
+            text-decoration: none;
+        }
+        a:hover {
+            text-decoration: underline;
+        }
+    </style>
 </head>
 <body>
+    <header>
+        <h1>MR AI Consulting</h1>
+        <p>Maximieren Sie Ihr Geschäftspotenzial mit KI Technologie</p>
+    </header>
     
+    <div class="hero">
+        <h1>Willkommen bei MR AI Consulting</h1>
+    </div>
+
+    <div class="content">
+        <section>
+            <h2>Unsere Dienstleistungen</h2>
+            <p>Wir bieten massgeschneiderte KI-Lösungen von Automatisierungen über Chatbot zu individuellen Anwendungen für Ihr Unternehmen.</p>
+        </section>
+
+        <section>
+            <h2>Kontakt</h2>
+            <p>Nutzen Sie unsere Expertise zu Ihrem Vorteil und erreichen Sie uns unter:</p>
+            <address>
+                <p>Email: <a href="mailto:office@rattensberger.ai">office@rattensberger.ai</a></p>
+                <p>Telefon: +43 660 551 48 19</p>
+                <p>LinkedIn: <a href="https://www.linkedin.com/in/martin-rattensberger">linkedin.com/in/martin-rattensberger</a></p>
+            </address>
+        </section>
+    </div>
+    
+    <footer>
+        <p>&copy; 2024 MR AI Consulting - Alle Rechte vorbehalten</p>
+    </footer>
 </body>
 </html>
\ No newline at end of file
