Nachrichten: position:fixed auf Mobile - Header/Input immer sichtbar, kein Leerraum

frontend/src/tools/nachrichten.jsx

@@ -243,9 +243,19 @@ export default function Nachrichten({ toast, mobile }) {
     </div>
   );
 
+  const mobileStyle = mobile ? {
+    position: 'fixed',
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 'calc(56px + env(safe-area-inset-bottom, 0px))',
+    zIndex: 10,
+  } : {
+    height: '100vh',
+  };
+
   return (
-    <div style={{ display:'flex', height: mobile ? '100%' : '100vh',
-      overflow:'hidden', background:'#111114', flex: mobile ? 1 : undefined }}>
+    <div style={{ display:'flex', overflow:'hidden', background:'#111114', ...mobileStyle }}>
 
       {/* ── Konversationsliste ─────────────────────────────────────────── */}
       {showList && (