Das Abschalten des Aufgaben-Modus wird nun sauber in der App reflektiert- die UI passt sich an und der Admin erhält einen Hinweis, dass die Aufgabenverwaltung nicht verfügbar ist

resources/js/guest/components/BottomNav.tsx

@@ -4,6 +4,7 @@ import { CheckSquare, GalleryHorizontal, Home, Trophy, Camera } from 'lucide-rea
 import { useEventData } from '../hooks/useEventData';
 import { useTranslation } from '../i18n/useTranslation';
 import { useEventBranding } from '../context/EventBrandingContext';
+import { isTaskModeEnabled } from '../lib/engagement';
 
 function TabLink({
   to,
@@ -64,6 +65,7 @@ export default function BottomNav() {
 
   const base = `/e/${encodeURIComponent(token)}`;
   const currentPath = location.pathname;
+  const tasksEnabled = isTaskModeEnabled(event);
 
   const labels = {
     home: t('navigation.home'),
@@ -102,19 +104,21 @@ export default function BottomNav() {
               <span>{labels.home}</span>
             </div>
           </TabLink>
-          <TabLink
-            to={`${base}/tasks`}
-            isActive={isTasksActive}
-            accentColor={branding.primaryColor}
-            radius={radius}
-            compact={compact}
-            style={buttonStyle === 'outline' ? { background: 'transparent', color: linkColor, border: `1px solid ${linkColor}` } : undefined}
-          >
-            <div className="flex flex-col items-center gap-1">
-              <CheckSquare className="h-5 w-5" aria-hidden />
-              <span>{labels.tasks}</span>
-            </div>
-          </TabLink>
+          {tasksEnabled ? (
+            <TabLink
+              to={`${base}/tasks`}
+              isActive={isTasksActive}
+              accentColor={branding.primaryColor}
+              radius={radius}
+              compact={compact}
+              style={buttonStyle === 'outline' ? { background: 'transparent', color: linkColor, border: `1px solid ${linkColor}` } : undefined}
+            >
+              <div className="flex flex-col items-center gap-1">
+                <CheckSquare className="h-5 w-5" aria-hidden />
+                <span>{labels.tasks}</span>
+              </div>
+            </TabLink>
+          ) : null}
         </div>
 
         <Link