Lehrbuch-Stil: Aufgaben & Heft-Bezuege entfernt

- AB1: Kundenauftrag/Laufband/Herr Rohweider raus, jetzt allgemeine Einfuehrung 'Was sind elektromagnetische Schalter?' - 3 Fehlerkarten (Defekter Anschluss/Zuleitung/Schuetz) komplett entfernt - Alle Aufgabennummern (1.3, 1.4, 3.2, 4.1, 4.2, 4.3, 5.1, 5.2, 6.1, 6.2, 7.1, 7.2, 8.1-8.5) durch Themen-Headlines ersetzt - AB4: 'Korrigiertes Schaltbild K1'-Aufgabe entfernt, jetzt allgemeine Symboluebersicht - AB7: Herr-Rohweider-Antwort raus, nur noch die 5 Sicherheitsregeln - AB8: Schuetz A/B/C-Auswahl und alle 8.1-8.5 raus, nur Hebekran-Beschreibung + Betriebsmittel-Liste - Hebekran-Foto in AB8 statt Heft-Placeholder - Quiz-Untertitel ohne 'aus dem Unterrichtsbaustein' - Saemtliche 'Abb. X'-Nummerierungen entfernt Made-with: Cursor
2026-04-19 13:33:45 +00:00
parent f4511db7ba
commit 5e1a657448
1 changed files with 47 additions and 165 deletions
--- a/index.html
+++ b/index.html
@@ -295,32 +295,18 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:

 <!-- ═══════════════════════════════════ AB 1 ════════════════════════════════════ -->
 <section id="ab1" class="section reveal alt-bg">
-  <h2 class="section-head">Grundlagen &amp; Kundenauftrag</h2>
-  <p class="intro-text">Das Laufband in der Produktionshalle funktioniert nicht mehr.</p>
+  <h2 class="section-head">Was sind elektromagnetische Schalter?</h2>
+  <p class="intro-text">Elektromagnetische Schalter werden in der Industrie überall dort eingesetzt, wo elektrische Stromkreise sicher und zuverlässig geschaltet werden müssen — zum Beispiel beim Starten von Motoren, beim Betrieb von Förderbändern oder bei der Steuerung von Kränen.</p>
+  <p class="intro-text">Es gibt zwei Haupttypen: das <strong>Relais</strong> für kleinere Steuerströme und das <strong>Schütz</strong> für große Lastströme.</p>

  <figure class="figure">
    <img loading="lazy"
         src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Conveyor_belt%2C_Dhanbad.jpg/640px-Conveyor_belt%2C_Dhanbad.jpg"
-         alt="Industrielles Förderband – Kundenauftrag Laufband">
-    <figcaption class="figcap">Abb. 1 — Das defekte Förderband (Kundenauftrag)</figcaption>
+         alt="Industrielles Förderband mit Schützsteuerung">
+    <figcaption class="figcap">Typische Anwendung: Industrielles Förderband mit Schützsteuerung</figcaption>
  </figure>

-  <div class="grid-3" style="margin-top:1.5rem">
-    <div class="card card-red">
-      <h3 class="card-title">Defekter Anschluss</h3>
-      <p class="card-body">Lose oder korrodierte Schraubverbindung am Schütz.</p>
-    </div>
-    <div class="card card-amber">
-      <h3 class="card-title">Defekte Zuleitung</h3>
-      <p class="card-body">Beschädigte Leitung bis zum Motor — Kurzschluss oder Phasenausfall.</p>
-    </div>
-    <div class="card card-green">
-      <h3 class="card-title">Defektes Schütz</h3>
-      <p class="card-body">Schütz durch Überlastung oder Kurzschluss beschädigt.</p>
-    </div>
-  </div>
-
-  <h3 class="table-title">Aufgabe 1.3 — Schützarten</h3>
+  <h3 class="table-title">Schützarten</h3>
  <table>
    <thead><tr><th>Schützart</th><th>Anwendungsgebiet</th></tr></thead>
    <tbody>
@@ -329,7 +315,7 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
    </tbody>
  </table>

