blur nur desktop (≥901px) + textfeld 5000→20000 zeichen

app.py

@@ -1904,10 +1904,12 @@ def public_frontend():
   .story-card { background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 4px 18px rgba(0,0,0,0.10),0 1px 4px rgba(0,0,0,0.05); transition:box-shadow 0.35s ease,transform 0.35s ease,filter 0.35s ease; display:inline-block; width:100%; margin-bottom:1.2rem; break-inside:avoid; }
   .story-card:hover { transform:scale(1.03); box-shadow:0 18px 50px rgba(0,0,0,0.35),0 5px 20px rgba(0,0,0,0.18); }
 
-  /* Blur the rest when hovering a card */
+  /* Blur the rest when hovering a card (desktop only) */
+  @media(min-width:901px) {
     .main-grid:has(.story-card:hover) .story-card:not(:hover) { filter:blur(1px); }
     body:has(.story-card:hover) .site-header,
     body:has(.story-card:hover) .site-footer { filter:blur(1px); transition:filter 0.35s ease; }
+  }
   a.card-link .story-card { margin-bottom:0; }
   .story-card img { width:100%; height:100%; object-fit:cover; display:block; }
   .story-card video { width:100%; height:auto; max-height:600px; object-fit:contain; display:block; background:#000; }
@@ -2157,7 +2159,7 @@ def public_frontend():
     <label>Dein Name (optional)</label>
     <input type="text" id="subName" placeholder="Vorname oder Spitzname" maxlength="100">
     <label>Nachricht (optional, reicht auch ohne Text)</label>
-    <textarea id="subText" placeholder="Was möchtest du mitteilen? ..." maxlength="5000"></textarea>
+    <textarea id="subText" placeholder="Was möchtest du mitteilen? ..." maxlength="20000"></textarea>
     <label>📎 Medien aufnehmen oder auswählen</label>
     <div class="capture-row">
       <div class="capture-item">