unify slide styles across all termine

223015b:
- add klausur styles to termin-3, 4, 5
- consistent styles across all 6 termine

223015c:
- h1: darker raspberry (#a02060)
- h2: dark gray almost black (#1f2937)
- section.invert h1: white
- consistent styles across all 3 termine

also:
- add squoosh link and QR code
- update video title to "RIIIIIIIESIG"
- replace i-frame diagram with canon image

courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md

@@ -474,6 +474,8 @@ Lösung: Portfolio-Websites (eigene Kontrolle)
 
 ---
 
+![bg right:25%](./assets/qr/squoosh.png)
+
 # Hands-On: Kompression vergleichen
 
 **Aufgabe (40 Min):**
@@ -483,7 +485,7 @@ Lösung: Portfolio-Websites (eigene Kontrolle)
    - PNG
    - JPEG Q100, Q85, Q50
    - WebP (optional)
-3. Tool: **Squoosh.app** (Google-Tool)
+3. Tool: **[Squoosh.app](https://squoosh.app)** (Google-Tool)
 4. Vergleiche: Dateigrößen, sichtbare Unterschiede
 5. Wo werden Artefakte sichtbar?
 
@@ -515,7 +517,7 @@ Unmöglich ohne moderne Codecs
 
 ---
 
-# Das Problem: Video ist RIESIG
+# Das Problem: Videos sind RIIIIIIIESIG
 
 **1 Minute 4K-Video (3840×2160):**
 
@@ -624,12 +626,12 @@ Wenn du vorspulst: Sucht nach nächstem I-Frame
 <!-- _header: '' -->
 <!-- _footer: '' -->
 
-![bg](./assets/iframe-pframe-diagram.png)
+![bg fit](./assets/ipb-compression-canon.jpg)
 
-<!-- 
+<!--
 Visualisierung: I/P/B-Frame-Abhängigkeiten
-Pfeile zeigen Referenzen
-I-Frame = Anker, P/B-Frames hängen dran
+I-Frame = Vollbild (Keyframe), P/B-Frames speichern nur Unterschiede
+Quelle: https://www.canon.com.hk/cpx/en/technical/va_EOS_Movie_Compression_Options_All_I_and_IPB.html
 -->
 
 ---