rebreak-monorepo/apps/marketing/app/pages/nutzungsbedingungen.vue

<template>
  <div class="min-h-screen bg-default font-sans pb-16 md:pb-0">
    <!-- Header -->
    <div class="pt-10 pb-8 text-center px-4">
      <div
        class="inline-flex items-center gap-2 bg-primary-950/60 border border-primary-800/40 rounded-full px-4 py-1.5 text-sm text-primary-300 mb-6">
        <UIcon name="i-heroicons-document-text" class="text-primary-400" />
        Rechtliches
      </div>

      <h1 class="text-3xl md:text-5xl font-extrabold text-highlighted mb-3">
        Nutzungsbedingungen
      </h1>
      <p class="text-muted text-sm">Stand: 1. Mai 2026</p>
    </div>

    <!-- Wichtiger Hinweis -->
    <div class="px-4 max-w-3xl mx-auto mb-8">
      <div class="bg-amber-950/40 border border-amber-700/40 rounded-2xl p-5">
        <div class="flex items-start gap-3">
          <UIcon name="i-heroicons-exclamation-triangle" class="text-amber-400 text-xl shrink-0 mt-0.5" />
          <div class="text-sm text-amber-100 leading-relaxed">
            <p class="font-semibold mb-2 text-amber-200">
              Rebreak ist kein Ersatz für ärztliche, psychotherapeutische oder suchtmedizinische Behandlung.
            </p>
            <p>
              Die App ist eine digitale Selbsthilfe-Begleitung. Bei akuten Krisen oder Suizidgedanken:
              <strong>Telefonseelsorge 0800 1110111</strong> (kostenfrei, 24h) oder <strong>Notruf 112</strong>.
            </p>
          </div>
        </div>
      </div>
    </div>

    <!-- Inhaltsverzeichnis -->
    <div class="px-4 max-w-3xl mx-auto mb-10">
      <div class="bg-elevated border border-default rounded-2xl p-5">
        <h2 class="text-base font-bold text-highlighted mb-3 flex items-center gap-2">
          <UIcon name="i-heroicons-list-bullet" class="text-primary-400" />
          Inhaltsverzeichnis
        </h2>
        <ol class="text-sm text-muted space-y-1.5 list-decimal list-inside">
          <li><a href="#par1" class="hover:text-primary-400 transition-colors">Geltungsbereich und Anbieter</a></li>
          <li><a href="#par2" class="hover:text-primary-400 transition-colors">Vertragsabschluss und Mindestalter</a></li>
          <li><a href="#par3" class="hover:text-primary-400 transition-colors">Leistungsbeschreibung und Charakter der App</a></li>
          <li><a href="#par4" class="hover:text-primary-400 transition-colors">Pflichten des Nutzers</a></li>
          <li><a href="#par5" class="hover:text-primary-400 transition-colors">Preise, Abonnement und automatische Verlängerung</a></li>
          <li><a href="#par6" class="hover:text-primary-400 transition-colors">Widerrufsrecht für Verbraucher</a></li>
          <li><a href="#par7" class="hover:text-primary-400 transition-colors">Verfügbarkeit und Wartung</a></li>
          <li><a href="#par8" class="hover:text-primary-400 transition-colors">Haftung</a></li>
          <li><a href="#par9" class="hover:text-primary-400 transition-colors">Geistige Eigentumsrechte und nutzergenerierte Inhalte</a></li>
          <li><a href="#par10" class="hover:text-primary-400 transition-colors">Beendigung des Vertragsverhältnisses</a></li>
          <li><a href="#par11" class="hover:text-primary-400 transition-colors">Änderungen dieser Nutzungsbedingungen</a></li>
          <li><a href="#par12" class="hover:text-primary-400 transition-colors">Schlussbestimmungen</a></li>
        </ol>
      </div>
    </div>

    <!-- Inhalt -->
    <article class="px-4 max-w-3xl mx-auto pb-24 text-sm text-muted leading-relaxed space-y-10">

      <section id="par1">
        <h2 class="text-xl font-bold text-highlighted mb-3">§ 1 Geltungsbereich und Anbieter</h2>
        <p class="mb-3">
          Diese Nutzungsbedingungen regeln das Vertragsverhältnis zwischen dem Anbieter und
          den Nutzerinnen und Nutzern der mobilen Anwendung sowie der zugehörigen Web-Anwendung „Rebreak".
        </p>
        <div class="bg-elevated border border-default rounded-xl p-4 mb-3 not-prose">
          <p class="text-highlighted font-semibold mb-1">Chahine Brini</p>
          <p>(natürliche Person, einzelkaufmännisch handelnd)</p>
          <p class="mt-2">E-Mail: <a href="mailto:c.brini@icloud.com" class="text-primary-400 hover:underline">c.brini@icloud.com</a></p>
        </div>
        <p class="text-xs text-muted italic">
          Eine Überführung in die in Gründung befindliche „Raynis GmbH" ist geplant.
          Nutzer werden rechtzeitig informiert.
        </p>
      </section>

      <section id="par2">
        <h2 class="text-xl font-bold text-highlighted mb-3">§ 2 Vertragsabschluss und Mindestalter</h2>
        <p class="mb-3">
          Die Nutzung setzt die Einrichtung eines Nutzerkontos voraus. Mit Abschluss der
          Registrierung kommt ein Nutzungsvertrag über die kostenfreien Funktionen zustande.
        </p>
        <p>
          Die Nutzung ist Personen ab dem vollendeten <strong>16. Lebensjahr</strong> gestattet.
          Minderjährige benötigen die Einwilligung eines Erziehungsberechtigten.
        </p>
      </section>

      <section id="par3">
        <h2 class="text-xl font-bold text-highlighted mb-3">§ 3 Leistungsbeschreibung und Charakter der App</h2>
        <p class="mb-3">
          Rebreak ist ein digitales <strong>Selbsthilfe-Tool zur Unterstützung bei problematischem
          Glücksspielverhalten</strong>. Funktionen: Domain-/URL-Filter, KI-Coach „Lyra",
          Streak-Zähler, Trigger-Logging, SOS-Atemübung, Community-Bereich.
        </p>
        <p class="mb-3">
          <strong>Rebreak ist ausdrücklich kein Medizinprodukt, keine ärztliche Behandlung und
          keine Therapie.</strong> Die App stellt keine Diagnosen und ersetzt keinen Arztbesuch.
          Nutzer mit ausgeprägter Glücksspielproblematik werden aufgefordert, professionelle Hilfe
          in Anspruch zu nehmen (BZgA: 0800 1372700).
        </p>
        <p>
          Die durch „Lyra" generierten Antworten beruhen auf einem maschinellen Sprachmodell,
          können fehlerhaft sein und stellen keine fachliche Empfehlung dar.
        </p>
      </section>

      <section id="par4">
        <h2 class="text-xl font-bold text-highlighted mb-3">§ 4 Pflichten des Nutzers</h2>
        <p class="mb-3">Der Nutzer verpflichtet sich insbesondere, folgende Handlungen zu unterlassen:</p>
        <ul class="list-disc list-inside mb-3 space-y-1">
          <li>Schutz- und Sperrmechanismen (Domain-Filter, Tamper-Lock, Cooldown) zu umgehen;</li>
          <li>Dekompilierung oder Reverse Engineering der App;</li>
          <li>Beeinträchtigung der Systemintegrität durch Massenanfragen oder Schadsoftware;</li>
          <li>Veröffentlichung rechtswidriger, beleidigender oder kommerziell werbender Inhalte;</li>
          <li>Bewerbung von Glücksspielangeboten;</li>
          <li>Weitergabe des Nutzerkontos an Dritte.</li>
        </ul>
      </section>

      <section id="par5">
        <h2 class="text-xl font-bold text-highlighted mb-3">§ 5 Preise, Abonnement und automatische Verlängerung</h2>
        <p class="mb-3">
          Die Grundfunktionen (Tarif „Free") sind kostenfrei. Kostenpflichtige Tarife:
        </p>
        <ul class="list-disc list-inside mb-3 space-y-1">
          <li>Tarif „Pro": 29,00 € pro Jahr</li>
          <li>Tarif „Legend": 59,00 € pro Jahr</li>
        </ul>
        <p class="mb-3">
          Kostenpflichtige Abonnements verlängern sich automatisch, sofern der Nutzer nicht
          spätestens 24 Stunden vor Ablauf kündigt. Kündigung über die Account-Verwaltung oder
          den jeweiligen App-Store.
        </p>
        <p>
          Preisänderungen werden mindestens 6 Wochen vorher per E-Mail angekündigt.
        </p>
      </section>

      <section id="par6">
        <h2 class="text-xl font-bold text-highlighted mb-3">§ 6 Widerrufsrecht für Verbraucher</h2>
        <div class="bg-elevated border border-default rounded-xl p-4 mb-4">
          <p class="font-semibold text-highlighted mb-2">Widerrufsbelehrung</p>
          <p class="mb-3">
            Sie haben das Recht, binnen <strong>vierzehn Tagen</strong> ohne Angabe von Gründen
            diesen Vertrag zu widerrufen. Die Frist beginnt ab dem Tag des Vertragsabschlusses.
          </p>
          <p class="mb-3">
            Zur Ausübung: Chahine Brini,
            <a href="mailto:c.brini@icloud.com" class="text-primary-400 hover:underline">c.brini@icloud.com</a>
          </p>
          <p class="font-semibold text-highlighted mb-2">Erlöschen des Widerrufsrechts</p>
          <p>
            Das Widerrufsrecht erlischt bei digitalen Inhalten, wenn der Anbieter mit der
            Ausführung begonnen hat und der Nutzer ausdrücklich zugestimmt und seine Kenntnis
            vom Erlöschen des Widerrufsrechts bestätigt hat.
          </p>
        </div>
      </section>

      <section id="par7">
        <h2 class="text-xl font-bold text-highlighted mb-3">§ 7 Verfügbarkeit und Wartung</h2>
        <p>
          Der Anbieter bemüht sich um größtmögliche Verfügbarkeit (Best-Effort). Eine konkrete
          Verfügbarkeitsgarantie besteht nicht. Wartungsfenster werden, soweit möglich,
          rechtzeitig angekündigt.
        </p>
      </section>

      <section id="par8">
        <h2 class="text-xl font-bold text-highlighted mb-3">§ 8 Haftung</h2>
        <p class="mb-3">
          Der Anbieter haftet unbeschränkt bei Vorsatz, grober Fahrlässigkeit sowie bei
          Schäden aus Verletzungen von Leben, Körper oder Gesundheit. Bei einfacher Fahrlässigkeit
          ist die Haftung auf den vertragstypischen, vorhersehbaren Schaden begrenzt.
        </p>
        <p>
          Der Anbieter haftet nicht für Schäden, die dadurch entstehen, dass der Nutzer auf
          erforderliche ärztliche oder therapeutische Behandlung verzichtet.
        </p>
      </section>

      <section id="par9">
        <h2 class="text-xl font-bold text-highlighted mb-3">§ 9 Geistige Eigentumsrechte und nutzergenerierte Inhalte</h2>
        <p class="mb-3">
          Alle Rechte an der App, am Design, an der Marke „Rebreak" und am KI-Coach „Lyra"
          stehen dem Anbieter oder seinen Lizenzgebern zu. Der Nutzer erhält ein einfaches,
          nicht übertragbares Nutzungsrecht.
        </p>
        <p>
          Nutzergenerierte Inhalte bleiben Eigentum des Nutzers. Der Nutzer räumt dem Anbieter
          ein auf die Vertragsdauer beschränktes Nutzungsrecht zur Bereitstellung der App-Dienste ein.
        </p>
      </section>

      <section id="par10">
        <h2 class="text-xl font-bold text-highlighted mb-3">§ 10 Beendigung des Vertragsverhältnisses</h2>
        <p class="mb-3">
          Der Nutzer kann den Free-Tarif jederzeit durch Löschung des Kontos beenden.
          Kostenpflichtige Abonnements können zum Ende der laufenden Periode gekündigt werden.
        </p>
        <p>
          Mit Beendigung werden die Nutzerinhalte gemäß Datenschutzerklärung gelöscht.
          Ein Datenexport (Art. 20 DSGVO) wird vorher bereitgestellt.
        </p>
      </section>

      <section id="par11">
        <h2 class="text-xl font-bold text-highlighted mb-3">§ 11 Änderungen dieser Nutzungsbedingungen</h2>
        <p>
          Änderungen werden mindestens 4 Wochen vorher per E-Mail oder In-App-Mitteilung angekündigt.
          Widerspricht der Nutzer nicht innerhalb von 4 Wochen, gelten die Änderungen als angenommen.
        </p>
      </section>

      <section id="par12">
        <h2 class="text-xl font-bold text-highlighted mb-3">§ 12 Schlussbestimmungen</h2>
        <p class="mb-3">
          Es gilt das Recht der Bundesrepublik Deutschland unter Ausschluss des UN-Kaufrechts.
          Gerichtsstand ist der Sitz des Anbieters, soweit der Nutzer Kaufmann ist.
        </p>
        <p>
          Sollten einzelne Bestimmungen unwirksam sein, bleibt die Gültigkeit der übrigen
          Bestimmungen unberührt.
        </p>
      </section>

      <section class="pt-6 border-t border-default">
        <p class="text-xs text-muted mb-2">
          <strong class="text-highlighted">Anbieter:</strong> Chahine Brini ·
          <a href="mailto:c.brini@icloud.com" class="text-primary-400 hover:underline">c.brini@icloud.com</a>
        </p>
        <p class="text-xs text-muted"><strong class="text-highlighted">Stand:</strong> 1. Mai 2026</p>
      </section>
    </article>
  </div>
</template>

<script setup lang="ts">
definePageMeta({ layout: "default" });

useHead({
  title: 'Nutzungsbedingungen – Rebreak',
  meta: [
    { name: 'description', content: 'Nutzungsbedingungen der Rebreak-App. Stand: 1. Mai 2026.' },
    { name: 'robots', content: 'index,follow' },
  ],
});
</script>