From 6abc244be7f930bc96a164f0775b9903266d5b8e Mon Sep 17 00:00:00 2001
From: rirat-0 <thaelith@gmail.com>
Date: Wed, 13 May 2026 12:48:35 +0200
Subject: [PATCH] anpassung der login seite und main css fuer accessibility

---
 auth/login.php | 5 +++--
 css/main.css   | 7 ++++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/auth/login.php b/auth/login.php
index 45f21ad..735bdd9 100644
--- a/auth/login.php
+++ b/auth/login.php
@@ -50,8 +50,8 @@
             <h1>Bitte anmelden</h1>
 
             <form>
-                <label id="inputEmail" class="sr-only">E-Mail-Adresse / </label>
-            
+                <label id ="inputEmail" class="screenreader-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>
             
@@ -72,6 +72,7 @@
             </form>
         </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>
diff --git a/css/main.css b/css/main.css
index 8c0867e..2376dea 100644
--- a/css/main.css
+++ b/css/main.css
@@ -45,6 +45,7 @@ main {
   }
 }
 
+/* Seite wird horizontal und vertikal zentriert */
 .login-page {
     display: flex;
     justify-content: center;
@@ -60,7 +61,6 @@ main {
     border: 1px solid white;
     border-radius: 10px;
     background-color: white;
-    /** box-shadow: 0 4px 10px rgba(0,0,0,0.05); */
 }
 
 .logo-wrapper {
@@ -119,6 +119,11 @@ main {
     font-size: 0.9rem;
 }
 
+/* Versteckt das doppelte Label fuer Screenreader/Accessibility */
+.screenreader-only {
+  display: none;
+}
+
 body {
   background-color: coral;
 }
\ No newline at end of file