From 2b671105270e2c9955a9415e3b3f0de6b1b55ce0 Mon Sep 17 00:00:00 2001
From: sascha <sascha@schliep.it>
Date: Wed, 28 Jan 2026 18:39:24 +0000
Subject: [PATCH] app/templates/index.html aktualisiert

---
 app/templates/index.html | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)
diff --git a/app/templates/index.html b/app/templates/index.html
index 977fa1d..079bd66 100644
--- a/app/templates/index.html
+++ b/app/templates/index.html
@@ -4,14 +4,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Vokabeltrainer 6a</title>
-    <link rel="stylesheet" href="/static/style.css">
+    <link rel="stylesheet" href="/static/style_v2.css">
 </head>
 <body>
     <div class="container">
         <h1>Vokabeltrainer 6a</h1>
 
         <div id="setup-screen">
-            
             <div class="section-title">1. Was lernen wir?</div>
             <div class="button-group">
                 <button onclick="selectMainMode('vocab')" id="btn-main-vocab" class="mode-btn">Vokabeln</button>
@@ -37,12 +36,12 @@
 
             <div id="page-section" style="display:none; margin-top: 30px;">
                 <button class="action-btn secondary" onclick="openPageOverlay()">Buchseiten wählen</button>
-                <div id="selected-pages-display" style="margin: 10px 0; font-weight: bold; color: #555;">Alle Seiten</div>
+                <div id="selected-pages-display" style="margin: 10px 0; font-weight: bold; color: red;">Keine Seiten gewählt!</div>
                 <button class="action-btn primary" id="btn-start" onclick="startQuiz()" disabled>Starten</button>
             </div>
         </div>
 
-<div id="quiz-screen" style="display:none;">
+        <div id="quiz-screen" style="display:none;">
             <div class="card">
                 <div class="label" id="q-label">Frage</div>
                 <div class="question" id="q-text">...</div>
@@ -56,7 +55,6 @@
                         <input type="text" id="inp-part" placeholder="Past Participle" autocomplete="off">
                     </div>
                 </div>
-
                 <div id="feedback" class="feedback"></div>
             </div>
 
@@ -66,16 +64,15 @@
                 <button class="action-btn danger" onclick="stopQuiz()">Beenden</button>
             </div>
         </div>
+    </div>
 
     <div id="overlay" class="overlay">
         <div class="overlay-content">
             <h2>Seiten auswählen</h2>
-            
             <div style="display: flex; gap: 10px; margin-bottom: 10px;">
-                <button onclick="toggleAllPages(false)" style="padding: 5px; font-size: 0.9rem; background: #eee;">Alle abwählen</button>
-                <button onclick="toggleAllPages(true)" style="padding: 5px; font-size: 0.9rem; background: #eee;">Alle auswählen</button>
+                <button onclick="toggleAllPages(true)" style="padding: 10px; font-size: 0.9rem; background: #eee;">Alle auswählen</button>
+                <button onclick="toggleAllPages(false)" style="padding: 10px; font-size: 0.9rem; background: #eee;">Alle abwählen</button>
             </div>
-
             <div id="page-list" class="page-grid"></div>
             <button class="action-btn primary" onclick="closeOverlay()">Fertig</button>
         </div>
