diff --git a/auth/register.php b/auth/register.php
index d154634..67faab5 100644
--- a/auth/register.php
+++ b/auth/register.php
@@ -41,31 +41,38 @@
         </div>
     </nav>
 
-    <main>
-    <div style="width: 50%">
-        <div style="width: 130px;">
-            <img src="../images/logo.png" alt="" width="120" height="72">
+    <main class="login-page">
+        <div class="login-container">
+            <div class="logo-wrapper">
+                <img src="../images/logo.png" alt="Logo" class="login-logo">
+            </div>
+
+            <h1>Jetzt Registrieren!</h1>
+
+            <form>
+                <p class="input-label">Email:</p>
+                <input type="email" name="email" class="login-input" placeholder="mustermann@web.de" required>
+            
+                <p class="input-label">Vorname:</p>
+                <input type="text" name="vorname" class="login-input" placeholder="Max" required>
+            
+                <p class="input-label">Nachname:</p>
+                <input type="text" name="nachname" class="login-input" placeholder="Mustermann" required>
+
+                <p class="input-label">Passwort:</p>
+                <input type="password" name="password" class="login-input" placeholder="Passwort" required>
+            
+                <div class="checkbox-wrapper">
+                    <label>
+                        <input type="checkbox" value="remember-me"> angemeldet bleiben
+                    </label>
+                </div>
+            
+                <button type="submit" value="anmelden" name="loginSubmit" class="login-button">kostenlos registrieren</button>
+            </form>
         </div>
-
-        <h1 style="width: 50%; text-align: center">Jetzt Registrieren!</h1><br>
-
-        <p style="width: 80%;"> Email:</p>
-        <input type="email" name="email"  style="width: 80%;" placeholder="mustermann@web.de" required>
-        <p  style="width: 80%;"> Vorname:</p>
-        <input type="text" name="vorname"  style="width: 80%;" placeholder="Max" required>
-        <p  style="width: 80%;"> Nachname:</p>
-        <input type="text" name="nachname"  style="width: 80%;" placeholder="Mustermann" required>
-
-        <p  style="width: 80%;"> Passwort:</p>
-        <input type="password" name="password"  style="width: 80%;" placeholder="Passwort" required>
-        <div style="width: 80%;">
-            <label>
-                <input type="checkbox" value="remember-me"> angemeldet bleiben
-            </label>
-        </div>
-        <button type="submit" value="anmelden" name="loginSubmit" style="width: 80%;">kostenlos registrieren</button>
-    </div>
     </main>
+
     <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
         <a href="../legal/impressum.php">Impressum</a>
         <a href="../legal/datenschutz.php">Datenschutz</a>