css/footer.css

@@ -1,13 +1,9 @@
 /* Footer‑Grundlayout */
 footer {
-    position: relative;
     width: 100%;
     background: #333d43;
     text-align: center;
     padding: 10px 0;
-
-    /* Berechnet die Resthöhe: 100% Bildschirmhöhe minus geschätzte Inhaltshöhe */
-    margin-top: calc(100vh - 400px);
 }
 
 footer a {

css/main.css

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