nav__mobile-label

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;
+    }
+
 }

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>