branch-coexist: 3 neue decks 223015b-2026 / 223015c-2026 / dhbw-2026 daneben main

per user-request einen branch der main-content UND rewrite-content trägt — saubere separierung statt symlink/merge-conflict.

struktur:
- slides/<course>/ → main-content restored, eigene assets (kein new-demo-leak)
- slides/<course>-2026/ → rewrite-content, eigene assets (komplett kopiert + new demos)

Makefile: COURSES += 223015b-2026 223015c-2026 dhbw-2026 mit eigenen NAME/KAPITEL/DEPLOY/KLAUSUR-konfig. Klausur für b+c=1, dhbw=leer. Deploy-paths /hdm/223015b-2026 etc.

make build durchlaufen für alle 6 decks, 0 fehler.

dedup: 223015c+dhbw assets identisch in beiden ordnern (kein neu-demos auf b ergänzt). 223015b 86 → 120 files in -2026 (= +34 neue eroeffner/usb-c-drei-achsen/container-vs-codec/etc).

slides/223015c-2026/assets/demos/css-pseudo-classes.html

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <title>Pseudo-Klassen</title>
+  <style>
+    body { padding: 1.2rem; font-family: system-ui, sans-serif; font-size: 14px; }
+    a { color: #2563eb; }
+    a:hover, a.is-hovered { color: red; text-decoration: underline; }
+    a:visited, a.is-visited { color: purple; }
+    input:focus, input.is-focused { border-color: blue; outline: 2px solid blue; }
+    input { padding: 4px 8px; border: 1px solid #9ca3af; border-radius: 3px; }
+    ul { list-style: none; padding: 0; }
+    li { padding: 6px 10px; }
+    li:first-child, li.is-first { font-weight: bold; }
+    li:nth-child(odd), li.is-odd { background: #eee; }
+    h3 { margin: 0.6rem 0 0.3rem; font-size: 0.95rem; }
+  </style>
+</head>
+<body>
+  <h3>:hover / :visited</h3>
+  <a href="#" class="is-hovered">Link mit Hover</a> &middot;
+  <a href="#" class="is-visited">Besuchter Link</a>
+
+  <h3>:focus</h3>
+  <input class="is-focused" value="fokussiert">
+
+  <h3>:first-child, :nth-child(odd)</h3>
+  <ul>
+    <li class="is-first is-odd">Erster (bold, zebra)</li>
+    <li>Zweiter</li>
+    <li class="is-odd">Dritter (zebra)</li>
+    <li>Vierter</li>
+    <li class="is-odd">Fünfter (zebra)</li>
+  </ul>
+</body>
+</html>