diff --git a/assets/css/custom.css b/assets/css/custom.css
index 8316967..4b38be5 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -76,7 +76,7 @@ button:hover, .btn:hover {
 /* Sidebar Styles */
 #sidebar {
     width: 240px;
-    min-height: 100vh;
+    height: auto;
     background: linear-gradient(180deg, #1b1b2f, #4a6fa5);
     color: white;
     padding: 25px;
@@ -85,9 +85,14 @@ button:hover, .btn:hover {
     font-size: 24px;
     margin-bottom: 30px;
 }
+#logo-img {
+    max-width: 500px;   
+    width: 100%;      
+    height: auto;       
+}
 #sidebar .nav-link {
     margin: 0.5rem 0;
-    transition: color 0.3s background-color 0.3s;
+    transition: all 0.3s;
 }
 #main-area {
     flex: 1;
diff --git a/image/Logo_loremIpsum.png b/image/Logo_loremIpsum.png
new file mode 100644
index 0000000..2e2b42c
Binary files /dev/null and b/image/Logo_loremIpsum.png differ
diff --git a/index.html b/index.html
index c47bfa9..c2e9000 100644
--- a/index.html
+++ b/index.html
@@ -77,6 +77,7 @@
                     <h2>Willkommen beim Lorem Ipsum Game</h2>
                     <p>Teste deine Fähigkeiten im Umgang mit Lorem Ipsum Texten! Je schneller und genauer du bist, desto höher ist dein Score. Viel Spaß beim Spielen!</p>
                     <p> Wähle eine Option aus der Navigation, um zu starten.</p>
+                    <img id="logo_img" src="image/Logo_loremIpsum.png" alt="Lorem Ipsum Game" class="img-fluid mt-3 d-block mx-auto">
                 </div>    
             </main>
         </div>