{"id":3407,"date":"2021-09-15T16:54:08","date_gmt":"2021-09-15T16:54:08","guid":{"rendered":"https:\/\/magnificum.net\/?page_id=3407"},"modified":"2025-12-22T11:42:10","modified_gmt":"2025-12-22T11:42:10","slug":"test-b2","status":"publish","type":"page","link":"https:\/\/magnificum.net\/en\/test-b2\/","title":{"rendered":"Bankett Teil 2 &#8211; Aufl\u00f6sung"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3407\" class=\"elementor elementor-3407\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-7a4b7d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7a4b7d5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4b07c17\" data-id=\"4b07c17\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e136e08 elementor-widget elementor-widget-spacer\" data-id=\"e136e08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-24525dfd elementor-widget elementor-widget-html\" data-id=\"24525dfd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>Firmenfeier \u2013 Aufl\u00f6sungstest<\/title>\r\n\r\n<style>\r\n  :root{\r\n    --quiz-bg: #DFE3E4C9;\r\n    --quiz-text: #2F3C47;\r\n    --quiz-font-size: 18px;\r\n\r\n    --sage: #9caf88;\r\n    --start-btn-bg: #eef5ec;\r\n    --start-btn-bg-hover:#e3ecd5;\r\n\r\n    --outro-btn-bg:#2F3C47;\r\n    --outro-btn-bg-hover:#24303a;\r\n  }\r\n\r\n  \/* \u2705 f\u00fcrs saubere Zentrieren beim Scrollen *\/\r\n  html { scroll-behavior: smooth; }\r\n\r\n  .start-screen {\r\n    text-align: center;\r\n    max-width: 1300px;\r\n    margin: 1rem auto;\r\n  }\r\n  .start-button-wrapper{\r\n    display:flex;\r\n    justify-content:center;\r\n    margin-top: 1.8rem;\r\n  }\r\n  .start-button {\r\n    padding: 1.05rem 2rem;\r\n    border-radius: 16px;\r\n    border: 1px solid #cfd8cc;\r\n    background: var(--start-btn-bg);\r\n    color: var(--quiz-text);\r\n    cursor: pointer;\r\n    font-size: 1.4rem;\r\n    font-weight: 700;\r\n    transition: background 0.2s ease, transform 0.1s ease;\r\n  }\r\n  .start-button:hover {\r\n    background: var(--start-btn-bg-hover);\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .quiz-box {\r\n    max-width: 13000px;\r\n    margin: 1rem auto;\r\n    padding: 1rem 1.25rem;\r\n    border: 1px solid #2F3C47;\r\n    border-radius: 14px;\r\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n    background: var(--quiz-bg);\r\n    color: var(--quiz-text);\r\n    font-size: var(--quiz-font-size);\r\n  }\r\n  .quiz-title {\r\n    margin: 0 0 0.5rem 0;\r\n    font-size: 1.4rem;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .quiz-progress {\r\n    margin: 0.5rem 0 1rem 0;\r\n    font-size: 0.95rem;\r\n  }\r\n  .quiz-progress .bar {\r\n    height: 8px;\r\n    background: #eee;\r\n    border-radius: 999px;\r\n    overflow: hidden;\r\n  }\r\n  .quiz-progress .bar-fill {\r\n    height: 100%;\r\n    background: var(--sage);\r\n    transition: width 0.25s ease;\r\n    width: 10%;\r\n  }\r\n\r\n  fieldset { border: 0; padding: 0; margin: 0; }\r\n  legend {\r\n    font-weight: 700;\r\n    margin-bottom: 0.5rem;\r\n    font-size: 1.1rem;\r\n  }\r\n  label {\r\n    display: block;\r\n    padding: 0.55rem 0.65rem;\r\n    border: 1px solid #ddd;\r\n    border-radius: 12px;\r\n    margin: 0.45rem 0;\r\n    cursor: pointer;\r\n    transition: background-color 0.2s;\r\n  }\r\n  label:hover { background: #f3f4f6; }\r\n  input[type=\"radio\"] { margin-right: 0.6rem; }\r\n\r\n  .quiz-actions {\r\n    display: flex;\r\n    gap: 0.5rem;\r\n    margin-top: 1rem;\r\n  }\r\n  button {\r\n    padding: 0.65rem 1rem;\r\n    border-radius: 12px;\r\n    border: 1px solid #ccc;\r\n    background: #f7f7f7;\r\n    cursor: pointer;\r\n    font-size: 1rem;\r\n  }\r\n  button[disabled] { opacity: 0.55; cursor: not-allowed; }\r\n  #btnRestart {\r\n    background: var(--start-btn-bg);\r\n    border-color: #b8d7b0;\r\n  }\r\n\r\n  .quiz-result {\r\n    margin-top: 1rem;\r\n    padding: 1rem;\r\n    border: 1px solid #e5e5e5;\r\n    border-radius: 12px;\r\n    background: #fafafa;\r\n  }\r\n  .quiz-result ul {\r\n    margin-top: 0.6rem;\r\n    padding-left: 1.2rem;\r\n  }\r\n  .quiz-result li { margin-bottom: 0.9rem; }\r\n\r\n  .answer-correct {\r\n    background: #ecfdf5;\r\n    border-left: 4px solid #22c55e;\r\n    padding: 0.45rem 0.65rem;\r\n    border-radius: 10px;\r\n    margin-top: 0.35rem;\r\n  }\r\n  .answer-wrong {\r\n    background: #fef2f2;\r\n    border-left: 4px solid #ef4444;\r\n    padding: 0.45rem 0.65rem;\r\n    border-radius: 10px;\r\n    margin-top: 0.35rem;\r\n  }\r\n\r\n  .result-cta{\r\n    margin-top: 1.5rem;\r\n    display:flex;\r\n    justify-content:center;\r\n  }\r\n  .result-button{\r\n    display:inline-block;\r\n    padding: 0.8rem 1.6rem;\r\n    border-radius: 14px;\r\n    background: var(--outro-btn-bg);\r\n    color:#fff;\r\n    text-decoration:none;\r\n    font-weight:700;\r\n    transition: background-color 0.2s ease, transform 0.1s ease;\r\n  }\r\n  .result-button:hover{\r\n    background: var(--outro-btn-bg-hover);\r\n    transform: translateY(-1px);\r\n  }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div id=\"quizApp\">\r\n  <div id=\"startScreen\" class=\"start-screen\">\r\n    <div class=\"start-button-wrapper\">\r\n      <button id=\"btnStart\" class=\"start-button\">Zum Aufl\u00f6sungstest<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div id=\"quiz\" class=\"quiz-box\" lang=\"de\" hidden>\r\n    <h2 class=\"quiz-title\">Jetzt wird noch mal volle Konzentration gefordert, um den Fall abzuschlie\u00dfen.\r\n    MAGNIFICUM w\u00fcnscht euch viel Erfolg!<\/h2>\r\n\r\n    <div class=\"quiz-progress\" aria-live=\"polite\">\r\n      <span id=\"progressText\">Frage 1 von 6<\/span>\r\n      <div class=\"bar\">\r\n        <div class=\"bar-fill\" id=\"progressBar\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <form id=\"quizForm\">\r\n      <fieldset class=\"quiz-step\" data-step=\"1\" hidden>\r\n        <legend>1) Wer war f\u00fcr den roten Nebel verantwortlich?<\/legend>\r\n        <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Rupert&nbsp;von&nbsp;Lohengrinn<\/label>\r\n        <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> August&nbsp;von&nbsp;Donnerswarth<\/label>\r\n        <label><input type=\"radio\" name=\"q1\" value=\"richtig\"> Dr.&nbsp;Dinesh&nbsp;Rahul&nbsp;Yathavan<\/label>\r\n        <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Lady&nbsp;Leonora&nbsp;van&nbsp;Houten<\/label>\r\n        <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Alejandro&nbsp;Herrera&nbsp;Alvarez<\/label>\r\n        <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Miga&nbsp;Lindstr\u00f6m<\/label>\r\n        <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Francesca&nbsp;von&nbsp;Schwarzburg<\/label>\r\n        <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Evelyn&nbsp;von&nbsp;Donnerswarth<\/label>\r\n        <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Titania&nbsp;und&nbsp;Aurora&nbsp;von&nbsp;Schwarzburg<\/label>\r\n        <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Maximilian&nbsp;Schneider<\/label>\r\n      <\/fieldset>\r\n\r\n      <fieldset class=\"quiz-step\" data-step=\"2\" hidden>\r\n        <legend>2) Wer hat das Bankett-Essen vergiftet?<\/legend>\r\n        <label><input type=\"radio\" name=\"q2\" value=\"falsch\"> Tamara&nbsp;Roggendorf<\/label>\r\n        <label><input type=\"radio\" name=\"q2\" value=\"falsch\"> Ludmilla&nbsp;Kr\u00fcger-Novotn\u00fd<\/label>\r\n        <label><input type=\"radio\" name=\"q2\" value=\"richtig\"> Evelyn&nbsp;von&nbsp;Donnerswarth<\/label>\r\n        <label><input type=\"radio\" name=\"q2\" value=\"falsch\"> Titania&nbsp;und&nbsp;Aurora&nbsp;von&nbsp;Schwarzburg<\/label>\r\n        <label><input type=\"radio\" name=\"q2\" value=\"falsch\"> August&nbsp;von&nbsp;Donnerswarth<\/label>\r\n        <label><input type=\"radio\" name=\"q2\" value=\"falsch\"> Lady&nbsp;Sophia&nbsp;von&nbsp;Lohengrinn<\/label>\r\n      <\/fieldset>\r\n\r\n      <fieldset class=\"quiz-step\" data-step=\"3\" hidden>\r\n        <legend>3) Wer ist f\u00fcr die unheimliche Frauenstimme verantwortlich?<\/legend>\r\n        <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> Nuriah&nbsp;van&nbsp;de&nbsp;Berg<\/label>\r\n        <label><input type=\"radio\" name=\"q3\" value=\"richtig\"> Dr.&nbsp;Dinesh&nbsp;Rahul&nbsp;Yathavan<\/label>\r\n        <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> Adrian&nbsp;Freiherr&nbsp;von&nbsp;Schwarzburg<\/label>\r\n        <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> Ludmilla&nbsp;Kr\u00fcger-Novotn\u00fd<\/label>\r\n        <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> Paulina&nbsp;Huber<\/label>\r\n        <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> Evelyn&nbsp;von&nbsp;Donnerswarth<\/label>\r\n      <\/fieldset>\r\n\r\n      <fieldset class=\"quiz-step\" data-step=\"4\" hidden>\r\n        <legend>4) Von welchem Ort verschwanden die Zwillinge, und wohin gingen sie zuerst (chronologisch)?<\/legend>\r\n        <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> Zimmer&nbsp;103, danach in den W\u00e4scheschacht<\/label>\r\n        <label><input type=\"radio\" name=\"q4\" value=\"richtig\"> Zimmer&nbsp;106, danach in das Troph\u00e4enzimmer<\/label>\r\n        <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> Zimmer&nbsp;106, zum Bankettsaal<\/label>\r\n        <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> Zimmer&nbsp;108, danach in den Teesalon<\/label>\r\n        <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> Zimmer&nbsp;106, danach in den blauen Salon<\/label>\r\n        <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> Zimmer&nbsp;104, danach ins Restaurant<\/label>\r\n      <\/fieldset>\r\n\r\n      <fieldset class=\"quiz-step\" data-step=\"5\" hidden>\r\n        <legend>5) Nenne die n\u00e4chsten beiden Orte, an denen die Zwillinge nach ihrem Verschwinden waren (chronologisch).<\/legend>\r\n        <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Teesalon&nbsp;+&nbsp;Rauchersalon<\/label>\r\n        <label><input type=\"radio\" name=\"q5\" value=\"richtig\"> W\u00e4scheschacht&nbsp;+&nbsp;Wellnessbereich<\/label>\r\n        <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Studierzimmer&nbsp;+&nbsp;alte&nbsp;Galerie<\/label>\r\n        <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> W\u00e4scheschacht&nbsp;+&nbsp;Damensalon<\/label>\r\n        <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Hotelbar&nbsp;+&nbsp;Wellnessbereich<\/label>\r\n        <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Damensalon&nbsp;+&nbsp;Ost&nbsp;Turm<\/label>\r\n      <\/fieldset>\r\n\r\n      <fieldset class=\"quiz-step\" data-step=\"6\" hidden>\r\n        <legend>6) Nenne den letzten Ort, an dem die Zwillinge waren, und den Ort, an dem man sie fand (chronologisch).<\/legend>\r\n        <label><input type=\"radio\" name=\"q6\" value=\"falsch\"> Blauer&nbsp;Salon&nbsp;+&nbsp;Restaurant<\/label>\r\n        <label><input type=\"radio\" name=\"q6\" value=\"falsch\"> Zimmer&nbsp;202&nbsp;+&nbsp;Ost&nbsp;Turm<\/label>\r\n        <label><input type=\"radio\" name=\"q6\" value=\"falsch\"> Terrasse&nbsp;+&nbsp;Bibliothek<\/label>\r\n        <label><input type=\"radio\" name=\"q6\" value=\"richtig\"> alte&nbsp;Ahnengalerie&nbsp;+&nbsp;Ost&nbsp;Turm<\/label>\r\n        <label><input type=\"radio\" name=\"q6\" value=\"falsch\"> Wellnessbereich&nbsp;+&nbsp;Garten<\/label>\r\n        <label><input type=\"radio\" name=\"q6\" value=\"falsch\"> alte&nbsp;Ahnengalerie&nbsp;+&nbsp;Troph\u00e4enzimmer<\/label>\r\n      <\/fieldset>\r\n    <\/form>\r\n\r\n    <div class=\"quiz-actions\">\r\n      <button type=\"button\" id=\"btnNext\" disabled>Weiter<\/button>\r\n      <button type=\"button\" id=\"btnRestart\" hidden>Nochmal spielen<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"result\" class=\"quiz-result\" hidden aria-live=\"polite\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  const AUDIO_URL = 'https:\/\/magnificum.net\/wp-content\/uploads\/2025\/12\/suspense-cinematic-atmosphere-255436.mp3';\r\n\r\n  const startScreen = document.getElementById('startScreen');\r\n  const btnStart = document.getElementById('btnStart');\r\n  const quiz = document.getElementById('quiz');\r\n  const quizForm = document.getElementById('quizForm');\r\n\r\n  const steps = Array.from(quizForm.querySelectorAll('.quiz-step'));\r\n\r\n  const btnNext = document.getElementById('btnNext');\r\n  const btnRestart = document.getElementById('btnRestart');\r\n  const resultBox = document.getElementById('result');\r\n  const progressText = document.getElementById('progressText');\r\n  const progressBar = document.getElementById('progressBar');\r\n\r\n  \/\/ \u2705 Audio\r\n  const bgAudio = new Audio(AUDIO_URL);\r\n  bgAudio.loop = true;\r\n  bgAudio.preload = 'auto';\r\n  bgAudio.volume = 1;\r\n\r\n  let fadeRAF = null;\r\n  function cancelFade(){ if (fadeRAF) cancelAnimationFrame(fadeRAF); fadeRAF = null; }\r\n\r\n  function startAudio(){\r\n    cancelFade();\r\n    bgAudio.currentTime = 0;\r\n    bgAudio.volume = 1;\r\n    bgAudio.play().catch(() => {});\r\n  }\r\n\r\n  function fadeOutAudio(durationMs = 1500){\r\n    cancelFade();\r\n    const startVol = bgAudio.volume ?? 1;\r\n    const start = performance.now();\r\n\r\n    function tick(now){\r\n      const t = Math.min(1, (now - start) \/ durationMs);\r\n      bgAudio.volume = Math.max(0, startVol * (1 - t));\r\n      if (t < 1) {\r\n        fadeRAF = requestAnimationFrame(tick);\r\n      } else {\r\n        bgAudio.pause();\r\n        bgAudio.currentTime = 0;\r\n        bgAudio.volume = startVol; \/\/ f\u00fcr Neustart wieder bereit\r\n        fadeRAF = null;\r\n      }\r\n    }\r\n    fadeRAF = requestAnimationFrame(tick);\r\n  }\r\n\r\n  const questionTexts = [\r\n    'Wer war f\u00fcr den roten Nebel verantwortlich?',\r\n    'Wer hat das Bankett-Essen vergiftet?',\r\n    'Wer ist f\u00fcr die unheimliche Frauenstimme verantwortlich?',\r\n    'Von welchem Ort verschwanden die Zwillinge, und wohin gingen sie zuerst (chronologisch)?',\r\n    'Nenne die n\u00e4chsten beiden Orte, an denen die Zwillinge nach ihrem Verschwinden waren (chronologisch).',\r\n    'Nenne den letzten Ort, an dem die Zwillinge waren, und den Ort, an dem man sie fand (chronologisch).'\r\n  ];\r\n  const correctAnswers = [\r\n    'Dr. Dinesh Rahul Yathavan',\r\n    'Evelyn von Donnerswarth',\r\n    'Dr. Dinesh Rahul Yathavan',\r\n    'Zimmer 106 danach in das Troph\u00e4enzimmer',\r\n    'W\u00e4scheschacht + Wellnessbereich',\r\n    'alte Ahnengalerie + Ost Turm'\r\n  ];\r\n\r\n  let current = 0;\r\n  const total = steps.length;\r\n\r\n  btnStart.addEventListener('click', () => {\r\n    startScreen.style.display = 'none';\r\n    quiz.hidden = false;\r\n    toggleStep(0, true);\r\n    updateProgress();\r\n\r\n    \/\/ \u2705 Audio starten\r\n    startAudio();\r\n\r\n    \/\/ \u2705 Quiz mittig in den Viewport scrollen\r\n    requestAnimationFrame(() => {\r\n      quiz.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n      const firstRadio = steps[0].querySelector('input[type=\"radio\"]');\r\n      if (firstRadio) firstRadio.focus({ preventScroll: true });\r\n    });\r\n  });\r\n\r\n  steps.forEach((fs) => {\r\n    fs.addEventListener('change', () => {\r\n      btnNext.disabled = !getSelected(fs);\r\n    });\r\n  });\r\n\r\n  btnNext.addEventListener('click', () => {\r\n    const fs = steps[current];\r\n    if (!getSelected(fs)) return;\r\n\r\n    if (current === total - 1) {\r\n      showResult();\r\n      return;\r\n    }\r\n\r\n    toggleStep(current, false);\r\n    current += 1;\r\n    toggleStep(current, true);\r\n    updateProgress();\r\n    btnNext.disabled = !getSelected(steps[current]);\r\n\r\n    \/\/ \u2705 bei \"Weiter\" mittig halten\r\n    requestAnimationFrame(() => {\r\n      quiz.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n    });\r\n  });\r\n\r\n  btnRestart.addEventListener('click', resetQuiz);\r\n\r\n  function getSelected(fieldset) {\r\n    return fieldset.querySelector('input[type=\"radio\"]:checked');\r\n  }\r\n  function toggleStep(index, show) {\r\n    if (!steps[index]) return;\r\n    steps[index].hidden = !show;\r\n  }\r\n  function updateProgress() {\r\n    const stepNr = current + 1;\r\n    progressText.textContent = `Frage ${stepNr} von ${total}`;\r\n    const pct = Math.round((stepNr \/ total) * 100);\r\n    progressBar.style.width = pct + '%';\r\n  }\r\n\r\n  function showResult() {\r\n    \/\/ \u2705 Audio ausfaden beim Ergebnis\r\n    fadeOutAudio(1500);\r\n\r\n    let score = 0;\r\n    let list = '<h3>Auswertung (gr\u00fcn = richtig, rot = falsch):<\/h3><ul>';\r\n\r\n    steps.forEach((fs, i) => {\r\n      const sel = getSelected(fs);\r\n      const isCorrect = sel && sel.value === 'richtig';\r\n      if (isCorrect) score++;\r\n\r\n      const playerText = sel ? sel.parentElement.textContent.trim() : 'Keine Antwort';\r\n\r\n      list += `\r\n        <li>\r\n          <strong>${questionTexts[i]}<\/strong>\r\n          <div class=\"${isCorrect ? 'answer-correct' : 'answer-wrong'}\">\r\n            ${isCorrect ? '\u2714 Richtig \u2013 deine Antwort:' : '\u2718 Falsch \u2013 deine Antwort:'}\r\n            ${playerText}\r\n          <\/div>\r\n          ${!isCorrect ? `\r\n            <div class=\"answer-correct\">\r\n              \u2714 Richtige Antwort: ${correctAnswers[i]}\r\n            <\/div>` : ''}\r\n        <\/li>\r\n      `;\r\n    });\r\n\r\n    list += '<\/ul>';\r\n\r\n    steps[current].hidden = true;\r\n    btnNext.hidden = true;\r\n    btnRestart.hidden = false;\r\n    progressText.textContent = 'Ergebnis';\r\n    progressBar.style.width = '100%';\r\n\r\n    const Prozent = Math.round((score \/ total) * 100);\r\n\r\n    resultBox.innerHTML = `\r\n      <strong>Du hast ${score} von ${total} richtig (${Prozent}%).<\/strong>\r\n      ${list}\r\n      <div class=\"result-cta\">\r\n        <a href=\"https:\/\/magnificum.net\/b2-outro\" class=\"result-button\">H\u00f6rspiel Outro zum Fall<\/a>\r\n      <\/div>\r\n    `;\r\n    resultBox.hidden = false;\r\n\r\n    \/\/ \u2705 Ergebnis mittig anzeigen\r\n    requestAnimationFrame(() => {\r\n      resultBox.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n    });\r\n  }\r\n\r\n  function resetQuiz() {\r\n    \/\/ \u2705 Audio reset + neu starten\r\n    cancelFade();\r\n    bgAudio.pause();\r\n    bgAudio.currentTime = 0;\r\n    bgAudio.volume = 1;\r\n\r\n    quizForm.reset();\r\n    steps.forEach((fs, i) => (fs.hidden = i !== 0));\r\n    current = 0;\r\n    btnNext.hidden = false;\r\n    btnRestart.hidden = true;\r\n    btnNext.disabled = true;\r\n    resultBox.hidden = true;\r\n    resultBox.innerHTML = '';\r\n    updateProgress();\r\n\r\n    startAudio();\r\n\r\n    \/\/ \u2705 Quiz wieder mittig\r\n    requestAnimationFrame(() => {\r\n      quiz.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n      const firstRadio = steps[0].querySelector('input[type=\"radio\"]');\r\n      if (firstRadio) firstRadio.focus({ preventScroll: true });\r\n    });\r\n  }\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d59b396 elementor-widget elementor-widget-spacer\" data-id=\"d59b396\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1ecc89f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1ecc89f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3482f43\" data-id=\"3482f43\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c5c44eb elementor-widget elementor-widget-text-editor\" data-id=\"c5c44eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center;\"><span style=\"color: #ffffff;\"><strong><a style=\"color: #ffffff;\" href=\"\/datenschutz\">DATENSCHUTZ<\/a>\u00a0 |\u00a0 <a style=\"color: #ffffff;\" href=\"\/impressum\">IMPRESSUM<\/a><\/strong><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Firmenfeier \u2013 Aufl\u00f6sungstest Zum Aufl\u00f6sungstest Jetzt wird noch mal volle Konzentration gefordert, um den Fall abzuschlie\u00dfen. MAGNIFICUM w\u00fcnscht euch viel Erfolg! Frage 1 von 6 1) Wer war f\u00fcr den roten Nebel verantwortlich? Rupert&nbsp;von&nbsp;Lohengrinn August&nbsp;von&nbsp;Donnerswarth Dr.&nbsp;Dinesh&nbsp;Rahul&nbsp;Yathavan Lady&nbsp;Leonora&nbsp;van&nbsp;Houten Alejandro&nbsp;Herrera&nbsp;Alvarez Miga&nbsp;Lindstr\u00f6m Francesca&nbsp;von&nbsp;Schwarzburg Evelyn&nbsp;von&nbsp;Donnerswarth Titania&nbsp;und&nbsp;Aurora&nbsp;von&nbsp;Schwarzburg Maximilian&nbsp;Schneider 2) Wer hat das Bankett-Essen vergiftet? Tamara&nbsp;Roggendorf Ludmilla&nbsp;Kr\u00fcger-Novotn\u00fd Evelyn&nbsp;von&nbsp;Donnerswarth Titania&nbsp;und&nbsp;Aurora&nbsp;von&nbsp;Schwarzburg August&nbsp;von&nbsp;Donnerswarth Lady&nbsp;Sophia&nbsp;von&nbsp;Lohengrinn [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3407","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/pages\/3407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/comments?post=3407"}],"version-history":[{"count":0,"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/pages\/3407\/revisions"}],"wp:attachment":[{"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/media?parent=3407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}