mobile test3

#deploy

src/contexts/HeaderContext.tsx

@@ -1,7 +1,7 @@
 import React, { createContext, useCallback, useContext, useMemo, useState } from 'react';
 
 type HeaderState = {
-  title: string | null;
+  title: React.ReactNode | null;
   left: React.ReactNode | null;
   mobileMenu: React.ReactNode | null;
 };

src/features/event/components/EventFormInline.tsx

@@ -580,9 +580,6 @@ const EventFormInline: React.FC<EventFormInlineProps> = ({ onSuccess, onCancel,
           ) : (
             <>
               <div className="flex items-center justify-between gap-2">
-                <div className="text-sm font-medium">
-                  {mode === 'edit' ? 'Event bearbeiten' : 'Event erstellen'}
-                </div>
                 <div className="text-xs text-muted-foreground">{loadingInitial ? 'Lade…' : ''}</div>
               </div>
               {error && <div className="text-sm text-destructive pt-1">{error}</div>}

src/features/event/components/EventWizard.tsx

@@ -21,6 +21,11 @@ const EventWizard: React.FC<EventWizardProps> = ({ onComplete, onBackToOverview,
   const [activeEventId, setActiveEventId] = useState<string | number | null>(null);
   const { setHeader, resetHeader } = useHeader();
 
+  const activeEvent = useMemo(() => {
+    if (!activeEventId) return null;
+    return events.find((e) => String(e.id) === String(activeEventId)) || null;
+  }, [activeEventId, events]);
+
   const canGoTimeline = showForm;
   const handleBackToTimeline = () => {
     setShowForm(false);
@@ -32,7 +37,18 @@ const EventWizard: React.FC<EventWizardProps> = ({ onComplete, onBackToOverview,
   }, [onReload]);
 
   useEffect(() => {
-    const title = showForm ? (activeEventId ? 'Event bearbeiten' : 'Event erstellen') : 'Veranstaltungen';
+    const eventName = (activeEvent as any)?.title || (activeEvent as any)?.name || null;
+
+    const title = showForm
+      ? activeEventId
+        ? (
+            <div className="flex flex-col items-center leading-tight">
+              <div>Event bearbeiten</div>
+              {eventName ? <div className="text-xs text-muted-foreground font-normal">{eventName}</div> : null}
+            </div>
+          )
+        : 'Event erstellen'
+      : 'Veranstaltungen';
 
     setHeader({
       title,
@@ -73,7 +89,7 @@ const EventWizard: React.FC<EventWizardProps> = ({ onComplete, onBackToOverview,
     return () => {
       resetHeader();
     };
-  }, [activeEventId, onBackToOverview, resetHeader, setHeader, showForm]);
+  }, [activeEvent, activeEventId, onBackToOverview, resetHeader, setHeader, showForm]);
 
   const sortedEvents = useMemo(() => {
     if (!events.length) return [] as Event[];