Update navbar.css

css/footer.css

@@ -1,5 +1,7 @@
 /* Footer‑Grundlayout */
 footer {
+    position: fixed;
+    bottom: 0;
     width: 100%;
     background: #333d43;
     text-align: center;

css/main.css

@@ -3,19 +3,12 @@ main {
     max-width:1200px;
     margin: 0 auto;
     padding: 20px;
-
-    width: 100%;
-    box-sizing: border-box;
 }
 
 body {
     background-color: #eef2f7;
     color: #1f2937;
     margin: 0;
-
-    min-height: 100vh;
-    display: grid;
-    grid-template-rows: auto 1fr auto; /* Header(auto), Inhalt (bekommt Rest), Footer(auto) */
 }
 
 a, button, input, select, textarea, label, main{

css/navbar.css

@@ -227,6 +227,9 @@ CSS für die navbar
         padding: 2rem 1rem;
         box-shadow: 2px 0 10px rgba(0,0,0,0.5);
         overflow-y: auto;
+        
+        /* Genug Abstand oben rechts, damit Links nicht hinter dem X liegen */
+        padding: 4rem 1.5rem 2rem 1.5rem;
     }
 
     .nav__checkbox:checked ~ .nav__mobile-menu {
@@ -237,6 +240,18 @@ CSS für die navbar
         left: 0;
     }
 
+    .nav__close-btn {
+        position: absolute;
+        top: 1rem;
+        right: 1.5rem;
+        font-size: 2rem;
+        color: #fff;
+        cursor: pointer;
+        line-height: 1;
+        user-select: none;
+        transition: color 0.2s ease, transform 0.2s ease;
+    }
+
     .nav__mobile-menu a {
         color: #fff;
         text-decoration: none;

includes/footer.php

@@ -1,5 +1,5 @@
 <footer>
-    <a href="index.php?pfad=impressum">Impressum</a>
-    <a href="index.php?pfad=datenschutz">Datenschutz</a>
-    <a href="index.php?pfad=nutzungsbedingungen">Nutzungsbedingungen</a>
+    <a href="impressum.php">Impressum</a>
+    <a href="datenschutz.php">Datenschutz</a>
+    <a href="nutzungsbedingungen.php">Nutzungsbedingungen</a>
 </footer>

includes/navbar.php

@@ -15,6 +15,9 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
     </label>
 
     <ul id="mobile-nav" class="nav__mobile-menu">
+        <li>
+            <label for="nav-toggle" class="nav__close-btn">&times;</label>
+        </li>
         <li><a href="index.php?pfad=profile">Profil</a></li>
         <li><a href="index.php?pfad=login">Anmelden</a></li>
         <li><a href="index.php?pfad=register">Registrieren</a></li>

nutzungsbedingungen.php

@@ -10,10 +10,10 @@
     <meta name="description" content="EduForge">
     <meta name="author" content="Niklas Ortmann">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" type="image/x-icon" href="../images/logos/logo_icon.ico">
-    <link rel="stylesheet" href="../css/main.css">
-    <link rel="stylesheet" href="../css/navbar.css">
-    <link rel="stylesheet" href="../css/footer.css">
+    <link rel="icon" type="image/x-icon" href="images/logos/logo_icon.ico">
+    <link rel="stylesheet" href="css/main.css">
+    <link rel="stylesheet" href="css/navbar.css">
+    <link rel="stylesheet" href="css/footer.css">
     <title>EduForge</title>
 </head>