fix: Ausverkauft-Banner überdeckt Halle nicht mehr (has-banner class + margin-top)

app.py

@@ -4637,6 +4637,7 @@ def public_detail(sub_id: int):
   .detail-author {{ font-weight:700; color:#20228a; font-size:1rem; }}
   .detail-date {{ color:#999; font-size:0.8rem; margin-left:auto; }}
   .detail-halle {{ display:inline-block; background:#20228a; color:#fff; padding:0.35rem 0.8rem; border-radius:6px; font-size:0.85rem; font-weight:700; margin-bottom:1rem; }}
+  .detail-card.has-banner .detail-halle {{ margin-top:2.8rem; }}
   .comments-section {{ max-width:720px; margin:2rem auto 0; padding:0 1.5rem; }}
   .comments-heading {{ font-size:1rem; font-weight:700; color:#1a1a2e; margin-bottom:1rem; }}
   .comment-item {{ background:#f8f6f0; border-radius:10px; padding:0.8rem 1rem; margin-bottom:0.6rem; }}
@@ -4690,7 +4691,7 @@ def public_detail(sub_id: int):
 </header>
 <main class="detail-container">
   <a href="/" class="back-link">← Zurück zur Übersicht</a>
-  <article class="detail-card">
+  <article class="detail-card{(" has-banner" if row["category"] == "ausverkauft" else "")}">
     {"".join([f'<div class="detail-halle"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round" style="vertical-align:middle;margin-right:2px;"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> {row["halle"]}</div>' if row["halle"] else '', f'<div class="detail-ausverkauft-banner"><span class="badge-icon">🚫</span> AUSVERKAUFT{("<span class=\"badge-title\"> · " + row["spiel_titel"] + "</span>") if row["spiel_titel"] else ""}</div>' if row["category"] == "ausverkauft" else ''])}
     <div class="detail-meta">
       <span class="detail-type">{type_emoji}</span>