-  <h3 class="table-title">Aufgabe 1.4 — Einsatzbereiche</h3>
+  <h3 class="table-title">Typische Einsatzbereiche</h3>
  <table>
    <thead><tr><th>Gerät</th><th>Typischer Einsatz</th></tr></thead>
    <tbody>
@@ -371,7 +357,7 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
        <img loading="lazy"
             src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Siemens_contactor.jpg/640px-Siemens_contactor.jpg"
             alt="Siemens SIRIUS Leistungsschütz">
-        <figcaption class="figcap">Abb. 2 — Siemens SIRIUS Leistungsschütz</figcaption>
+        <figcaption class="figcap">Siemens SIRIUS Leistungsschütz</figcaption>
      </figure>
      <h3>Schütz <span class="mono" style="color:var(--accent);font-size:.9rem">(Q)</span></h3>
      <ul class="vs-list green">
@@ -415,7 +401,7 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:

 <!-- ═══════════════════════════════════ AB 3 ════════════════════════════════════ -->
 <section id="ab3" class="section reveal alt-bg">
-  <h2 class="section-head">Kennzeichnungen am Schütz lesen</h2>
+  <h2 class="section-head">Kennzeichnungen lesen und verstehen</h2>
  <p class="section-sub">Das Leistungsschütz trägt zahlreiche Aufschriften — Ordnungsziffern, Funktionsziffern, Klemmenbezeichnungen und Symbole.</p>

  <div class="ab3-grid">
@@ -450,8 +436,8 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
  </div>

  <div class="subtask">
-    <h3>3.2 Schützkontakte des Leistungsschützes</h3>
-    <p class="lead">Die Hauptkontakte des Leistungsschützes Q1 werden wie folgt bezeichnet:</p>
+    <h3>Schützkontakte des Leistungsschützes</h3>
+    <p class="lead">Die Hauptkontakte eines Leistungsschützes werden nach folgender Systematik bezeichnet:</p>
  </div>

  <table>
@@ -485,35 +471,20 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
  <p class="section-sub">Schaltzeichen nach DIN EN 60617 — normgerechte Darstellung für Haupt- und Hilfskontakte.</p>

  <div class="subtask">
-    <h3>Aufgabe 4.1 — Schaltzeichen Leistungsschütz Q1</h3>
+    <h3>Schaltzeichen eines Leistungsschützes</h3>
+    <p class="lead">Ein dreipoliges Leistungsschütz wird im Schaltplan mit drei Hauptkontakten und der Spule A1/A2 dargestellt.</p>
  </div>
  <div class="img-placeholder" style="min-height:300px">
    <span class="ph-icon">📷</span>
-    <p class="ph-title">Schaltbild Q1 — Leistungsschütz mit Bezeichnungen</p>
-    <p class="ph-hint">Fotografiere das Schaltbild aus deinem Unterrichtsbaustein zu Schaltzeichen oder erstelle es mit diesem KI-Prompt bei ChatGPT/DALL-E:<br><br>
-    <em>„Clean technical electrical schematic drawing of a 3-pole contactor Q1 after DIN EN 60617. White background, black lines. Show coil symbol A1/A2 as rectangle, 3 main contacts labeled 1/L1-2/T1, 3/L2-4/T2, 5/L3-6/T3 as switching symbols, and 1 auxiliary contact 13/14. Engineering drawing style, no color."</em></p>
+    <p class="ph-title">Schaltbild Leistungsschütz nach DIN EN 60617</p>
+    <p class="ph-hint">Schaltbild aus einem Fachkundebuch oder mit folgendem KI-Prompt erstellen (ChatGPT/DALL-E):<br><br>
+    <em>„Clean technical electrical schematic drawing of a 3-pole contactor after DIN EN 60617. White background, black lines. Show coil symbol A1/A2 as rectangle, 3 main contacts labeled 1/L1-2/T1, 3/L2-4/T2, 5/L3-6/T3 as switching symbols, and 1 auxiliary contact 13/14. Engineering drawing style, no color."</em></p>
  </div>
