diff --git a/frontend/src/i18n/locales/de.json b/frontend/src/i18n/locales/de.json
index 685c559f..40940ab0 100644
--- a/frontend/src/i18n/locales/de.json
+++ b/frontend/src/i18n/locales/de.json
@@ -402,6 +402,7 @@
     "createNewDate": "Neues Datum anlegen",
     "activeTrainingDay": "Aktiver Trainingstag",
     "trainingDaySection": "Trainingstag",
+    "trainingDayChecklist": "Abschlusscheck",
     "trainingStart": "Trainingsbeginn",
     "trainingEnd": "Trainingsende",
     "trainingWindow": "Trainingsfenster",
@@ -446,6 +447,13 @@
     "selectGroup": "Gruppe auswählen...",
     "activityPlaceholder": "Aktivität",
     "assignShort": "Zuordnen",
+    "statusReadyShort": "Bereit",
+    "statusOpenShort": "Offen",
+    "openPlanItemsLabel": "Plan-Status",
+    "openPlanItems": "{count} offen",
+    "unassignedPlanItems": "{count} offen",
+    "durationExampleLong": "z.B. 2x7 oder 3*5",
+    "durationExampleShort": "z.B. 2x7",
     "showImage": "Bild/Zeichnung anzeigen",
     "participants": "Teilnehmer",
     "searchParticipants": "Teilnehmer suchen",
diff --git a/frontend/src/views/DiaryView.vue b/frontend/src/views/DiaryView.vue
index 3af3ea87..840053ca 100644
--- a/frontend/src/views/DiaryView.vue
+++ b/frontend/src/views/DiaryView.vue
@@ -78,15 +78,34 @@
 
         <div v-if="date !== null && !showForm" class="diary-content">
             <div class="diary-overview-panels">
-                <section class="diary-toggle-card">
-                    <button type="button" class="diary-toggle-head" @click="showTrainingDayPanel = !showTrainingDayPanel">
-                        <div>
-                            <div class="diary-general-label">{{ $t('diary.trainingDaySection') }}</div>
-                            <strong>{{ getFormattedDate(date.date) }}</strong>
-                        </div>
-                        <span class="diary-toggle-symbol">{{ showTrainingDayPanel ? '−' : '+' }}</span>
+                <div class="diary-overview-switcher">
+                    <button
+                        type="button"
+                        class="diary-overview-switch"
+                        :class="{ active: activeOverviewPanel === 'trainingDay' }"
+                        @click="toggleOverviewPanel('trainingDay')"
+                    >
+                        {{ $t('diary.trainingDaySection') }}
                     </button>
-                    <div v-if="showTrainingDayPanel" class="diary-toggle-body">
+                    <button
+                        type="button"
+                        class="diary-overview-switch"
+                        :class="{ active: activeOverviewPanel === 'details' }"
+                        @click="toggleOverviewPanel('details')"
+                    >
+                        {{ $t('common.details') }}
+                    </button>
+                    <button
+                        type="button"
+                        class="diary-overview-switch"
+                        :class="{ active: activeOverviewPanel === 'groups' }"
+                        @click="toggleOverviewPanel('groups')"
+                    >
+                        {{ $t('diary.groupsSection') }}
+                    </button>
+                </div>
+                <section v-if="activeOverviewPanel === 'trainingDay'" class="diary-toggle-card">
+                    <div class="diary-toggle-body diary-toggle-body-open">
                         <div class="diary-workspace-header">
                             <div class="diary-workspace-copy">
                                 <div class="diary-workspace-label">{{ $t('diary.activeTrainingDay') }}</div>
@@ -114,15 +133,8 @@
                         </div>
                     </div>
                 </section>
-                <section class="diary-toggle-card">
-                    <button type="button" class="diary-toggle-head" @click="showDetailsPanel = !showDetailsPanel">
-                        <div>
-                            <div class="diary-general-label">{{ $t('common.details') }}</div>
-                            <strong>{{ diaryTimeRangeLabel }}</strong>
-                        </div>
-                        <span class="diary-toggle-symbol">{{ showDetailsPanel ? '−' : '+' }}</span>
-                    </button>
-                    <div v-if="showDetailsPanel" class="diary-toggle-body">
+                <section v-if="activeOverviewPanel === 'details'" class="diary-toggle-card">
+                    <div class="diary-toggle-body diary-toggle-body-open">
                         <form @submit.prevent="updateTrainingTimes" class="diary-general-form">
                             <div>
                                 <label for="editTrainingStart">{{ $t('diary.trainingStart') }}:</label>
