Rechtliches: Impressum (DDG, Gesellschafter), Datenschutz, Abo-Seite, lokale Schriften

- Impressum: § 5 DDG, vertreten durch Kenso Grimm und Justin Klein
  (einzeln vertretungsberechtigt), Notizsatz und RStV-Abschnitt entfernt,
  Haftung nach DSA statt TMG, OS-Plattform-Link entfernt (abgeschaltet)
- /datenschutz leitet auf die gemeinsame Datenschutzerklaerung weiter
- /wartungs-abo: oeffentliche Leistungsbeschreibung (auch fuer Stripe)
- Footer: Datenschutz, 'Vertraege hier kuendigen', 'Vertrag widerrufen'
- Inter und Space Grotesk selbst gehostet statt Google Fonts; vier
  ungenutzte Google-Schriften entfernt

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

src/components/Footer.tsx

@@ -12,6 +12,8 @@ type FooterLink = {
   to?: string;
   /** anchor / mailto / tel / external */
   href?: string;
+  /** hervorgehoben (z. B. Kündigungs- und Widerrufsbutton) */
+  strong?: boolean;
 };
 
 const footerLinks: { title: string; links: FooterLink[] }[] = [
@@ -22,6 +24,7 @@ const footerLinks: { title: string; links: FooterLink[] }[] = [
       { id: 2, title: "Über uns", to: "/ueber-uns" },
       { id: 3, title: "Leistungen", href: "/#services" },
       { id: 4, title: "Kontakt", to: "/kontakt" },
+      { id: 9, title: "Wartungs-Abo", to: "/wartungs-abo" },
     ],
   },
   {
@@ -36,6 +39,9 @@ const footerLinks: { title: string; links: FooterLink[] }[] = [
     links: [
       { id: 7, title: "AGB", to: "/agb" },
       { id: 8, title: "Impressum", to: "/impressum" },
+      { id: 10, title: "Datenschutz", href: "https://project.webklar.com/datenschutz.html" },
+      { id: 11, title: "Verträge hier kündigen", href: "https://project.webklar.com/kuendigen.html", strong: true },
+      { id: 12, title: "Vertrag widerrufen", href: "https://project.webklar.com/widerrufen.html", strong: true },
     ],
   },
 ];
@@ -84,7 +90,11 @@ const Footer: React.FC = () => {
                     ) : (
                       <a
                         href={link.href}
-                        className="transition-colors group-hover:text-neutral-200"
+                        className={
+                          link.strong
+                            ? "font-semibold text-white underline underline-offset-4"
+                            : "transition-colors group-hover:text-neutral-200"
+                        }
                       >
                         {link.title}
                       </a>