diff --git a/index.html b/index.html
index fb13005..2c77030 100644
--- a/index.html
+++ b/index.html
@@ -1,60 +1,88 @@
 <!DOCTYPE html>
-<html lang="de"><head>
-<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<html lang="de">
+<head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>AdventskalenDOER</title>
+    <title>AdventskalendOER</title>
     <style>
-        * {
-            box-sizing: border-box;
+        body {
+            font-family: Arial, sans-serif;
             margin: 0;
             padding: 0;
-            font-family: Arial, sans-serif;
-        }
-
-        body {
             display: flex;
-            justify-content: center;
+            flex-direction: column;
             align-items: center;
+            justify-content: center;
             min-height: 100vh;
             background-color: #f4f4f4;
+        }
+        header, footer {
+            background-color: #203A8F;
+            color: #fff;
+            padding: 10px;
             text-align: center;
+            width: 100%;
         }
-
-        .container {
-            max-width: 600px;
+        main {
             padding: 20px;
-            background: white;
-            border: 1px solid #ccc;
-            border-radius: 8px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+            text-align: center;
+            max-width: 600px;
         }
-
-        .logo {
-            max-width: 100%;
-            height: auto;
-            margin-bottom: 20px;
+        .link {
+            color: #203A8F;
+            text-decoration: none;
+            font-weight: bold;
+            margin-top: 20px;
+            display: inline-block;
         }
-
-        .message {
-            font-size: 1.2rem;
-            color: #333;
+        svg {
+            margin: 20px 0;
+            width: 200px; /* Doppelte Größe */
+            height: 200px; /* Doppelte Größe */
         }
-
-        @media (max-width: 480px) {
-            .message {
-                font-size: 1rem;
+        @media (max-width: 600px) {
+            svg {
+                width: 90%;
+                height: auto;
             }
         }
     </style>
 </head>
-
-<body cz-shortcut-listen="true">
-    <div class="container">
-        <img src="https://codeberg.org/Comenius-Institut/AdventskalendOER/raw/branch/main/AdventskalendOER.png" alt="fOERbico Logo" class="logo">
-        <p class="message">Hier entsteht ein AdventskalendOER. Bitte versuchen Sie es später erneut.</p>
-    </div>
-
-
-
-</body></html>
\ No newline at end of file
+<body>
+    <header>
+        <h1>AdventskalendOER</h1>
+    </header>
+    <main>
+        <p>Ein gemeinschaftlicher OER-Adventskalender entsteht auf <a href="https://adventskalend.oer.community" class="link">adventskalend.oer.community</a>!</p>
+        <p>Besuche das <a href="https://codeberg.org/Comenius-Institut/AdventskalendOER" class="link" target="_blank">Codeberg-Repository</a> für den aktuellen Entwicklungsstand.</p>
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="200" height="200">
+          <!-- Hintergrund des Kalenders -->
+          <rect x="10" y="20" width="80" height="70" fill="#F0F8FF" stroke="#FFA500" stroke-width="2" rx="5" ry="5"/>
+          <!-- Titelbereich -->
+          <rect x="10" y="10" width="80" height="10" fill="#203A8F"/>
+          <text x="50" y="17" font-size="8" text-anchor="middle" fill="#FFFFFF">AdventskalendOER</text>
+          <!-- Kästchen -->
+          <g fill="#FFFFFF" stroke="#203A8F" stroke-width="1">
+            <rect x="15" y="25" width="20" height="20"/>
+            <rect x="40" y="25" width="20" height="20"/>
+            <rect x="65" y="25" width="20" height="20"/>
+            
+            <!-- Herzsymbol in der Mitte -->
+            <path d="M50 57 
+                     C50 53, 45 50, 40 50 
+                     C30 50, 30 65, 50 75 
+                     C70 65, 70 50, 60 50 
+                     C55 50, 50 53, 50 57 
+                     Z" 
+                  fill="#FFA500" stroke="#203A8F" stroke-width="1.5"/>
+            
+            <rect x="15" y="66" width="20" height="20"/>
+            <rect x="65" y="66" width="20" height="20"/>
+          </g>
+        </svg>
+    </main>
+    <footer>
+        CC BY 2024 Comenius-Institut
+    </footer>
+</body>
+</html>
