Dokumentation auf v0.4.5 aktualisiert

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

HILFE.md

@@ -1,4 +1,4 @@
-# 📖 Typewriter Trainer - Online-Hilfe (v0.4.0)
+# 📖 Typewriter Trainer - Online-Hilfe (v0.4.5)
 
 Willkommen beim Typewriter Trainer! Diese Hilfe erklärt alle Funktionen und gibt Tipps für effektives Tipptraining.
 
@@ -56,11 +56,13 @@ Typewriter Trainer ist ein webbasierter Tipptrainer, der Ihnen hilft:
 
 ### Sonderzeichen im Text
 
-| Symbol | Bedeutung |
-|--------|-----------|
-| `·` | Leerzeichen |
-| `→` | Tabulator |
-| `↵` | Zeilenumbruch (Enter) |
+| Symbol | Bedeutung | Farbe bei korrekter Eingabe | Farbe bei falscher Eingabe |
+|--------|-----------|---------------------------|---------------------------|
+| `·` | Leerzeichen | Grau-Grün | Rot |
+| `→` | Tabulator | Grau-Grün | Rot |
+| `↵` | Zeilenumbruch (Enter) | Grau-Grün | Rot |
+
+**Hinweis**: Sonderzeichen werden farblich markiert, damit Sie sofort sehen, ob Sie diese korrekt eingegeben haben. Bei falscher Eingabe erscheint das falsch getippte Zeichen in Orange über dem Sonderzeichen.
 
 ---
 
@@ -89,20 +91,20 @@ Typewriter Trainer ist ein webbasierter Tipptrainer, der Ihnen hilft:
 
 Von links nach rechts:
 
-### 🔊 Lautsprecher-Symbol
+### 🔊 Lautsprecher-Symbol (Metronom-Ton an/aus)
 - **Ein** (🔊): Metronom spielt Klick-Geräusche
 - **Aus** (🔇): Metronom stumm (visuelles Feedback bleibt)
 - **Tipp**: Hilfreich für rhythmisches Tippen
 
-### 🔒 Schloss-Symbol (ErrorLock)
+### 🔒 Schloss-Symbol (Fehler blockiert an/aus)
+- **Geschlossen** (🔒): Fehler blockieren - Sie müssen Fehler korrigieren, bevor Sie weitertippen können
 - **Offen** (🔓): Sie können über Fehler hinweg tippen
-- **Geschlossen** (🔒): Fehler müssen erst korrigiert werden
 - **Empfehlung**: Geschlossen für Anfänger, offen für Fortgeschrittene
 
-### ⏯️ Play/Pause
-- **Pause** (⏸️): Zeitnahme läuft
-- **Play** (▶️): Sitzung ist pausiert
-- **Nutzen**: Pause bei Unterbrechungen
+### ⏯️ Play/Pause (Eingabe pausieren/fortsetzen)
+- **Pause** (⏸️): Eingabe aktiv - Zeitnahme läuft (aktualisiert sich sekündlich)
+- **Play** (▶️): Eingabe pausiert - Zeitnahme angehalten
+- **Nutzen**: Pause bei Unterbrechungen, ohne die Statistik zu verfälschen
 
 ### 🌙 Theme-Toggle
 - **Sonne** (☀️): Heller Modus aktiv
@@ -437,4 +439,4 @@ Der Text scrollt **automatisch**, sodass:
 
 ---
 
-*Typewriter Trainer v0.4.0 - Mit ❤️ entwickelt für effektives Tipptraining*
+*Typewriter Trainer v0.4.5 - Mit ❤️ entwickelt für effektives Tipptraining*

README.md

@@ -1,6 +1,6 @@
 # Typewriter Tutor - Adaptiver Tipptrainer
 
-**Version:** v0.4.0 _(siehe [VERSION](VERSION) Datei)_
+**Version:** v0.4.5 _(siehe [VERSION](VERSION) Datei)_
 
 Ein moderner, webbasierter Tipptrainer mit **adaptivem Metronom** und umfangreichen Statistiken. Das Programm passt sich automatisch Ihrer Tippgeschwindigkeit an und hilft Ihnen, das Zehnfingerschreiben systematisch zu erlernen.
 
@@ -369,7 +369,14 @@ Contributions sind willkommen! Bitte:
 
 > **Hinweis:** Die aktuelle Versionsnummer wird zentral in der [VERSION](VERSION) Datei verwaltet.
 
-### Version 0.4.0 (Aktuell)
+### Version 0.4.5 (Aktuell)
+- ✅ **Tooltips**: Alle Symbole zeigen beim Hover hilfreiche Tooltips (Einstellungen, Theme wechseln, Fehler blockiert an/aus, etc.)
+- ✅ **Whitespace-Farbkodierung**: Leerzeichen, Tabs und Newlines werden grau-grün (korrekt) oder rot (falsch) eingefärbt
+- ✅ **Fehler-Overlay für Whitespace**: Falsch eingegebene Zeichen werden auch bei Leerzeichen, Tabs und Newlines in Orange angezeigt
+- ✅ **Live-Trainingszeit**: Zeitanzeige aktualisiert sich sekündlich während des Trainings (pausiert automatisch bei Pause)
+- ✅ **Landing Page Bild**: Piano-Emoji durch professionelles typing_hands.jpg Bild ersetzt
+
+### Version 0.4.0
 - ✅ **Landing Page**: Begrüßungsseite mit Übersicht über Funktionen und direktem Zugang zum Training
 - ✅ **Theme-Integration**: Dark/Light Mode Toggle auch auf der Landing Page
 - ✅ **Verbesserte Navigation**: Zentrale Einstiegsseite für neue Nutzer