off canvas nav__checkbox

css/navbar.css

@@ -105,6 +105,10 @@ CSS für die navbar
     display: block;
 }
 
+.nav__checkbox {
+    display: none;
+}
+
 /* Responsive Anpassung unter 1210px */
 @media (max-width: 1210px) {
     .nav {
@@ -221,6 +225,10 @@ CSS für die navbar
         overflow-y: auto;
     }
 
+    .nav__checkbox:checked ~ .nav__mobile-menu {
+        left: 0;
+    }
+
     .nav_mobile-menu.is-active {
         left: 0;
     }

includes/navbar.php

@@ -12,6 +12,7 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
     <button id="mobile-nav" aria-label="Menü öffnen">
         ☰
     </button>
+    <input type="checkbox" id="nav-toggle" class="nav__checkbox">
 
     <ul id="mobile-nav" class="nav__mobile-menu">
         <li><a href="auth/login.php">Anmelden</a></li>