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/223015c/slides/2025-12-20-termin-1-geschichte-grundlagen-html.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: #fce4ec !important;
@@ -618,6 +621,8 @@ Euer Laptop, euer Handy, der Server dieser Präsentation
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
 
 # Die 5 Komponenten
 
@@ -648,6 +653,8 @@ PRÜFUNGSRELEVANT: 5 Komponenten benennen und erklären können, Stored Program
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
 
 # Von-Neumann-Architektur: Bedeutung
 
@@ -1068,6 +1075,8 @@ Formattierungssprache
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
 
 # HTML Metadaten
 
@@ -1286,7 +1295,15 @@ https://developer.mozilla.org/de/docs/Web/HTML/Reference/Elements/dialog
 
 ---
 
+<!-- _class: lead -->
+
+# Web Disability Simulator
+
+---
+
 <!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
 
 # Wie nutzen Menschen das Web?
 
@@ -1321,6 +1338,8 @@ PRÜFUNGSRELEVANT: Arten von Einschränkungen, Screenreader-Beispiele, WCAG
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
 
 # Warum "Barrierefreiheit"?
 
@@ -1482,6 +1501,8 @@ div-Button braucht JavaScript für Enter/Space
 ---
 
 <!-- _class: klausur -->
+<!-- _header: '' -->
+<!-- _footer: '' -->
 
 # Barrieren im Netz vermeiden (a11y)
 
@@ -1504,7 +1525,6 @@ Manuelles Testen unverzichtbar
 Echte NutzerInnen einbeziehen = Gold-Standard
 -->
 
-
 ---