---
/**
 * Datenschutz / Privacy Policy
 * URL: /datenschutz
 */
import PageLayout from '@/layouts/PageLayout.astro';
import Icon from '@/components/ui/primitives/Icon/Icon.astro';
import Badge from '@/components/ui/data-display/Badge/Badge.astro';
import Card from '@/components/ui/data-display/Card/Card.astro';
import { Hero } from '@/components/hero';
---

<PageLayout
  title="Datenschutz — Armarium"
  description="Datenschutzerklärung der Armarium Suite. Deine Daten werden ausschliesslich in der Schweiz gehostet."
  locale="de"
>
  <Hero layout="centered" size="sm">
    <Badge slot="badge" variant="brand" pill>
      <Icon name="shield-check" size="sm" />
      Datenschutz
    </Badge>
    <h1 slot="title">
      Deine Daten,<br />
      <span class="text-brand-500 [-webkit-text-fill-color:var(--color-brand-500)]">dein Schutz.</span>
    </h1>
    <p slot="description">
      Armarium nimmt Datenschutz ernst. Deine Finanzdaten werden ausschliesslich in der Schweiz gespeichert und verarbeitet – ohne Datenverkauf, ohne Tracking.
    </p>
  </Hero>

  <!-- Hosting: Infomaniak -->
  <section class="py-[var(--space-section-md)] bg-brand-500/8 dark:bg-background-secondary border-t border-border">
    <div class="mx-auto max-w-5xl px-6">
      <div class="flex flex-col gap-8" data-reveal>
        <div class="flex flex-col items-center gap-4 text-center">
          <Badge variant="brand" pill>Hosting & Infrastruktur</Badge>
          <h2 class="font-display text-3xl md:text-4xl font-bold text-foreground">
            100% Schweizer Hosting
          </h2>
          <p class="text-lg text-foreground-muted max-w-2xl">
            Armarium betreibt seine gesamte Infrastruktur ausschliesslich auf Servern von <strong class="text-foreground">Infomaniak</strong> in der Schweiz. Keine Daten verlassen jemals das Schweizer Staatsgebiet.
          </p>
        </div>

        <!-- Infomaniak certifications grid -->
        <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
          <!-- ISO 27001 -->
          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="shield" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Informationssicherheit</p>
                <h3 class="text-sm font-semibold text-foreground">ISO 27001:2022</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Zertifiziertes Informationssicherheits-Managementsystem. Umfasst Entwicklung, Cloud-Infrastruktur, Webservices, Support und Rechenzentrumsbetrieb.
                </p>
              </div>
            </div>
          </Card>

          <!-- Swiss Hosting -->
          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center shrink-0">
                <svg class="w-5 h-6" viewBox="0 0 32 36" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="Swiss Hosting" role="img">
                  <defs><clipPath id="zh-ds1"><path d="M16 1L1 7V23L6 30L16 34L26 30L31 23V7L16 1Z"/></clipPath></defs>
                  <path d="M16 1L1 7V23L6 30L16 34L26 30L31 23V7L16 1Z" fill="white"/>
                  <polygon points="1,7 16,1 31,7 1,34" fill="#003DA5" clip-path="url(#zh-ds1)"/>
                  <path d="M16 1L1 7V23L6 30L16 34L26 30L31 23V7L16 1Z" fill="none" stroke="#003DA5" stroke-width="1.5"/>
                </svg>
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Datensouveränität</p>
                <h3 class="text-sm font-semibold text-foreground">Swiss Hosting Label</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Daten werden ausschliesslich in Schweizer Rechenzentren gespeichert, verarbeitet und betrieben. Keine Auslagerung ins Ausland.
                </p>
              </div>
            </div>
          </Card>

          <!-- Swiss Made Software -->
          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="code-2" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Entwicklung</p>
                <h3 class="text-sm font-semibold text-foreground">Swiss Made Software</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Infomaniak entwickelt seine Software mehrheitlich in der Schweiz und erfüllt die Anforderungen des Swiss Made Software-Labels.
                </p>
              </div>
            </div>
          </Card>

          <!-- DSG / DSGVO -->
          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="file-check" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Rechtliche Konformität</p>
                <h3 class="text-sm font-semibold text-foreground">nDSG & DSGVO</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Vollständige Konformität mit dem Schweizer Datenschutzgesetz (nDSG) sowie der europäischen Datenschutz-Grundverordnung (DSGVO/GDPR).
                </p>
              </div>
            </div>
          </Card>

          <!-- ISO 14001 / Ökologie -->
          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="leaf" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Nachhaltigkeit</p>
                <h3 class="text-sm font-semibold text-foreground">ISO 14001 · B Corp™</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  100% erneuerbare Energie (60% Wasserkraft, 40% Solar). CO₂-Kompensation zu 200%. Zertifiziert als B Corp™ seit 2025.
                </p>
              </div>
            </div>
          </Card>

          <!-- Physische Sicherheit -->
          <Card hover>
            <div class="flex items-start gap-3">
              <div class="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-500/20 to-brand-500/5 flex items-center justify-center text-brand-500 shrink-0">
                <Icon name="server" size="sm" />
              </div>
              <div>
                <p class="text-xs font-bold tracking-wide text-foreground-muted mb-0.5">Rechenzentrum</p>
                <h3 class="text-sm font-semibold text-foreground">Physische Sicherheit</h3>
                <p class="text-xs text-foreground-muted mt-1 leading-relaxed">
                  Mehrere redundante Schweizer Rechenzentren. Jährliche Penetrationstests, AES-256-Verschlüsselung, PUE &lt; 1.1.
                </p>
              </div>
            </div>
          </Card>
        </div>
      </div>
    </div>
  </section>

  <!-- Datenschutzerklärung -->
  <section class="py-[var(--space-section-md)] bg-background border-t border-border">
    <div class="mx-auto max-w-3xl px-6">
      <div class="prose prose-neutral dark:prose-invert max-w-none space-y-10" data-reveal>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">1. Verantwortliche Stelle</h2>
          <p class="text-foreground-muted leading-relaxed">
            Verantwortlich für die Datenverarbeitung im Rahmen der Armarium Suite ist Armarium, Zürich, Schweiz. Bei Fragen zum Datenschutz erreichst du uns unter:
            <a href="mailto:datenschutz@armarium.ch" class="text-brand-500 hover:text-brand-600 transition-colors">datenschutz@armarium.ch</a>.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">2. Erhobene Daten</h2>
          <p class="text-foreground-muted leading-relaxed mb-3">Armarium erhebt nur die Daten, die für den Betrieb der App zwingend notwendig sind:</p>
          <ul class="space-y-2 text-foreground-muted">
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Registrierungsdaten:</strong> E-Mail-Adresse und Passwort (gehasht, nie im Klartext gespeichert).</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Finanzdaten:</strong> Transaktionen, Budgets, Kategorien und Konten, die du selbst erfasst.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Technische Daten:</strong> IP-Adresse (für Sicherheitszwecke), Browser-Typ, Zeitstempel der letzten Anmeldung.</span></li>
          </ul>
          <p class="text-foreground-muted leading-relaxed mt-3">
            Wir setzen <strong class="text-foreground">kein Tracking, keine Werbe-Cookies und keine Analytics-Dienste von Drittanbietern</strong> ein.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">3. Zweck der Datenverarbeitung</h2>
          <p class="text-foreground-muted leading-relaxed mb-3">Deine Daten werden ausschliesslich verwendet für:</p>
          <ul class="space-y-2 text-foreground-muted">
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span>Bereitstellung und Betrieb der Armarium Suite</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span>Authentifizierung und Kontoschutz</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span>Technischen Support auf deine Anfrage hin</span></li>
          </ul>
          <p class="text-foreground-muted leading-relaxed mt-3">
            Eine Weitergabe deiner Daten an Dritte findet <strong class="text-foreground">nicht statt</strong> – weder für Werbezwecke noch für Analysen.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">4. Datenspeicherung & Hosting</h2>
          <p class="text-foreground-muted leading-relaxed">
            Sämtliche Daten werden ausschliesslich auf Servern von <strong class="text-foreground">Infomaniak Network SA</strong> in der Schweiz gespeichert und verarbeitet. Infomaniak ist ISO 27001:2022-zertifiziert und erfüllt alle Anforderungen des Schweizer Datenschutzgesetzes (nDSG) sowie der DSGVO. Es findet kein Transfer von Daten in Drittländer statt.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">5. Datensicherheit</h2>
          <p class="text-foreground-muted leading-relaxed">
            Alle Datenübertragungen erfolgen verschlüsselt via HTTPS/TLS. Passwörter werden ausschliesslich als gehashte Werte (bcrypt) gespeichert. Die Infrastruktur von Infomaniak verwendet AES-256-Verschlüsselung und wird jährlichen Penetrationstests unterzogen.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">6. Deine Rechte</h2>
          <p class="text-foreground-muted leading-relaxed mb-3">Gemäss nDSG und DSGVO hast du folgende Rechte:</p>
          <ul class="space-y-2 text-foreground-muted">
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Auskunft:</strong> Welche Daten über dich gespeichert sind.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Berichtigung:</strong> Unrichtige Daten korrigieren lassen.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Löschung:</strong> Vollständige Löschung deines Kontos und aller Daten.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Datenportabilität:</strong> Export deiner Daten in einem gängigen Format.</span></li>
            <li class="flex items-start gap-2"><Icon name="check" size="sm" class="text-brand-500 shrink-0 mt-0.5" /><span><strong class="text-foreground">Widerspruch:</strong> Widerspruch gegen bestimmte Verarbeitungen.</span></li>
          </ul>
          <p class="text-foreground-muted leading-relaxed mt-3">
            Anfragen richtest du an: <a href="mailto:datenschutz@armarium.ch" class="text-brand-500 hover:text-brand-600 transition-colors">datenschutz@armarium.ch</a>. Wir bearbeiten dein Anliegen innerhalb von 30 Tagen.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">7. Kontolöschung</h2>
          <p class="text-foreground-muted leading-relaxed">
            Du kannst dein Konto jederzeit in den App-Einstellungen löschen. Dabei werden alle deine Daten unwiderruflich und vollständig aus unseren Systemen entfernt. Eine Wiederherstellung ist danach nicht möglich.
          </p>
        </div>

        <div>
          <h2 class="font-display text-2xl font-bold text-foreground mb-4">8. Änderungen dieser Erklärung</h2>
          <p class="text-foreground-muted leading-relaxed">
            Wir behalten uns vor, diese Datenschutzerklärung bei Bedarf anzupassen. Die jeweils aktuelle Version ist unter <a href="/datenschutz" class="text-brand-500 hover:text-brand-600 transition-colors">armarium.ch/datenschutz</a> abrufbar. Bei wesentlichen Änderungen informieren wir registrierte Nutzer per E-Mail.
          </p>
          <p class="text-foreground-muted leading-relaxed mt-2 text-sm">
            Stand: April 2026
          </p>
        </div>

      </div>
    </div>
  </section>
</PageLayout>