@@ -136,15 +148,8 @@
                         </form>
                     </div>
                 </section>
-                <section class="diary-toggle-card">
-                    <button type="button" class="diary-toggle-head" @click="showGroupsPanel = !showGroupsPanel">
-                        <div>
-                            <div class="diary-general-label">{{ $t('diary.groupsSection') }}</div>
-                            <strong>{{ groups.length }} {{ $t('diary.groupsLabel') }}</strong>
-                        </div>
-                        <span class="diary-toggle-symbol">{{ showGroupsPanel ? '−' : '+' }}</span>
-                    </button>
-                    <div v-if="showGroupsPanel" class="diary-toggle-body">
+                <section v-if="activeOverviewPanel === 'groups'" class="diary-toggle-card">
+                    <div class="diary-toggle-body diary-toggle-body-open">
                         <div class="diary-groups-grid">
                             <div>
                                 <h4>{{ $t('diary.existingGroups') }}</h4>
@@ -249,6 +254,33 @@
                         <div v-if="!trainingPlan || trainingPlan.length === 0" class="plan-empty-state">
                             {{ $t('diary.planEmptyState') }}
                         </div>
+                        <div v-else class="diary-readiness-panel">
+                            <div class="diary-readiness-header">
+                                <strong>{{ $t('diary.trainingDayChecklist') }}</strong>
+                            </div>
+                            <div class="diary-readiness-grid">
+                                <div class="diary-readiness-item" :class="{ 'ready': Boolean(trainingStart || trainingEnd) }">
+                                    <span>{{ $t('diary.trainingWindow') }}</span>
+                                    <strong>{{ Boolean(trainingStart || trainingEnd) ? $t('diary.statusReadyShort') : $t('diary.statusOpenShort') }}</strong>
+                                </div>
+                                <div class="diary-readiness-item" :class="{ 'ready': participants.length > 0 }">
+                                    <span>{{ $t('diary.participants') }}</span>
+                                    <strong>{{ participants.length > 0 ? $t('diary.statusReadyShort') : $t('diary.statusOpenShort') }}</strong>
+                                </div>
+                                <div class="diary-readiness-item" :class="{ 'ready': trainingPlan.length > 0 }">
+                                    <span>{{ $t('diary.trainingPlan') }}</span>
+                                    <strong>{{ trainingPlan.length > 0 ? $t('diary.statusReadyShort') : $t('diary.statusOpenShort') }}</strong>
+                                </div>
+                                <div class="diary-readiness-item" :class="{ 'ready': openPlanItems.length === 0 }">
+                                    <span>{{ $t('diary.openPlanItemsLabel') }}</span>
+                                    <strong>
+                                        {{ openPlanItems.length === 0
+                                            ? $t('diary.statusReadyShort')
+                                            : $t('diary.openPlanItems', { count: openPlanItems.length }) }}
+                                    </strong>
+                                </div>
+                            </div>
+                        </div>
                         <div v-if="addNewItem || addNewTimeblock || addNewGroupActivity" class="plan-composer">
                             <div class="plan-composer-header">
                                 <strong>
@@ -296,7 +328,7 @@
                                 <div v-if="addNewItem || addNewTimeblock" class="plan-composer-field">
                                     <label>{{ $t('diary.durationMinutes') }}</label>
                                     <div class="plan-composer-duration">
-                                        <input type="text" v-model="newPlanItem.durationText" @input="calculateDuration" placeholder="z.B. 2x7 oder 3*5" />
+                                        <input type="text" v-model="newPlanItem.durationText" @input="calculateDuration" :placeholder="$t('diary.durationExampleLong')" />
                                         <input type="number" v-model="newPlanItem.duration" :placeholder="$t('diary.minutes')" />
                                     </div>
                                 </div>
@@ -343,7 +375,7 @@
                                 <div class="plan-editor-field">
                                     <label>{{ $t('diary.durationMinutes') }}</label>
                                     <div class="plan-composer-duration">
-                                        <input type="text" v-model="editingDurationText" @input="calculateDurationForEdit" placeholder="z.B. 2x7" />
+                                        <input type="text" v-model="editingDurationText" @input="calculateDurationForEdit" :placeholder="$t('diary.durationExampleShort')" />
                                         <input type="number" v-model="editingDuration" :placeholder="$t('diary.min')" @keyup.enter="saveActivityEdit(activePlanEditorItem)" />
                                     </div>
                                 </div>
@@ -449,20 +481,25 @@
                                         <td class="drag-handle" style="cursor: move;">☰</td> <!-- Drag-Handle -->
                                         <td>{{ formatDisplayTime(item.startTime) }}</td>
                                         <td>
