diff --git a/frontend/src/components/activity/ScheduleEntry.vue b/frontend/src/components/activity/ScheduleEntry.vue
index 655ba7caa2..f0093491cc 100644
--- a/frontend/src/components/activity/ScheduleEntry.vue
+++ b/frontend/src/components/activity/ScheduleEntry.vue
@@ -164,11 +164,15 @@ Displays a single scheduleEntry
       <template v-else>
         <!-- Header -->
         <v-row dense class="activity-header">
-          <v-col class="col col-sm-6 col-12 px-0 pt-0">
+          <v-col class="col col-sm-6 col-12 px-0 pt-0 d-flex flex-wrap gap-x-4">
             <table>
               <thead>
                 <tr>
-                  <th scope="col" class="text-right pb-2 pr-4">
+                  <th
+                    v-if="category.numberingStyle !== '-'"
+                    scope="col"
+                    class="text-right pb-2 pr-4"
+                  >
                     {{ $tc('entity.scheduleEntry.fields.nr') }}
                   </th>
                   <th scope="col" class="text-left pb-2 pr-4">
@@ -184,8 +188,20 @@ Displays a single scheduleEntry
                   v-for="scheduleEntryItem in scheduleEntries"
                   :key="scheduleEntryItem._meta.self"
                 >
-                  <th class="text-right tabular-nums pb-2 pr-4">
-                    {{ scheduleEntryItem.number }}
+                  <th
+                    v-if="category.numberingStyle !== '-'"
+                    class="text-right tabular-nums pb-2 pr-4"
+                  >
+                    <RouterLink
+                      v-if="scheduleEntryItem._meta.self !== scheduleEntry._meta.self"
+                      :to="scheduleEntryRoute(scheduleEntryItem)"
+                      class="e-title-link"
+                    >
+                      {{ scheduleEntryItem.number }}
+                    </RouterLink>
+                    <template v-else>
+                      {{ scheduleEntryItem.number }}
+                    </template>
                   </th>
                   <td class="text-left tabular-nums pb-2 pr-4">
                     {{
@@ -196,11 +212,33 @@ Displays a single scheduleEntry
                     {{ dateShort(scheduleEntryItem.start) }}
                   </td>
                   <td class="text-left tabular-nums pb-2 pr-0">
-                    {{ rangeLongEnd(scheduleEntryItem.start, scheduleEntryItem.end) }}
+                    <RouterLink
+                      v-if="
+                        category.numberingStyle === '-' &&
+                        scheduleEntryItem._meta.self !== scheduleEntry._meta.self
+                      "
+                      :to="scheduleEntryRoute(scheduleEntryItem)"
+                      class="e-title-link"
+                    >
+                      {{ rangeLongEnd(scheduleEntryItem.start, scheduleEntryItem.end) }}
+                    </RouterLink>
+                    <template v-else>
+                      {{ rangeLongEnd(scheduleEntryItem.start, scheduleEntryItem.end) }}
+                    </template>
                   </td>
                 </tr>
               </tbody>
             </table>
+            <DialogActivityEdit
+              v-if="scheduleEntry && isContributor"
+              :schedule-entry="scheduleEntry"
+              hide-header-fields
+              @activity-updated="activity.$reload()"
+            >
+              <template #activator="{ on }">
+                <ButtonEdit text small class="v-btn--has-bg" v-on="on" />
+              </template>
+            </DialogActivityEdit>
           </v-col>
           <v-col class="col col-sm-6 col-12 px-0">
             <api-form :entity="activity" name="activity">
@@ -254,7 +292,11 @@ import RootNode from '@/components/activity/RootNode.vue'
 import ActivityResponsibles from '@/components/activity/ActivityResponsibles.vue'
 import { dateHelperUTCFormatted } from '@/mixins/dateHelperUTCFormatted.js'
 import { campRoleMixin } from '@/mixins/campRoleMixin'
-import router, { periodRoute, scheduleEntryRoute } from '@/router.js'
+import router, {
+  firstActivityScheduleEntry,
+  periodRoute,
+  scheduleEntryRoute,
+} from '@/router.js'
 import DownloadNuxtPdf from '@/components/print/print-nuxt/DownloadNuxtPdfListItem.vue'
 import DownloadClientPdf from '@/components/print/print-client/DownloadClientPdfListItem.vue'
 import { errorToMultiLineToast } from '@/components/toast/toasts'
@@ -264,10 +306,15 @@ import DialogEntityDelete from '@/components/dialog/DialogEntityDelete.vue'
 import TogglePaperSize from '@/components/activity/TogglePaperSize.vue'
 import ApiForm from '@/components/form/api/ApiForm.vue'
 import ApiSelect from '@/components/form/api/ApiSelect.vue'
+import ButtonEdit from '@/components/buttons/ButtonEdit.vue'
+import DialogActivityEdit from '@/components/activity/dialog/DialogActivityEdit.vue'
+import scheduleEntryRouteChange from '@/helpers/scheduleEntryRouteChange.js'
 
 export default {
   name: 'ScheduleEntry',
   components: {
+    DialogActivityEdit,
+    ButtonEdit,
     ApiForm,
     ApiSelect,
     TogglePaperSize,
@@ -290,23 +337,31 @@ export default {
       isPaperDisplaySize: () => this.isPaperDisplaySize,
     }
   },
+  async beforeRouteUpdate(to, from, next) {
+    return scheduleEntryRouteChange(this.activityId, to, from, next)
+  },
   props: {
-    scheduleEntry: {
-      type: Object,
+    activityId: {
+      type: String,
       required: true,
     },
+    scheduleEntryId: {
+      type: String,
+      default: null,
+    },
   },
   data() {
     return {
       layoutMode: false,
       editActivityTitle: false,
       categoryChangeState: null,
+      scheduleEntry: null,
       loading: true,
     }
   },
   computed: {
     activity() {
-      return this.scheduleEntry.activity()
+      return this.api.get().activities({ id: this.activityId })
     },
     camp() {
       return this.activity.camp()
@@ -366,6 +421,19 @@ export default {
     },
   },
 
+  watch: {
+    scheduleEntryId: {
+      async handler(id) {
+        try {
+          this.scheduleEntry = this.api.get().scheduleEntries({ id })
+        } catch {
+          this.scheduleEntry = await firstActivityScheduleEntry(this.activityId)
+        }
+      },
+      immediate: true,
+    },
+  },
+
   // reload data every time user navigates to Activity view
   async mounted() {
     this.loading = true
@@ -390,6 +458,7 @@ export default {
           this.$toast.error(errorToMultiLineToast(e))
         })
     },
+    scheduleEntryRoute,
     countContentNodes(contentType) {
       return this.contentNodes.items.filter((cn) => {
         return cn.contentType().id === contentType.id
diff --git a/frontend/src/components/program/DialogActivityEdit.vue b/frontend/src/components/activity/dialog/DialogActivityEdit.vue
similarity index 63%
rename from frontend/src/components/program/DialogActivityEdit.vue
rename to frontend/src/components/activity/dialog/DialogActivityEdit.vue
index eed8d6d1c0..4d959d5f62 100644
--- a/frontend/src/components/program/DialogActivityEdit.vue
+++ b/frontend/src/components/activity/dialog/DialogActivityEdit.vue
@@ -1,7 +1,7 @@
 <template>
   <dialog-form
     v-model="showDialog"
-    :title="$tc('components.program.dialogActivityEdit.title')"
+    :title="$tc('components.activity.dialog.dialogActivityEdit.title')"
     :loading="loading"
     :error="error"
     icon="mdi-calendar-plus"
@@ -15,15 +15,14 @@
       <slot name="activator" v-bind="scope" />
     </template>
     <template #moreActions>
-      <v-btn
-        v-if="!scheduleEntry.tmpEvent"
-        color="primary"
-        :to="scheduleEntryRoute(scheduleEntry)"
-      >
-        {{ $tc('global.button.open') }}
-      </v-btn>
+      <slot name="moreActions" />
     </template>
-    <dialog-activity-form :activity="entityData" :period="scheduleEntry.period()" />
+    <DialogActivityForm
+      :activity="entityData"
+      :current-schedule-entry="scheduleEntry"
+      :period="period"
+      :hide-location="hideHeaderFields"
+    />
   </dialog-form>
 </template>
 
@@ -31,7 +30,7 @@
 import DialogForm from '@/components/dialog/DialogForm.vue'
 import DialogBase from '@/components/dialog/DialogBase.vue'
 import DialogActivityForm from './DialogActivityForm.vue'
-import { scheduleEntryRoute } from '@/router.js'
+import { firstActivityScheduleEntryRoute } from '@/router.js'
 
 export default {
   name: 'DialogActivityEdit',
@@ -39,6 +38,10 @@ export default {
   extends: DialogBase,
   props: {
     scheduleEntry: { type: Object, required: true },
+    hideHeaderFields: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
@@ -47,12 +50,15 @@ export default {
     }
   },
   computed: {
-    scheduleEntries() {
-      return this.activity.scheduleEntries()
-    },
     activity() {
       return this.scheduleEntry.activity()
     },
+    period() {
+      return this.scheduleEntry.period()
+    },
+    scheduleEntries() {
+      return this.activity.scheduleEntries()
+    },
   },
   watch: {
     showDialog: async function (showDialog) {
@@ -95,24 +101,49 @@ export default {
 
         // update existing
         if (entry.self) {
-          return this.api.patch(entry.self, {
+          return this.api
+            .patch(entry.self, {
+              period: entry.period()._meta.self,
+              start: entry.start,
+              end: entry.end,
+            })
+            .then((serverEntry) => {
+              entry.start = serverEntry.start
+              entry.end = serverEntry.end
+              entry.period = serverEntry.period
+            })
+            .catch(async (e) => {
+              // entry was deleted in the meantime
+              if (e.response.status === 404) {
+                if (entry.self === this.scheduleEntry._meta.self) {
+                  // redirect to first entry to not break UI
+                  this.$router.push(await firstActivityScheduleEntryRoute(this.activity))
+                }
+                entry.deleted = true
+                return Promise.resolve()
+              }
+              return Promise.reject(e)
+            })
+        }
+
+        // else: create new entry
+        return this.scheduleEntries
+          .$post({
             period: entry.period()._meta.self,
             start: entry.start,
             end: entry.end,
+            activity: this.activity._meta.self,
+          })
+          .then((data) => {
+            entry.self = data._meta.self
           })
-        }
-
-        // else: create new entry
-        return this.scheduleEntries.$post({
-          period: entry.period()._meta.self,
-          start: entry.start,
-          end: entry.end,
-          activity: this.activity._meta.self,
-        })
       })
 
       // patch activity entity
       const activityPayload = { ...this.entityData }
+      if (this.hideHeaderFields) {
+        delete activityPayload.location
+      }
       delete activityPayload.scheduleEntries
       promises.push(this.api.patch(this.entityUri, activityPayload))
 
@@ -126,9 +157,10 @@ export default {
     },
     updatedSuccessful(data) {
       this.close()
+      this.api.reload(this.activity)
+      this.api.reload(this.scheduleEntry.period().scheduleEntries())
       this.$emit('activity-updated', data)
     },
-    scheduleEntryRoute,
   },
 }
 </script>
diff --git a/frontend/src/components/program/DialogActivityForm.vue b/frontend/src/components/activity/dialog/DialogActivityForm.vue
similarity index 87%
rename from frontend/src/components/program/DialogActivityForm.vue
rename to frontend/src/components/activity/dialog/DialogActivityForm.vue
index f1d9c7b5eb..b28db8a9d7 100644
--- a/frontend/src/components/program/DialogActivityForm.vue
+++ b/frontend/src/components/activity/dialog/DialogActivityForm.vue
@@ -36,11 +36,12 @@
       </template>
     </e-select>
 
-    <e-text-field v-model="localActivity.location" path="location" />
+    <e-text-field v-if="!hideLocation" v-model="localActivity.location" path="location" />
 
     <FormScheduleEntryList
       v-if="activity.scheduleEntries"
       :schedule-entries="activity.scheduleEntries"
+      :current-schedule-entry="currentScheduleEntry"
       :period="period"
       :periods="camp.periods().items"
     />
@@ -69,10 +70,18 @@ export default {
       type: Object,
       required: true,
     },
+    currentScheduleEntry: {
+      type: Object,
+      default: null,
+    },
     autoselectTitle: {
       type: Boolean,
       default: false,
     },
+    hideLocation: {
+      type: Boolean,
+      default: false,
+    },
   },
   data() {
     return {
diff --git a/frontend/src/components/program/FormScheduleEntryItem.vue b/frontend/src/components/activity/dialog/FormScheduleEntryItem.vue
similarity index 97%
rename from frontend/src/components/program/FormScheduleEntryItem.vue
rename to frontend/src/components/activity/dialog/FormScheduleEntryItem.vue
index 2726ce06a6..fe35687130 100644
--- a/frontend/src/components/program/FormScheduleEntryItem.vue
+++ b/frontend/src/components/activity/dialog/FormScheduleEntryItem.vue
@@ -50,7 +50,7 @@
       </v-col>
 
       <v-col cols="1" class="pt-3 text-center">
-        <button-delete v-if="!isLastItem" icon-only @click="$emit('delete')" />
+        <button-delete v-if="deletable" icon-only @click="$emit('delete')" />
       </v-col>
     </v-row>
   </v-container>
@@ -82,9 +82,9 @@ export default {
     },
 
     // true if current item is the last scheduleEntry
-    isLastItem: {
+    deletable: {
       type: Boolean,
-      required: true,
+      required: false,
     },
   },
   data() {
diff --git a/frontend/src/components/program/FormScheduleEntryList.vue b/frontend/src/components/activity/dialog/FormScheduleEntryList.vue
similarity index 90%
rename from frontend/src/components/program/FormScheduleEntryList.vue
rename to frontend/src/components/activity/dialog/FormScheduleEntryList.vue
index c0d7c1e716..ac79f70d12 100644
--- a/frontend/src/components/program/FormScheduleEntryList.vue
+++ b/frontend/src/components/activity/dialog/FormScheduleEntryList.vue
@@ -4,7 +4,7 @@
       <v-row no-gutters>
         <v-col class="header mb-3">
           <legend class="pa-2 float-left">
-            {{ $tc('components.program.formScheduleEntryList.name') }}
+            {{ $tc('components.activity.dialog.formScheduleEntryList.name') }}
           </legend>
 
           <button-add
@@ -22,7 +22,11 @@
           class="transition-list-item pa-0 mb-4"
           :schedule-entry="scheduleEntry"
           :periods="periods"
-          :is-last-item="scheduleEntriesWithoutDeleted.length === 1"
+          :deletable="
+            scheduleEntriesWithoutDeleted.length > 1 &&
+            ($route.name !== 'camp/activity' ||
+              scheduleEntry.self !== currentScheduleEntry?._meta.self)
+          "
           @delete="deleteEntry(scheduleEntry)"
         />
       </transition-group>
@@ -47,6 +51,11 @@ export default {
       required: true,
     },
 
+    currentScheduleEntry: {
+      type: Object,
+      default: null,
+    },
+
     // all available periods
     periods: {
       type: Array,
diff --git a/frontend/src/components/campAdmin/DialogCategoryCreate.vue b/frontend/src/components/campAdmin/DialogCategoryCreate.vue
index d12377e6ed..889073acb2 100644
--- a/frontend/src/components/campAdmin/DialogCategoryCreate.vue
+++ b/frontend/src/components/campAdmin/DialogCategoryCreate.vue
@@ -264,10 +264,7 @@ export default {
         const match = router.matcher.match(url)
 
         if (match.name === 'camp/activity') {
-          const scheduleEntry = await this.api
-            .get()
-            .scheduleEntries({ id: match.params['scheduleEntryId'] })
-          return await scheduleEntry.activity()
+          return await this.api.get().activities({ id: match.params['activityId'] })
         } else if (match.name === 'camp/admin/activity/category') {
           return await this.api.get().categories({ id: match.params['categoryId'] })
         }
diff --git a/frontend/src/components/campAdmin/ErrorExistingActivitiesList.vue b/frontend/src/components/campAdmin/ErrorExistingActivitiesList.vue
index b594587211..6a75a13db1 100644
--- a/frontend/src/components/campAdmin/ErrorExistingActivitiesList.vue
+++ b/frontend/src/components/campAdmin/ErrorExistingActivitiesList.vue
@@ -16,6 +16,7 @@
                 name: 'camp/activity',
                 params: {
                   campId: camp.id,
+                  activityId: activity.id,
                   scheduleEntryId: scheduleEntry.id,
                 },
               }"
diff --git a/frontend/src/components/dashboard/ActivityRow.vue b/frontend/src/components/dashboard/ActivityRow.vue
index f1123a24af..a91cd55078 100644
--- a/frontend/src/components/dashboard/ActivityRow.vue
+++ b/frontend/src/components/dashboard/ActivityRow.vue
@@ -92,6 +92,7 @@ import AvatarRow from '@/components/generic/AvatarRow.vue'
 import CategoryChip from '@/components/generic/CategoryChip.vue'
 import { dateHelperUTCFormatted } from '@/mixins/dateHelperUTCFormatted.js'
 import TextAlignBaseline from '@/components/layout/TextAlignBaseline.vue'
+import { scheduleEntryRoute } from '@/router.js'
 
 export default {
   name: 'ActivityRow',
@@ -135,13 +136,7 @@ export default {
       return this.timeDurationShort(this.scheduleEntry.start, this.scheduleEntry.end)
     },
     routerLink() {
-      return {
-        name: 'camp/activity',
-        params: {
-          campId: this.scheduleEntry.period().camp().id,
-          scheduleEntryId: this.scheduleEntry.id,
-        },
-      }
+      return scheduleEntryRoute(this.scheduleEntry)
     },
   },
 }
diff --git a/frontend/src/components/program/DialogActivityCreate.vue b/frontend/src/components/program/DialogActivityCreate.vue
index 959206f040..6bb1bbc9ff 100644
--- a/frontend/src/components/program/DialogActivityCreate.vue
+++ b/frontend/src/components/program/DialogActivityCreate.vue
@@ -106,7 +106,7 @@
 <script>
 import DialogForm from '@/components/dialog/DialogForm.vue'
 import DialogBase from '@/components/dialog/DialogBase.vue'
-import DialogActivityForm from './DialogActivityForm.vue'
+import DialogActivityForm from '@/components/activity/dialog/DialogActivityForm.vue'
 import CopyActivityInfoDialog from '@/components/activity/CopyActivityInfoDialog.vue'
 import PopoverPrompt from '@/components/prompt/PopoverPrompt.vue'
 import { uniqueId } from 'lodash-es'
@@ -125,9 +125,6 @@ export default {
   extends: DialogBase,
   props: {
     scheduleEntry: { type: Object, required: true },
-
-    // currently visible period
-    period: { type: Object, required: true },
   },
   data() {
     return {
@@ -145,6 +142,9 @@ export default {
     camp() {
       return this.period.camp()
     },
+    period() {
+      return this.scheduleEntry.period()
+    },
     clipboardAccessDenied() {
       return (
         this.clipboardPermission === 'unaccessable' ||
@@ -282,11 +282,7 @@ export default {
         const match = router.matcher.match(url)
 
         if (match.name === 'camp/activity') {
-          const scheduleEntry = await this.api
-            .get()
-            .scheduleEntries({ id: match.params['scheduleEntryId'] })
-
-          return await scheduleEntry.activity()
+          return await this.api.get().activities({ id: match.params['activityId'] })
         }
       }
       return null
diff --git a/frontend/src/components/program/ScheduleEntries.vue b/frontend/src/components/program/ScheduleEntries.vue
index 8991da5cb3..d8441adc63 100644
--- a/frontend/src/components/program/ScheduleEntries.vue
+++ b/frontend/src/components/program/ScheduleEntries.vue
@@ -6,9 +6,8 @@
       :reload-entries="reloadScheduleEntries"
       :on="eventHandlers"
     />
-    <dialog-activity-create
+    <DialogActivityCreate
       ref="dialogActivityCreate"
-      :period="period"
       :schedule-entry="newScheduleEntry"
       @activity-created="afterCreateActivity($event)"
     />
diff --git a/frontend/src/components/program/picasso/PicassoEntry.vue b/frontend/src/components/program/picasso/PicassoEntry.vue
index d5f36f6f39..bea73752da 100644
--- a/frontend/src/components/program/picasso/PicassoEntry.vue
+++ b/frontend/src/components/program/picasso/PicassoEntry.vue
@@ -48,6 +48,11 @@
           <v-icon x-small color="white">mdi-pencil</v-icon>
         </v-btn>
       </template>
+      <template #moreActions>
+        <v-btn color="primary" :to="scheduleEntryRoute">
+          {{ $tc('global.button.open') }}
+        </v-btn>
+      </template>
     </DialogActivityEdit>
 
     <h4 class="e-picasso-entry__title">
@@ -129,7 +134,7 @@
 </template>
 <script>
 import { ref, toRefs, computed } from 'vue'
-import DialogActivityEdit from '../DialogActivityEdit.vue'
+import DialogActivityEdit from '@/components/activity/dialog/DialogActivityEdit.vue'
 import campCollaborationDisplayName from '@/common/helpers/campCollaborationDisplayName.js'
 import { timestampToUtcString } from './dateHelperVCalendar.js'
 import { dateHelperUTCFormatted } from '@/mixins/dateHelperUTCFormatted.js'
diff --git a/frontend/src/components/story/StoryDay.vue b/frontend/src/components/story/StoryDay.vue
index 1c99950f28..3071e9ce91 100644
--- a/frontend/src/components/story/StoryDay.vue
+++ b/frontend/src/components/story/StoryDay.vue
@@ -24,6 +24,7 @@
                   name: 'camp/activity',
                   params: {
                     campId: day.period().camp().id,
+                    activityId: scheduleEntry.activity().id,
                     scheduleEntryId: scheduleEntry.id,
                   },
                 }"
diff --git a/frontend/src/helpers/scheduleEntryRouteChange.js b/frontend/src/helpers/scheduleEntryRouteChange.js
new file mode 100644
index 0000000000..8c788bd839
--- /dev/null
+++ b/frontend/src/helpers/scheduleEntryRouteChange.js
@@ -0,0 +1,34 @@
+import { firstActivityScheduleEntry } from '@/router.js'
+import { apiStore } from '@/plugins/store'
+
+/**
+ * Loads first valid schedule entry for activity if current one is missing
+ * @param activity
+ * @param to
+ * @param from
+ * @param next
+ * @return {Promise<*>}
+ */
+export default async function scheduleEntryRouteChange(activity, to, from, next) {
+  if (
+    to.params.scheduleEntryId !== from.params.scheduleEntryId ||
+    to.params.activityId !== from.params.activityId
+  ) {
+    return await apiStore
+      .get()
+      .scheduleEntries({ id: to.params.scheduleEntryId })
+      .$reload()
+      .then(() => next())
+      .catch(async () => {
+        return next({
+          name: 'camp/activity',
+          params: {
+            ...to.params,
+            scheduleEntryId: (await firstActivityScheduleEntry(to.params.activityId)).id,
+          },
+        })
+      })
+  } else {
+    return next()
+  }
+}
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index fa4d233b92..3ff4aba884 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -30,6 +30,14 @@
         "granted": "Du kannst nun kopierte Aktivitäten einfügen.",
         "title": "Aktivität kopieren & einfügen"
       },
+      "dialog": {
+        "dialogActivityEdit": {
+          "title": "Aktivität bearbeiten"
+        },
+        "formScheduleEntryList": {
+          "name": "Geplante Termine"
+        }
+      },
       "menuCardlessContentNode": {
         "deletingDisabled": "Muss leer sein zum Löschen"
       },
@@ -405,9 +413,6 @@
         "copySourceInfo": "Hier kannst du die URL einer Aktivität einfügen, um dessen Inhalte zu kopieren.",
         "pasteActivity": "Kopierte Aktivität einfügen"
       },
-      "dialogActivityEdit": {
-        "title": "Aktivität bearbeiten"
-      },
       "formScheduleEntryItem": {
         "end": "Ende",
         "start": "Start"
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index 3481989432..c8ee92f645 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -30,6 +30,14 @@
         "granted": "You can now paste copied activities.",
         "title": "Copy & paste activity"
       },
+      "dialog": {
+        "dialogActivityEdit": {
+          "title": "Edit activity"
+        },
+        "formScheduleEntryList": {
+          "name": "Scheduled"
+        }
+      },
       "menuCardlessContentNode": {
         "deletingDisabled": "Must be empty to delete"
       },
@@ -405,9 +413,6 @@
         "copySourceInfo": "Here you can paste the URL of an activity to copy its contents.",
         "pasteActivity": "paste activity"
       },
-      "dialogActivityEdit": {
-        "title": "Edit activity"
-      },
       "formScheduleEntryItem": {
         "end": "End",
         "start": "Start"
diff --git a/frontend/src/locales/fr.json b/frontend/src/locales/fr.json
index a4398d4761..92e22762bf 100644
--- a/frontend/src/locales/fr.json
+++ b/frontend/src/locales/fr.json
@@ -27,6 +27,11 @@
         "granted": "Vous pouvez maintenant coller les activités copiées.",
         "title": "Copier et coller une activité"
       },
+      "dialog": {
+        "dialogActivityEdit": {
+          "title": "Modifier l'activité"
+        }
+      },
       "menuCardlessContentNode": {
         "deletingDisabled": "Doit être vide pour être supprimé"
       },
@@ -358,9 +363,6 @@
         "copySourceInfo": "Vous pouvez coller ici l'URL d'une activité pour copier son contenu.",
         "pasteActivity": "coller l'activité"
       },
-      "dialogActivityEdit": {
-        "title": "Modifier l'activité"
-      },
       "formScheduleEntryItem": {
         "end": "Fin",
         "start": "Début"
diff --git a/frontend/src/locales/it.json b/frontend/src/locales/it.json
index a490fc15c3..03ef4a9839 100644
--- a/frontend/src/locales/it.json
+++ b/frontend/src/locales/it.json
@@ -23,6 +23,14 @@
       "copyActivityInfoDialog": {
         "allow": "Consenti ora"
       },
+      "dialog": {
+        "dialogActivityEdit": {
+          "title": "Modificare l'actività"
+        },
+        "formScheduleEntryList": {
+          "name": "Programmato"
+        }
+      },
       "menuCardlessContentNode": {
         "deletingDisabled": "Deve essere vuoto per essere eliminato"
       },
@@ -344,9 +352,6 @@
       }
     },
     "program": {
-      "dialogActivityEdit": {
-        "title": "Modificare l'actività"
-      },
       "formScheduleEntryItem": {
         "end": "Fine",
         "start": "Inizio"
diff --git a/frontend/src/locales/rm.json b/frontend/src/locales/rm.json
index 9c1ec16579..10f235f61b 100644
--- a/frontend/src/locales/rm.json
+++ b/frontend/src/locales/rm.json
@@ -17,6 +17,14 @@
           }
         }
       },
+      "dialog": {
+        "dialogActivityEdit": {
+          "title": "Modifitgar l'activitad"
+        },
+        "formScheduleEntryList": {
+          "name": "Termins planisads"
+        }
+      },
       "menuCardlessContentNode": {
         "deletingDisabled": "Sto esser vid per stizzar"
       },
@@ -304,9 +312,6 @@
       }
     },
     "program": {
-      "dialogActivityEdit": {
-        "title": "Modifitgar l'activitad"
-      },
       "formScheduleEntryItem": {
         "end": "Fin",
         "start": "Entschatta"
diff --git a/frontend/src/router.js b/frontend/src/router.js
index 1101697414..5cb1871a6d 100644
--- a/frontend/src/router.js
+++ b/frontend/src/router.js
@@ -502,23 +502,32 @@ export default new Router({
       ],
     },
     {
-      path: '/camps/:campId/:campShortTitle/program/activities/:scheduleEntryId/:activityName?',
+      path: '/camps/:campId/:campShortTitle/program/activity/:activityId/:scheduleEntryId?/:activityName?',
       name: 'camp/activity',
       components: {
         navigation: NavigationCamp,
         default: () => import('./views/camp/activity/Activity.vue'),
         aside: () => import('./views/camp/activity/SideBarProgram.vue'),
       },
-      beforeEnter: all([requireAuth, requireCamp, requireScheduleEntry]),
+      beforeEnter: all([requireAuth, requireCamp, requireActivityScheduleEntry]),
       props: {
         navigation: (route) => ({ camp: campFromRoute(route) }),
-        default: (route) => ({ scheduleEntry: scheduleEntryFromRoute(route) }),
+        default: (route) => ({
+          activityId: route.params.activityId,
+          scheduleEntryId: route.params.scheduleEntryId,
+        }),
         aside: (route) => ({
           camp: campFromRoute(route),
-          day: dayFromScheduleEntryInRoute(route),
+          activityId: route.params.activityId,
+          scheduleEntryId: route.params.scheduleEntryId,
         }),
       },
     },
+    {
+      path: '/camps/:campId/:campShortTitle/program/activities/:scheduleEntryId/:activityName?',
+      redirect:
+        '/camps/:campId/:campShortTitle/program/activity/0/:scheduleEntryId?/:activityName?',
+    },
     {
       path: '/',
       name: 'home',
@@ -600,27 +609,47 @@ async function requireCamp(to, from, next) {
   }
 }
 
-async function requireScheduleEntry(to, from, next) {
-  const scheduleEntry = await scheduleEntryFromRoute(to)
-  if (scheduleEntry === undefined) {
-    next({
-      name: 'PageNotFound',
-      params: [to.fullPath, ''],
-      replace: true,
-    })
-  } else {
-    await scheduleEntry._meta.load
-      .then(() => {
+async function requireActivityScheduleEntry(to, from, next) {
+  await apiStore
+    .get()
+    .activities({ id: to.params.activityId })
+    .$reload()
+    .then(async (activity) => {
+      // activity exists
+      const scheduleEntry = to.params.scheduleEntryId
+        ? activity
+            .scheduleEntries()
+            .items.find((entry) => entry.id === to.params.scheduleEntryId)
+        : null
+
+      if (scheduleEntry) {
+        // activity and scheduleEntry exist
         next()
-      })
-      .catch(() => {
-        next({
-          name: 'PageNotFound',
-          params: [to.fullPath, ''],
-          replace: true,
-        })
-      })
-  }
+      } else {
+        // scheduleEntry is not found, use first activity scheduleEntry
+        to.params.scheduleEntryId = (await firstActivityScheduleEntry(activity)).id
+        next(to)
+      }
+    })
+    .catch(() => {
+      // activityId does not exist, check if scheduleEntryId exists
+      if (to.params.scheduleEntryId) {
+        apiStore
+          .get()
+          .scheduleEntries({ id: to.params.scheduleEntryId })
+          ._meta.load.then(async (scheduleEntry) => {
+            to.params.activityId = scheduleEntry.activity().id
+            next(to)
+          })
+          .catch(async () => {
+            // scheduleEntry and activity are not found, fallback to camp program
+            next({
+              ...to,
+              name: 'camp/program',
+            })
+          })
+      }
+    })
 }
 
 async function requirePeriod(to, from, next) {
@@ -721,13 +750,6 @@ export function periodFromRoute(route) {
   return apiStore.get().periods({ id: route.params.periodId })
 }
 
-function scheduleEntryFromRoute(route) {
-  if (!route.params.scheduleEntryId) {
-    return undefined
-  }
-  return apiStore.get().scheduleEntries({ id: route.params.scheduleEntryId })
-}
-
 function categoryFromRoute(route) {
   if (!route.params.categoryId) {
     return undefined
@@ -772,13 +794,6 @@ function getContentLayout(route) {
   }
 }
 
-function dayFromScheduleEntryInRoute(route) {
-  if (!route.params.scheduleEntryId) {
-    return undefined
-  }
-  return apiStore.get().scheduleEntries({ id: route.params.scheduleEntryId }).day()
-}
-
 /**
  * @param camp
  * @param subroute {'admin' | 'dashboard' | 'program' | 'material' | 'story' | 'home' | 'collaborators' | 'print' }
@@ -854,9 +869,10 @@ export function periodRoute(period, routeName = 'camp/period/program', query = {
 }
 
 export function scheduleEntryRoute(scheduleEntry, query = {}) {
-  if (scheduleEntry._meta.loading || scheduleEntry.activity()._meta.loading) return {}
+  if (scheduleEntry?._meta.loading || scheduleEntry?.activity()._meta.loading) return {}
 
-  const camp = scheduleEntry.activity().camp()
+  const activity = scheduleEntry.activity()
+  const camp = activity.camp()
 
   // if (camp._meta.loading) return {}
 
@@ -866,7 +882,29 @@ export function scheduleEntryRoute(scheduleEntry, query = {}) {
       campId: camp.id,
       campShortTitle: slugify(campShortTitle(camp)),
       scheduleEntryId: scheduleEntry.id,
-      activityName: slugify(scheduleEntry.activity().title),
+      activityId: activity.id,
+      activityName: slugify(activity.title),
+    },
+    query,
+  }
+}
+
+export async function firstActivityScheduleEntryRoute(activity, query = {}) {
+  if (typeof activity === 'string') {
+    activity = await apiStore.get().activities({ id: activity })._meta.load
+  }
+  const camp = activity.camp()
+  apiStore.reload(activity.scheduleEntries())
+  const scheduleEntry = await firstActivityScheduleEntry(activity)
+
+  return {
+    name: 'camp/activity',
+    params: {
+      campId: camp.id,
+      campShortTitle: slugify(campShortTitle(camp)),
+      scheduleEntryId: scheduleEntry.id,
+      activityId: activity.id,
+      activityName: slugify(activity.title),
     },
     query,
   }
@@ -967,6 +1005,22 @@ async function firstFuturePeriod(route) {
   )
 }
 
+export async function firstActivityScheduleEntry(activity) {
+  if (typeof activity === 'string') {
+    activity = await apiStore.get().activities({ id: activity })._meta.load
+  }
+  await activity.scheduleEntries()._meta.load
+  return activity
+    .scheduleEntries()
+    .items.reduce(
+      (result, current) =>
+        result === null || new Date(result.start) > new Date(current.start)
+          ? current
+          : result,
+      null
+    )
+}
+
 async function redirectToPeriod(to, from, next, routeName) {
   const period = await firstFuturePeriod(to)
   if (period) {
diff --git a/frontend/src/scss/tailwind.scss b/frontend/src/scss/tailwind.scss
index 983932d944..8e91b3c408 100644
--- a/frontend/src/scss/tailwind.scss
+++ b/frontend/src/scss/tailwind.scss
@@ -24,6 +24,10 @@
   gap: 16px;
 }
 
+.gap-x-4 {
+  column-gap: 16px;
+}
+
 .flex-wrap-reverse {
   flex-wrap: wrap-reverse;
 }
diff --git a/frontend/src/views/camp/activity/Activity.vue b/frontend/src/views/camp/activity/Activity.vue
index e297a5b085..d091798b31 100644
--- a/frontend/src/views/camp/activity/Activity.vue
+++ b/frontend/src/views/camp/activity/Activity.vue
@@ -4,7 +4,7 @@ Displays a single activity
 
 <template>
   <v-container fluid>
-    <ScheduleEntry :key="scheduleEntry._meta.self" :schedule-entry="scheduleEntry" />
+    <ScheduleEntry :activity-id="activityId" :schedule-entry-id="scheduleEntryId" />
   </v-container>
 </template>
 
@@ -18,10 +18,14 @@ export default {
   },
 
   props: {
-    scheduleEntry: {
-      type: Object,
+    activityId: {
+      type: String,
       required: true,
     },
+    scheduleEntryId: {
+      type: String,
+      default: null,
+    },
   },
 }
 </script>
diff --git a/frontend/src/views/camp/activity/SideBarProgram.vue b/frontend/src/views/camp/activity/SideBarProgram.vue
index e8ca4dbc26..de03c6ac20 100644
--- a/frontend/src/views/camp/activity/SideBarProgram.vue
+++ b/frontend/src/views/camp/activity/SideBarProgram.vue
@@ -3,7 +3,7 @@
     :title="$tc('views.camp.activity.sideBarProgram.title')"
     icon="mdi-format-list-numbered"
   >
-    <ScheduleEntries :period="period" :show-button="false">
+    <ScheduleEntries v-if="period" :period="period" :show-button="false">
       <template #default="slotProps">
         <DaySwitcher
           :camp="camp"
@@ -37,20 +37,30 @@ import ScheduleEntries from '@/components/program/ScheduleEntries.vue'
 
 import { HTML5_FMT } from '@/common/helpers/dateFormat.js'
 import DaySwitcher from '@/components/activity/DaySwitcher.vue'
+import { firstActivityScheduleEntry } from '@/router.js'
+import scheduleEntryRouteChange from '@/helpers/scheduleEntryRouteChange.js'
 
 export default {
   name: 'SideBarProgram',
   components: { DaySwitcher, SideBar, Picasso, ScheduleEntries },
+  async beforeRouteUpdate(to, from, next) {
+    return scheduleEntryRouteChange(this.activityId, to, from, next)
+  },
   props: {
-    day: { type: Object, required: true },
     camp: { type: Object, required: true },
+    activityId: { type: String, required: true },
+    scheduleEntryId: { type: String, default: null },
   },
   data() {
     return {
       selectedDay: null,
+      scheduleEntry: null,
     }
   },
   computed: {
+    day() {
+      return this.scheduleEntry.day()
+    },
     period() {
       return this.daySelection.period()
     },
@@ -61,6 +71,18 @@ export default {
       return this.$date.utc(this.daySelection.start).format(HTML5_FMT.DATE)
     },
   },
+  watch: {
+    scheduleEntryId: {
+      async handler(id) {
+        try {
+          this.scheduleEntry = this.api.get().scheduleEntries({ id })
+        } catch {
+          this.scheduleEntry = await firstActivityScheduleEntry(this.activityId)
+        }
+      },
+      immediate: true,
+    },
+  },
 }
 </script>