fix klausur pdf backgrounds with _backgroundColor directive

- remove !important from klausur css gradient (allows directive override)
- add _backgroundColor directive to all klausur slides for pdf
- web: shows css gradient stripes
- pdf: shows solid color background

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

@@ -55,13 +55,7 @@ section.klausur {
     #e3f2fd 40px,
     #fff 40px,
     #fff 80px
-  ) !important;
-}
-@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

@@ -55,13 +55,7 @@ section.klausur {
     #e3f2fd 40px,
     #fff 40px,
     #fff 80px
-  ) !important;
-}
-@media print {
-  section.klausur {
-    background: url('./assets/klausur-pattern.svg') !important;
-    background-size: cover !important;
-  }
+  );
 }
 section.aufgabe {
   background: #e3f2fd !important;
@@ -249,6 +243,7 @@ Eselsbrücke: 1 Byte = 1 Buchstabe/Symbol (in ASCII/UTF-8 für einfache Zeichen)
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #e3f2fd -->
 
 # Dateneinheiten
 
@@ -272,6 +267,7 @@ Windows zeigt oft binär, sagt aber "KB" → Verwirrung!
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #e3f2fd -->
 
 # Dateneinheiten (Fortsetzung)
 
@@ -320,6 +316,7 @@ Digital explodierte: IoT, Social Media, Cloud, Video
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #e3f2fd -->
 
 # Der digitale Wendepunkt
 
@@ -821,6 +818,7 @@ Visueller Kontrast: Analog vs. Digital
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #e3f2fd -->
 
 # Analoge Medien
 ### Distribution: physisch (Kauf, Verleih, Kopie)
@@ -887,6 +885,7 @@ Paradox: Gerade die Perfektion wurde zum "Problem"
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #e3f2fd -->
 
 # Digitale Medien
 ### Distribution: Datenträger (CD, USB), Download, Streaming, P2P
@@ -905,6 +904,7 @@ Paradox: Gerade die Perfektion wurde zum "Problem"
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #e3f2fd -->
 
 # Digitale Speichermedien
 
@@ -1286,6 +1286,7 @@ Visualisierung der beiden Philosophien
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #e3f2fd -->
 
 # Verlustfrei vs. Verlustbehaftet
 

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

@@ -55,13 +55,7 @@ section.klausur {
     #e3f2fd 40px,
     #fff 40px,
     #fff 80px
-  ) !important;
-}
-@media print {
-  section.klausur {
-    background: url('./assets/klausur-pattern.svg') !important;
-    background-size: cover !important;
-  }
+  );
 }
 section.aufgabe {
   background: #e3f2fd !important;
@@ -141,6 +135,7 @@ Smartphone-Speicher wäre schnell voll ohne Kompression
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #e3f2fd -->
 
 # Rastergrafiken (Bitmaps)
 
@@ -180,6 +175,7 @@ PRÜFUNGSRELEVANT: Speicherberechnung, Farbtiefe-Tabelle, warum Vergrößern pro
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #e3f2fd -->
 
 # Vektorgrafiken
 
@@ -220,6 +216,7 @@ PRÜFUNGSRELEVANT: Warum Vektoren skalierbar, SVG-Grundsyntax, Rendering-Pipelin
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #e3f2fd -->
 
 # Raster vs. Vektor: Entscheidungskriterien
 
@@ -716,6 +713,7 @@ Quelle: https://www.canon.com.hk/cpx/en/technical/va_EOS_Movie_Compression_Optio
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #e3f2fd -->
 
 # H.264 / AVC Codec (2003)
 ### Der bisherige Platzhirsch
@@ -838,6 +836,7 @@ Alliance for Open Media
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #e3f2fd -->
 
 # AV1: Die Open-Source-Revolution
 

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

@@ -55,13 +55,7 @@ section.klausur {
     #e3f2fd 40px,
     #fff 40px,
     #fff 80px
-  ) !important;
-}
-@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

@@ -55,13 +55,7 @@ section.klausur {
     #e3f2fd 40px,
     #fff 40px,
     #fff 80px
-  ) !important;
-}
-@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