-                                            <span v-if="item.isTimeblock" class="plan-type-badge plan-type-badge-timeblock">{{ $t('diary.timeblock') }}</span>
-                                            <span v-else @click="startActivityEdit(item)"
-                                                class="clickable activity-label"
-                                                :title="item.predefinedActivity && item.predefinedActivity.name ? item.predefinedActivity.name : ''">
-                                                <!-- Icon öffnet Rendering (falls vorhanden) oder Bild im Modal -->
-                                                <span v-if="hasActivityVisual(item.predefinedActivity)"
-                                                    @click.stop="openActivityVisual(item.predefinedActivity)"
-                                                    class="image-icon" :title="$t('diary.showImage')">🖼️</span>
-                                                {{ (item.predefinedActivity && item.predefinedActivity.code &&
-                                                    item.predefinedActivity.code.trim() !== '')
-                                                    ? item.predefinedActivity.code
-                                                    : (item.predefinedActivity ? item.predefinedActivity.name :
-                                                item.activity) }}
-                                            </span>
+                                            <div class="plan-activity-main">
+                                                <span v-if="item.isTimeblock" class="plan-type-badge plan-type-badge-timeblock">{{ $t('diary.timeblock') }}</span>
+                                                <span v-else @click="startActivityEdit(item)"
+                                                    class="clickable activity-label"
+                                                    :title="item.predefinedActivity && item.predefinedActivity.name ? item.predefinedActivity.name : ''">
+                                                    <!-- Icon öffnet Rendering (falls vorhanden) oder Bild im Modal -->
+                                                    <span v-if="hasActivityVisual(item.predefinedActivity)"
+                                                        @click.stop="openActivityVisual(item.predefinedActivity)"
+                                                        class="image-icon" :title="$t('diary.showImage')">🖼️</span>
+                                                    {{ (item.predefinedActivity && item.predefinedActivity.code &&
+                                                        item.predefinedActivity.code.trim() !== '')
+                                                        ? item.predefinedActivity.code
+                                                        : (item.predefinedActivity ? item.predefinedActivity.name :
+                                                    item.activity) }}
+                                                </span>
+                                                <span class="plan-status-badge" :class="`plan-status-badge-${getPlanItemStatus(item).tone}`" :title="getPlanItemStatus(item).reason || ''">
+                                                    {{ getPlanItemStatus(item).label }}
+                                                </span>
+                                            </div>
                                         </td>
                                         <td>
                                             <span v-if="item.isTimeblock && item.groupActivities && item.groupActivities.length" class="plan-row-muted">
@@ -540,6 +577,9 @@
                                                         ? groupItem.groupPredefinedActivity.code
                                                     : groupItem.groupPredefinedActivity.name }}
                                                 </span>
+                                                <span class="plan-status-badge" :class="`plan-status-badge-${getPlanItemStatus(groupItem).tone}`" :title="getPlanItemStatus(groupItem).reason || ''">
+                                                    {{ getPlanItemStatus(groupItem).label }}
+                                                </span>
                                                 </div>
                                             </td>
                                             <td>{{ groupItem.groupsGroupActivity.name }}</td>
@@ -860,9 +900,7 @@ export default {
             addNewItem: false,
             addNewGroupActivity: false,
             addNewTimeblock: false,
-            showTrainingDayPanel: true,
-            showDetailsPanel: false,
-            showGroupsPanel: false,
+            activeOverviewPanel: 'trainingDay',
             editingGroupId: null,
             doMemberTagUpdates: true,
             showTagHistoryModal: false,
@@ -1005,6 +1043,20 @@ export default {
             }
             return null;
         },
