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

frontend/src/App.jsx

@@ -1663,12 +1663,8 @@ export default function App() {
   const isNachrichten = active === 'nachrichten';
   const mainStyle = {
     flex:1,
-    overflowY: (mobile && isNachrichten) ? 'hidden' : 'auto',
-    ...(mobile && isNachrichten ? {
-      height: 'calc(100dvh - 56px - env(safe-area-inset-bottom, 0px))',
-      display:'flex', flexDirection:'column',
-    } : {}),
-    ...(mobile && !isNachrichten ? { paddingBottom:'calc(56px + env(safe-area-inset-bottom, 0px))' } : {}),
+    overflowY: 'auto',
+    ...(mobile ? { paddingBottom:'calc(56px + env(safe-area-inset-bottom, 0px))' } : {}),
   };
 
   return(

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 && (