@@ -55,13 +55,7 @@ section.klausur {
     #e3f2fd 40px,
     #fff 40px,
     #fff 80px
-  ) !important;
-}
-@media print {
-  section.klausur {
-    background: url('./assets/klausur-pattern.svg') !important;
-    background-size: cover !important;
-  }
+  );
 }
 section.aufgabe {
   background: #e3f2fd !important;

courses/223015c/slides/2025-12-20-termin-1-geschichte-grundlagen-html.md

@@ -55,13 +55,7 @@ section.klausur {
     #fce4ec 40px,
     #fff 40px,
     #fff 80px
-  ) !important;
-}
-@media print {
-  section.klausur {
-    background: url('./assets/klausur-pattern.svg') !important;
-    background-size: cover !important;
-  }
+  );
 }
 section.aufgabe {
   background: #fce4ec !important;
@@ -623,6 +617,7 @@ Euer Laptop, euer Handy, der Server dieser Präsentation
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #fce4ec -->
 
 # Die 5 Komponenten
 
@@ -655,6 +650,7 @@ PRÜFUNGSRELEVANT: 5 Komponenten benennen und erklären können, Stored Program
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #fce4ec -->
 
 # Von-Neumann-Architektur: Bedeutung
 
@@ -1077,6 +1073,7 @@ Formattierungssprache
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #fce4ec -->
 
 # HTML Metadaten
 
@@ -1304,6 +1301,7 @@ https://developer.mozilla.org/de/docs/Web/HTML/Reference/Elements/dialog
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #fce4ec -->
 
 # Wie nutzen Menschen das Web?
 
@@ -1340,6 +1338,7 @@ PRÜFUNGSRELEVANT: Arten von Einschränkungen, Screenreader-Beispiele, WCAG
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #fce4ec -->
 
 # Warum "Barrierefreiheit"?
 
@@ -1503,6 +1502,7 @@ div-Button braucht JavaScript für Enter/Space
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #fce4ec -->
 
 # Barrieren im Netz vermeiden (a11y)
 

courses/223015c/slides/2026-01-10-termin-2-netzwerke-protokolle-css.md

@@ -55,13 +55,7 @@ section.klausur {
     #fce4ec 40px,
     #fff 40px,
     #fff 80px
-  ) !important;
-}
-@media print {
-  section.klausur {
-    background: url('./assets/klausur-pattern.svg') !important;
-    background-size: cover !important;
-  }
+  );
 }
 section.aufgabe {
   background: #fce4ec !important;
@@ -372,6 +366,7 @@ Query-String für Parameter
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #fce4ec -->
 
 # Das OSI-Modell: Die Theorie
 
@@ -408,6 +403,7 @@ PRÜFUNGSRELEVANT: 7 Schichten mit Beispielen, Unterschied OSI vs. TCP/IP
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #fce4ec -->
 
 # TCP/IP: Die Praxis
 
@@ -645,6 +641,7 @@ Heute: Fast nur noch HTTPS
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #fce4ec -->
 
 # Schicht 7: Anwendung
 
@@ -703,6 +700,7 @@ Von oben nach unten: 7 bis 1
 <!-- _class: lead klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #fce4ec -->
 
 # HTTP/S im Detail
 
@@ -711,6 +709,7 @@ Von oben nach unten: 7 bis 1
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #fce4ec -->
 
 # HTTP-Request
 
@@ -740,6 +739,7 @@ Body kommt nach leerem Zeile (bei POST)
 <!-- _class: klausur -->
 <!-- _header: '' -->
 <!-- _footer: '' -->
+<!-- _backgroundColor: #fce4ec -->
 
 # HTTP-Response
 
@@ -767,6 +767,7 @@ Content-Length: 1234
 <!-- _footer: '' -->
 <!-- _backgroundColor: #fce4ec -->
 
+# HTTP-Methoden
 
 | Methode | CRUD | Zweck | Beispiel |
 |---------|------|-------|----------|
@@ -1110,6 +1111,7 @@ vw/vh = Viewport (sichtbarer Bereich)
 <!-- _footer: '' -->
 <!-- _backgroundColor: #fce4ec -->
 
+# Pseudo-Klassen
 
 ```css
 /* Zustände */
@@ -1133,6 +1135,7 @@ Pseudo-Klassen = Zustände, kein JavaScript nötig!
 <!-- _footer: '' -->
 <!-- _backgroundColor: #fce4ec -->
 
+# Pseudo-Elemente
 
 ```css
 .required::before {
@@ -1157,6 +1160,7 @@ content nur bei ::before/::after
 <!-- _footer: '' -->
 <!-- _backgroundColor: #fce4ec -->
 
+# Responsive Design
 
 **Media Queries:** CSS je nach Bildschirmgröße
 

courses/223015c/slides/2026-01-24-termin-3-interaktivitaet-javascript.md

@@ -55,13 +55,7 @@ section.klausur {
     #fce4ec 40px,
     #fff 40px,
     #fff 80px
-  ) !important;
-}
-@media print {
-  section.klausur {
-    background: url('./assets/klausur-pattern.svg') !important;
-    background-size: cover !important;
-  }
+  );
 }
 section.aufgabe {
   background: #fce4ec !important;

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

@@ -1,9 +1,4 @@
 <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="#fce4ec"/>
-      <rect x="40" width="40" height="80" fill="#ffffff"/>
-    </pattern>
-  </defs>
-  <rect width="100%" height="100%" fill="url(#diagonalStripes)"/>
+  <rect width="80" height="80" fill="#fce4ec"/>
+  <path d="M-20,20 l40,-40 M0,80 l80,-80 M60,100 l40,-40" stroke="#ffffff" stroke-width="40"/>
 </svg>