webseite/assets/css/topic.css

@@ -69,6 +69,7 @@ body {
 /* Main Content Styles */
 .main-content {
     margin-left: 280px;
+    width: calc(100% - 280px);
     padding: 2rem;
     flex: 1;
 }
@@ -184,6 +185,7 @@ body {
 
     .main-content {
         margin-left: 0;
+        width: 100%;
         padding: 1rem;
     }
 }

webseite/topic.php

@@ -59,8 +59,9 @@ if (!isset($topicData)) {
 </nav>
 
 <!-- Main Content -->
-<main class="main-content max-w-7xl mt-5">
-    <div class="mt-10"></div>
+<main class="main-content">
+    <div class="max-w-7xl mt-5">
+    <div class="mt-16"></div>
 
     <div class="related-topics bg-gray-100 p-4 rounded-lg">
         <h4>Verwandte Themen:</h4>
@@ -111,8 +112,7 @@ if (!isset($topicData)) {
             </div>
         </div>
     </div>
-
-
+    </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">