fix klausur slides for pdf: add svg pattern and marp directives

- add svg diagonal stripe patterns for pdf background
- use @media print to apply svg only in pdf export
- keep css gradient for web/screen display
- add _header: '' and _footer: '' to all klausur slides

courses/223015b/slides/2025-12-19-termin-0-intro.md

@@ -57,8 +57,11 @@ section.klausur {
     #fff 80px
   ) !important;
 }
-section.klausur footer {
-  display: none;
+@media print {
+  section.klausur {
+    background: url('./assets/klausur-pattern.svg') !important;
+    background-size: cover !important;
+  }
 }
 section.aufgabe {
   background: #e3f2fd !important;

courses/223015b/slides/2025-12-19-termin-1-grundlagen-text-audio.md

@@ -57,8 +57,11 @@ section.klausur {
     #fff 80px
   ) !important;
 }
-section.klausur footer {
-  display: none;
+@media print {
+  section.klausur {
+    background: url('./assets/klausur-pattern.svg') !important;
+    background-size: cover !important;
+  }
 }
 section.aufgabe {
   background: #e3f2fd !important;
@@ -244,6 +247,7 @@ Eselsbrücke: 1 Byte = 1 Buchstabe/Symbol (in ASCII/UTF-8 für einfache Zeichen)
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
 <!-- _footer: '' -->
 
 # Dateneinheiten
@@ -266,6 +270,7 @@ Windows zeigt oft binär, sagt aber "KB" → Verwirrung!
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
 <!-- _footer: '' -->
 
 # Dateneinheiten (Fortsetzung)
@@ -313,6 +318,7 @@ Digital explodierte: IoT, Social Media, Cloud, Video
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
 <!-- _footer: '' -->
 
 # Der digitale Wendepunkt
@@ -813,6 +819,8 @@ Visueller Kontrast: Analog vs. Digital
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
 
 # Analoge Medien
 ### Distribution: physisch (Kauf, Verleih, Kopie)
@@ -877,6 +885,8 @@ Paradox: Gerade die Perfektion wurde zum "Problem"
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
 
 # Digitale Medien
 ### Distribution: Datenträger (CD, USB), Download, Streaming, P2P
@@ -893,6 +903,8 @@ Paradox: Gerade die Perfektion wurde zum "Problem"
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
 
 # Digitale Speichermedien
 
@@ -1272,6 +1284,8 @@ Visualisierung der beiden Philosophien
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
 
 # Verlustfrei vs. Verlustbehaftet
 

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

@@ -57,8 +57,11 @@ section.klausur {
     #fff 80px
   ) !important;
 }
-section.klausur footer {
-  display: none;
+@media print {
+  section.klausur {
+    background: url('./assets/klausur-pattern.svg') !important;
+    background-size: cover !important;
+  }
 }
 section.aufgabe {
   background: #e3f2fd !important;
@@ -136,6 +139,7 @@ Smartphone-Speicher wäre schnell voll ohne Kompression
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
 <!-- _footer: '' -->
 
 # Rastergrafiken (Bitmaps)
@@ -174,6 +178,7 @@ PRÜFUNGSRELEVANT: Speicherberechnung, Farbtiefe-Tabelle, warum Vergrößern pro
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
 <!-- _footer: '' -->
 
 # Vektorgrafiken
@@ -213,6 +218,7 @@ PRÜFUNGSRELEVANT: Warum Vektoren skalierbar, SVG-Grundsyntax, Rendering-Pipelin
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
 <!-- _footer: '' -->
 
 # Raster vs. Vektor: Entscheidungskriterien
@@ -708,6 +714,8 @@ Quelle: https://www.canon.com.hk/cpx/en/technical/va_EOS_Movie_Compression_Optio
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
 
 # H.264 / AVC Codec (2003)
 ### Der bisherige Platzhirsch
@@ -828,6 +836,8 @@ Alliance for Open Media
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
 
 # AV1: Die Open-Source-Revolution
 

courses/223015b/slides/2026-01-23-termin-3-speichermedien-schnittstellen.md

@@ -57,8 +57,11 @@ section.klausur {
     #fff 80px
   ) !important;
 }
-section.klausur footer {
-  display: none;
+@media print {
+  section.klausur {
+    background: url('./assets/klausur-pattern.svg') !important;
+    background-size: cover !important;
+  }
 }
 section.aufgabe {
   background: #e3f2fd !important;

courses/223015b/slides/2026-01-30-termin-4-distribution-apis-zukunft.md

@@ -57,8 +57,11 @@ section.klausur {
     #fff 80px
   ) !important;
 }
-section.klausur footer {
-  display: none;
+@media print {
+  section.klausur {
+    background: url('./assets/klausur-pattern.svg') !important;
+    background-size: cover !important;
+  }
 }
 section.aufgabe {
   background: #e3f2fd !important;

courses/223015b/slides/2026-xx-xx-termin-5-vertiefung-offene-fragen.md

@@ -57,8 +57,11 @@ section.klausur {
     #fff 80px
   ) !important;
 }
-section.klausur footer {
-  display: none;
+@media print {
+  section.klausur {
+    background: url('./assets/klausur-pattern.svg') !important;
+    background-size: cover !important;
+  }
 }
 section.aufgabe {
   background: #e3f2fd !important;

courses/223015b/slides/assets/klausur-pattern.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80">
+  <defs>
+    <pattern id="diagonalStripes" patternUnits="userSpaceOnUse" width="80" height="80" patternTransform="rotate(135)">
+      <rect width="40" height="80" fill="#e3f2fd"/>
+      <rect x="40" width="40" height="80" fill="#ffffff"/>
+    </pattern>
+  </defs>
+  <rect width="100%" height="100%" fill="url(#diagonalStripes)"/>
+</svg>