feat(hosting): Hosting-Marketing + Login/Konto als Vanilla-JS-Seiten

Integriert das RAPPORT-Hosting-Angebot direkt in die bestehende Hugo-Seite
(gleicher openbureau/Hextra-Look):
- /hosting        Marketing-Landing (Hero, Feature-Grid)
- /hosting-preise Abo-Übersicht (Plans aus /api/billing/plans)
- /login /register /konto  Vanilla-JS-Seiten (layouts/hosting.html +
  static/js/hosting-app.js), sprechen NUR mit /api
- custom.css: Karten-/Formular-/Plan-Styles im RAPPORT-Token-Set
- Navbar: 'Hosting' + 'Anmelden'

Bleibt sauber AGPL: kein Backend-Code, nur fetch('/api'). Das proprietäre
Backend (Auth/Stripe/Provisioning) liegt in RAPPORT-HOST.

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

content/hosting/_index.md

@@ -0,0 +1,85 @@
+---
+title: Hosting
+layout: hextra-home
+toc: false
+---
+
+{{< hextra/hero-badge >}}
+  <div class="hx:w-2 hx:h-2 hx:rounded-full" style="background: #b07848; box-shadow: 0 0 8px rgba(176,120,72,0.55);"></div>
+  <span>Gehostet in der Schweiz · Ohne eigenen Server</span>
+{{< /hextra/hero-badge >}}
+
+<div class="hx:mt-8 hx:mb-6">
+  <div class="rapport-logo-card">
+    <div class="rapport-logo-text">RAPPORT</div>
+    <div class="rapport-logo-sub">Hosting</div>
+  </div>
+</div>
+
+<div class="hx:mb-12">
+{{< hextra/hero-subtitle >}}
+  Ihre eigene Rapport-Instanz — in Minuten startklar. Studio-Management für Architekturbüros, gehostet, gewartet und gesichert. Sie arbeiten, wir kümmern uns um den Rest.
+{{< /hextra/hero-subtitle >}}
+</div>
+
+<div class="rapport-hero-actions">
+  <a href="/register/" class="rapport-btn rapport-btn-primary">Jetzt starten</a>
+  <a href="/hosting-preise/" class="rapport-btn rapport-btn-secondary">Preise ansehen ↗</a>
+</div>
+
+<div class="rapport-meta hx:mb-12">
+  <span class="rapport-meta-item">Schweizer Hosting</span>
+  <span class="rapport-meta-item">Tägliche Backups</span>
+  <span class="rapport-meta-item">Jederzeit kündbar</span>
+  <span class="rapport-meta-item">Keine Installation</span>
+</div>
+
+<div class="hx:mt-12 hx:mb-8 hx:text-center">
+  <p style="font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--rapport-accent); margin-bottom: 12px;">SO EINFACH</p>
+  <h2 style="font-family: 'Playfair Display', serif; font-size: clamp(26px, 3.5vw, 40px); font-weight: 700; line-height: 1.2; margin: 0 auto 16px; max-width: 580px;">Registrieren, Abo wählen, loslegen</h2>
+  <p style="font-size: 13px; line-height: 1.8; color: var(--rapport-text-3); max-width: 620px; margin: 0 auto;">Keine Server-Administration, keine Updates, keine Sorgen um Backups. Sie bekommen eine fertige Rapport-Instanz mit eigener Adresse — wir betreiben sie für Sie in der Schweiz.</p>
+</div>
+
+{{< hextra/feature-grid >}}
+
+  {{< hextra/feature-card
+    title="In Minuten startklar"
+    subtitle="Konto erstellen, Abo wählen, fertig. Ihre Instanz wird automatisch eingerichtet — keine Installation, keine Technik."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(176,120,72,0.10),hsla(0,0%,100%,0));"
+  >}}
+
+  {{< hextra/feature-card
+    title="Schweizer Hosting"
+    subtitle="Ihre Daten bleiben in der Schweiz. Tägliche Backups, sichere Infrastruktur — ohne dass Sie sich darum kümmern müssen."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(176,120,72,0.08),hsla(0,0%,100%,0));"
+  >}}
+
+  {{< hextra/feature-card
+    title="Voller Funktionsumfang"
+    subtitle="Zeiterfassung, Rechnungen mit QR-Einzahlungsschein, Offerten, Projekte nach SIA 102, Mitarbeiter — alles in einer App."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(176,120,72,0.12),hsla(0,0%,100%,0));"
+  >}}
+
+  {{< hextra/feature-card
+    title="Immer aktuell"
+    subtitle="Updates und Wartung übernehmen wir. Sie arbeiten immer mit der neuesten Version, ganz ohne Aufwand."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(176,120,72,0.10),hsla(0,0%,100%,0));"
+  >}}
+
+  {{< hextra/feature-card
+    title="Faire Preise"
+    subtitle="Transparente Abos ab CHF 19/Monat. Monatlich kündbar, keine versteckten Kosten, keine Einrichtungsgebühr."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(176,120,72,0.08),hsla(0,0%,100%,0));"
+  >}}
+
+  {{< hextra/feature-card
+    title="Kein Lock-in"
+    subtitle="Rapport ist Open Source (AGPL). Hosting nimmt Ihnen nur die Technik ab — Sie können jederzeit zum Selbstbetrieb wechseln."
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(176,120,72,0.12),hsla(0,0%,100%,0));"
+  >}}
+
+{{< /hextra/feature-grid >}}
+
+<div class="hx:mt-16 hx:mb-8 hx:text-center">
+  <a href="/register/" class="rapport-btn rapport-btn-primary">Kostenlos registrieren</a>
+</div>