diff --git a/slides/223015c/02-netzwerke-protokolle-css.md b/slides/223015c/02-netzwerke-protokolle-css.md
index b6e16b5..30fc58a 100644
--- a/slides/223015c/02-netzwerke-protokolle-css.md
+++ b/slides/223015c/02-netzwerke-protokolle-css.md
@@ -73,13 +73,13 @@ section.glossar {
 }
 section.erklaerung {
   font-size: 1.1rem;
-  background: repeating-linear-gradient(
+  /**background: repeating-linear-gradient(
     135deg,
     #fce4ec,
     #fce4ec 40px,
     #fff 40px,
     #fff 80px
-  ) !important;
+  ) !important;**/
 }
 @media print {
   section.erklaerung {
@@ -571,24 +571,7 @@ SPEAKER NOTES:
 
 # Exkurs: OSI vs. TCP/IP
 
-```
-    OSI (7 Schichten)              TCP/IP (4 Schichten)
-┌─────────────────────┐        ┌─────────────────────┐
-│  7. Anwendung       │        │                     │
-├─────────────────────┤        │      Anwendung      │
-│  6. Darstellung     │        │                     │
-├─────────────────────┤        │                     │
-│  5. Sitzung         │        │                     │
-├─────────────────────┤        ├─────────────────────┤
-│  4. Transport       │        │      Transport      │
-├─────────────────────┤        ├─────────────────────┤
-│  3. Vermittlung     │        │      Internet       │
-├─────────────────────┤        ├─────────────────────┤
-│  2. Sicherung       │        │                     │
-├─────────────────────┤        │     Netzzugang      │
-│  1. Bitübertragung  │        │                     │
-└─────────────────────┘        └─────────────────────┘
-```
+![h:440 center](./assets/demos/osi-tcpip-diagram.png)
 
 OSI = Theorie. TCP/IP = Realität.
 
@@ -2381,9 +2364,6 @@ Doppelpunkt zur Unterscheidung von Pseudo-Klassen – aber einfacher Doppelpunkt
 
 ---
 
-<!-- _class: klausur -->
-<!-- _header: '' -->
-<!-- _footer: '' -->
 
 # Responsive Design
 
@@ -2395,7 +2375,6 @@ Doppelpunkt zur Unterscheidung von Pseudo-Klassen – aber einfacher Doppelpunkt
     padding: 1rem;
     background: white;
 }
-
 /* Ab 768px (Tablet): Anpassungen */
 @media (min-width: 768px) {
     .container {
@@ -2403,7 +2382,6 @@ Doppelpunkt zur Unterscheidung von Pseudo-Klassen – aber einfacher Doppelpunkt
         background: red;
     }
 }
-
 /* Ab 1024px (Desktop): Weitere Anpassungen */
 @media (min-width: 1024px) {
     .container {
diff --git a/slides/223015c/assets/demos/osi-tcpip-diagram.html b/slides/223015c/assets/demos/osi-tcpip-diagram.html
new file mode 100644
index 0000000..4963bd7
--- /dev/null
+++ b/slides/223015c/assets/demos/osi-tcpip-diagram.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <title>OSI vs TCP/IP</title>
+  <style>
+    html, body { margin: 0; padding: 0; background: #fff; font-family: system-ui, sans-serif; }
+    body { padding: 30px 40px; display: inline-block; }
+    .wrap { display: flex; gap: 36px; align-items: flex-start; }
+    .col { display: flex; flex-direction: column; gap: 4px; }
+    h3 { margin: 0 0 10px; font-size: 1.1rem; color: #1a1a2e; text-align: center; }
+    .box {
+      border: 2px solid #4a4a6a;
+      padding: 10px 20px;
+      min-width: 230px;
+      font-size: 0.95rem;
+      background: #f3f4f6;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border-radius: 4px;
+    }
+    .osi .box { background: #dbeafe; border-color: #1e40af; color: #1e3a8a; }
+    .tcpip .box { background: #fce7d6; border-color: #c2410c; color: #7c2d12; font-weight: 600; }
+    .tcpip .app { min-height: 126px; }
+    .tcpip .trans { min-height: 40px; }
+    .tcpip .net { min-height: 40px; }
+    .tcpip .link { min-height: 82px; }
+  </style>
+</head>
+<body>
+  <div class="wrap">
+    <div class="col osi">
+      <h3>OSI (7 Schichten)</h3>
+      <div class="box">7. Anwendung</div>
+      <div class="box">6. Darstellung</div>
+      <div class="box">5. Sitzung</div>
+      <div class="box">4. Transport</div>
+      <div class="box">3. Vermittlung</div>
+      <div class="box">2. Sicherung</div>
+      <div class="box">1. Bitübertragung</div>
+    </div>
+    <div class="col tcpip">
+      <h3>TCP/IP (4 Schichten)</h3>
+      <div class="box app">Anwendung</div>
+      <div class="box trans">Transport</div>
+      <div class="box net">Internet</div>
+      <div class="box link">Netzzugang</div>
+    </div>
+  </div>
+</body>
+</html>
diff --git a/slides/223015c/assets/demos/osi-tcpip-diagram.png b/slides/223015c/assets/demos/osi-tcpip-diagram.png
new file mode 100644
index 0000000..2f1e40f
Binary files /dev/null and b/slides/223015c/assets/demos/osi-tcpip-diagram.png differ
