Footer-Link-Anpassungen (dynamisch wie navbar)

content/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>
 

css/footer.css

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

css/main.css

@@ -3,12 +3,19 @@ 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,9 +227,6 @@ 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 {
@@ -240,18 +237,6 @@ 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="impressum.php">Impressum</a>
-    <a href="datenschutz.php">Datenschutz</a>
-    <a href="nutzungsbedingungen.php">Nutzungsbedingungen</a>
+    <a href="index.php?pfad=impressum">Impressum</a>
+    <a href="index.php?pfad=datenschutz">Datenschutz</a>
+    <a href="index.php?pfad=nutzungsbedingungen">Nutzungsbedingungen</a>
 </footer>

includes/navbar.php

@@ -15,9 +15,6 @@ 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>