footer.css

404.php

@@ -13,6 +13,7 @@
     <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>
 
@@ -32,11 +33,9 @@
     </p>
 </main>
 
-<footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
-    <a href="legal/impressum.php">Impressum</a>
-    <a href="legal/datenschutz.php">Datenschutz</a>
-    <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
-</footer>
+<?php
+include_once 'includes/footer.php';
+?>
 </body>
 
 </html>

css/footer.css

@@ -0,0 +1,21 @@
+/* Footer‑Grundlayout */
+footer {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    background: #333d43;
+    text-align: center;
+    padding: 10px 0;
+}
+
+footer a {
+    color: #333;
+    text-decoration: none;
+    margin: 0 12px;
+    transition: color 0.2s ease; /* Farbwechsel */
+}
+
+footer a:hover,
+footer a:focus {
+    color: #0066cc;
+}

includes/footer.php

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

index.php

@@ -13,6 +13,7 @@
     <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>
 
@@ -25,11 +26,9 @@
 	include_once 'content/home.php';
 	?>
 
-    <footer style="position:fixed;bottom:0;width:100%;background:#fff;text-align:center;">
-        <a href="legal/impressum.php">Impressum</a>
-        <a href="legal/datenschutz.php">Datenschutz</a>
-        <a href="legal/nutzungsbedingungen.php">Nutzungsbedingungen</a>
-    </footer>
+    <?php
+    include_once 'includes/footer.php';
+    ?>
 </body>
 
 </html>