-  <p class="figcap">Abb. 4 — Schaltzeichen Leistungsschütz Q1 (aus dem Unterrichtsbaustein)</p>
+  <p class="figcap">Schaltzeichen Leistungsschütz nach DIN EN 60617</p>

  <div class="subtask">
-    <h3>Aufgabe 4.2 — Korrigiertes Schaltbild K1</h3>
-  </div>
-  <div class="info-box">
-    <strong>4.2:</strong> In deinem Unterrichtsbaustein hast du ein fehlerhaftes Schaltbild eines K1-Schützes erhalten und korrigiert. Deine Korrekturen:
-    <ul style="margin:.5rem 0 0;padding-left:1.25rem">
-      <li>Ordnungsziffer korrigiert</li>
-      <li>Funktionsziffer korrigiert</li>
-      <li>Kontaktnummern (13, 14, 21, 22, 31, 32, 43, 44) korrekt eingetragen</li>
-    </ul>
-  </div>
-  <div class="img-placeholder" style="margin-top:1rem">
-    <span class="ph-icon">📷</span>
-    <p class="ph-title">Korrigiertes Schaltbild K1 (Aufgabe 4.2)</p>
-    <p class="ph-hint">Foto deiner korrigierten Lösung aus dem Unterrichtsbaustein</p>
-  </div>
-
-  <div class="subtask">
-    <h3>Aufgabe 4.3 — Symbolübersicht</h3>
+    <h3>Symbolübersicht für Schütze</h3>
+    <p class="lead">Je nach Anzahl der Hauptkontakte und Hilfskontakte gibt es unterschiedliche Schaltzeichen:</p>
  </div>
  <table>
    <thead>
@@ -524,7 +495,7 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
        <td>
          <div class="img-placeholder small">
            <span class="ph-icon">📷</span>
-            <p class="ph-title">Symbol: Hauptschütz Q1 (3 Kontakte)</p>
+            <p class="ph-title">Symbol: Hauptschütz mit 3 Kontakten</p>
            <p class="ph-hint">Aus Fachkundebuch abfotografieren oder mit KI erstellen</p>
          </div>
        </td>
@@ -534,7 +505,7 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
        <td>
          <div class="img-placeholder small">
            <span class="ph-icon">📷</span>
-            <p class="ph-title">Symbol: Hauptschütz Q2 (3 HK + 4 Hilfskontakte)</p>
+            <p class="ph-title">Symbol: Hauptschütz mit 3 HK + 4 Hilfskontakten</p>
            <p class="ph-hint">Aus Fachkundebuch abfotografieren oder mit KI erstellen</p>
          </div>
        </td>
@@ -544,7 +515,7 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
        <td>
          <div class="img-placeholder small">
            <span class="ph-icon">📷</span>
-            <p class="ph-title">Symbol: Hilfsschütz K1 (4 Schließer + 2 Öffner)</p>
+            <p class="ph-title">Symbol: Hilfsschütz mit 4 Schließern + 2 Öffnern</p>
            <p class="ph-hint">Aus Fachkundebuch abfotografieren oder mit KI erstellen</p>
          </div>
        </td>
@@ -556,11 +527,11 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:

 <!-- ═══════════════════════════════════ AB 5 ════════════════════════════════════ -->
 <section id="ab5" class="section reveal alt-bg">
-  <h2 class="section-head">Aufbau &amp; Bestandteile</h2>
+  <h2 class="section-head">Aufbau &amp; Bestandteile eines Schützes</h2>
  <p class="section-sub">Ein Leistungsschütz besteht aus 8 Hauptbauteilen — vom Öffner bis zum Eisenkern. Fahre mit der Maus über die Liste rechts, um jedes Bauteil zu erkunden.</p>

  <div class="subtask">
-    <h3>Aufgabe 5.1 — Die 8 Bestandteile</h3>
+    <h3>Die 8 Bestandteile</h3>
  </div>

  <div class="ab5-grid">
@@ -570,7 +541,7 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
             src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/6e/Contacteur_tripolaire.jpg/640px-Contacteur_tripolaire.jpg"
             alt="Bestandteile eines Schützes – Querschnitt"
             style="width:100%;border-radius:12px;border:2px solid #86efac">
