diff --git a/webseite/assets/css/subject.css b/webseite/assets/css/subject.css
index 714bfba..dfac74f 100644
--- a/webseite/assets/css/subject.css
+++ b/webseite/assets/css/subject.css
@@ -8,7 +8,6 @@
 
 body {
     min-height: 100vh;
-    display: flex;
     overflow-x: hidden;
 }
 
@@ -373,4 +372,4 @@ body {
 .topic-card:hover {
     transform: translateY(-5px) scale(1.01);
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
-}
+}
\ No newline at end of file
diff --git a/webseite/assets/css/topic.css b/webseite/assets/css/topic.css
index 146c20d..c54e428 100644
--- a/webseite/assets/css/topic.css
+++ b/webseite/assets/css/topic.css
@@ -7,7 +7,6 @@
 
 body {
     min-height: 100vh;
-    display: flex;
     overflow-x: hidden;
 }
 
@@ -163,7 +162,7 @@ body {
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
 }
 
-@media (max-width: 768px) {
+@media (max-width: 1024px) {
     .sidebar {
         transform: translateX(-100%);
     }
diff --git a/webseite/homepage.php b/webseite/homepage.php
index 3f9679b..7828be1 100644
--- a/webseite/homepage.php
+++ b/webseite/homepage.php
@@ -12,7 +12,9 @@
     <script src="https://cdn.tailwindcss.com"></script>
     <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
 </head>
-<body class="bg-gray-50">
+
+
+<body class="bg-gray-50 min-h-screen">
 <!-- Animated background blobs -->
 <div class="fixed inset-0 -z-10 overflow-hidden">
     <div class="blob absolute w-96 h-96 bg-sky-300/30 -top-48 -left-16"></div>
@@ -88,7 +90,7 @@
 
 </div>
 
-<footer class="fixed bottom-0 w-full bg-white/80 backdrop-blur-lg shadow-sm p-5">
+<footer class="sticky top-[100vh] w-full bg-white/80 backdrop-blur-lg shadow-sm p-5">
     <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
         <div class="flex justify-between">
             <p class="text-gray-600">&copy; Horst-Schlämmer-Gedächtnis-Gymnasium</p>
diff --git a/webseite/impressum.php b/webseite/impressum.php
index 6f78e40..053df08 100644
--- a/webseite/impressum.php
+++ b/webseite/impressum.php
@@ -27,7 +27,7 @@
     </div>
 </nav>
 
-<div class="content mt-24 max-w-7xl mx-auto">
+<div class="content mt-24 max-w-7xl mx-[16px] xl:mx-auto">
     <h1 class="text-3xl font-bold text-gray-900 mb-6">Impressum</h1>
     <p class="text-gray-600 mb-4">Angaben gemäß § 5 TMG:</p>
     <p class="text-gray-600 mb-4">
diff --git a/webseite/subject.php b/webseite/subject.php
index d7d9da4..639deb7 100644
--- a/webseite/subject.php
+++ b/webseite/subject.php
@@ -28,7 +28,9 @@ $topics = $subjectData->topics;
     <script src="assets/js/sidebar.js"></script>
     <script src="assets/js/search.js"></script>
 </head>
-<body>
+
+
+<body class="min-h-screen">
 
 <nav class="sidebar bg-[<?php echo($subjectData->color); ?>]">
     <div class="sidebar-header">
@@ -124,6 +126,15 @@ $topics = $subjectData->topics;
     </div>
 </div>
 
-<!-- Code injected by live-server -->
+<footer class="sticky top-[100vh] lg:ms-[280px] w-full lg:w-auto bg-white/80 backdrop-blur-lg shadow-sm p-5">
+    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+        <div class="flex justify-between">
+            <p class="text-gray-600">&copy; Horst-Schlämmer-Gedächtnis-Gymnasium</p>
+            <p><a href="impressum.php"
+                  class="text-[var(--primary-color)] hover:text-[var(--accent-color)]">Impressum</a></p>
+        </div>
+    </div>
+</footer>
+
 </body>
 </html>
diff --git a/webseite/topic.php b/webseite/topic.php
index 665851d..9e16ad3 100644
--- a/webseite/topic.php
+++ b/webseite/topic.php
@@ -33,7 +33,9 @@ if (!isset($topicData)) {
     <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
     <script src="assets/js/sidebar.js"></script>
 </head>
-<body>
+
+
+<body class="min-h-screen">
 
 <button class="menu-toggle fixed top-4 left-4 z-50 bg-white h-12 w-12 border-2 p-1 hover:border-[<?php echo($subjectData->color); ?>]">
     <i class="fas fa-bars"></i>
@@ -110,5 +112,15 @@ if (!isset($topicData)) {
     </div>
 </main>
 
+<footer class="sticky top-[100vh] lg:ms-[280px] w-full lg:w-auto bg-white/80 backdrop-blur-lg shadow-sm p-5">
+    <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
+        <div class="flex justify-between">
+            <p class="text-gray-600">&copy; Horst-Schlämmer-Gedächtnis-Gymnasium</p>
+            <p><a href="impressum.php"
+                  class="text-[var(--primary-color)] hover:text-[var(--accent-color)]">Impressum</a></p>
+        </div>
+    </div>
+</footer>
+
 </body>
 </html>
