diff --git a/public/contact.html b/public/contact.html
index 3ba67d8..d487501 100644
--- a/public/contact.html
+++ b/public/contact.html
@@ -4,48 +4,67 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Kontakt - 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>Kontakt - 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">Hilfe</a></li>
+                    <li><a href="contact.html" class="active">Kontakt</a></li>
+                </ul>
+            </nav>
+        </div>
     </header>
 
-    <div class="container-2">
-        <h2>Kontaktinformationen</h2>
-        <p>Wenn du Fragen oder Anregungen hast, kannst du uns hier kontaktieren:</p>
-        
-        <div class="button-container">
-            <a href="https://t.me/M_Viper04" class="button">Telegram</a>
-            <a href="https://m-viper.de/kontakt.html" class="button">Kontaktformular</a>
-            <a href="https://git.viper.ipv64.net" class="button">Gitea</a>
+    <main class="container">
+        <div class="card contact-card">
+            <h2 class="welcome-title">Kontakt aufnehmen</h2>
+            <p class="subtitle">Wir freuen uns über dein Feedback oder deine Fragen.</p>
+            
+            <div class="contact-grid">
+                <a href="https://t.me/M_Viper04" target="_blank" class="contact-item">
+                    <div class="icon-box">✈️</div>
+                    <div class="info">
+                        <h3>Telegram</h3>
+                        <p>@M_Viper04</p>
+                    </div>
+                    <div class="arrow">➔</div>
+                </a>
+
+                <a href="https://m-viper.de/kontakt.html" target="_blank" class="contact-item">
+                    <div class="icon-box">📧</div>
+                    <div class="info">
+                        <h3>Webseite</h3>
+                        <p>Kontaktformular</p>
+                    </div>
+                    <div class="arrow">➔</div>
+                </a>
+
+                <a href="https://git.viper.ipv64.net/M_Viper/telegram-film-wunsch-bot/issues" target="_blank" class="contact-item">
+                    <div class="icon-box">💻</div>
+                    <div class="info">
+                        <h3>Git</h3>
+                        <p>Source Code</p>
+                    </div>
+                    <div class="arrow">➔</div>
+                </a>
+            </div>
         </div>
-    </br>
-</br>
-        <p>Wir freuen uns über dein Feedback!</p>
-    </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>
-        // Dynamisch den Kontaktlink setzen (falls nötig, kannst du diese Links auch hier ändern)
-        document.getElementById('contact-email').href = 'mailto:admin@m-viper.de';
-        document.getElementById('contact-telegram').href = 'https://t.me/M_Viper04';
-        document.getElementById('contact-telegram').textContent = '@M_Viper04';
-    </script>
+    <script src="script.js"></script>
 </body>
-</html>
+</html>
\ No newline at end of file