-        <figcaption class="figcap">Abb. 5 — Motorschütz geöffnet (Quelle: Wikimedia Commons)</figcaption>
+        <figcaption class="figcap">Motorschütz geöffnet (Quelle: Wikimedia Commons)</figcaption>
      </figure>

      <div class="img-placeholder" style="margin-top:1rem">
@@ -594,7 +565,7 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
  </div>

  <div class="subtask">
-    <h3>Aufgabe 5.2 — Hauptstrom- und Steuerkontakte</h3>
+    <h3>Hauptstrom- und Steuerkontakte</h3>
  </div>
  <div class="grid-2">
    <div class="card card-green">
@@ -617,12 +588,8 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:

 <!-- ═══════════════════════════════════ AB 6 ════════════════════════════════════ -->
 <section id="ab6" class="section reveal">
-  <h2 class="section-head">Funktionsweise</h2>
-  <p class="section-sub">Vom Anlegen der Spulenspannung bis zum Abfall — in fünf Schritten erklärt.</p>
-
-  <div class="subtask">
-    <h3>Aufgabe 6.1 — Fünf-Schritt-Ablauf</h3>
-  </div>
+  <h2 class="section-head">Funktionsweise Schritt für Schritt</h2>
+  <p class="section-sub">Vom Anlegen der Spulenspannung bis zum Abfall — der gesamte Schaltvorgang in fünf Schritten erklärt.</p>

  <div class="timeline">
    <div class="tl-step" data-n="1">
@@ -652,7 +619,7 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
  </div>

  <div class="subtask">
-    <h3>6.2 Galvanische Trennung</h3>
+    <h3>Galvanische Trennung</h3>
    <p class="lead">Steuer- und Hauptstromkreis sind elektrisch voneinander getrennt — die Übertragung erfolgt ausschließlich über das Magnetfeld.</p>
  </div>

@@ -690,32 +657,8 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:

 <!-- ═══════════════════════════════════ AB 7 ════════════════════════════════════ -->
 <section id="ab7" class="section reveal alt-bg">
-  <h2 class="section-head">Sicherheit beim Schützaustausch</h2>
-  <p class="section-sub">Zusammenfassung der Fehlerquellen, Behebung und die fünf Sicherheitsregeln beim Schützaustausch.</p>
-
-  <div class="subtask">
-    <h3>Aufgabe 7.1 — Mögliche Fehlerquellen und Behebung</h3>
-    <p class="lead">Antwort an Herrn Rohweider:</p>
-  </div>
-
-  <div class="grid-3">
-    <div class="card card-red">
-      <h3 class="card-title">Defekter Anschluss</h3>
-      <p class="card-body"><strong>Behebung:</strong> Alle Schraubverbindungen prüfen und ggf. nachziehen.</p>
-    </div>
-    <div class="card card-amber">
-      <h3 class="card-title">Defekte Zuleitung</h3>
-      <p class="card-body"><strong>Behebung:</strong> Leitungen mit Messgerät prüfen, beschädigte Leitung ersetzen.</p>
-    </div>
-    <div class="card card-green">
-      <h3 class="card-title">Defektes Schütz</h3>
-      <p class="card-body"><strong>Behebung:</strong> Schütz austauschen — dabei Fünf Sicherheitsregeln beachten.</p>
-    </div>
-  </div>
-
-  <div class="subtask">
-    <h3>7.2 Fünf Sicherheitsregeln beim Schützaustausch</h3>
-  </div>
+  <h2 class="section-head">Sicherheitsregeln beim Schützaustausch</h2>
+  <p class="section-sub">Vor dem Austausch eines Schützes müssen die fünf Sicherheitsregeln der Elektrotechnik beachtet werden — sie schützen vor lebensgefährlichen Stromschlägen.</p>

  <div class="warn-box">
    Vor dem Austausch müssen (je nach Spannungshöhe) die <strong>Fünf Sicherheitsregeln der Elektrotechnik</strong> beachtet werden!
