Testseite hinzugefügt

src/components/Footer.astro

@@ -20,4 +20,33 @@ const displayYear = currentYear > startYear ? `${startYear}–${currentYear}` :
       </ul>
     </nav>
   </div>
-</footer>
+</footer>
+
+<style>
+    @reference "../styles/global.css";
+    .main-footer {
+        @apply fixed bottom-0 left-0 w-full z-50 py-2 shadow-top  bg-linear-to-b from-white/80 to-header-bg/80 backdrop-blur-sm;
+
+    }
+
+    /* .main-footer {
+        @apply w-full bg-linear-to-b from-white to-header-bg py-2 mt-auto shadow-top;
+    } */
+
+    .footer-container {
+        @apply container mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-4;
+    }
+
+    .footer-copy {
+        @apply text-xs text-slate-400 font-medium;
+    }
+
+    .footer-links {
+        @apply flex gap-6 text-xs text-slate-500;
+    }
+
+    .footer-link-item {
+        @apply hover:text-blue-500 transition-colors;
+    }
+
+</style>