diff --git a/courses/223015b/slides/2025-12-19-termin-0-intro.md b/courses/223015b/slides/2025-12-19-termin-0-intro.md
index a5e404d..afdb5a3 100644
--- a/courses/223015b/slides/2025-12-19-termin-0-intro.md
+++ b/courses/223015b/slides/2025-12-19-termin-0-intro.md
@@ -42,6 +42,12 @@ code {
 a {
   color: var(--color-highlight);
 }
+section.klausur {
+  background: #e3f2fd !important;
+}
+section.klausur footer {
+  display: none;
+}
 </style>
 
 <!-- _class: invert -->
@@ -69,7 +75,7 @@ Hochschule der Medien Stuttgart
 <!-- _class: lead -->
 
 # Willkommen!
-## Termin 1 – Einführung & Grundlagen
+## Einführung
 
 ---
 
diff --git a/courses/223015b/slides/2025-12-19-termin-1-grundlagen-text-audio.md b/courses/223015b/slides/2025-12-19-termin-1-grundlagen-text-audio.md
index a23de2a..b006254 100644
--- a/courses/223015b/slides/2025-12-19-termin-1-grundlagen-text-audio.md
+++ b/courses/223015b/slides/2025-12-19-termin-1-grundlagen-text-audio.md
@@ -872,6 +872,25 @@ DAS SPEKTROGRAMM zeigt es:
 
 ---
 
+<!-- _class: lead -->
+
+# Kompression
+## Weniger Daten, gleiche(?) Information
+
+---
+
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
+![bg fit](./assets/compression-types.png)
+
+<!--
+Lossless vs. Lossy Kompression
+Visualisierung der beiden Philosophien
+-->
+
+---
+
 # Sample Rate vs. Bit Depth
 
 **Zwei Dimensionen der Digitalisierung:**
@@ -909,25 +928,6 @@ KOMPRESSION nutzt beide Achsen:
 
 ---
 
-<!-- _class: lead -->
-
-# Kompression
-## Weniger Daten, gleiche(?) Information
-
----
-
-<!-- _header: '' -->
-<!-- _footer: '' -->
-
-![bg fit](./assets/compression-types.png)
-
-<!--
-Lossless vs. Lossy Kompression
-Visualisierung der beiden Philosophien
--->
-
----
-
 <!-- _class: klausur -->
 <!-- _footer: '' -->
 
diff --git a/courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md b/courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md
index 4c35cb7..634a15d 100644
--- a/courses/223015b/slides/2026-01-09-termin-2-bild-audio-video.md
+++ b/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
 -->
 
 ---
diff --git a/courses/223015b/slides/2026-01-23-termin-3-speichermedien-schnittstellen.md b/courses/223015b/slides/2026-01-23-termin-3-speichermedien-schnittstellen.md
index 960ce8a..8d96d9a 100644
--- a/courses/223015b/slides/2026-01-23-termin-3-speichermedien-schnittstellen.md
+++ b/courses/223015b/slides/2026-01-23-termin-3-speichermedien-schnittstellen.md
@@ -42,6 +42,12 @@ code {
 a {
   color: var(--color-highlight);
 }
+section.klausur {
+  background: #e3f2fd !important;
+}
+section.klausur footer {
+  display: none;
+}
 </style>
 
 <!-- _class: invert -->
diff --git a/courses/223015b/slides/2026-01-30-termin-4-distribution-apis-zukunft.md b/courses/223015b/slides/2026-01-30-termin-4-distribution-apis-zukunft.md
index e90ef63..42606b8 100644
--- a/courses/223015b/slides/2026-01-30-termin-4-distribution-apis-zukunft.md
+++ b/courses/223015b/slides/2026-01-30-termin-4-distribution-apis-zukunft.md
@@ -42,6 +42,12 @@ code {
 a {
   color: var(--color-highlight);
 }
+section.klausur {
+  background: #e3f2fd !important;
+}
+section.klausur footer {
+  display: none;
+}
 </style>
 
 <!-- _class: invert -->
diff --git a/courses/223015b/slides/2026-xx-xx-termin-5-vertiefung-offene-fragen.md b/courses/223015b/slides/2026-xx-xx-termin-5-vertiefung-offene-fragen.md
index eaff42d..20d6b1d 100644
--- a/courses/223015b/slides/2026-xx-xx-termin-5-vertiefung-offene-fragen.md
+++ b/courses/223015b/slides/2026-xx-xx-termin-5-vertiefung-offene-fragen.md
@@ -42,6 +42,12 @@ code {
 a {
   color: var(--color-highlight);
 }
+section.klausur {
+  background: #e3f2fd !important;
+}
+section.klausur footer {
+  display: none;
+}
 </style>
 
 <!-- _class: invert -->
diff --git a/courses/223015b/slides/assets/ipb-compression-canon.jpg b/courses/223015b/slides/assets/ipb-compression-canon.jpg
new file mode 100644
index 0000000..dd154a9
Binary files /dev/null and b/courses/223015b/slides/assets/ipb-compression-canon.jpg differ
diff --git a/courses/223015c/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md b/courses/223015c/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md
index 01dd991..7feb094 100644
--- a/courses/223015c/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md
+++ b/courses/223015c/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md
@@ -20,8 +20,14 @@ section.invert {
 section {
   font-size: 1.7rem;
 }
+h1 {
+  color: #a02060;  /* darker raspberry */
+}
+section.invert h1 {
+  color: #fff;
+}
 h2 {
-  color: var(--color-highlight);
+  color: #1f2937;  /* dark gray, almost black */
 }
 pre {
   background: #0f0f23;
diff --git a/courses/223015c/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md b/courses/223015c/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md
index a8536a8..975141f 100644
--- a/courses/223015c/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md
+++ b/courses/223015c/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md
@@ -20,8 +20,14 @@ section.invert {
 section {
   font-size: 1.7rem;
 }
+h1 {
+  color: #a02060;  /* darker raspberry */
+}
+section.invert h1 {
+  color: #fff;
+}
 h2 {
-  color: var(--color-highlight);
+  color: #1f2937;  /* dark gray, almost black */
 }
 pre {
   background: #0f0f23;
diff --git a/courses/223015c/slides/2026-01-24-termin-3-interaktivitaet-javascript.md b/courses/223015c/slides/2026-01-24-termin-3-interaktivitaet-javascript.md
index f8481b0..9ea2ef9 100644
--- a/courses/223015c/slides/2026-01-24-termin-3-interaktivitaet-javascript.md
+++ b/courses/223015c/slides/2026-01-24-termin-3-interaktivitaet-javascript.md
@@ -20,8 +20,14 @@ section.invert {
 section {
   font-size: 1.7rem;
 }
+h1 {
+  color: #a02060;  /* darker raspberry */
+}
+section.invert h1 {
+  color: #fff;
+}
 h2 {
-  color: var(--color-highlight);
+  color: #1f2937;  /* dark gray, almost black */
 }
 pre {
   background: #0f0f23;