Wartungs-Abo v2: Rechtsrunde umgesetzt

- Bestellseite: Pflichtangaben direkt ueber dem Button, Zahlungsarten,
  Wahl des Leistungsbeginns (sofort / nach Widerrufsfrist via 15 Tage
  Stripe-Probezeit), keine Vorauswahl
- Zustimmungsnachweis: Zeitpunkt, Version, Wahl, IP, Browser in Stripe-
  Metadaten und Appwrite (neue Attribute, Setup-Skript ergaenzt)
- Checkout: Karte + SEPA (Fallback nur Karte), korrigierter Hinweistext
- Vertragsbestaetigung mit PDF der Vertragsunterlagen statt HTML
- Kuendigen/Widerrufen: Formular direkt (keine Zwischenseite), Wunsch-
  termin, Druck/PDF der Bestaetigung, Vorbefuellung bei Login
- Widerrufsbutton im Abo waehrend der Frist, 'beginnt am'-Status
- Pilotbetrieb per ABO_PILOT_EMAILS
- Vertragsbedingungen v2, Datenschutzerklaerung, Kalkulator ohne MwSt
  und mit 100/80 EUR

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

public/dashboard.html

@@ -146,8 +146,17 @@
     .abo-history { margin-top: 14px; }
     .abo-history summary { cursor: pointer; font-size: 14px; opacity: 0.85; }
     .abo-history table { margin-top: 10px; }
-    .portal-legal { margin-top: 40px; font-size: 13px; opacity: 0.7; display: flex; gap: 18px; flex-wrap: wrap; }
-    .portal-legal a { color: inherit; }
+    .portal-legal { margin-top: 40px; font-size: 13px; display: flex; gap: 18px; flex-wrap: wrap; align-items: center; }
+    .portal-legal a { color: rgba(255,255,255,0.7); }
+    .portal-legal a.legal-strong { color: #fff; font-weight: 700; text-decoration: underline; }
+    .abo-start-choice { border: none; padding: 0; margin: 14px 0 8px; }
+    .abo-start-choice legend { font-weight: 700; margin-bottom: 4px; }
+    .abo-summary-box { margin: 16px 0 10px; padding: 14px 16px; border-radius: 14px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); }
+    .abo-summary-box .abo-summary { margin-bottom: 6px; }
+    .abo-summary td:first-child { width: 26%; opacity: 0.75; }
+    .abo-summary td:last-child { text-align: left; }
+    .abo-withdraw { color: #fff; font-weight: 700; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.6); text-decoration: none; }
+    .abo-withdraw:hover { background: #fff; color: #1c1c1c; }
   </style>
 </head>
 <body class="portal-page dashboard-page">
@@ -213,9 +222,10 @@
     </section>
 
     <footer class="portal-legal">
-      <a href="/abo-bedingungen.html" target="_blank" rel="noopener">Abo-Bedingungen</a>
-      <a href="/kuendigen.html">Verträge hier kündigen</a>
-      <a href="/widerrufen.html">Vertrag widerrufen</a>
+      <a class="legal-strong" href="/kuendigen.html">Verträge hier kündigen</a>
+      <a class="legal-strong" href="/widerrufen.html">Vertrag widerrufen</a>
+      <a href="/abo-bedingungen.html" target="_blank" rel="noopener">Vertragsbedingungen</a>
+      <a href="/datenschutz.html" target="_blank" rel="noopener">Datenschutz</a>
       <a href="https://webklar.com/impressum" target="_blank" rel="noopener">Impressum</a>
     </footer>
   </main>