diff --git a/party/static/css/mobile.css b/party/static/css/mobile.css
new file mode 100644
index 0000000..e69de29
diff --git a/party/static/js/login.js b/party/static/js/login.js
new file mode 100644
index 0000000..f8c06db
--- /dev/null
+++ b/party/static/js/login.js
@@ -0,0 +1,17 @@
+const isMobile = /Mobi|Android/i.test(navigator.userAgent);
+const deviceData = {
+    isMobile: isMobile,
+    userAgent: navigator.userAgent
+  };
+
+  document.getElementById("loginForm").addEventListener("submit", function(event) {
+    event.preventDefault(); // Verhindert das normale Absenden des Formulars
+    
+    var nameInput = document.getElementById("nameInput");
+    var name = nameInput.value;
+    
+    sessionStorage.setItem("name", name);
+    
+    // Das Formular manuell absenden
+    this.submit();
+});
\ No newline at end of file
diff --git a/party/templates/login.html b/party/templates/login.html
index c1bb44a..ca153ec 100644
--- a/party/templates/login.html
+++ b/party/templates/login.html
@@ -18,19 +18,6 @@
         <div>Partycontroller Version 0.1</div>
         <div>&copy; Lostkids</div>
     </footer>
-    
-    <script>
-        document.getElementById("loginForm").addEventListener("submit", function(event) {
-            event.preventDefault(); // Verhindert das normale Absenden des Formulars
-            
-            var nameInput = document.getElementById("nameInput");
-            var name = nameInput.value;
-            
-            sessionStorage.setItem("name", name);
-            
-            // Das Formular manuell absenden
-            this.submit();
-        });
-    </script>
+    <script src="/static/js/login.js"></script>
 </body>
 </html>
diff --git a/party/templates/mobile.html b/party/templates/mobile.html
new file mode 100644
index 0000000..b96de67
--- /dev/null
+++ b/party/templates/mobile.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Party Mobile version</title>
+</head>
+<body>
+    <ul>
+        <li><a >Home</a></li>
+        <li><a >Planer</a></li>
+        <li><a >Game</a></li>
+        <li><a >Chat</a></li>
+        <li><a >Musik</a></li>
+        <li><a >Mate</a></li>
+        <li><a >Settigs</a></li>
+      </ul>
+      
+    <p>mobile version of party controll</p>
+    <div id="home">
+        <h1>Home</h1>
+    </div>
+    <div id="game">
+        <h1>Game</h1>
+        <div id="game_point">
+            <p>point</p>
+        </div>
+        <div id="game_time">
+            <p>time</p>
+        </div>
+        <div id="game_team">
+            <p>team</p>
+        </div>
+    </div>
+    <div id="chat">
+        <h1>Chat</h1>
+        <div id="chat_generell">
+            <p>generell</p>
+        </div>
+        <div id="chat_direct">
+            <p>direct</p>
+        </div>
+        <div id="chat_team">
+            <p>team</p>
+            <button id="pb_create_team">Create</button>
+            <button id="pb_join_team">join</button>
+            <button id="pb_delete_team">delete</button>
+        </div>
+    </div>
+    <div id="planer">
+        <h1>Planer</h1>
+    </div>
+    <div id="mate">
+        <h1>Mate</h1>
+    </div>
+    <div id="settings">
+        <h1>Settings</h1>
+        <label for="dark_select">Dark-/ligt-mode</label>
+        <select id="dark_select">
+            <option value="dark">Dark Mode</option>
+            <option value="light">Light Mode</option>
+            <option value="system">System</option>
+            <option value="custom">Custom</option>
+        </select>
+    </div>
+</body>
+</html>
\ No newline at end of file
