add grayscale gradient svg and zoom slide

- replace grayscale-gradient.png with svg (256 discrete rects)
- add grayscale-zoom.svg: 16 brightest shades with decimal + hex labels
- add zoom slide after '256 shades of gray'
- minor tweaks: Mbps capitalization, remove redundant '256' prefix in states list

slides/223015b/01-grundlagen-text-audio.md

@@ -296,7 +296,7 @@ AWS Glacier, Google Coldline und Film-Archive nutzen LTO — langsamer Zugriff,
 <!-- _footer: '' -->
 <!-- _class: 'klausur' -->
 
-# Bandbreite: Was bedeuten 150 mbps?
+# Bandbreite: Was bedeuten 150 Mbps?
 
 **150Mbps** = **150 Mbit/s** ≠ ~~**150 MB/s**~~
 
@@ -1036,7 +1036,7 @@ Rätsel: "Wenn sich das Wachstum einer Seerose auf einem Teich jeden Tag verdopp
 
 »256 Shades of Gray«
 
-![bg fit](./assets/grayscale-gradient.png)
+![bg fit](./assets/grayscale-gradient.svg)
 
 <!--
 256 Graustufen: 0 = Schwarz, 255 = Weiß
@@ -1044,11 +1044,24 @@ Rätsel: "Wenn sich das Wachstum einer Seerose auf einem Teich jeden Tag verdopp
 
 ---
 
+<!-- _header: '' -->
+<!-- _footer: '' -->
+
+![bg fit](./assets/grayscale-zoom.svg)
+
+<!--
+Zoom auf die 16 hellsten Abstufungen (240–255)
+Jede Stufe = 1/255 ≈ 0,4% Helligkeitsunterschied
+Decimal + Hex labels zeigen: jede Stufe ist ein eigener Byte-Wert
+-->
+
+---
+
 # Was kann man mit 256 Zuständen machen?
 
-* **256 Zeichen** (Buchstaben, Zahlen, Symbole)
-* **256 Helligkeit bzw. Luminanz** (0 = Schwarz/Dunkel, 255 = Weiß/Hell)
-* **256 Lautstärkestufen**
+* **Zeichen** (Buchstaben, Zahlen, Symbole)
+* **Helligkeit bzw. Luminanz** (0 = Schwarz/Dunkel, 255 = Weiß/Hell)
+* **Lautstärkestufen** (dB)
 * **Zahlen 0–255** (oder –128 bis +127)
 
 <!--