From e6412ef2cde6a2e014af8bf1167f56d820866218 Mon Sep 17 00:00:00 2001
From: NOrtmann1 <145041949+NOrtmann1@users.noreply.github.com>
Date: Mon, 11 May 2026 15:57:01 +0200
Subject: [PATCH] off canvas nav__checkbox

---
 css/navbar.css      | 8 ++++++++
 includes/navbar.php | 1 +
 2 files changed, 9 insertions(+)

diff --git a/css/navbar.css b/css/navbar.css
index dad2bf2..5aff649 100644
--- a/css/navbar.css
+++ b/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;
     }
diff --git a/includes/navbar.php b/includes/navbar.php
index dbada07..7a799d6 100644
--- a/includes/navbar.php
+++ b/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>