diff --git a/public/help.html b/public/help.html
index 8745fb0..ccb0737 100644
--- a/public/help.html
+++ b/public/help.html
@@ -4,58 +4,82 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Hilfe - Raymand - Telegram Bot</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="styles.css">
 </head>
 <body>
     <header>
-        <h1>Hilfe - Raymand - Telegram Bot</h1>
-        <nav>
-            <ul>
-                <li><a href="index.html">Home</a></li>
-                <li><a href="help.html">Hilfe</a></li>
-                <li><a href="contact.html">Kontakt</a></li>
-            </ul>
-        </nav>
+        <div class="header-content">
+            <div class="logo">🤖 Raymand</div>
+            <nav>
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="help.html" class="active">Hilfe</a></li>
+                    <li><a href="contact.html">Kontakt</a></li>
+                </ul>
+            </nav>
+        </div>
     </header>
 
-    <div class="container">
-        <h2 class="welcome-title">📋 Hilfemenü</h2>
-        <p>Hier ist eine einfache Anleitung, wie du einen Wunsch äußern kannst:</p>
-        <div class="steps">
-            <div class="step">
-                <span class="step-number">1️⃣</span>
-                <p>Verwende den Befehl <code>/wunsch</code>, um den Wunschprozess zu starten.</p>
+    <main class="container">
+        <div class="card help-card">
+            <h2 class="welcome-title">📋 So geht's</h2>
+            <p class="subtitle">In 5 einfachen Schritten zu deinem Wunsch.</p>
+            
+            <div class="timeline">
+                <div class="timeline-item">
+                    <div class="timeline-marker">1</div>
+                    <div class="timeline-content">
+                        <h3>Starten</h3>
+                        <p>Schreibe <code>/wunsch</code> im Chat.</p>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker">2</div>
+                    <div class="timeline-content">
+                        <h3>Kategorie</h3>
+                        <p>Wähle Film, 4K, Serie, Games, etc.</p>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker">3</div>
+                    <div class="timeline-content">
+                        <h3>Details</h3>
+                        <p>Gib optional einen Cover-Link an.</p>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker">4</div>
+                    <div class="timeline-content">
+                        <h3>Titel</h3>
+                        <p>Nenne uns den Titel, den du suchst.</p>
+                    </div>
+                </div>
+                <div class="timeline-item">
+                    <div class="timeline-marker">5</div>
+                    <div class="timeline-content">
+                        <h3>Fertig</h3>
+                        <p>Wir kümmern uns um den Rest! ✅</p>
+                    </div>
+                </div>
             </div>
-            <div class="step">
-                <span class="step-number">2️⃣</span>
-                <p>Wähle eine Kategorie aus, die deinem Wunsch entspricht. 🗂️</p>
-            </div>
-            <div class="step">
-                <span class="step-number">3️⃣</span>
-                <p>Du wirst aufgefordert, einen Link zum Cover oder Spotify anzugeben (dies ist optional). 📎</p>
-            </div>
-            <div class="step">
-                <span class="step-number">4️⃣</span>
-                <p>Gib den Titel deines Wunsches ein. ✍️</p>
-            </div>
-            <div class="step">
-                <span class="step-number">5️⃣</span>
-                <p>Dein Wunsch wird an die Gruppe weitergeleitet und du erhältst eine Bestätigung. ✅</p>
+
+            <div class="info-box">
+                <p><strong>💡 Tipp:</strong> Du kannst den Vorgang jederzeit mit <code>/cancel</code> abbrechen.</p>
             </div>
+
+            <a href="https://git.viper.ipv64.net/M_Viper/telegram-film-wunsch-bot/src/branch/main/README.md" class="btn-text" target="_blank">Zur Dokumentation &rarr;</a>
         </div>
-        <p><strong>Hinweis:</strong> Du kannst den Vorgang jederzeit abbrechen, indem du den Befehl <code>/cancel</code> beim Bot verwendest.</p>
-        <a href="https://git.viper.ipv64.net/M_Viper/telegram-film-wunsch-bot/src/branch/main/README.md" class="button" target="_blank">Weitere Informationen</a>
-    </div>
+    </main>
 
     <footer>
         <div class="footer-content">
-            <p class="bot-version">Bot-Version: 1.4.1</p> <!-- Bot-Version links -->
-            <div class="footer-center">
-                <p>&copy; 2024 M_Viper. Alle Rechte vorbehalten.</p>
-            </div>
+            <div class="footer-left"><p class="bot-version">v2.10</p></div>
+            <div class="footer-center"><p>&copy; 2024 M_Viper. Alle Rechte vorbehalten.</p></div>
+            <div class="footer-right"><a href="https://git.viper.ipv64.net" target="_blank" aria-label="Gitea">💻</a></div>
         </div>
     </footer>
 
     <script src="script.js"></script>
 </body>
-</html>
+</html>
\ No newline at end of file
