Feature: Subscription-Tier-System (standard/pro/breeder + _test), has_pro_access(), Admin-Tier-UI (SW by-v734)

Landing: Phosphor Icons statt Emoji, SW by-v733
2026-05-06 18:39:27 +02:00 · 2026-05-06 18:36:23 +02:00
9 changed files with 192 additions and 48 deletions
--- a/backend/auth.py
+++ b/backend/auth.py
@ -87,7 +87,7 @@ def get_current_user(
    user_id = int(payload["sub"])
    with db() as conn:
        row = conn.execute(
-            "SELECT id, email, name, rolle, is_premium, is_moderator, is_banned, ban_reason, is_social_media, notes_ki_enabled, gassi_stunde_push, breeder_status, is_founder, is_partner, founder_number, email_verified, luna_trial_until FROM users WHERE id=?",
+            "SELECT id, email, name, rolle, is_premium, is_moderator, is_banned, ban_reason, is_social_media, notes_ki_enabled, gassi_stunde_push, breeder_status, is_founder, is_partner, founder_number, email_verified, luna_trial_until, subscription_tier FROM users WHERE id=?",
            (user_id,)
        ).fetchone()

@ -130,6 +130,32 @@ def require_admin(user=Depends(get_current_user)):
    return user


+def has_pro_access(user: dict) -> bool:
+    """True wenn User Pro-Features nutzen darf."""
+    if not user:
+        return False
+    role = user.get("rolle", "user")
+    tier = user.get("subscription_tier", "standard")
+    if role in ("admin", "moderator"):
+        return True
+    if user.get("is_moderator") or user.get("is_social_media"):
+        return True
+    return tier in ("pro", "breeder", "pro_test", "breeder_test")
+
+
+def has_breeder_access(user: dict) -> bool:
+    """True wenn User Züchter-Features nutzen darf."""
+    if not user:
+        return False
+    role = user.get("rolle", "user")
+    tier = user.get("subscription_tier", "standard")
+    if role in ("admin", "moderator"):
+        return True
+    if user.get("is_moderator") or user.get("is_social_media"):
+        return True
+    return tier in ("breeder", "breeder_test") or role == "breeder"
+
+
 def require_social_media(user=Depends(get_current_user)):
    """Dependency: Social-Media-Manager, Luna-Probezugang oder Admin."""
    from datetime import datetime as _dt
--- a/backend/database.py
+++ b/backend/database.py
@ -2075,6 +2075,14 @@ def _migrate(conn_factory):
        _seed_help_articles(conn)
        logger.info("Migration: Hilfe/FAQ-Tabelle bereit.")

+        # ---- Feature: Subscription-Tier ----
+        try:
+            conn.execute("ALTER TABLE users ADD COLUMN subscription_tier TEXT DEFAULT 'standard'")
+            conn.execute("CREATE INDEX IF NOT EXISTS idx_users_tier ON users(subscription_tier)")
+            logger.info("Migration: subscription_tier Spalte hinzugefügt.")
+        except Exception:
+            pass  # Spalte existiert bereits
+

 def _seed_help_articles(conn):
    """Befüllt help_articles mit Starter-FAQs — nur wenn die Tabelle noch leer ist."""
--- a/backend/main.py
+++ b/backend/main.py
@ -327,7 +327,7 @@ MEDIA_DIR = os.getenv("MEDIA_DIR", "/data/media")
 os.makedirs(MEDIA_DIR, exist_ok=True)
 app.mount("/media", StaticFiles(directory=MEDIA_DIR), name="media")

-APP_VER = "732"  # muss mit APP_VER in app.js übereinstimmen
+APP_VER = "734"  # muss mit APP_VER in app.js übereinstimmen

@app.get("/api/version")
 async def app_version():
--- a/backend/routes/admin.py
+++ b/backend/routes/admin.py
@ -81,12 +81,15 @@ def require_admin(user=Depends(get_current_user)):
 # ------------------------------------------------------------------
 # Schemas
 # ------------------------------------------------------------------
+_VALID_TIERS = {"standard", "pro", "breeder", "standard_test", "pro_test", "breeder_test"}
+
 class UserPatch(BaseModel):
-    rolle:           Optional[str] = None   # user | moderator | admin
-    is_moderator:    Optional[int] = None
-    is_banned:       Optional[int] = None
-    ban_reason:      Optional[str] = None
-    is_social_media: Optional[int] = None
+    rolle:             Optional[str] = None   # user | moderator | admin
+    is_moderator:      Optional[int] = None
+    is_banned:         Optional[int] = None
+    ban_reason:        Optional[str] = None
+    is_social_media:   Optional[int] = None
+    subscription_tier: Optional[str] = None

 class WikiEnrichBody(BaseModel):
    limit: int = 10
@ -331,7 +334,7 @@ async def list_users(
            SELECT u.id, u.name, {_email_col}, u.rolle, u.is_premium,
                   u.is_moderator, u.is_banned, u.ban_reason,
                   u.is_founder, u.is_partner, u.founder_number,
-                   u.created_at, u.last_login,
+                   u.created_at, u.last_login, u.subscription_tier,
                   (SELECT COUNT(*) FROM dogs d WHERE d.user_id=u.id) AS dog_count,
                   (SELECT COUNT(*) FROM forum_threads t WHERE t.user_id=u.id AND t.is_deleted=0) AS thread_count,
                   ROUND(COALESCE((SELECT SUM(r.distanz_km) FROM routes r WHERE r.user_id=u.id), 0), 1) AS total_km,
@ -365,6 +368,10 @@ async def patch_user(uid: int, data: UserPatch, user=Depends(require_mod)):
        raise HTTPException(403, "is_moderator darf nur von Admins geändert werden.")
    if data.is_social_media is not None and user["rolle"] != "admin":
        raise HTTPException(403, "is_social_media darf nur von Admins geändert werden.")
+    if data.subscription_tier is not None and user["rolle"] != "admin":
+        raise HTTPException(403, "subscription_tier darf nur von Admins geändert werden.")
+    if data.subscription_tier is not None and data.subscription_tier not in _VALID_TIERS:
+        raise HTTPException(400, f"Ungültiger Tier. Erlaubt: {', '.join(sorted(_VALID_TIERS))}")

    with db() as conn:
        target = conn.execute("SELECT id, rolle, name FROM users WHERE id=?", (uid,)).fetchone()
@ -385,7 +392,7 @@ async def patch_user(uid: int, data: UserPatch, user=Depends(require_mod)):
        cols = ", ".join(f"{k}=?" for k in updates)
        conn.execute(f"UPDATE users SET {cols} WHERE id=?", [*updates.values(), uid])
        row = conn.execute(
-            "SELECT id, name, email, rolle, is_moderator, is_banned, ban_reason FROM users WHERE id=?",
+            "SELECT id, name, email, rolle, is_moderator, is_banned, ban_reason, subscription_tier FROM users WHERE id=?",
            (uid,)
        ).fetchone()

@ -395,6 +402,8 @@ async def patch_user(uid: int, data: UserPatch, user=Depends(require_mod)):
            detail_parts.append("gesperrt" if updates["is_banned"] else "entsperrt")
        if "rolle" in updates:
            detail_parts.append(f"Rolle→{updates['rolle']}")
+        if "subscription_tier" in updates:
+            detail_parts.append(f"Tier→{updates['subscription_tier']}")
        _audit(conn, user, "user_patch", f"user:{uid} ({target['name']})", ", ".join(detail_parts) or None)

    return dict(row)
--- a/backend/static/index.html
+++ b/backend/static/index.html
@ -578,7 +578,7 @@
 <script src="/js/api.js?v=94"></script>
 <script src="/js/ui.js?v=94"></script>
 <script src="/js/app.js?v=94"></script>
-<script src="/js/worlds.js?v=732"></script>
+<script src="/js/worlds.js?v=734"></script>

 <!-- Feature-Seiten werden lazy geladen -->

--- a/backend/static/js/app.js
+++ b/backend/static/js/app.js
@ -3,7 +3,7 @@
   Router, State-Management, Navigation, Initialisierung.
   ============================================================ */

-const APP_VER     = '732'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER     = '734'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 const APP_VERSION = '1.4.0'; // ← semantische Version, wird bei make release gesetzt
 const IS_STAGING  = location.hostname === 'staging.banyaro.app';

--- a/backend/static/js/pages/admin.js
+++ b/backend/static/js/pages/admin.js
@ -795,6 +795,9 @@ window.Page_admin = (() => {
                  <span style="color:${u.rolle === 'admin' ? 'var(--c-danger)' : u.rolle === 'moderator' ? '#f59e0b' : 'var(--c-text-muted)'}">
                    ${_esc(u.rolle)}
                  </span>
+                  · <span style="color:${u.subscription_tier && u.subscription_tier !== 'standard' ? 'var(--c-primary)' : 'var(--c-text-muted)'}">
+                      ${_esc(u.subscription_tier || 'standard')}
+                    </span>
                  · ${u.dog_count} Hund${u.dog_count !== 1 ? 'e' : ''}
                  · ${u.thread_count} Threads
                </div>
@ -823,6 +826,11 @@ window.Page_admin = (() => {
                          title="Rolle ändern">
                    <svg class="ph-icon"><use href="/icons/phosphor.svg#shield"></use></svg>
                  </button>
+                  <button class="btn btn-sm btn-ghost adm-tier" data-uid="${u.id}"
+                          data-name="${_esc(u.name)}" data-tier="${_esc(u.subscription_tier || 'standard')}"
+                          title="Abo-Stufe ändern">
+                    <svg class="ph-icon"><use href="/icons/phosphor.svg#star"></use></svg>
+                  </button>
                  <button class="btn btn-sm btn-ghost adm-delete" data-uid="${u.id}"
                          data-name="${_esc(u.name)}" title="Löschen"
                          style="color:var(--c-danger)">
@ -847,6 +855,9 @@ window.Page_admin = (() => {
    el.querySelectorAll('.adm-rolle').forEach(btn => {
      btn.addEventListener('click', () => _changeRolle(btn.dataset.uid, btn.dataset.name, btn.dataset.rolle));
    });
+    el.querySelectorAll('.adm-tier').forEach(btn => {
+      btn.addEventListener('click', () => _changeTier(btn.dataset.uid, btn.dataset.name, btn.dataset.tier));
+    });
    el.querySelectorAll('.adm-delete').forEach(btn => {
      btn.addEventListener('click', () => _deleteUser(btn.dataset.uid, btn.dataset.name));
    });
@ -903,6 +914,44 @@ window.Page_admin = (() => {
    });
  }

+  async function _changeTier(uid, name, currentTier) {
+    const tiers = ['standard', 'pro', 'breeder', 'standard_test', 'pro_test', 'breeder_test'];
+    const tierLabels = {
+      standard:      'Standard (kostenlos)',
+      pro:           'Pro (bezahlt)',
+      breeder:       'Breeder (Züchter)',
+      standard_test: 'Standard Test (intern)',
+      pro_test:      'Pro Test (intern)',
+      breeder_test:  'Breeder Test (intern)',
+    };
+    UI.modal.open({
+      title: `Abo-Stufe ändern: ${name}`,
+      body: `
+        <p style="font-size:var(--text-sm);color:var(--c-text-secondary);margin:0 0 var(--space-4)">
+          Aktuelle Stufe: <strong>${currentTier}</strong>
+        </p>
+        <div style="display:flex;flex-direction:column;gap:var(--space-2)">
+          ${tiers.filter(t => t !== currentTier).map(t => `
+            <button class="btn btn-secondary adm-tier-choice" data-tier="${t}" form="">
+              ${tierLabels[t]}
+            </button>
+          `).join('')}
+        </div>
+      `,
+    });
+
+    document.querySelectorAll('.adm-tier-choice').forEach(btn => {
+      btn.addEventListener('click', async () => {
+        UI.modal.close();
+        try {
+          await API.patch(`/admin/users/${uid}`, { subscription_tier: btn.dataset.tier });
+          UI.toast.success(`${name}: Abo-Stufe ist jetzt ${btn.dataset.tier}.`);
+          _renderTab();
+        } catch (e) { UI.toast.error(e.message); }
+      });
+    });
+  }
+
  async function _deleteUser(uid, name) {
    const ok = await UI.modal.confirm({
      title:       `${name} löschen?`,
--- a/backend/static/landing.html
+++ b/backend/static/landing.html
@ -391,8 +391,32 @@
      box-shadow: 0 2px 12px rgba(0,0,0,.07);
    }
    .outcome-card .oc-icon {
-      font-size: 2rem;
-      margin-bottom: 0.75rem;
+      font-size: 0; /* Emoji-Fallback ausblenden */
+      width: 3rem;
+      height: 3rem;
+      background: var(--primary-light);
+      border-radius: 14px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 1rem;
+      flex-shrink: 0;
+    }
+    .outcome-card .oc-icon svg {
+      width: 1.6rem;
+      height: 1.6rem;
+      color: var(--primary);
+    }
+    .feature-card .feature-icon svg {
+      width: 1.4rem;
+      height: 1.4rem;
+      color: var(--primary);
+    }
+    .feature-card .feature-icon {
+      font-size: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
    }
    .outcome-card h3 {
      font-size: 1.05rem;
@ -521,42 +545,58 @@

    <div class="outcome-grid">
      <div class="outcome-card">
-        <div class="oc-icon">📖</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#book-open"></use></svg>
+        </div>
        <h3>Meine persönlichen Highlights</h3>
        <p>Ein Tagebuch das wirklich lebt — Fotos, GPS-Orte, Stimmungen. Schau in einem Jahr zurück und erinnere dich an jeden besonderen Moment.</p>
      </div>
      <div class="outcome-card">
-        <div class="oc-icon">🗺️</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#map-trifold"></use></svg>
+        </div>
        <h3>Gassi ohne Fragezeichen</h3>
        <p>Wo ist der nächste Mülleimer? Gibt es einen Kotbeutelspender? Mein Hund hat Durst — wo kann er trinken? Die Karte hat alle Antworten.</p>
      </div>
      <div class="outcome-card">
-        <div class="oc-icon">🛤️</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#path"></use></svg>
+        </div>
        <h3>Lieblingsrouten für immer</h3>
        <p>Speichere deine schönsten Strecken und teile sie mit anderen. Oder lass dir täglich eine neue Route vorschlagen — 2, 4 oder 6 km, direkt navigierbar.</p>
      </div>
      <div class="outcome-card">
-        <div class="oc-icon">🌤️</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#cloud-sun"></use></svg>
+        </div>
        <h3>Das Gassiwetter</h3>
        <p>Nicht einfach nur Wetter — ein Gassi-Score von 1–10. Zu heiß, zu windig, Regen im Anzug? Du weißt es bevor du die Tür aufmachst.</p>
      </div>
      <div class="outcome-card">
-        <div class="oc-icon">💊</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#heartbeat"></use></svg>
+        </div>
        <h3>Gesundheit und Ausgaben im Blick</h3>
        <p>Impfpass, Tierarztbesuche, Medikamente — alles digital. Und was kostet mein Hund mich eigentlich? Ausgaben-Tracker inklusive.</p>
      </div>
      <div class="outcome-card">
-        <div class="oc-icon">🎓</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#graduation-cap"></use></svg>
+        </div>
        <h3>Mein virtueller Trainer</h3>
        <p>104 Übungen mit Schritt-für-Schritt-Anleitungen. Der KI-Trainer analysiert euren Stand täglich und beantwortet auch spezielle Probleme — wie ein Profi, immer dabei.</p>
      </div>
      <div class="outcome-card">
-        <div class="oc-icon">💬</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#chat-circle-dots"></use></svg>
+        </div>
        <h3>Leute unter sich</h3>
        <p>Ein Forum nur für Hundemenschen. Fragen stellen, Erfahrungen teilen, lokale Gassi-Treffen organisieren — ohne Algorithmen, ohne Werbung.</p>
      </div>
      <div class="outcome-card">
-        <div class="oc-icon">🏡</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#house-line"></use></svg>
+        </div>
        <h3>Jemanden für die Gassi gesucht?</h3>
        <p>Du musst da oder dort hin — finde jemanden der auf deinen Hund aufpasst. Hundesitting-Vermittlung mit nur 8% Provision statt 20% bei anderen.</p>
      </div>
@ -569,43 +609,43 @@
        <div class="feature-group-label">Mein Hund</div>
        <div class="feature-grid">
          <div class="feature-card">
-            <span class="feature-icon">🏠</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#house-line"></use></svg></span>
            <div><h3>Personalisiertes Dashboard</h3><p>Täglich wechselndes Foto deines Hundes, aktuelle Stats, nächster Termin, Gewicht, Übung des Tages.</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">📓</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#book-open"></use></svg></span>
            <div><h3>Tagebuch</h3><p>Fotos, Videos, Texte und GPS-Orte — alle Momente mit deinem Hund. Kalender-, Karten- und Medien-Ansicht.</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">💉</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#heartbeat"></use></svg></span>
            <div><h3>Gesundheit &amp; Impfpass</h3><p>Impfungen, Tierarztbesuche, Medikamente digital verwalten. Automatische Erinnerungen per Push-Notification.</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">🎯</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#target"></use></svg></span>
            <div><h3>Training &amp; KI-Trainer</h3><p>104 Übungen, Einheiten loggen, Fortschritt in 5 Stufen. Virtueller Trainer mit täglichen Empfehlungen, Streaks und Abzeichen.</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">🏥</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#first-aid"></use></svg></span>
            <div><h3>Symptom-Checker</h3><p>KI-gestützte Ersteinschätzung: beobachten, Tierarzt oder Notfall?</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">🛁</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#sparkle"></use></svg></span>
            <div><h3>Pflege-System</h3><p>43 rassenspezifische Pflegetipps in 10 Kategorien — Tipp des Tages automatisch ausgewählt.</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">🌤️</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#cloud-sun"></use></svg></span>
            <div><h3>Wetter, Gassi-Score &amp; Zecken-Alarm</h3><p>7-Tage-Wetter, tägliche Bewertung 1–10 für Gassi-Eignung, automatische Zecken-Warnung.</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">🍖</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#fork-knife"></use></svg></span>
            <div><h3>Ernährung &amp; Futter</h3><p>Kalorienbedarf berechnen, BARF-Guide, Giftliste und KI-Futterberater.</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">✈️</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#airplane"></use></svg></span>
            <div><h3>Reise mit Hund</h3><p>Reisecheckliste und EU-Länder-Guide mit länderspezifischen Einreiseregeln und Impfvorschriften.</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">🆔</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#certificate"></use></svg></span>
            <div><h3>NFC-Halsband-Tags</h3><p>Öffentliche Profilseite für jeden Hund. Finder kontaktiert dich anonym — ohne deine Nummer preiszugeben.</p></div>
          </div>
        </div>
@ -615,27 +655,27 @@
        <div class="feature-group-label">Community &amp; Entdecken</div>
        <div class="feature-grid">
          <div class="feature-card">
-            <span class="feature-icon">⚠️</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#skull"></use></svg></span>
            <div><h3>Giftköder-Alarm</h3><p>GPS-Meldungen mit Foto, sofortige Push-Notification für alle Nutzer im Umkreis.</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">🚨</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#dog"></use></svg></span>
            <div><h3>Verlorener Hund</h3><p>Sofortalarm für alle Nutzer in der Nähe — mit Foto, letzter GPS-Position und direktem Kontakt.</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">🧭</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#path"></use></svg></span>
            <div><h3>Tages-Gassirunde</h3><p>Täglich neue Rundroute — 2, 4 oder 6 km ab deinem Standort. Berechnet via OpenRouteService.</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">🐕</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#paw-print"></use></svg></span>
            <div><h3>Gassi-Treffen</h3><p>Spontane oder geplante Gassi-Treffen erstellen und finden.</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">💬</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#chat-circle-dots"></use></svg></span>
            <div><h3>Forum</h3><p>Öffentlich lesbar ohne Anmeldung. Kategorien nach Rasse, Region, Gesundheit und Erziehung.</p></div>
          </div>
          <div class="feature-card">
-            <span class="feature-icon">📚</span>
+            <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#books"></use></svg></span>
            <div><h3><a href="/wiki/rassen">Hunde-Wiki</a></h3><p>1003 Hunderassen — Wikipedia-grounded und von KI angereichert. Community-Fotos und Rassen-Quiz.</p></div>
          </div>
        </div>
@ -652,17 +692,23 @@

    <div class="outcome-grid">
      <div class="outcome-card">
-        <div class="oc-icon">🧬</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#shield-check"></use></svg>
+        </div>
        <h3>Transparenz die Vertrauen schafft</h3>
        <p>Stammbaum bis 4 Generationen, Gesundheitstests, Gentests — alles für Käufer sichtbar. Die erste Plattform die Zucht wirklich transparent macht.</p>
      </div>
      <div class="outcome-card">
-        <div class="oc-icon">⚖️</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#scales"></use></svg>
+        </div>
        <h3>Tierschutz automatisch</h3>
        <p>Der Tierschutz-Check läuft bei jeder Verpaarung automatisch. Nicht abschaltbar — weil die Tiere zählen. Dein stärkstes Argument gegenüber Käufern.</p>
      </div>
      <div class="outcome-card">
-        <div class="oc-icon">📋</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#calendar-dots"></use></svg>
+        </div>
        <h3>Von der Verpaarung bis zum Kaufvertrag</h3>
        <p>Wurfbörse, Welpen-Verwaltung, automatischer Kaufvertrag. Interessenten schreiben direkt per Chat — du hast alles an einem Ort.</p>
      </div>
@ -680,17 +726,23 @@

    <div class="outcome-grid">
      <div class="outcome-card">
-        <div class="oc-icon">🔍</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#magnifying-glass"></use></svg>
+        </div>
        <h3>Nur verifizierte Züchter</h3>
        <p>Jeder Züchter auf Ban Yaro wurde geprüft. Stammbaum und Gesundheitstests öffentlich einsehbar — bevor du fragst.</p>
      </div>
      <div class="outcome-card">
-        <div class="oc-icon">💬</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#chat-circle-dots"></use></svg>
+        </div>
        <h3>Direkt zum Züchter</h3>
        <p>Kein Umweg über Kleinanzeigen. Schreib direkt per Nachricht, sieh Fotos der Eltern und des Wurfs.</p>
      </div>
      <div class="outcome-card">
-        <div class="oc-icon">🏠</div>
+        <div class="oc-icon">
+          <svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#paw-print"></use></svg>
+        </div>
        <h3>Vorbereitet wenn der Welpe kommt</h3>
        <p>Starte direkt mit Tagebuch, Training und Gesundheitsakte. Alles bereit für den ersten Tag.</p>
      </div>
@ -976,7 +1028,7 @@
    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;text-align:left;margin-top:3rem">

      <div class="feature-card">
-        <span class="feature-icon">🗓️</span>
+        <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#calendar-dots"></use></svg></span>
        <div>
          <h3>Gegründet 2026</h3>
          <p>Ebersberg, Bayern. Ein-Mann-Projekt von René Degelmann — mit großem Herz für Hunde.</p>
@ -984,7 +1036,7 @@
      </div>

      <div class="feature-card">
-        <span class="feature-icon">🇩🇪</span>
+        <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#shield"></use></svg></span>
        <div>
          <h3>Server in Deutschland</h3>
          <p>Alle Daten bleiben in Deutschland. Kein US-Konzern, kein Datenhändler.</p>
@ -992,7 +1044,7 @@
      </div>

      <div class="feature-card">
-        <span class="feature-icon">🔒</span>
+        <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#lock"></use></svg></span>
        <div>
          <h3>Deine Daten. Dein Eigentum.</h3>
          <p>Vollständige Datenschutzerklärung, keine Tracker, keine Werbung.</p>
@ -1000,7 +1052,7 @@
      </div>

      <div class="feature-card">
-        <span class="feature-icon">✉️</span>
+        <span class="feature-icon"><svg viewBox="0 0 256 256"><use href="/icons/phosphor.svg#envelope"></use></svg></span>
        <div>
          <h3>Direkt erreichbar</h3>
          <p><a href="mailto:hallo@banyaro.app">hallo@banyaro.app</a> — kein Support-Ticket-System, echte Menschen.</p>
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@ -3,7 +3,7 @@
   Offline-Cache + Push Notifications + Tile-Cache
   ============================================================ */

-const CACHE_VERSION = 'by-v732';
+const CACHE_VERSION = 'by-v734';
 const CACHE_STATIC  = `${CACHE_VERSION}-static`;
 const CACHE_TILES   = 'ban-yaro-tiles-v1';  // bleibt über SW-Updates erhalten
 const CACHE_API     = 'ban-yaro-api-v1';    // API-Response-Cache
Author	SHA1	Message	Date
rene	71f29dcce0	Feature: Subscription-Tier-System (standard/pro/breeder + _test), has_pro_access(), Admin-Tier-UI (SW by-v734)	2026-05-06 18:39:27 +02:00
rene	bcc7c27556	Landing: Phosphor Icons statt Emoji, SW by-v733	2026-05-06 18:36:23 +02:00