From a43dc50cf16d58043c255410c21e4b9cf9a94b3a Mon Sep 17 00:00:00 2001
From: NOrtmann1 <145041949+NOrtmann1@users.noreply.github.com>
Date: Tue, 12 May 2026 19:31:40 +0200
Subject: [PATCH] nav__mobile-label

---
 css/navbar.css      | 11 +++++++++++
 includes/navbar.php | 14 +++++++-------
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/css/navbar.css b/css/navbar.css
index 90282a7..e54ef7e 100644
--- a/css/navbar.css
+++ b/css/navbar.css
@@ -254,4 +254,15 @@ CSS für die navbar
         background: rgba(0, 0, 0, 0.15); /* Etwas dunkler als der Hintergrund */
     }
 
+    .nav__mobile-label {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        color: #fff;
+        font-size: 1.2rem;
+        font-weight: 600;
+        padding: 0.8rem 1rem;
+        cursor: pointer;
+    }
+
 }
\ No newline at end of file
diff --git a/includes/navbar.php b/includes/navbar.php
index 5c46446..85c8aa0 100644
--- a/includes/navbar.php
+++ b/includes/navbar.php
@@ -19,7 +19,7 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
         <li><a href="login.php">Anmelden</a></li>
         <li><a href="register.php">Registrieren</a></li>
         <li>
-            <span class="mobile-label">Sprachen</span>
+            <span class="nav__mobile-label">Sprachen</span>
             <ul class="nav__mobile-submenu">
                 <li><a href="404.php">Deutsch</a></li>
                 <li><a href="404.php">Englisch</a></li>
@@ -29,8 +29,8 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
             </ul>
         </li>
 
-        <li class="nav__item-mobile">
-            <span class="mobile-label">MINT</span>
+        <li>
+            <span class="nav__mobile-label">MINT</span>
             <ul class="nav__mobile-submenu">
                 <li><a href="mathe.php">Mathematik</a></li>
                 <li><a href="404.php">Biologie</a></li>
@@ -41,8 +41,8 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
             </ul>
         </li>
 
-        <li class="nav__item-mobile">
-            <span class="mobile-label">Gesellschaft & Werte</span>
+        <li>
+            <span class="nav__mobile-label">Gesellschaft & Werte</span>
             <ul class="nav__mobile-submenu">
                 <li><a href="404.php">Geschichte</a></li>
                 <li><a href="404.php">Erdkunde</a></li>
@@ -58,8 +58,8 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
             </ul>
         </li>
 
-        <li class="nav__item-mobile">
-            <span class="mobile-label">Technik & Praxis</span>
+        <li>
+            <span class="nav__mobile-label">Technik & Praxis</span>
             <ul class="nav__mobile-submenu">
                 <li><a href="404.php">Technik</a></li>
                 <li><a href="404.php">Werken</a></li>