Glossar visuell komplett: 162 Bilder, 13 Kapitel-Icons, 12 interaktive Widgets

- 162 neue Glossar-Bilder (Flat-Scandinavian, gpt-image-1) → alle 402 Einträge bebildert;
  image_path-Update: App/Don_t_Deploy/2026-07-16-glossar-bilder.sql
- 13 Kapitel-Icons (icon-<id>.webp) ersetzen die Emojis in Buch-Übersicht + Kapitel-h1
  (buchKapIcon-Helper mit Emoji-Fallback)
- 12 interaktive Glossar-Experimente in 2 Modulen:
  natur (Mondrotation, Kernschatten, Keeling-Kurve, Pegel/HQ100, Wärmeausdehnung,
  Klimaträgheit) + wirtschaft (Preiselastizität, Engpass, Skaleneffekt, Modal Split,
  Netzfrequenz/Hertz, Lageenergie/Pumpspeicher); Registry via Object.assign,
  Script-Einbindung in glossar.php

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

App/assets/css/buch.css

@@ -19,6 +19,7 @@ body { background: #edeae0; margin: 0; font-family: system-ui, -apple-system, "S
 .b-seite .b-nr { position: absolute; top: 14px; right: 18px; font-size: 12px; color: #9a958a; font-weight: 700; letter-spacing: .08em; }
 .b-kicker { text-transform: uppercase; letter-spacing: .1em; font-size: 12px; font-weight: 800; color: #b3541e; margin: 0 0 4px; }
 .b-seite h1 { font-size: 30px; margin: 0 0 6px; line-height: 1.2; }
+.b-kapicon { width: 46px; height: 46px; border-radius: 10px; vertical-align: -12px; margin-right: 4px; }
 .b-seite h2 { font-size: 22px; margin: 0 0 10px; }
 .b-leitfrage { font-size: 17px; font-style: italic; color: #4a4f52; border-left: 4px solid #e8c547; padding: 6px 12px; margin: 14px 0; background: #fbf6e3; border-radius: 0 8px 8px 0; }
 .b-seite p { line-height: 1.65; font-size: 15.5px; }