@@ -753,99 +696,38 @@ footer{padding:2rem 1.25rem 3rem;text-align:center;color:var(--muted);font-size:
 <!-- ═══════════════════════════════════ AB 8 ════════════════════════════════════ -->
 <section id="ab8" class="section reveal">
  <h2 class="section-head">Praxisbeispiel: Hebekran</h2>
-  <p class="section-sub">Die Steuerung eines Hebekrans wird erneuert — verstehen, analysieren und passendes Ersatzschütz auswählen.</p>
+  <p class="section-sub">Ein typisches Beispiel für den Einsatz von Schützen in der Industrie.</p>

-  <div class="info-box">
-    <strong>Ausgangssituation:</strong> Die Steuerung eines Hebekrans (5t, Abb. 1) wird erneuert.
-  </div>
+  <p class="intro-text">Ein Hebekran ist ein typisches Beispiel für den Einsatz von Schützen in der Industrie. Über verschiedene Schalter wird der Antriebsmotor gesteuert.</p>

-  <div class="img-placeholder" style="margin-top:1rem">
-    <span class="ph-icon">📷</span>
-    <p class="ph-title">Technologieschema Hebekran (Abb. 1)</p>
-    <p class="ph-hint">Foto aus deinem Unterrichtsbaustein zum Hebekran, Seite 10</p>
-  </div>
+  <figure class="figure">
+    <img loading="lazy"
+         src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b8/Gantry-crane.jpg/640px-Gantry-crane.jpg"
+         alt="Industrieller Portalkran mit Schützsteuerung">
+    <figcaption class="figcap">Portalkran — schwere Lasten werden über Schütz-gesteuerte Motoren bewegt</figcaption>
+  </figure>

  <div class="subtask">
-    <h3>Funktionsbeschreibung</h3>
+    <h3>Typische Betriebsmittel der Krananlage</h3>
+    <p class="lead">Eine Kransteuerung besteht aus mehreren Bedien- und Schaltelementen, die über Schütze auf den Antriebsmotor wirken:</p>
  </div>
  <ul class="signal-list">
-    <li><span class="icon">🔑</span><div><span class="sig-name">-S1 Schlüsselschalter</span> → Inbetriebnahme der Steuerung</div></li>
-    <li><span class="icon">⬆️</span><div><span class="sig-name">-S2 Taster AUF</span> → Motor M1 Seilwinde aufwärts (Tippbetrieb)</div></li>
-    <li><span class="icon">⬇️</span><div><span class="sig-name">-S3 Taster AB</span> → Motor M1 Seilwinde abwärts (Tippbetrieb)</div></li>
-    <li><span class="icon">🔴</span><div><span class="sig-name">-S0 NOT-HALT</span> → Sofortstillstand bei Gefahr</div></li>
    <li><span class="icon">⚡</span><div><span class="sig-name">-Q1 Hauptschalter</span> → Energieversorgung des gesamten Krans</div></li>
+    <li><span class="icon">🔑</span><div><span class="sig-name">-S1 Schlüsselschalter</span> → Inbetriebnahme der Steuerung</div></li>
+    <li><span class="icon">⬆️</span><div><span class="sig-name">-S2 Taster AUF</span> → Motor Seilwinde aufwärts (Tippbetrieb)</div></li>
+    <li><span class="icon">⬇️</span><div><span class="sig-name">-S3 Taster AB</span> → Motor Seilwinde abwärts (Tippbetrieb)</div></li>
+    <li><span class="icon">🔴</span><div><span class="sig-name">-S0 NOT-HALT</span> → Sofortstillstand bei Gefahr</div></li>
  </ul>

-  <div class="subtask">
-    <h3>Aufgabe 8.1 — Austausch von -K1</h3>
-  </div>
-  <div class="card card-green">
-    <h3 class="card-title">Beim Austausch von -K1 beachten:</h3>
-    <ul class="vs-list green">
-      <li>Passendes Ersatzschütz verwenden (gleiche Spulenspannung, gleiche Gebrauchskategorie, gleiche Kontaktzahl)</li>
-      <li>Spannungsversorgung vorher abschalten (Fünf Sicherheitsregeln!)</li>
-    </ul>
-  </div>
-
-  <div class="subtask">
-    <h3>Aufgabe 8.2 — Schützauswahl A, B oder C</h3>
-    <p class="lead">Welches Schütz (A, B oder C) ist geeignet?</p>
-  </div>
-
-  <div class="grid-3">
-    <div class="card card-red">
-      <h3 class="card-title">❌ Schütz A — Nicht geeignet</h3>
-      <p class="card-body">Spulenspannung 230V AC — passt nicht zur 24V DC Steuerung</p>
-    </div>
-    <div class="card card-green">
-      <h3 class="card-title">✅ Schütz B — Geeignet</h3>
-      <p class="card-body">Spulenspannung DC 24V ✓, besitzt Schließerkontakt (NO) ✓</p>
-    </div>
-    <div class="card card-green">
-      <h3 class="card-title">✅ Schütz C — Geeignet</h3>
-      <p class="card-body">Spulenspannung DC 24V ✓, besitzt Schließerkontakt (NO) ✓</p>
-    </div>
-  </div>
-
-  <div class="img-placeholder" style="margin-top:1.25rem">
-    <span class="ph-icon">📷</span>
-    <p class="ph-title">Schütze A, B und C — Vergleich (Siemens SIRIUS)</p>
-    <p class="ph-hint">Foto aus deinem Unterrichtsbaustein zum Hebekran, Seite 11</p>
-  </div>
-
-  <div class="subtask">
-    <h3>Aufgabe 8.3 — NC und NO</h3>
-  </div>
-  <div class="grid-2">
-    <div class="card card-amber">
-      <h3 class="card-title">NC — Normally Closed</h3>
-      <p class="card-body">NC steht für <em>Normally Closed</em> — im Ruhezustand geschlossen. Das entspricht einem <strong>Öffner-Kontakt</strong>.</p>
-    </div>
-    <div class="card card-green">
-      <h3 class="card-title">NO — Normally Open</h3>
-      <p class="card-body">NO steht für <em>Normally Open</em> — im Ruhezustand offen. Das entspricht einem <strong>Schließer-Kontakt</strong>.</p>
-    </div>
-  </div>
-
-  <div class="subtask">
-    <h3>Aufgabe 8.4 — Galvanische Trennung am Hebekran</h3>
-  </div>
  <div class="info-box">
-    Die beiden Stromkreise sind elektrisch voneinander getrennt, aber durch die elektromagnetischen Schalter besteht eine Verbindung zwischen den Stromkreisen.
-  </div>
-
-  <div class="subtask">
-    <h3>Aufgabe 8.5 — Gebrauchskategorie</h3>
-  </div>
-  <div class="warn-box">
-    Das Ersatz-Schütz mit Gebrauchskategorie <strong>AC-3</strong> kann NICHT verwendet werden — AC-3 ist nicht für dauernden Tippbetrieb geeignet. Für Tippbetrieb wird <strong>AC-4</strong> benötigt.
+    Die Steuerung des Krans ist ein gutes Beispiel für die <strong>Galvanische Trennung</strong>: Bediener arbeiten mit ungefährlicher Steuerspannung (z.B. DC 24V), während die Motoren über Schütze mit der hohen Lastspannung (z.B. AC 400V) versorgt werden. Verbunden sind beide Kreise nur über das Magnetfeld der Schützspulen.
  </div>
 </section>

 <!-- ═══════════════════════════════════ QUIZ ═══════════════════════════════════ -->
 <section id="quiz" class="section reveal alt-bg">
  <h2 class="section-head">Wissens-Check</h2>
-  <p class="section-sub">Acht Fragen aus dem Unterrichtsbaustein — sofortiges Feedback nach jeder Antwort.</p>
+  <p class="section-sub">Acht allgemeine Fragen rund um Relais, Schütz und Steuerungstechnik — sofortiges Feedback nach jeder Antwort.</p>
  <div id="quiz-box"></div>
  <div style="text-align:center;margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center">
    <button type="button" class="btn" onclick="auswerten()">Auswerten</button>