update

frontend/src/App.vue

@@ -14,6 +14,7 @@ const neuName = ref('')
 const neuArt = ref('thema')
 const fehler = ref('')
 const theme = ref(localStorage.getItem('theme') || 'auto')
+const guideRef = ref(null)  // Header-Play-Button startet den Lernmodus im Guide
 // mobil (≤768px) startet die Navigation eingeklappt, sofern nie manuell gesetzt
 const navAuf = ref(localStorage.getItem('navAuf') !== null
   ? localStorage.getItem('navAuf') !== '0'
@@ -209,6 +210,8 @@ function runBadge(run) {
       <span v-if="state?.run?.grund" class="badge gelb">{{ state.run.grund }}</span>
       <span v-if="fehler" class="badge rot">{{ fehler }}</span>
       <span style="flex: 1"></span>
+      <button v-if="tab === 'guide' && state" class="lm-start" title="Lernmodus (Vollbild)"
+              @click="guideRef?.lesemodusStarten()">▶</button>
       <select v-model="theme" title="Farbschema">
         <option value="hell">hell</option>
         <option value="dunkel">dunkel</option>
@@ -219,7 +222,7 @@ function runBadge(run) {
     <div class="inhalt">
       <Board v-if="tab === 'board'" :state="state" :topic="topic" @reload="stateLaden"
              @fehler="(e) => (fehler = e)" />
-      <Guide v-else-if="tab === 'guide'" :topic="topic" :state="state" />
+      <Guide v-else-if="tab === 'guide'" ref="guideRef" :topic="topic" :state="state" />
       <Ueben v-else-if="tab === 'üben'" :topic="topic" />
       <Kennzahlen v-else :run="state?.run" />
     </div>