footer added

adventskalender/shared/css/style.css

@@ -66,4 +66,67 @@ main > h1 {
   width: auto;
   border: 4px solid var(--ci-gold);
   border-radius: 12px;
+}
+
+/* === FOOTER === */
+.main-footer {
+  background-color: #104f3a; /* CI-Dunkelgrün */
+  color: #f7f3e8;           /* CI-Cremeweiß */
+  text-align: center;
+  padding: 2rem 1rem;
+  font-size: 0.9rem;
+  margin-top: 4rem;
+  border-top: 3px solid #c8aa49; /* Goldene Linie */
+}
+
+.footer-inner {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.6rem;
+}
+
+.footer-brand {
+  font-weight: 600;
+  letter-spacing: 0.03em;
+}
+
+.footer-links {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 0.5rem 1rem;
+}
+
+.footer-links a {
+  color: #c8aa49;
+  text-decoration: none;
+  transition: color 0.2s ease;
+}
+
+.footer-links a:hover {
+  color: #f7f3e8;
+  text-decoration: underline;
+}
+
+.footer-links .divider {
+  color: rgba(247, 243, 232, 0.4);
+}
+
+.legal-note {
+  margin-top: 1rem;
+  font-size: 0.75rem;
+  color: rgba(247, 243, 232, 0.7);
+}
+
+/* === RESPONSIVE === */
+@media (max-width: 600px) {
+  .footer-links {
+    flex-direction: column;
+    gap: 0.4rem;
+  }
+
+  .footer-links .divider {
+    display: none;
+  }
 }