+        openPlanItems() {
+            const result = [];
+            for (const item of this.trainingPlan || []) {
+                if (!item?.isTimeblock && this.getPlanItemStatus(item).key === 'open') {
+                    result.push(item);
+                }
+                for (const groupItem of item.groupActivities || []) {
+                    if (this.getPlanItemStatus(groupItem).key === 'open') {
+                        result.push(groupItem);
+                    }
+                }
+            }
+            return result;
+        },
         filteredDiaryMembers() {
             const search = (this.participantSearchQuery || '').trim().toLowerCase();
 
@@ -1077,7 +1129,7 @@ export default {
             const hasPlan = this.trainingPlan.length > 0;
             const hasActivities = this.activities.length > 0;
 
-            if (hasTimes && hasParticipants && hasPlan) {
+            if (hasTimes && hasParticipants && hasPlan && this.openPlanItems.length === 0) {
                 return this.$t('diary.statusReady');
             }
 
@@ -1095,6 +1147,9 @@ export default {
             const hasPlan = Array.isArray(this.trainingPlan) && this.trainingPlan.length > 0;
             return hasTimes && hasParticipants && hasPlan;
         },
+        toggleOverviewPanel(panel) {
+            this.activeOverviewPanel = this.activeOverviewPanel === panel ? null : panel;
+        },
         // Dialog Helper Methods
         async showInfo(title, message, details = '', type = 'info') {
             this.infoDialog = {
@@ -1357,9 +1412,7 @@ export default {
                 this.calculateIntermediateTimes();
                 this.initializeSortable();
                 await this.loadGroups();
-                this.showTrainingDayPanel = !this.isDiaryDayConfigured();
-                this.showDetailsPanel = false;
-                this.showGroupsPanel = false;
+                this.activeOverviewPanel = this.isDiaryDayConfigured() ? null : 'trainingDay';
                 this.startCheckingTime();
             } else {
                 this.newDate = '';
@@ -2965,6 +3018,32 @@ export default {
             const map = this.participantMapByMemberId || {};
             return map[memberId];
         },
+        getPlanItemStatus(item) {
+            if (!item) {
+                return { key: 'open', label: this.$t('diary.statusOpenShort'), tone: 'open' };
+            }
+
+            if (item.isTimeblock) {
+                const groupActivities = item.groupActivities || [];
+                if (groupActivities.length === 0) {
+                    return { key: 'open', label: this.$t('diary.statusOpenShort'), tone: 'open' };
+                }
+                const allReady = groupActivities.every(groupItem => this.getPlanItemStatus(groupItem).key === 'ready');
+                return allReady
+                    ? { key: 'ready', label: this.$t('diary.statusReadyShort'), tone: 'ready' }
+                    : { key: 'open', label: this.$t('diary.statusOpenShort'), tone: 'open' };
+            }
+
+            const assignedCount = item.groupPredefinedActivity
+                ? this.presentMembers.filter(member => this.isAssignedToGroupActivity(item.id, member.id)).length
+                : this.presentMembers.filter(member => this.isAssignedToActivity(item.id, member.id)).length;
+
+            if (assignedCount > 0) {
+                return { key: 'ready', label: this.$t('diary.statusReadyShort'), tone: 'ready' };
+            }
+
+            return { key: 'open', label: this.$t('diary.statusOpenShort'), tone: 'open' };
+        },
 
         async toggleMemberForActivity(activityId, memberId, checked) {
             let participantId = this.participantIdForMember(memberId);
@@ -3610,6 +3689,28 @@ form div {
     margin-bottom: 1rem;
 }
 
+.diary-overview-switcher {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+}
+
+.diary-overview-switch {
+    padding: 0.5rem 0.8rem;
+    border: 1px solid #cfdbe3;
+    border-radius: 999px;
+    background: #fff;
+    color: #315066;
+    font-weight: 600;
+    cursor: pointer;
+}
+
+.diary-overview-switch.active {
+    background: #e6f0f6;
+    border-color: #9bb9cb;
+    color: #173042;
+}
+
 .diary-toggle-card {
     border: 1px solid #d9e4ec;
     border-radius: 12px;
@@ -3622,22 +3723,38 @@ form div {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    gap: 1rem;
-    padding: 0.95rem 1.15rem;
+    gap: 0.75rem;
+    padding: 0.65rem 0.9rem;
     background: transparent;
     border: none;
     cursor: pointer;
     text-align: left;
 }
 
+.diary-toggle-head > div {
+    min-width: 0;
+    line-height: 1.2;
+}
+
+.diary-toggle-head strong {
+    display: block;
+    margin-top: 0.1rem;
+    font-size: 0.98rem;
+    line-height: 1.2;
+}
+
 .diary-toggle-symbol {
-    font-size: 1.4rem;
+    font-size: 1.15rem;
     line-height: 1;
     color: #315066;
 }
 
 .diary-toggle-body {
-    padding: 0 1.15rem 1.1rem;
+    padding: 0 0.9rem 0.9rem;
+}
+
+.diary-toggle-body-open {
+    padding-top: 0.9rem;
 }
 
 .diary-groups-grid {
@@ -4380,7 +4497,8 @@ img {
 }
 
 .diary-workspace-copy h3 {
-    margin: 0.2rem 0 0.35rem;
+    margin: 0.1rem 0 0.25rem;
+    font-size: 1.15rem;
 }
 
 .diary-workspace-label {
@@ -4393,6 +4511,7 @@ img {
 
 .diary-workspace-status {
     margin: 0;
+    font-size: 0.92rem;
     color: #45606f;
 }
 
@@ -4426,6 +4545,91 @@ img {
     color: #173042;
 }
 
+@media (min-width: 769px) and (max-width: 1100px) {
+    .diary-overview-panels {
+        display: grid;
+        grid-template-columns: 1fr;
+        gap: 0.65rem;
+        margin-bottom: 0.8rem;
+    }
+
+    .diary-overview-switcher {
+        gap: 0.4rem;
+    }
+
+    .diary-overview-switch {
+        padding: 0.42rem 0.68rem;
+        font-size: 0.9rem;
+    }
+
+    .diary-toggle-card {
+        border-radius: 10px;
+    }
+
+    .diary-toggle-head {
+        gap: 0.7rem;
+        padding: 0.7rem 0.85rem;
+    }
+
+    .diary-toggle-body {
+        padding: 0 0.85rem 0.8rem;
+    }
+
+    .diary-general-label {
+        font-size: 0.72rem;
+    }
+
+    .diary-toggle-head strong {
+        display: block;
+        font-size: 0.95rem;
+        line-height: 1.25;
+    }
+
+    .diary-toggle-symbol {
+        font-size: 1.1rem;
+    }
+
+    .diary-workspace-header {
+        gap: 0.75rem;
+        margin-bottom: 0;
+        padding: 0.75rem 0.85rem;
+        border-radius: 10px;
+    }
+
+    .diary-workspace-copy h3 {
+        font-size: 1rem;
+    }
+
+    .diary-workspace-status {
+        font-size: 0.88rem;
+    }
+
+    .diary-workspace-stats {
+        grid-template-columns: repeat(2, minmax(92px, 1fr));
+        gap: 0.5rem;
+        width: 100%;
+    }
+
+    .diary-stat-card {
+        padding: 0.6rem 0.7rem;
+        border-radius: 8px;
+    }
+
+    .diary-stat-label {
+        font-size: 0.68rem;
+    }
+
+    .diary-stat-value {
+        margin-top: 0.15rem;
+        font-size: 0.92rem;
+    }
+
+    .diary-groups-grid {
+        grid-template-columns: 1fr;
+        gap: 0.75rem;
+    }
+}
+
 .participant-toolbar {
     display: flex;
     flex-direction: column;
@@ -4612,6 +4816,13 @@ img {
     padding-left: 0.75rem;
 }
 
+.plan-activity-main {
+    display: flex;
+    align-items: center;
+    gap: 0.45rem;
+    flex-wrap: wrap;
+}
+
 .plan-type-badge {
     display: inline-flex;
     align-items: center;
@@ -4638,6 +4849,63 @@ img {
     font-size: 0.84rem;
 }
 
+.plan-status-badge {
+    display: inline-flex;
+    align-items: center;
+    border-radius: 999px;
+    padding: 0.1rem 0.45rem;
+    font-size: 0.72rem;
+    font-weight: 700;
+}
+
+.plan-status-badge-ready {
+    background: #e9f3e6;
+    color: #245037;
+}
+
+.plan-status-badge-open {
+    background: #fff2d9;
+    color: #7a5a12;
+}
+
+.diary-readiness-panel {
+    margin-bottom: 1rem;
+    padding: 0.9rem 1rem;
+    border: 1px solid #d9e4ec;
+    border-radius: 10px;
+    background: #f8fbfd;
+}
+
+.diary-readiness-header {
+    margin-bottom: 0.75rem;
+}
+
+.diary-readiness-grid {
+    display: grid;
+    grid-template-columns: repeat(4, minmax(120px, 1fr));
+    gap: 0.75rem;
+}
+
+.diary-readiness-item {
+    padding: 0.7rem 0.8rem;
+    border-radius: 8px;
+    background: #fff2d9;
+    color: #7a5a12;
+}
+
+.diary-readiness-item.ready {
+    background: #e9f3e6;
+    color: #245037;
+}
+
+.diary-readiness-item span {
+    display: block;
+    font-size: 0.76rem;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.03em;
+}
+
 .plan-editor {
     margin-bottom: 1rem;
     padding: 0.95rem 1rem;
@@ -4795,6 +5063,10 @@ img {
         grid-template-columns: 1fr;
     }
 
+    .diary-readiness-grid {
+        grid-template-columns: 1fr 1fr;
+    }
+
     .plan-assignment-list {
         grid-template-columns: 1fr;
     }