diff --git a/auth/login.php b/auth/login.php
index 9dba584..45f21ad 100644
--- a/auth/login.php
+++ b/auth/login.php
@@ -41,29 +41,36 @@
             </div>
         </nav>
 
-    <main>
-    <div style="width: 50%">
-        <div style="width: 130px;">
-            <img src="../images/logo.png" alt="" width="120" height="72">
-        </div>
+    <main class="login-page">
+        <div class="login-container">
+            <div class="logo-wrapper">
+                <img src="../images/logo.png" alt="Logo" class="login-logo">
+            </div>
 
-        <h1 style="width: 60%; text-align: center">Bitte anmelden</h1><br>
+            <h1>Bitte anmelden</h1>
 
-        <label id="inputEmail" >E-Mail-Adresse / </label>
-        <p style="width: 80%;">Benutzername/E-Mail-Adresse:</p>
-        <input type="email" name="email" style="width: 80%;" placeholder="E-Mail-Adresse" required autofocus>
-        <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" name="remember-me" value="1"> angemeldet bleiben
-            </label>
+            <form>
+                <label id="inputEmail" class="sr-only">E-Mail-Adresse / </label>
+            
+                <p class="input-label">Benutzername/E-Mail-Adresse:</p>
+                <input type="email" name="email" class="login-input" placeholder="E-Mail-Adresse" required autofocus>
+            
+                <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" name="remember-me" value="1"> angemeldet bleiben
+                    </label>
+                </div>
+            
+                <button type="submit" value="anmelden" name="loginSubmit" class="login-button">anmelden</button>
+            
+                <div class="register-link">
+                    <a href="register.php">Noch keinen Account? Jetzt hier registrieren!</a>
+                </div>
+            </form>
         </div>
-        <button type="submit" value="anmelden" name="loginSubmit" style="width: 80%;">anmelden</button><br>
-        <div style="width: 70%; text-align: center">
-            <a href="register.php" style="text-align: center;"> Noch keinen Account? Jetzt hier registrieren! </a>
-        </div>
-    </div>
     </main>
     <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
         <a href="../legal/impressum.php">Impressum</a>