diff --git a/backend/main.py b/backend/main.py
index 8beb2ba..9a593a0 100644
--- a/backend/main.py
+++ b/backend/main.py
@@ -406,7 +406,7 @@ async def serve_media(path: str, request: _Request):
         raise _HE(404, "Nicht gefunden.")
     return _media_response(filepath)
 
-APP_VER = "900"  # muss mit APP_VER in app.js übereinstimmen
+APP_VER = "901"  # muss mit APP_VER in app.js übereinstimmen
 
 @app.get("/.well-known/assetlinks.json")
 async def assetlinks():
diff --git a/backend/routes/breeder.py b/backend/routes/breeder.py
index 2f3dac4..2a5f884 100644
--- a/backend/routes/breeder.py
+++ b/backend/routes/breeder.py
@@ -395,6 +395,33 @@ async def breeder_public_profile(zwingername: str):
         """, (breeder_id,)).fetchall()
         result["ed_stats"] = [dict(r) for r in ed_stats]
 
+        # Logo = primäres Bild der entity_type='breeder' Fotos
+        logo = conn.execute("""
+            SELECT file_path FROM breeder_photos
+            WHERE breeder_id=? AND entity_type='breeder' AND is_primary=1
+            LIMIT 1
+        """, (breeder_id,)).fetchone()
+        if not logo:
+            logo = conn.execute("""
+                SELECT file_path FROM breeder_photos
+                WHERE breeder_id=? AND entity_type='breeder'
+                ORDER BY sort_order, id LIMIT 1
+            """, (breeder_id,)).fetchone()
+        result["logo_url"] = f"/api/media/{logo['file_path']}" if logo else None
+
+        # Öffentliche Fotos für die Gallery (alle entity_type='breeder', max. 12)
+        photos = conn.execute("""
+            SELECT file_path, thumbnail_path, caption, is_primary FROM breeder_photos
+            WHERE breeder_id=? AND entity_type='breeder' AND visibility IN ('public','inquiry')
+            ORDER BY is_primary DESC, sort_order, id LIMIT 12
+        """, (breeder_id,)).fetchall()
+        result["fotos"] = [{
+            "url":   f"/api/media/{p['file_path']}",
+            "thumb": f"/api/media/{p['thumbnail_path']}" if p['thumbnail_path'] else f"/api/media/{p['file_path']}",
+            "caption": p["caption"] or "",
+            "primary": bool(p["is_primary"]),
+        } for p in photos]
+
     return result
 
 
diff --git a/backend/static/index.html b/backend/static/index.html
index d45b667..809c1f1 100644
--- a/backend/static/index.html
+++ b/backend/static/index.html
@@ -591,10 +591,10 @@
 <div id="modal-container"></div>
 
 <!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
-<script src="/js/api.js?v=900"></script>
-<script src="/js/ui.js?v=900"></script>
-<script src="/js/app.js?v=900"></script>
-<script src="/js/worlds.js?v=900"></script>
+<script src="/js/api.js?v=901"></script>
+<script src="/js/ui.js?v=901"></script>
+<script src="/js/app.js?v=901"></script>
+<script src="/js/worlds.js?v=901"></script>
 
 <!-- Feature-Seiten werden lazy geladen -->
 
diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index 0219d30..24d20c7 100644
--- a/backend/static/js/app.js
+++ b/backend/static/js/app.js
@@ -3,7 +3,7 @@
    Router, State-Management, Navigation, Initialisierung.
    ============================================================ */
 
-const APP_VER     = '900'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
+const APP_VER     = '901'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
 const APP_VERSION = '1.5.1'; // ← semantische Version, wird bei make release gesetzt
 const IS_STAGING  = location.hostname === 'staging.banyaro.app';
 // Cache-Bust-Parameter nach Update-Reload sofort entfernen
diff --git a/backend/static/js/pages/breeder.js b/backend/static/js/pages/breeder.js
index 907469f..705d484 100644
--- a/backend/static/js/pages/breeder.js
+++ b/backend/static/js/pages/breeder.js
@@ -77,7 +77,7 @@ window.Page_breeder = (() => {
           <div style="display:flex;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap">
             <div style="flex:1;min-width:0">
               <p style="margin:0 0 var(--space-1);font-size:var(--text-xs);opacity:.7;text-transform:uppercase;letter-spacing:.1em">
-                Verifizierter Züchter
+                ${UI.icon('seal-check')} Verifizierter Züchter
               </p>
               <h1 style="margin:0 0 var(--space-2);font-size:clamp(1.3rem,4vw,1.9rem);font-weight:800;line-height:1.2;word-break:break-word">
                 ${_esc(p.zwingername)}
@@ -89,9 +89,16 @@ window.Page_breeder = (() => {
                 ${seit ? `<span style="opacity:.7;font-size:var(--text-xs)">Züchter seit ${_esc(seit)}</span>` : ''}
               </div>
             </div>
-            <div style="background:rgba(255,255,255,.15);border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0">
-              <svg style="width:28px;height:28px" viewBox="0 0 256 256"><use href="/icons/phosphor.svg#seal-check"></use></svg>
-            </div>
+            ${p.logo_url
+              ? `<img src="${_esc(p.logo_url)}" alt="Zwinger-Logo"
+                      style="width:72px;height:72px;border-radius:50%;object-fit:cover;
+                             border:3px solid rgba(255,255,255,.5);flex-shrink:0;box-shadow:0 2px 12px rgba(0,0,0,.25)"
+                      onerror="this.style.display='none'">`
+              : `<div style="background:rgba(255,255,255,.15);border-radius:50%;width:64px;height:64px;
+                             display:flex;align-items:center;justify-content:center;flex-shrink:0">
+                   <svg style="width:32px;height:32px" viewBox="0 0 256 256"><use href="/icons/phosphor.svg#paw-print"></use></svg>
+                 </div>`
+            }
           </div>
 
           ${!isOwnProfile ? `
@@ -192,8 +199,34 @@ window.Page_breeder = (() => {
           </dl>
         </div>
 
-        <!-- Fotos -->
-        <div id="breeder-photos-section"></div>
+        <!-- Fotos / Gallery -->
+        ${p.fotos?.length ? `
+        <div style="margin-bottom:var(--space-4)">
+          <h2 style="margin:0 0 var(--space-3);font-size:var(--text-base);font-weight:700;
+                     display:flex;align-items:center;gap:var(--space-2)">
+            ${UI.icon('images')} Galerie
+            <span style="font-size:var(--text-xs);color:var(--c-text-muted);font-weight:400">${p.fotos.length} Fotos</span>
+          </h2>
+          <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)">
+            ${p.fotos.map((ph, i) => `
+              <a href="${_esc(ph.url)}" target="_blank" rel="noopener noreferrer"
+                 style="display:block;border-radius:var(--radius-md);overflow:hidden;
+                        border:${ph.primary ? '2px solid var(--c-primary)' : '1px solid var(--c-border)'};
+                        aspect-ratio:1;position:relative">
+                <img src="${_esc(ph.thumb)}" alt="${_esc(ph.caption)}"
+                     loading="${i < 6 ? 'eager' : 'lazy'}"
+                     style="width:100%;height:100%;object-fit:cover;display:block"
+                     onerror="this.parentElement.style.display='none'">
+                ${ph.primary ? `<span style="position:absolute;top:4px;left:4px;background:var(--c-primary);
+                  color:white;font-size:9px;font-weight:700;border-radius:999px;padding:1px 6px">Logo</span>` : ''}
+                ${ph.caption ? `<div style="position:absolute;bottom:0;left:0;right:0;
+                  background:linear-gradient(transparent,rgba(0,0,0,.6));
+                  color:white;font-size:10px;padding:12px 6px 4px;line-height:1.3">${_esc(ph.caption)}</div>` : ''}
+              </a>`).join('')}
+          </div>
+        </div>` : ''}
+
+        <div id="breeder-photos-section" style="display:none"></div>
 
       </div>`;
 
diff --git a/backend/static/js/ui.js b/backend/static/js/ui.js
index 38d6528..a0b69b1 100644
--- a/backend/static/js/ui.js
+++ b/backend/static/js/ui.js
@@ -76,6 +76,9 @@ const UI = (() => {
       `;
 
       overlay.querySelector('.modal-close-btn')?.addEventListener('click', close);
+      overlay.addEventListener('click', e => {
+        if (e.target.closest('[data-modal-close]')) close();
+      });
 
       document.getElementById('modal-container').appendChild(overlay);
       document.documentElement.classList.add('modal-open');
diff --git a/backend/static/sw.js b/backend/static/sw.js
index 42fb8dc..fd1652f 100644
--- a/backend/static/sw.js
+++ b/backend/static/sw.js
@@ -3,7 +3,7 @@
    Offline-Cache + Push Notifications + Tile-Cache
    ============================================================ */
 
-const CACHE_VERSION = 'by-v900';
+const CACHE_VERSION = 'by-v901';
 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