Einschätzung KI-Kompetenz/title> <link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Playfair+Display:wght@600&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet"> <style> :root { --ink:#1a1a18;--paper:#f5f2ec;--card:#fff;--rule:#d5d0c5;--muted:#888880; --accent:#2a4a8a;--accent-soft:#e8edf7; --block-a:#2a5c3f;--block-a-soft:#e8f2ec; --block-b:#7a3a2a;--block-b-soft:#f5ece8; --block-c:#5a3a7a;--block-c-soft:#f0eaf7; --block-d:#0a5a7a;--block-d-soft:#e0eff7; --level-1:#5a6a2a;--level-1-soft:#f2f5e0; --level-2:#7a5a10;--level-2-soft:#fdf4e0; --level-3:#6a2a5a;--level-3-soft:#f7e8f2; --correct:#2a7a50;--correct-bg:#eaf5ee;--correct-border:#a0d8b8; --wrong:#9a2a2a;--wrong-bg:#faeaea;--wrong-border:#d8a0a0; } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0;} body{font-family:'DM Sans',sans-serif;background:var(--paper);color:var(--ink);line-height:1.65;font-size:15px;} a{color:var(--accent);} .site-header{border-bottom:2px solid var(--ink);padding:1.8rem 2rem 1.4rem;max-width:820px;margin:0 auto;} .eyebrow{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem;} .site-header h1{font-family:'Playfair Display',serif;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.15;margin-bottom:.4rem;} .header-meta{font-size:12px;color:var(--muted);display:flex;gap:1rem;flex-wrap:wrap;} .header-meta span::before{content:"· ";} .header-meta span:first-child::before{content:"";} .main{max-width:820px;margin:0 auto;padding:1.8rem 2rem 4rem;} /* SETUP */ .setup-card{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:2rem;max-width:560px;margin:0 auto;} .setup-card h2{font-family:'Playfair Display',serif;font-size:1.3rem;margin-bottom:.6rem;} .setup-desc{font-size:13px;color:var(--muted);margin-bottom:1.4rem;line-height:1.6;} .field-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:.35rem;} .setup-input{width:100%;border:1px solid var(--rule);border-radius:8px;padding:.6rem .9rem;font-family:'DM Sans',sans-serif;font-size:14px;background:var(--paper);outline:none;color:var(--ink);transition:border-color .15s;} .setup-input:focus{border-color:var(--ink);} .block-legend{margin-top:1.2rem;border:1px solid var(--rule);border-radius:10px;overflow:hidden;} .block-legend-title{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:.6rem .9rem;background:var(--paper);border-bottom:1px solid var(--rule);} .block-row{display:flex;align-items:flex-start;gap:.8rem;padding:.6rem .9rem;border-bottom:1px solid var(--rule);} .block-row:last-child{border-bottom:none;} .block-badge{font-family:'DM Mono',monospace;font-size:10px;font-weight:500;padding:3px 10px;border-radius:100px;white-space:nowrap;margin-top:1px;} .badge-a{background:var(--block-a-soft);color:var(--block-a);} .badge-b{background:var(--block-b-soft);color:var(--block-b);} .badge-c{background:var(--block-c-soft);color:var(--block-c);} .badge-d{background:var(--block-d-soft);color:var(--block-d);} .block-row-text{font-size:12px;color:var(--ink);font-weight:500;} .block-row-sub{font-size:11px;color:var(--muted);} .level-legend{margin-top:.8rem;display:flex;gap:.5rem;flex-wrap:wrap;} .level-pill{font-family:'DM Mono',monospace;font-size:10px;padding:3px 10px;border-radius:100px;} .lp1{background:var(--level-1-soft);color:var(--level-1);} .lp2{background:var(--level-2-soft);color:var(--level-2);} .lp3{background:var(--level-3-soft);color:var(--level-3);} .btn-start{width:100%;padding:.75rem;background:var(--ink);color:#fff;border:none;border-radius:8px;font-family:'DM Sans',sans-serif;font-size:15px;font-weight:500;cursor:pointer;margin-top:1.2rem;transition:background .15s;} .btn-start:hover{background:#333;} .btn-start:disabled{background:#aaa;cursor:not-allowed;} /* PROGRESS */ .progress-bar{height:3px;background:var(--rule);border-radius:2px;margin-bottom:1.2rem;} .progress-fill{height:100%;background:var(--ink);border-radius:2px;transition:width .3s;} .progress-label{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted);margin-bottom:.5rem;} /* BLOCK DIVIDER */ .block-divider{display:flex;align-items:center;gap:.8rem;margin:1.8rem 0 1rem;} .block-divider-badge{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;padding:4px 14px;border-radius:100px;white-space:nowrap;} .block-divider-line{flex:1;height:1px;background:var(--rule);} .block-divider-title{font-size:13px;color:var(--muted);} /* QUESTION */ .q-card{background:var(--card);border:1px solid var(--rule);border-radius:12px;padding:1.5rem;margin-bottom:1rem;} .q-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;flex-wrap:wrap;} .q-num{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);} .level-tag{font-family:'DM Mono',monospace;font-size:10px;padding:3px 10px;border-radius:100px;} .lt1{background:var(--level-1-soft);color:var(--level-1);} .lt2{background:var(--level-2-soft);color:var(--level-2);} .lt3{background:var(--level-3-soft);color:var(--level-3);} .q-text{font-size:15px;font-weight:500;line-height:1.55;margin-bottom:.5rem;} .q-hint{font-size:12px;color:var(--muted);margin-bottom:.9rem;font-style:italic;} /* OPTIONS */ .opt-list{display:flex;flex-direction:column;gap:.5rem;} .opt{display:flex;align-items:flex-start;gap:.7rem;padding:.75rem 1rem;border:1px solid var(--rule);border-radius:8px;cursor:pointer;background:#fdfdfb;transition:all .12s;-webkit-user-select:none;user-select:none;} .opt:hover:not(.disabled){border-color:#888;background:#f5f2ec;} .opt.selected{background:var(--accent-soft);border-color:#8090b8;} .opt.disabled{cursor:default;} .opt.correct-sel{background:var(--correct-bg);border-color:var(--correct-border);} .opt.wrong-sel{background:var(--wrong-bg);border-color:var(--wrong-border);} .opt.missed{background:var(--wrong-bg);border-color:var(--wrong-border);} .opt-cb{width:18px;height:18px;min-width:18px;border:1.5px solid #bbb;border-radius:4px;flex-shrink:0;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:all .12s;} .opt-cb.chk{background:var(--ink);border-color:var(--ink);} .opt-cb.chk::after{content:'';display:block;width:8px;height:8px;background:#fff;border-radius:2px;} .opt.correct-sel .opt-cb{background:var(--correct);border-color:var(--correct);} .opt.correct-sel .opt-cb::after{content:'✓';color:#fff;font-size:11px;background:none;width:auto;height:auto;} .opt.wrong-sel .opt-cb{background:var(--wrong);border-color:var(--wrong);} .opt.wrong-sel .opt-cb::after{content:'✗';color:#fff;font-size:11px;background:none;width:auto;height:auto;} .opt.missed .opt-cb{background:var(--wrong);border-color:var(--wrong);} .opt.missed .opt-cb::after{content:'→';color:#fff;font-size:11px;background:none;width:auto;height:auto;} .opt-letter{font-family:'DM Mono',monospace;font-size:12px;color:var(--muted);min-width:16px;flex-shrink:0;margin-top:2px;} .opt-text{font-size:14px;line-height:1.5;} /* FEEDBACK */ .feedback{border-radius:8px;padding:.9rem 1.1rem;margin-top:.9rem;} .feedback.fb-ok{background:var(--correct-bg);border:1px solid var(--correct-border);} .feedback.fb-wrong{background:var(--wrong-bg);border:1px solid var(--wrong-border);} .feedback.fb-partial{background:#fdf8e8;border:1px solid #e0c870;} .fb-title{font-weight:500;font-size:14px;margin-bottom:.4rem;} .fb-ok .fb-title{color:var(--correct);} .fb-wrong .fb-title{color:var(--wrong);} .fb-partial .fb-title{color:#7a5a00;} .fb-text{font-size:13px;line-height:1.65;color:#444;margin-bottom:.5rem;} .fb-source{font-size:12px;color:var(--muted);border-top:1px solid var(--rule);padding-top:.5rem;} /* BUTTONS */ .btn{display:inline-flex;align-items:center;padding:.55rem 1.2rem;border:1px solid var(--rule);border-radius:8px;background:none;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;cursor:pointer;color:var(--ink);transition:all .15s;} .btn:hover{background:var(--paper);} .btn-full{width:100%;justify-content:center;padding:.7rem;font-size:15px;margin-top:1rem;} .btn-submit{background:#2a5c3f;color:#fff;border-color:#2a5c3f;} .btn-submit:hover{background:#1e4530;} .btn-submit:disabled{background:#aaa;border-color:#aaa;cursor:not-allowed;} /* RESULTS */ .result-block{max-width:620px;margin:0 auto;text-align:center;} .result-grade{font-family:'Playfair Display',serif;font-size:4rem;line-height:1;margin-bottom:.3rem;} .result-label{font-size:1.1rem;font-weight:500;margin-bottom:.3rem;} .result-sub{font-size:13px;color:var(--muted);margin-bottom:1.5rem;} .stats-row{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1.5rem;} .stat{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:.8rem 1rem;text-align:center;min-width:80px;} .stat-n{font-size:1.6rem;font-weight:500;} .stat-l{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.3;} /* COMP PROFILE */ .comp-section{text-align:left;margin-bottom:1.5rem;} .comp-section-title{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:.9rem;} .comp-block-row{margin-bottom:1.2rem;} .comp-block-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;flex-wrap:wrap;} .comp-block-label{font-size:12px;color:var(--muted);} .comp-block-score{margin-left:auto;font-size:12px;color:var(--muted);} .comp-levels{display:flex;gap:.5rem;margin-bottom:.3rem;} .comp-level-cell{flex:1;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:11px;font-weight:500;} .cl-full{background:var(--correct);color:#fff;} .cl-partial{background:#c08020;color:#fff;} .cl-zero{background:var(--wrong-bg);border:1px solid var(--wrong-border);color:var(--wrong);} .comp-level-labels{display:flex;gap:.5rem;} .comp-level-lbl{flex:1;font-family:'DM Mono',monospace;font-size:9px;text-align:center;color:var(--muted);} .submit-status{display:none;font-size:12px;margin-top:.5rem;padding:.4rem .8rem;border-radius:6px;} .submit-status.sending{display:block;background:#fffbe8;color:#806a00;border:1px solid #d0c060;} .submit-status.success{display:block;background:var(--correct-bg);color:var(--correct);border:1px solid var(--correct-border);} </style> </head> <body> <header class="site-header"> <div class="eyebrow">TÜV Rheinland · Modul 764 · Selbsteinschätzung</div> <h1>Einschätzung<br>KI-Kompetenz</h1> <div class="header-meta"> <span>12 Fragen · 4 Themenblöcke</span> <span>Je 3 Stufen: Level 1 · 2 · 3</span> <span>ca. 10–15 Minuten</span> </div> </header> <main class="main">  <div id="setup-section"> <div class="setup-card"> <h2>Wie fit sind Sie bei KI?</h2> <p class="setup-desc">Dieser Test gibt Ihnen — und dem Kurs — eine erste Orientierung über Ihren KI-Kenntnisstand. Es gibt kein Richtig oder Falsch als Wertung: das Ergebnis hilft, den Unterricht optimal auf Ihre Gruppe abzustimmen.</p> <span class="field-label">Ihr Name (oder Teilnehmer-Nummer)</span> <input type="text" id="participant-name" class="setup-input" placeholder="z. B. Maria M. oder TN-12" oninput="checkReady()"> <div class="level-legend"> <span class="level-pill lp1">Level 1 · Einsteiger</span> <span class="level-pill lp2">Level 2 · Grundkenntnisse</span> <span class="level-pill lp3">Level 3 · Fortgeschritten</span> </div> <div class="block-legend"> <div class="block-legend-title">4 Themenblöcke · je 3 Fragen (L1 / L2 / L3)</div> <div class="block-row"><span class="block-badge badge-a">Block A</span> <div><div class="block-row-text">KI-Grundlagen & Technologie</div> <div class="block-row-sub">Modelle, Typen, Funktionsprinzipien</div></div></div> <div class="block-row"><span class="block-badge badge-b">Block B</span> <div><div class="block-row-text">Recht & Compliance</div> <div class="block-row-sub">EU AI Act · DSGVO · Betreiberpflichten</div></div></div> <div class="block-row"><span class="block-badge badge-c">Block C</span> <div><div class="block-row-text">Risikomanagement & Governance</div> <div class="block-row-sub">Risikobewertung · ISO/IEC 42001 · KI-Inventar</div></div></div> <div class="block-row"><span class="block-badge badge-d">Block D</span> <div><div class="block-row-text">Strategie, Change & Schulung</div> <div class="block-row-sub">KI-Beauftragter-Rolle · Change · Art. 4 KI-VO</div></div></div> </div> <button class="btn-start" id="btn-start" onclick="startQuiz()" disabled>Test starten →</button> </div> </div>  <div id="quiz-section" style="display:none"> <div class="progress-label" id="progress-label"></div> <div class="progress-bar"><div class="progress-fill" id="progress-fill" style="width:0%"></div></div> <div id="questions-container"></div> <div style="margin-top:1.5rem"> <button class="btn btn-submit btn-full" id="btn-submit" onclick="submitQuiz()" disabled>Auswertung anzeigen →</button> </div> <div class="submit-status" id="submit-status"></div> </div>  <div id="results-section" style="display:none"> <div class="result-block"> <div class="result-grade" id="result-grade"></div> <div class="result-label" id="result-label"></div> <div class="result-sub" id="result-sub"></div> <div class="stats-row" id="stats-row"></div> <div class="comp-section"> <div class="comp-section-title">Kompetenzprofil — Ergebnis je Block & Level</div> <div id="comp-bars"></div> </div> <div style="margin-top:.8rem;display:flex;justify-content:center;"> <button class="btn" onclick="location.reload()">Neu starten</button> </div> </div> <hr style="border:none;border-top:1px solid var(--rule);margin:2rem 0"> <h2 style="font-family:'Playfair Display',serif;font-size:1.2rem;margin-bottom:1rem">Detailauswertung</h2> <div id="review-container"></div> </div> </main> <script> var APPS_SCRIPT_URL = 'https://script.google.com/macros/s/AKfycbwTfP8ygOun58rmvY9hQXFmPEgVyxppQGEPYjar1e78N6uanaGHuzBNOyU5P4kgvmz7/exec'; /* ═══════ FRAGENBANK ════════════════════════════════════════════ Level 1 → 1 richtige · Level 2 → 2 richtige · Level 3 → 3 richtige ══════════════════════════════════════════════════════════════════ */ var ALL_QUESTIONS = [ /* BLOCK A */ {block:'A',level:1, q:'Was ist künstliche Intelligenz (KI) im einfachsten Sinne?', opts:['Computersysteme, die Aufgaben ausführen, die normalerweise menschliche Intelligenz erfordern', 'Ein Betriebssystem, das ausschließlich auf Apple-Geräten läuft', 'Eine Programmiersprache für wissenschaftliche Berechnungen', 'Ein Netzwerkprotokoll zur sicheren Datenübertragung'], correct:[0], exp:'KI bezeichnet Computersysteme, die Aufgaben ausführen, die typischerweise menschliche Intelligenz erfordern — wie Spracherkennung, Bildverarbeitung oder Entscheidungsfindung. Die anderen Optionen beschreiben unverwandte Technologien.', src:'KI-VO Art. 3 Nr. 1', url:'https://artificialintelligenceact.eu/article/3/'}, {block:'A',level:2, q:'Welche Aussagen beschreiben den Unterschied zwischen Machine Learning und klassischer Programmierung korrekt?', opts:['Klassische Programmierung folgt explizit definierten Regeln; ML lernt Regeln aus Daten', 'ML-Modelle benötigen Trainingsdaten, um Muster zu erkennen', 'Klassische Programme können niemals Fehler machen', 'ML ist immer präziser als klassische Programmierung'], correct:[0,1], exp:'Der Kernunterschied: Klassische Programmierung folgt explizit kodierten Regeln (A), während ML Muster aus Trainingsdaten extrahiert (B). Option C ist falsch — klassische Programme machen Fehler. Option D ist falsch — ML kann bei unbekannten Daten unzuverlässiger sein.', src:'NIST AI RMF', url:'https://airc.nist.gov/RMF'}, {block:'A',level:3, q:'Welche Eigenschaften treffen auf Large Language Models (LLMs) wie GPT oder Claude zu?', opts:['LLMs können sachlich falsche Aussagen mit scheinbarer Überzeugungskraft generieren (Halluzination)', 'Ihre Ausgaben können bei identischer Eingabe variieren (Nicht-Determinismus)', 'LLMs verfügen über echtes Verständnis und Bewusstsein', 'LLMs sind auf die Inhalte ihres Trainingsdatensatzes beschränkt und kennen keine neueren Ereignisse'], correct:[0,1,3], exp:'Halluzination (A) und Nicht-Determinismus (B) sind dokumentierte Eigenschaften von LLMs. Die Wissensbeschränkung auf Trainingsdaten (D) ist real. Option C ist falsch: LLMs simulieren Sprache statistisch — echtes Verständnis oder Bewusstsein ist nicht vorhanden.', src:'NIST AI RMF — Trustworthiness', url:'https://airc.nist.gov/RMF'}, /* BLOCK B */ {block:'B',level:1, q:'Was ist das zentrale Ziel des EU AI Acts (Verordnung 2024/1689)?', opts:['KI-Systeme in der EU nach ihrem Risiko für Menschen zu regulieren', 'Alle KI-Systeme in der EU zu verbieten', 'Einen einheitlichen KI-Entwicklungsstandard für europäische Softwareunternehmen festzulegen', 'Die Besteuerung von KI-Unternehmen europaweit zu vereinheitlichen'], correct:[0], exp:'Der EU AI Act verfolgt einen risikobasierten Ansatz: Je höher das Risiko eines KI-Systems, desto strengere Anforderungen gelten. Er verbietet keine KI generell und regelt weder Entwicklungsstandards noch Steuerfragen.', src:'EU AI Act — EUR-Lex', url:'https://eur-lex.europa.eu/legal-content/DE/TXT/?uri=OJ:L_202401689'}, {block:'B',level:2, q:'Welche Pflichten hat ein Unternehmen als Betreiber (Deployer) eines Hochrisiko-KI-Systems?', opts:['Sicherstellen, dass qualifizierte Mitarbeitende das System mit menschlicher Aufsicht betreiben', 'Protokolldaten (Logs) für Behördenanfragen aufbewahren', 'Das KI-System selbst entwickeln und als Anbieter bei der EU registrieren', 'Alle KI-Entscheidungen ohne menschliche Überprüfung automatisch umsetzen'], correct:[0,1], exp:'Betreiber müssen menschliche Aufsicht sicherstellen (A/Art. 26 KI-VO) und Protokolldaten aufbewahren (B/Art. 19 KI-VO). Entwicklung und Anbieter-Registrierung (C) ist eine Anbieterpflicht. Option D widerspricht dem Gebot der menschlichen Aufsicht.', src:'KI-VO Art. 26', url:'https://artificialintelligenceact.eu/article/26/'}, {block:'B',level:3, q:'Welche Aussagen zum Zusammenspiel von DSGVO und EU AI Act sind korrekt?', opts:['Beide Regelwerke können gleichzeitig auf dasselbe KI-System anwendbar sein', 'Die DSGVO schützt personenbezogene Daten; der EU AI Act reguliert Produktsicherheit und Risiken', 'Bei KI-Systemen, die Gesundheitsdaten verarbeiten, ist in der Regel eine DSFA nach Art. 35 DSGVO erforderlich', 'Der EU AI Act ersetzt die DSGVO vollständig für alle KI-Anwendungen ab 2026'], correct:[0,1,2], exp:'DSGVO und KI-VO gelten gleichzeitig (A) und verfolgen unterschiedliche Schutzziele (B). Bei Hochrisiko-KI mit Gesundheitsdaten ist eine DSFA nach Art. 35 DSGVO in der Regel verpflichtend (C). Option D ist falsch: der EU AI Act ersetzt die DSGVO nicht.', src:'DSGVO Art. 35 / KI-VO Erwägungsgrund 10', url:'https://eur-lex.europa.eu/legal-content/DE/TXT/?uri=OJ:L_202401689'}, /* BLOCK C */ {block:'C',level:1, q:'Was versteht man unter einem "KI-Risiko"?', opts:['Die Möglichkeit, dass ein KI-System unerwünschte oder schädliche Auswirkungen hat', 'Die Kosten für die Anschaffung von KI-Software', 'Die Wahrscheinlichkeit, dass ein KI-Projekt das Budget überschreitet', 'Der Stromverbrauch eines KI-Rechenzentrums'], correct:[0], exp:'Ein KI-Risiko bezeichnet die Möglichkeit, dass ein KI-System unerwünschte oder schädliche Auswirkungen auf Menschen, Organisationen oder die Gesellschaft hat. Kosten, Budget und Energieverbrauch sind relevante Managementthemen, aber keine Risiken im Sinne des KI-Risikomanagements.', src:'KI-VO Art. 9 / NIST AI RMF', url:'https://airc.nist.gov/RMF'}, {block:'C',level:2, q:'Welche Elemente sind Bestandteil einer Risikobewertung für KI-Systeme?', opts:['Identifikation möglicher Schäden und betroffener Personengruppen', 'Bewertung der Eintrittswahrscheinlichkeit und des Schadensausmaßes', 'Festlegung des Gehaltsniveaus für KI-Entwickler', 'Erstellung eines Marketingplans für das KI-System'], correct:[0,1], exp:'Eine Risikobewertung umfasst die Identifikation von Schäden und Betroffenen (A) sowie die Bewertung von Eintrittswahrscheinlichkeit und Schadensausmaß (B) — das klassische Risikomatrix-Prinzip nach ISO 31000 und Art. 9 KI-VO. Gehaltsfragen und Marketingpläne gehören nicht dazu.', src:'KI-VO Art. 9 / ISO 31000', url:'https://artificialintelligenceact.eu/article/9/'}, {block:'C',level:3, q:'Welche Aussagen zu KI-Governance und ISO/IEC 42001 sind korrekt?', opts:['ISO/IEC 42001 beschreibt Anforderungen an ein KI-Managementsystem (AIMS) für Organisationen', 'Ein KI-Inventar dokumentiert alle eingesetzten KI-Systeme mit Risikoklassen und Verantwortlichen', 'ISO/IEC 42001 gilt ausschließlich für KI-Anbieter — Unternehmen, die KI nur nutzen, sind nicht betroffen', 'Gute KI-Governance umfasst klare Verantwortlichkeiten, regelmäßige Überprüfungen und dokumentierte Prozesse'], correct:[0,1,3], exp:'ISO/IEC 42001 definiert Anforderungen an ein AIMS (A) für alle Organisationen, die KI entwickeln oder einsetzen — nicht nur Anbieter (C ist falsch). Ein KI-Inventar (B) ist ein zentrales Governance-Instrument. Verantwortlichkeiten, Überprüfungen und Prozesse (D) sind Kernelemente jeder KI-Governance.', src:'ISO/IEC 42001:2023', url:'https://www.iso.org/standard/81230.html'}, /* BLOCK D */ {block:'D',level:1, q:'Wofür ist ein KI-Beauftragter in einem Unternehmen hauptsächlich zuständig?', opts:['Für die verantwortungsvolle Steuerung und Überwachung des KI-Einsatzes im Unternehmen', 'Für die eigenständige Programmierung aller KI-Algorithmen', 'Für den Einkauf von IT-Hardware und Softwarelizenzen', 'Für die Genehmigung aller Urlaubsanträge der IT-Abteilung'], correct:[0], exp:'Der KI-Beauftragte ist eine Governance- und Koordinationsfunktion: Er stellt sicher, dass KI im Unternehmen verantwortungsvoll, regelkonform und strategisch eingesetzt wird. Programmierung, Einkauf und Personalverwaltung sind keine Kernaufgaben dieser Rolle.', src:'KI-VO Art. 26', url:'https://artificialintelligenceact.eu/article/26/'}, {block:'D',level:2, q:'Welche Faktoren sind entscheidend für die erfolgreiche Einführung von KI in einem Unternehmen?', opts:['Frühzeitige und transparente Kommunikation mit den betroffenen Mitarbeitenden', 'Aktive Einbindung der Mitarbeitenden und Adressierung ihrer Bedenken', 'Vollständige Geheimhaltung des Projekts bis zur Systemeinführung', 'Ausschließlicher Fokus auf technische Implementierung ohne Change-Management'], correct:[0,1], exp:'Transparente Kommunikation (A) und Mitarbeitendeneinbindung (B) sind die am stärksten belegten Erfolgsfaktoren für KI-Akzeptanz. Geheimhaltung (C) erzeugt Misstrauen. Der rein technische Fokus ohne Change-Management (D) ist eine der häufigsten Ursachen für gescheiterte KI-Projekte.', src:'Dyck/Spann – KI in der Führung, S. 109–124 (Haufe 2025)', url:'https://www.haufe.de/isbn/9783648184745'}, {block:'D',level:3, q:'Welche Aussagen zu Art. 4 KI-VO und KI-Kompetenzentwicklung im Unternehmen sind korrekt?', opts:['Art. 4 KI-VO verpflichtet Betreiber, ausreichende KI-Kompetenz aller relevanten Mitarbeitenden sicherzustellen', 'Schulungen müssen auf den konkreten KI-Nutzungskontext der jeweiligen Zielgruppe zugeschnitten sein', 'Eine einmalige Einführungsschulung erfüllt die Anforderungen von Art. 4 KI-VO dauerhaft', 'KI-Kompetenzentwicklung ist ein kontinuierlicher Prozess, der sich mit dem KI-Einsatz weiterentwickeln muss'], correct:[0,1,3], exp:'Art. 4 KI-VO verpflichtet Betreiber zur Kompetenzentwicklung (A) — zielgruppenspezifisch (B) und kontinuierlich (D). Option C ist falsch: Eine einmalige Schulung reicht nicht, da sich KI-Systeme, Regelwerke und Risiken laufend weiterentwickeln.', src:'KI-VO Art. 4', url:'https://artificialintelligenceact.eu/article/4/'} ]; /* ═══════ META ══════════════════════════════════════════════════ */ var BLOCK_META = { A:{label:'Block A',title:'KI-Grundlagen & Technologie',cls:'badge-a'}, B:{label:'Block B',title:'Recht & Compliance',cls:'badge-b'}, C:{label:'Block C',title:'Risikomanagement & Governance',cls:'badge-c'}, D:{label:'Block D',title:'Strategie, Change & Schulung',cls:'badge-d'} }; var LEVEL_META = { 1:{tag:'Level 1 · Einsteiger',cls:'lt1'}, 2:{tag:'Level 2 · Grundkenntnisse',cls:'lt2'}, 3:{tag:'Level 3 · Fortgeschritten',cls:'lt3'} }; /* ═══════ STATE ═════════════════════════════════════════════════ */ var S={name:'',questions:[],selections:[],submitted:false}; function checkReady(){ document.getElementById('btn-start').disabled= document.getElementById('participant-name').value.trim().length===0; } function shuffle(arr){ var a=arr.slice(); for(var i=a.length-1;i>0;i--){var j=Math.floor(Math.random()*(i+1));var t=a[i];a[i]=a[j];a[j]=t;} return a; } function shuffleQ(q){ var idx=shuffle([0,1,2,3]); return Object.assign({},q,{ opts:idx.map(function(i){return q.opts[i];}), correct:q.correct.map(function(c){return idx.indexOf(c);}) }); } function startQuiz(){ S.name=document.getElementById('participant-name').value.trim(); S.questions=ALL_QUESTIONS.map(shuffleQ); S.selections=S.questions.map(function(){return [];}); S.submitted=false; document.getElementById('setup-section').style.display='none'; document.getElementById('quiz-section').style.display='block'; renderQuestions(); window.scrollTo({top:0,behavior:'smooth'}); } /* ═══════ RENDER ════════════════════════════════════════════════ */ function renderQuestions(){ var c=document.getElementById('questions-container'); c.innerHTML=''; var total=S.questions.length, lastBlock=null; S.questions.forEach(function(q,qi){ if(q.block!==lastBlock){ lastBlock=q.block; var m=BLOCK_META[q.block]; var d=document.createElement('div'); d.className='block-divider'; d.innerHTML='<span class="block-badge block-divider-badge '+m.cls+'">'+m.label+'</span>' +'<div class="block-divider-line"></div>' +'<span class="block-divider-title">'+m.title+'</span>'; c.appendChild(d); } var card=document.createElement('div'); card.className='q-card';card.id='qcard-'+qi; var lm=LEVEL_META[q.level]; var hdr=document.createElement('div');hdr.className='q-card-header'; hdr.innerHTML='<span class="q-num">Frage '+(qi+1)+' von '+total+'</span>' +'<span class="level-tag '+lm.cls+'">'+lm.tag+'</span>'; card.appendChild(hdr); var qEl=document.createElement('div');qEl.className='q-text';qEl.textContent=q.q;card.appendChild(qEl); var hint=document.createElement('div');hint.className='q-hint'; hint.textContent=q.correct.length===1?'Eine Antwort ist richtig.':'Eine oder mehrere Antworten können richtig sein.'; card.appendChild(hint); var ol=document.createElement('div');ol.className='opt-list'; ['A','B','C','D'].forEach(function(ltr,oi){ var row=document.createElement('div');row.className='opt';row.id='opt-'+qi+'-'+oi; row.onclick=(function(a,b){return function(){toggleOpt(a,b);};})(qi,oi); var cb=document.createElement('div');cb.className='opt-cb';cb.id='cb-'+qi+'-'+oi; var lt=document.createElement('div');lt.className='opt-letter';lt.textContent=ltr+'.'; var tx=document.createElement('div');tx.className='opt-text';tx.textContent=q.opts[oi]; row.appendChild(cb);row.appendChild(lt);row.appendChild(tx); ol.appendChild(row); }); card.appendChild(ol); var fb=document.createElement('div');fb.id='fb-'+qi;card.appendChild(fb); c.appendChild(card); }); updateProgress(); } function toggleOpt(qi,oi){ if(S.submitted) return; var sel=S.selections[qi]; var pos=sel.indexOf(oi); if(pos>=0) sel.splice(pos,1); else sel.push(oi); document.getElementById('cb-'+qi+'-'+oi).className='opt-cb'+(sel.indexOf(oi)>=0?' chk':''); document.getElementById('opt-'+qi+'-'+oi).className='opt'+(sel.indexOf(oi)>=0?' selected':''); updateProgress(); document.getElementById('btn-submit').disabled= S.selections.filter(function(s){return s.length>0;}).length<S.questions.length; } function updateProgress(){ var ans=S.selections.filter(function(s){return s.length>0;}).length; var tot=S.questions.length; document.getElementById('progress-fill').style.width=Math.round(ans/tot*100)+'%'; document.getElementById('progress-label').textContent=ans+' von '+tot+' Fragen beantwortet'; } /* ═══════ SCORING ═══════════════════════════════════════════════ */ function partialScore(qi){ var q=S.questions[qi],sel=S.selections[qi]; var hit=sel.filter(function(o){return q.correct.indexOf(o)>=0;}).length; var mis=sel.filter(function(o){return q.correct.indexOf(o)<0;}).length; return Math.max(0,(hit-mis)/q.correct.length); } function partialLabel(qi){ var q=S.questions[qi],sel=S.selections[qi]; var hit=sel.filter(function(o){return q.correct.indexOf(o)>=0;}).length; var mis=sel.filter(function(o){return q.correct.indexOf(o)<0;}).length; var tot=q.correct.length; var isFull=sel.slice().sort().join(',')===q.correct.slice().sort().join(','); if(isFull) return {text:'✓ '+hit+'/'+tot+' Richtig',cls:'full'}; if(hit>0&&mis===0) return {text:hit+' von '+tot+' erkannt',cls:'partial'}; if(hit>0&&mis>0) return {text:hit+'/'+tot+' − '+mis+' Fehler',cls:'partial'}; return {text:'✗ 0/'+tot+' erkannt',cls:'zero'}; } /* ═══════ SUBMIT ════════════════════════════════════════════════ */ function submitQuiz(){ S.submitted=true; S.questions.forEach(function(q,qi){ q.opts.forEach(function(opt,oi){ var isSel=S.selections[qi].indexOf(oi)>=0; var isCorr=q.correct.indexOf(oi)>=0; var row=document.getElementById('opt-'+qi+'-'+oi); var cb=document.getElementById('cb-'+qi+'-'+oi); row.onclick=null; if(isSel&&isCorr){row.className='opt disabled correct-sel';cb.className='opt-cb';} else if(isSel&&!isCorr){row.className='opt disabled wrong-sel';cb.className='opt-cb';} else if(!isSel&&isCorr){row.className='opt disabled missed';cb.className='opt-cb';} else{row.className='opt disabled';} }); var pl=partialLabel(qi); var fbCls=pl.cls==='full'?'fb-ok':pl.cls==='partial'?'fb-partial':'fb-wrong'; document.getElementById('fb-'+qi).innerHTML= '<div class="feedback '+fbCls+'" style="margin-top:.7rem">' +'<div class="fb-title">'+pl.text+'</div>' +'<div class="fb-text">'+q.exp+'</div>' +'<div class="fb-source">Quelle: <a href="'+q.url+'" target="_blank">'+q.src+'</a></div>' +'</div>'; }); var full=S.questions.filter(function(q,i){ return S.selections[i].slice().sort().join(',')===q.correct.slice().sort().join(','); }).length; var partPct=Math.round(S.questions.reduce(function(a,q,i){return a+partialScore(i);},0)/S.questions.length*100); sendToSheets(full,partPct); showResults(full,partPct); } /* ═══════ RESULTS ═══════════════════════════════════════════════ */ function showResults(full,partPct){ var total=S.questions.length; var partial=S.questions.filter(function(q,i){ var ps=partialScore(i); return ps>0&&!(S.selections[i].slice().sort().join(',')===q.correct.slice().sort().join(',')); }).length; var zero=total-full-partial; var grade,label,sub; if(partPct>=85){grade='A';label='Sehr gut';sub='Fundiertes KI-Wissen über alle Themenblöcke hinweg.';} else if(partPct>=70){grade='B';label='Gut';sub='Solide Basis — einzelne Vertiefungsthemen erkennbar.';} else if(partPct>=50){grade='C';label='Ausbaufähig';sub='Gute Grundlagen in Teilen — der Kurs baut hier gezielt auf.';} else{grade='D';label='Einsteiger';sub='Der Kurs startet genau hier — Ihr Profil ist eine gute Orientierung.';} document.getElementById('result-grade').textContent=partPct+'%'; document.getElementById('result-label').textContent=label; document.getElementById('result-sub').textContent=sub; document.getElementById('stats-row').innerHTML= '<div class="stat"><div class="stat-n" style="color:var(--correct)">'+full+'</div><div class="stat-l">Vollständig<br>richtig</div></div>' +'<div class="stat"><div class="stat-n" style="color:#c08020">'+partial+'</div><div class="stat-l">Teilweise<br>richtig</div></div>' +'<div class="stat"><div class="stat-n" style="color:var(--wrong)">'+zero+'</div><div class="stat-l">Nicht<br>erkannt</div></div>' +'<div class="stat"><div class="stat-n">'+partPct+'%</div><div class="stat-l">Partial<br>Score</div></div>'; /* Kompetenzprofil: 3 Level-Zellen je Block */ var html=''; ['A','B','C','D'].forEach(function(b){ var m=BLOCK_META[b]; var bqs=S.questions.filter(function(q){return q.block===b;}); var cells='',lbls=''; bqs.forEach(function(q){ var qi=S.questions.indexOf(q); var ps=partialScore(qi); var isFull=S.selections[qi].slice().sort().join(',')===q.correct.slice().sort().join(','); var cls=isFull?'cl-full':ps>0?'cl-partial':'cl-zero'; var txt=isFull?'✓':ps>0?'~':'✗'; cells+='<div class="comp-level-cell '+cls+'">'+txt+'</div>'; lbls+='<div class="comp-level-lbl">L'+q.level+'</div>'; }); var bpct=Math.round(bqs.reduce(function(a,q){return a+partialScore(S.questions.indexOf(q));},0)/bqs.length*100); html+='<div class="comp-block-row">' +'<div class="comp-block-header">' +'<span class="block-badge '+m.cls+'">'+m.label+'</span>' +'<span class="comp-block-label">'+m.title+'</span>' +'<span class="comp-block-score">'+bpct+'%</span>' +'</div>' +'<div class="comp-levels">'+cells+'</div>' +'<div class="comp-level-labels">'+lbls+'</div>' +'</div>'; }); document.getElementById('comp-bars').innerHTML=html; renderReview(); document.getElementById('quiz-section').style.display='none'; document.getElementById('results-section').style.display='block'; window.scrollTo({top:0,behavior:'smooth'}); } /* ═══════ DETAIL REVIEW ═════════════════════════════════════════ */ function renderReview(){ var c=document.getElementById('review-container'); c.innerHTML=''; var lastBlock=null; S.questions.forEach(function(q,qi){ if(q.block!==lastBlock){ lastBlock=q.block; var m=BLOCK_META[q.block]; var d=document.createElement('div'); d.className='block-divider';d.style.marginTop='1.8rem'; d.innerHTML='<span class="block-badge block-divider-badge '+m.cls+'">'+m.label+'</span>' +'<div class="block-divider-line"></div>' +'<span class="block-divider-title">'+m.title+'</span>'; c.appendChild(d); } var pl=partialLabel(qi); var card=document.createElement('div');card.className='q-card';card.style.marginBottom='.8rem'; var lm=LEVEL_META[q.level]; var bc=pl.cls==='full'?'background:var(--correct-bg);color:var(--correct);' :pl.cls==='partial'?'background:#fdf8e0;color:#7a5a00;border:1px solid #e0c870;' :'background:var(--wrong-bg);color:var(--wrong);'; var hdr=document.createElement('div'); hdr.style.cssText='display:flex;gap:.6rem;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;'; hdr.innerHTML='<span class="q-num">Frage '+(qi+1)+'</span>' +'<span class="level-tag '+lm.cls+'">'+lm.tag+'</span>' +'<span style="font-size:12px;font-weight:500;padding:2px 10px;border-radius:100px;'+bc+'">'+pl.text+'</span>'; card.appendChild(hdr); var qEl=document.createElement('div');qEl.className='q-text';qEl.style.marginBottom='.7rem';qEl.textContent=q.q;card.appendChild(qEl); var ol=document.createElement('div');ol.className='opt-list'; ['A','B','C','D'].forEach(function(ltr,oi){ var isSel=S.selections[qi].indexOf(oi)>=0; var isCorr=q.correct.indexOf(oi)>=0; var row=document.createElement('div'); var cls='opt disabled'; if(isSel&&isCorr) cls+=' correct-sel'; else if(isSel&&!isCorr) cls+=' wrong-sel'; else if(!isSel&&isCorr) cls+=' missed'; row.className=cls; var cb=document.createElement('div');cb.className='opt-cb'+(isSel?' chk':''); var lt=document.createElement('div');lt.className='opt-letter';lt.textContent=ltr+'.'; var tx=document.createElement('div');tx.className='opt-text';tx.textContent=q.opts[oi]; row.appendChild(cb);row.appendChild(lt);row.appendChild(tx); ol.appendChild(row); }); card.appendChild(ol); var fbCls=pl.cls==='full'?'fb-ok':pl.cls==='partial'?'fb-partial':'fb-wrong'; var fb=document.createElement('div'); fb.innerHTML='<div class="feedback '+fbCls+'" style="margin-top:.7rem">' +'<div class="fb-title">'+pl.text+'</div>' +'<div class="fb-text">'+q.exp+'</div>' +'<div class="fb-source">Quelle: <a href="'+q.url+'" target="_blank">'+q.src+'</a></div>' +'</div>'; card.appendChild(fb); c.appendChild(card); }); } /* ═══════ SHEETS ════════════════════════════════════════════════ */ function calcBlockScores(){ var bs={}; ['A','B','C','D'].forEach(function(b){ var qs=S.questions.filter(function(q){return q.block===b;}); bs[b]=Math.round(qs.reduce(function(a,q){return a+partialScore(S.questions.indexOf(q));},0)/qs.length*100)+'%'; }); return bs; } function sendToSheets(full,partPct){ if(!APPS_SCRIPT_URL) return; var st=document.getElementById('submit-status'); st.className='submit-status sending';st.style.display='block';st.textContent='Ergebnis wird übermittelt...'; var bs=calcBlockScores(); var datum=new Date().toLocaleDateString('de-DE'); var uhr=new Date().toLocaleTimeString('de-DE'); var toSend=[APPS_SCRIPT_URL +'?sheet=Selbsteinschaetzung' +'&teilnehmer='+encodeURIComponent(S.name) +'&datum='+encodeURIComponent(datum) +'&uhrzeit='+encodeURIComponent(uhr) +'&gesamt_voll='+encodeURIComponent(full+'/12') +'&partial_pct='+encodeURIComponent(partPct+'%') +'&block_a='+encodeURIComponent(bs.A) +'&block_b='+encodeURIComponent(bs.B) +'&block_c='+encodeURIComponent(bs.C) +'&block_d='+encodeURIComponent(bs.D)]; S.questions.forEach(function(q,i){ var isFull=S.selections[i].slice().sort().join(',')===q.correct.slice().sort().join(','); if(!isFull){ var pl=partialLabel(i); toSend.push(APPS_SCRIPT_URL +'?sheet=Selbsteinschaetzung' +'&teilnehmer='+encodeURIComponent(S.name) +'&datum='+encodeURIComponent(datum) +'&uhrzeit='+encodeURIComponent(uhr) +'&falsche_frage='+encodeURIComponent('Block '+q.block+' L'+q.level+' ['+pl.text+']: '+q.q.substring(0,70))); } }); var idx=0; function sendNext(){ if(idx>=toSend.length){st.className='submit-status success';st.textContent='✓ Ergebnis übermittelt ('+uhr+')';return;} fetch(toSend[idx],{mode:'no-cors'}).catch(function(){}).then(function(){idx++;setTimeout(sendNext,400);}); } sendNext(); } </script> </body> </html>