From 31fdaeb3e039ccea4e8df26837bda585697f8c12 Mon Sep 17 00:00:00 2001
From: breitenbach76 <patrick@1789innovations.com>
Date: Sun, 7 Jun 2026 13:26:37 +0200
Subject: [PATCH] v8

---
 04_Tablet-Quiz/app/index.html | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/04_Tablet-Quiz/app/index.html b/04_Tablet-Quiz/app/index.html
index 8ee5b60..8912efe 100644
--- a/04_Tablet-Quiz/app/index.html
+++ b/04_Tablet-Quiz/app/index.html
@@ -159,10 +159,14 @@
   /* Aufgaben-Kasten (Anweisung hervorgehoben) */
   .frageBox{background:#f7f9fc;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:14px 18px;margin:6px 0;font-size:16px;line-height:1.55}
   .frageBox .frageLabel{font-size:11px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:700;margin-bottom:5px}
-  /* Phasen-Abschluss-Feedback */
+  /* Phasen-Abschluss-Feedback (an Gates) */
   .phaseDone{margin:16px 0 4px;padding:16px 18px;border-radius:12px;background:#fffdf5;border:1px solid var(--line);border-left:4px solid var(--accent)}
   .phaseDone .pdTitle{font-weight:800;font-size:18px;margin-bottom:6px}
   .phaseDone p{color:var(--ink)}
+  /* Aktivitaets-Abschluss-Feedback */
+  .actDone{margin:16px 0 4px;padding:14px 16px;border-radius:12px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--ok)}
+  .actDone .adTitle{font-weight:800;font-size:16px;color:#177a44;margin-bottom:2px}
+  .actDone .adPhase{margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--line);font-size:15px}
 
   .actions { display:flex; gap:10px; align-items:center; margin-top:24px; flex-wrap:wrap; }
   .actions .spacer { flex:1; }
@@ -1206,12 +1210,14 @@ function renderActivity(st){
     </div>`;
   if(step.legend) html += step.legend;
   if(S.actReveal) html += `<div class="aufBox">${step.auf}</div>`;
-  if(phaseEnd){
-    const nextColor = PHASEN[next.phase].color;
-    html += `<div class="phaseDone" style="border-left-color:${nextColor}">
-      <div class="pdTitle">🎉 Phase abgeschlossen</div>
-      <p style="margin:4px 0">Gratulation — ihr habt die Phase <b style="color:${phaseColor}">${PHASEN[st.phase].label}</b> zu Ende gespielt!</p>
-      <p style="margin:4px 0">Weiter geht's mit der Phase <b style="color:${nextColor}">${PHASEN[next.phase].label}</b>.</p>
+  if(S.actReveal && isLast){
+    const phaseLine = phaseEnd
+      ? `<p class="adPhase">🎉 Damit habt ihr die Phase <b style="color:${phaseColor}">${PHASEN[st.phase].label}</b> zu Ende gespielt — weiter mit der Phase <b style="color:${PHASEN[next.phase].color}">${PHASEN[next.phase].label}</b>.</p>`
+      : ``;
+    html += `<div class="actDone">
+      <div class="adTitle">✓ Aktivität abgeschlossen</div>
+      <p style="margin:4px 0">Gut gemacht! Ihr habt <b>${st.id} — ${st.name}</b> durchgespielt.</p>
+      ${phaseLine}
     </div>`;
   }