replace ascii osi/tcpip layer diagram with rendered visual

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 {