feat: NeuesElement + ElementDetail Redesign — Outdoor-optimiert

NeuesElement:
- Schnelltyp entfernt
- Header kompakt (Speichern/Speichern&Neu als Nav-Buttons)
- Viewport-Filling Layout (Positionstext flex-grow)
- Feld-Reihenfolge: Positionstext → Verantw/Thema/Termin → Status+Titel → Position+Bemerkung → Standort+Fotos
- Status als Badge + ···-Expand statt Button-Reihe
- Position/Bemerkung ohne Label (nur Placeholder)
- Standort+Fotos kombiniert in einer Zeile

ElementDetail:
- Gleiche Feld-Reihenfolge wie NeuesElement
- Standort+Fotos kombiniert
- Kürzel — Firmenname im Verantwortlich-Dropdown

Beide + Übersicht:
- ScrollToTopFab (links unten, weiß/blau)
- Höherer Kontrast (Labels gray-700, Borders 2px gray-300)
- Einheitliche Button-Farben (ping-blue)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: ping1979ping

app/src/components/ProtokollUebersicht.tsx

@@ -3,6 +3,7 @@ import type { Protokoll, Protokollelement, Protokollgruppe } from '../types';
 import { STATUS_MAP } from '../types';
 import { getProtokolleByGruppe, getElemente, getProtokollgruppe, getOrCreateDraftProtokoll, findBautagebuchProtokoll } from '../db';
 import MapOverview from './map/MapOverview';
+import ScrollToTopFab from './ScrollToTopFab';
 import SyncIndicator from './SyncIndicator';
 import { useSyncStatus } from '../useSyncStatus';
 
@@ -405,6 +406,7 @@ export default function ProtokollUebersicht({ gruppeId, initialState, onStateCha
           </button>
         </div>
       )}
+      <ScrollToTopFab />
     </div>
   );
 }

app/src/components/ScrollToTopFab.tsx

@@ -0,0 +1,25 @@
+import { useState, useEffect } from 'react';
+
+export default function ScrollToTopFab() {
+  const [visible, setVisible] = useState(false);
+
+  useEffect(() => {
+    function onScroll() {
+      setVisible(window.scrollY > 200);
+    }
+    window.addEventListener('scroll', onScroll, { passive: true });
+    return () => window.removeEventListener('scroll', onScroll);
+  }, []);
+
+  if (!visible) return null;
+
+  return (
+    <button
+      onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}
+      className="fixed bottom-3 left-3 bg-white text-ping-blue border-2 border-ping-blue w-11 h-11 rounded-full shadow-lg flex items-center justify-center text-lg font-bold z-50 hover:bg-ping-blue-light active:bg-ping-blue-light transition"
+      aria-label="Nach oben"
+    >
+      ↑
+    </button>
+  );
+}