Fix: Navigation springt nicht mehr - min-w-0 im Layout, Tabellen mit overflow-x-auto

src/components/AppLayout.tsx

@@ -120,7 +120,7 @@ export default function AppLayout() {
       </aside>
 
       {/* Mobile top bar */}
-      <div className="flex min-h-screen flex-1 flex-col">
+      <div className="flex min-h-screen min-w-0 flex-1 flex-col">
         <header className="sticky top-0 z-20 flex items-center gap-3 border-b bg-white/90 px-4 py-3 backdrop-blur dark:bg-slate-900/90 lg:hidden">
           <img src={logo} alt="Logo Hinterstein Immobilien" className="h-9 w-9 rounded-full bg-white object-contain p-0.5 ring-1 ring-slate-200" />
           <div className="flex-1 font-bold text-[#22333b] dark:text-amber-100">Hinterstein Immobilien</div>
@@ -144,7 +144,7 @@ export default function AppLayout() {
           ))}
         </nav>
 
-        <main className="flex-1 p-4 lg:p-8">
+        <main className="min-w-0 flex-1 p-4 lg:p-8">
           <Outlet />
         </main>
       </div>

src/pages/Bestand.tsx

@@ -626,8 +626,8 @@ export default function Bestand() {
         </div>
       ) : (
         /* ── Listenansicht ─────────────────────────────── */
-        <div className="overflow-hidden rounded-2xl border bg-white dark:border-slate-700 dark:bg-slate-900">
+        <div className="overflow-x-auto rounded-2xl border bg-white dark:border-slate-700 dark:bg-slate-900">
-          <table className="w-full text-sm">
+          <table className="w-full min-w-[760px] text-sm">
             <thead>
               <tr className="border-b bg-slate-50 text-left text-xs uppercase tracking-wide text-slate-500 dark:border-slate-700 dark:bg-slate-800/60 dark:text-slate-400">
                 <th className="w-8 px-3 py-2.5" aria-label="Details" />

src/pages/MieterVerwaltung.tsx

@@ -410,8 +410,8 @@ export default function MieterVerwaltung() {
           Kein Mieter passt zur Suche „{suche}".
         </div>
       ) : (
-        <div className="overflow-hidden rounded-2xl border bg-white dark:border-slate-700 dark:bg-slate-900">
+        <div className="overflow-x-auto rounded-2xl border bg-white dark:border-slate-700 dark:bg-slate-900">
-          <table className="w-full text-sm">
+          <table className="w-full min-w-[860px] text-sm">
             <thead>
               <tr className="border-b bg-slate-50 text-left text-xs uppercase tracking-wide text-slate-500 dark:border-slate-700 dark:bg-slate-800/60 dark:text-slate-400">
                 <th className="px-3 py-2.5">Wohnung</th>

src/pages/Zaehler.tsx

@@ -554,8 +554,8 @@ export default function Zaehler() {
         </div>
       ) : (
         /* ── Listenansicht ─────────────────────────────── */
-        <div className="overflow-hidden rounded-2xl border bg-white dark:border-slate-700 dark:bg-slate-900">
+        <div className="overflow-x-auto rounded-2xl border bg-white dark:border-slate-700 dark:bg-slate-900">
-          <table className="w-full text-sm">
+          <table className="w-full min-w-[720px] text-sm">
             <thead>
               <tr className="border-b bg-slate-50 text-left text-xs uppercase tracking-wide text-slate-500 dark:border-slate-700 dark:bg-slate-800/60 dark:text-slate-400">
                 <th className="px-3 py-2.5">Art</th>