Quiz \u2013 Resolution Test<\/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 smooth scroll for centering *\/\r\n html{ scroll-behavior:smooth; }\r\n\r\n .start-screen { text-align:center; max-width:1300px; margin:1rem auto; }\r\n .start-button-wrapper{ display:flex; justify-content:center; margin-top:1.8rem; }\r\n .start-button{\r\n padding:1.05rem 2rem; border-radius:16px; border:1px solid #cfd8cc;\r\n background:var(--start-btn-bg); color:var(--quiz-text); cursor:pointer;\r\n font-size:1.4rem; font-weight:700; transition:background .2s ease, transform .1s ease;\r\n }\r\n .start-button:hover{ background:var(--start-btn-bg-hover); transform:translateY(-1px); }\r\n\r\n .quiz-box{\r\n max-width:13000px; margin:1rem auto; padding:1rem 1.25rem;\r\n border:1px solid #2F3C47; border-radius:14px;\r\n font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n background:var(--quiz-bg); color:var(--quiz-text); font-size:var(--quiz-font-size);\r\n }\r\n .quiz-title{ margin:0 0 .5rem 0; font-size:1.4rem; font-weight:700; }\r\n\r\n .quiz-progress{ margin:.5rem 0 1rem 0; font-size:.95rem; }\r\n .quiz-progress .bar{ height:8px; background:#eee; border-radius:999px; overflow:hidden; }\r\n .quiz-progress .bar-fill{ height:100%; background:var(--sage); transition:width .25s ease; width:10%; }\r\n\r\n fieldset{ border:0; padding:0; margin:0; }\r\n legend{ font-weight:700; margin-bottom:.5rem; font-size:1.1rem; }\r\n label{\r\n display:block; padding:.55rem .65rem; border:1px solid #ddd; border-radius:12px;\r\n margin:.45rem 0; cursor:pointer; transition:background-color .2s;\r\n }\r\n label:hover{ background:#f3f4f6; }\r\n input[type=\"radio\"]{ margin-right:.6rem; }\r\n\r\n .quiz-actions{ display:flex; gap:.5rem; margin-top:1rem; }\r\n button{\r\n padding:.65rem 1rem; border-radius:12px; border:1px solid #ccc;\r\n background:#f7f7f7; cursor:pointer; font-size:1rem;\r\n }\r\n button[disabled]{ opacity:.55; cursor:not-allowed; }\r\n .btn-restart{ background:var(--start-btn-bg); border-color:#b8d7b0; }\r\n\r\n .quiz-result{\r\n margin-top:1rem; padding:1rem; border:1px solid #e5e5e5; border-radius:12px; background:#fafafa;\r\n }\r\n .quiz-result ul{ margin-top:.6rem; padding-left:1.2rem; }\r\n .quiz-result li{ margin-bottom:.9rem; }\r\n\r\n .answer-correct{\r\n background:#ecfdf5; border-left:4px solid #22c55e; padding:.45rem .65rem;\r\n border-radius:10px; margin-top:.35rem;\r\n }\r\n .answer-wrong{\r\n background:#fef2f2; border-left:4px solid #ef4444; padding:.45rem .65rem;\r\n border-radius:10px; margin-top:.35rem;\r\n }\r\n\r\n .result-cta{ margin-top:1.5rem; display:flex; justify-content:center; }\r\n .result-button{\r\n display:inline-block; padding:.8rem 1.6rem; border-radius:14px;\r\n background:var(--outro-btn-bg); color:#fff; text-decoration:none; font-weight:700;\r\n transition:background-color .2s ease, transform .1s ease;\r\n }\r\n .result-button:hover{ background:var(--outro-btn-bg-hover); transform:translateY(-1px); }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div id=\"quizAppCa\">\r\n \r\n <audio id=\"bgMusicCa\" loop preload=\"none\">\r\n <source src=\"https:\/\/magnificum.net\/wp-content\/uploads\/2025\/12\/suspense-cinematic-atmosphere-255436.mp3\" type=\"audio\/mpeg\">\r\n <\/audio>\r\n\r\n \r\n <div id=\"startScreenCa\" class=\"start-screen\">\r\n <div class=\"start-button-wrapper\">\r\n <button id=\"btnStartCa\" class=\"start-button\">Start Resolution Test<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"quizCa\" class=\"quiz-box\" lang=\"en\" hidden>\r\n <h2 class=\"quiz-title\">Now your full concentration is required once more to bring the case to a close.\r\nMAGNIFICUM wishes you the best of luck!<\/h2>\r\n\r\n <div class=\"quiz-progress\" aria-live=\"polite\">\r\n <span id=\"progressTextCa\">Question 1 of 10<\/span>\r\n <div class=\"bar\">\r\n <div class=\"bar-fill\" id=\"progressBarCa\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <form id=\"quizFormCa\">\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"1\" hidden>\r\n <legend>1) Who murdered Oliver Borgmann?<\/legend>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Horst Edelberger<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Berta H\u00e4berle<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Peggy Lorenz<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Max Mustafa<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Antje Vermeulen<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Gilbert Laurent<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Monika Kuntze<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"richtig\"> Viktor Baumg\u00e4rtner<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Ferdinand Edelberger<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> R\u00fcdiger Schmidt<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"2\" hidden>\r\n <legend>2) What was the killer\u2019s motive?<\/legend>\r\n <label><input type=\"radio\" name=\"q2\" value=\"falsch\"> Jealousy<\/label>\r\n <label><input type=\"radio\" name=\"q2\" value=\"richtig\"> Revenge<\/label>\r\n <label><input type=\"radio\" name=\"q2\" value=\"falsch\"> Murder and Robbery<\/label>\r\n <label><input type=\"radio\" name=\"q2\" value=\"falsch\"> Mistaken identity<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"3\" hidden>\r\n <legend>3) Where was Ferdinand Edelberger at 22:43?<\/legend>\r\n <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> At the bar in the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q3\" value=\"richtig\"> Office 17<\/label>\r\n <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> Office 12<\/label>\r\n <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> Underground garage<\/label>\r\n <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> On the dancefloor in the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> Office 10<\/label>\r\n <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> In a conference room, eavesdropping on his father<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"4\" hidden>\r\n <legend>4) Where was Ferdinand Edelberger at 23:25?<\/legend>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> At the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> Office 17<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> At betting office \u201cBischof\u201c<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> Office 12<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> At the bar in the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> On the dancefloor in the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"richtig\"> At Betzy\u2019s Booth<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> Underground garage<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> At the Sprit-Fit gas station<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> Office 10<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> In a conference room, eavesdropping on his father<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"5\" hidden>\r\n <legend>5) Where was Ferdinand Edelberger at 00:25?<\/legend>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> At the bar in the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"richtig\"> On the dancefloor in the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Underground garage<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Office 10<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Office 12<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Office 17<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> At \u201cAncient Pharao Grill\u201c<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Copy room<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Service room 1<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"6\" hidden>\r\n <legend>6) Horst Edelberger\u2019s alibi?<\/legend>\r\n <label><input type=\"radio\" name=\"q6\" value=\"falsch\"> Horst Edelberger was on his way to Korea in his private jet after the conference<\/label>\r\n <label><input type=\"radio\" name=\"q6\" value=\"richtig\"> After the conference, Horst Edelberger was at his private residence<\/label>\r\n <label><input type=\"radio\" name=\"q6\" value=\"falsch\"> Horst Edelberger left the company frustrated after the conference and went to eat a deluxe burger with his brother-in-law at the Ancient Pharao Grill<\/label>\r\n <label><input type=\"radio\" name=\"q6\" value=\"falsch\"> None, Horst Edelberger is the murderer<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"7\" hidden>\r\n <legend>7) Berta H\u00e4berle\u2019s alibi?<\/legend>\r\n <label><input type=\"radio\" name=\"q7\" value=\"falsch\"> Berta H\u00e4berle was at the \u201cAdler\u201d Hotel with Gilbert Laurent<\/label>\r\n <label><input type=\"radio\" name=\"q7\" value=\"falsch\"> Berta H\u00e4berle took the midnight flight to Lisbon to attend a dog show<\/label>\r\n <label><input type=\"radio\" name=\"q7\" value=\"richtig\"> Berta H\u00e4berle was on her way to spend a romantic weekend in Belgium<\/label>\r\n <label><input type=\"radio\" name=\"q7\" value=\"falsch\"> None, Berta H\u00e4berle is the murderer<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"8\" hidden>\r\n <legend>8) Viktor Baumg\u00e4rtner\u2019s alibi?<\/legend>\r\n <label><input type=\"radio\" name=\"q8\" value=\"falsch\"> Viktor Baumg\u00e4rtner was in service room 1 and took care of a technical problem there<\/label>\r\n <label><input type=\"radio\" name=\"q8\" value=\"falsch\"> Viktor Baumg\u00e4rtner had an altercation because he caught Antje Vermeulen stealing<\/label>\r\n <label><input type=\"radio\" name=\"q8\" value=\"falsch\"> Viktor Baumg\u00e4rtner was so drunk at 23:00 that an emergency doctor had to come and take him in<\/label>\r\n <label><input type=\"radio\" name=\"q8\" value=\"richtig\"> None, Viktor Baumg\u00e4rtner is the murderer<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"9\" hidden>\r\n <legend>9) Peggy Lorenz\u2019 alibi?<\/legend>\r\n <label><input type=\"radio\" name=\"q9\" value=\"falsch\"> Peggy Lorenz first called her psychologist and then met with him to get help<\/label>\r\n <label><input type=\"radio\" name=\"q9\" value=\"richtig\"> Peggy Lorenz did not leave the foyer at the time of the crime and was never in the old building<\/label>\r\n <label><input type=\"radio\" name=\"q9\" value=\"falsch\"> Peggy Lorenz chased Berta H\u00e4berle when she left the company building and ended up being charged with speeding<\/label>\r\n <label><input type=\"radio\" name=\"q9\" value=\"falsch\"> None, Peggy Lorenz is the murderer<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"10\" hidden>\r\n <legend>10) Ferdinand Edelberger\u2019s alibi?<\/legend>\r\n <label><input type=\"radio\" name=\"q10\" value=\"richtig\"> Ferdinand Edelberger was partying with colleagues and in went to get some drugs on his own<\/label>\r\n <label><input type=\"radio\" name=\"q10\" value=\"falsch\"> Ferdinand Edelberger was at the betting office \u201cBischop\u201d and was beaten up on the way back<\/label>\r\n <label><input type=\"radio\" name=\"q10\" value=\"falsch\"> Ferdinand Edelberger was partying with colleagues at first, then left to attend Keule\u2019s private party, spending time in the pool<\/label>\r\n <label><input type=\"radio\" name=\"q10\" value=\"falsch\"> None, Ferdinand Edelberger is the murderer<\/label>\r\n <\/fieldset>\r\n <\/form>\r\n\r\n <div class=\"quiz-actions\">\r\n <button type=\"button\" id=\"btnNextCa\" disabled>Next<\/button>\r\n <button type=\"button\" id=\"btnRestartCa\" class=\"btn-restart\" hidden>Play again<\/button>\r\n <\/div>\r\n\r\n <div id=\"resultCa\" 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 const MUSIC_DEFAULT_VOL = 0.35;\r\n\r\n const startScreen = document.getElementById('startScreenCa');\r\n const btnStart = document.getElementById('btnStartCa');\r\n const quiz = document.getElementById('quizCa');\r\n const quizForm = document.getElementById('quizFormCa');\r\n const steps = Array.from(quizForm.querySelectorAll('.quiz-step'));\r\n\r\n const btnNext = document.getElementById('btnNextCa');\r\n const btnRestart = document.getElementById('btnRestartCa');\r\n const resultBox = document.getElementById('resultCa');\r\n const progressText = document.getElementById('progressTextCa');\r\n const progressBar = document.getElementById('progressBarCa');\r\n\r\n const questionTexts = [\r\n 'Who murdered Oliver Borgmann?',\r\n 'What was the killer\u2019s motive?',\r\n 'Where was Ferdinand Edelberger at 22:43?',\r\n 'Where was Ferdinand Edelberger at 23:25?',\r\n 'Where was Ferdinand Edelberger at 00:25?',\r\n 'Horst Edelberger\u2019s alibi?',\r\n 'Berta H\u00e4berle\u2019s alibi?',\r\n 'Viktor Baumg\u00e4rtner\u2019s alibi?',\r\n 'Peggy Lorenz\u2019 alibi?',\r\n 'Ferdinand Edelberger\u2019s alibi?'\r\n ];\r\n\r\n const correctAnswers = [\r\n 'Viktor Baumg\u00e4rtner',\r\n 'Revenge',\r\n 'Office 17',\r\n 'At Betzy\u2019s Booth',\r\n 'On the dancefloor in the foyer',\r\n 'After the conference, Horst Edelberger was at his private residence',\r\n 'Berta H\u00e4berle was on her way to spend a romantic weekend in Belgium',\r\n 'None, Viktor Baumg\u00e4rtner is the murderer',\r\n 'Peggy Lorenz did not leave the foyer at the time of the crime and was never in the old building',\r\n 'Ferdinand Edelberger was partying with colleagues and in went to get some drugs on his own'\r\n ];\r\n\r\n \/\/ \u2705 Music (starts on click)\r\n const bgMusic = new Audio(AUDIO_URL);\r\n bgMusic.loop = true;\r\n bgMusic.preload = 'none';\r\n bgMusic.volume = MUSIC_DEFAULT_VOL;\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 start music\r\n bgMusic.currentTime = 0;\r\n bgMusic.volume = MUSIC_DEFAULT_VOL;\r\n bgMusic.play().catch(() => {});\r\n\r\n \/\/ \u2705 center quiz in viewport\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 = !fs.querySelector('input[type=\"radio\"]:checked');\r\n });\r\n });\r\n\r\n btnNext.addEventListener('click', () => {\r\n const fs = steps[current];\r\n if (!fs.querySelector('input[type=\"radio\"]:checked')) return;\r\n if (current === total - 1) return showResult();\r\n\r\n toggleStep(current, false);\r\n current += 1;\r\n toggleStep(current, true);\r\n updateProgress();\r\n btnNext.disabled = !steps[current].querySelector('input[type=\"radio\"]:checked');\r\n\r\n \/\/ \u2705 keep centered\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 toggleStep(index, show) {\r\n if (!steps[index]) return;\r\n steps[index].hidden = !show;\r\n }\r\n\r\n function updateProgress() {\r\n const stepNr = current + 1;\r\n progressText.textContent = `Question ${stepNr} of ${total}`;\r\n progressBar.style.width = Math.round((stepNr \/ total) * 100) + '%';\r\n }\r\n\r\n function fadeOutMusic(durationMs = 1400){\r\n if (bgMusic.paused) return;\r\n const startVol = bgMusic.volume;\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 bgMusic.volume = Math.max(0, startVol * (1 - t));\r\n if (t < 1) requestAnimationFrame(tick);\r\n else {\r\n bgMusic.pause();\r\n bgMusic.currentTime = 0;\r\n bgMusic.volume = MUSIC_DEFAULT_VOL;\r\n }\r\n }\r\n requestAnimationFrame(tick);\r\n }\r\n\r\n function showResult() {\r\n let score = 0;\r\n let list = '<h3>Review (green = correct, red = incorrect):<\/h3><ul>';\r\n\r\n steps.forEach((fs, i) => {\r\n const sel = fs.querySelector('input[type=\"radio\"]:checked');\r\n const isCorrect = !!(sel && sel.value === 'richtig');\r\n if (isCorrect) score++;\r\n\r\n const playerText = sel ? sel.parentElement.textContent.trim() : 'No answer';\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 Correct \u2013 your answer:' : '\u2718 Incorrect \u2013 your answer:'}\r\n ${playerText}\r\n <\/div>\r\n ${!isCorrect ? `\r\n <div class=\"answer-correct\">\r\n \u2714 Correct answer: ${correctAnswers[i]}\r\n <\/div>` : ''}\r\n <\/li>\r\n `;\r\n });\r\n\r\n list += '<\/ul>';\r\n\r\n \/\/ \u2705 fade out music on result\r\n fadeOutMusic(1400);\r\n\r\n steps[current].hidden = true;\r\n btnNext.hidden = true;\r\n btnRestart.hidden = false;\r\n progressText.textContent = 'Result';\r\n progressBar.style.width = '100%';\r\n\r\n const percent = Math.round((score \/ total) * 100);\r\n\r\n resultBox.innerHTML = `\r\n <strong>You got ${score} out of ${total} right (${percent}%).<\/strong>\r\n ${list}\r\n <div class=\"result-cta\">\r\n <a href=\"https:\/\/magnificum.net\/ca-outro\" class=\"result-button\">Listen to the outro<\/a>\r\n <\/div>\r\n `;\r\n resultBox.hidden = false;\r\n\r\n \/\/ \u2705 center results\r\n requestAnimationFrame(() => {\r\n resultBox.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n });\r\n }\r\n\r\n function resetQuiz() {\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 \/\/ \u2705 restart music\r\n bgMusic.pause();\r\n bgMusic.currentTime = 0;\r\n bgMusic.volume = MUSIC_DEFAULT_VOL;\r\n bgMusic.play().catch(() => {});\r\n\r\n \/\/ \u2705 center quiz\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-0ddc5ea elementor-widget elementor-widget-spacer\" data-id=\"0ddc5ea\" 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-bbd5e01 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bbd5e01\" 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-8366346\" data-id=\"8366346\" 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-72c265b elementor-widget elementor-widget-text-editor\" data-id=\"72c265b\" 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=\"\/en\/datenschutz\/\">DATA PROTECTION<\/a>\u00a0 |\u00a0 <a style=\"color: #ffffff;\" href=\"https:\/\/magnificum.net\/en\/impressum\/\">LEGAL NOTICE<\/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>Quiz \u2013 Resolution Test Start Resolution Test Now your full concentration is required once more to bring the case to a close. MAGNIFICUM wishes you the best of luck! Question 1 of 10 1) Who murdered Oliver Borgmann? Horst Edelberger Berta H\u00e4berle Peggy Lorenz Max Mustafa Antje Vermeulen Gilbert Laurent Monika Kuntze Viktor Baumg\u00e4rtner Ferdinand Edelberger R\u00fcdiger Schmidt 2) What was the killer\u2019s motive? Jealousy Revenge […]<\/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-4891","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/pages\/4891","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=4891"}],"version-history":[{"count":18,"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/pages\/4891\/revisions"}],"predecessor-version":[{"id":23411,"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/pages\/4891\/revisions\/23411"}],"wp:attachment":[{"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/media?parent=4891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\t

\n\t\t\t

<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nQuiz \u2013 Resolution Test<\/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 smooth scroll for centering *\/\r\n html{ scroll-behavior:smooth; }\r\n\r\n .start-screen { text-align:center; max-width:1300px; margin:1rem auto; }\r\n .start-button-wrapper{ display:flex; justify-content:center; margin-top:1.8rem; }\r\n .start-button{\r\n padding:1.05rem 2rem; border-radius:16px; border:1px solid #cfd8cc;\r\n background:var(--start-btn-bg); color:var(--quiz-text); cursor:pointer;\r\n font-size:1.4rem; font-weight:700; transition:background .2s ease, transform .1s ease;\r\n }\r\n .start-button:hover{ background:var(--start-btn-bg-hover); transform:translateY(-1px); }\r\n\r\n .quiz-box{\r\n max-width:13000px; margin:1rem auto; padding:1rem 1.25rem;\r\n border:1px solid #2F3C47; border-radius:14px;\r\n font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n background:var(--quiz-bg); color:var(--quiz-text); font-size:var(--quiz-font-size);\r\n }\r\n .quiz-title{ margin:0 0 .5rem 0; font-size:1.4rem; font-weight:700; }\r\n\r\n .quiz-progress{ margin:.5rem 0 1rem 0; font-size:.95rem; }\r\n .quiz-progress .bar{ height:8px; background:#eee; border-radius:999px; overflow:hidden; }\r\n .quiz-progress .bar-fill{ height:100%; background:var(--sage); transition:width .25s ease; width:10%; }\r\n\r\n fieldset{ border:0; padding:0; margin:0; }\r\n legend{ font-weight:700; margin-bottom:.5rem; font-size:1.1rem; }\r\n label{\r\n display:block; padding:.55rem .65rem; border:1px solid #ddd; border-radius:12px;\r\n margin:.45rem 0; cursor:pointer; transition:background-color .2s;\r\n }\r\n label:hover{ background:#f3f4f6; }\r\n input[type=\"radio\"]{ margin-right:.6rem; }\r\n\r\n .quiz-actions{ display:flex; gap:.5rem; margin-top:1rem; }\r\n button{\r\n padding:.65rem 1rem; border-radius:12px; border:1px solid #ccc;\r\n background:#f7f7f7; cursor:pointer; font-size:1rem;\r\n }\r\n button[disabled]{ opacity:.55; cursor:not-allowed; }\r\n .btn-restart{ background:var(--start-btn-bg); border-color:#b8d7b0; }\r\n\r\n .quiz-result{\r\n margin-top:1rem; padding:1rem; border:1px solid #e5e5e5; border-radius:12px; background:#fafafa;\r\n }\r\n .quiz-result ul{ margin-top:.6rem; padding-left:1.2rem; }\r\n .quiz-result li{ margin-bottom:.9rem; }\r\n\r\n .answer-correct{\r\n background:#ecfdf5; border-left:4px solid #22c55e; padding:.45rem .65rem;\r\n border-radius:10px; margin-top:.35rem;\r\n }\r\n .answer-wrong{\r\n background:#fef2f2; border-left:4px solid #ef4444; padding:.45rem .65rem;\r\n border-radius:10px; margin-top:.35rem;\r\n }\r\n\r\n .result-cta{ margin-top:1.5rem; display:flex; justify-content:center; }\r\n .result-button{\r\n display:inline-block; padding:.8rem 1.6rem; border-radius:14px;\r\n background:var(--outro-btn-bg); color:#fff; text-decoration:none; font-weight:700;\r\n transition:background-color .2s ease, transform .1s ease;\r\n }\r\n .result-button:hover{ background:var(--outro-btn-bg-hover); transform:translateY(-1px); }\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div id=\"quizAppCa\">\r\n \r\n <audio id=\"bgMusicCa\" loop preload=\"none\">\r\n <source src=\"https:\/\/magnificum.net\/wp-content\/uploads\/2025\/12\/suspense-cinematic-atmosphere-255436.mp3\" type=\"audio\/mpeg\">\r\n <\/audio>\r\n\r\n \r\n <div id=\"startScreenCa\" class=\"start-screen\">\r\n <div class=\"start-button-wrapper\">\r\n <button id=\"btnStartCa\" class=\"start-button\">Start Resolution Test<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div id=\"quizCa\" class=\"quiz-box\" lang=\"en\" hidden>\r\n <h2 class=\"quiz-title\">Now your full concentration is required once more to bring the case to a close.\r\nMAGNIFICUM wishes you the best of luck!<\/h2>\r\n\r\n <div class=\"quiz-progress\" aria-live=\"polite\">\r\n <span id=\"progressTextCa\">Question 1 of 10<\/span>\r\n <div class=\"bar\">\r\n <div class=\"bar-fill\" id=\"progressBarCa\"><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <form id=\"quizFormCa\">\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"1\" hidden>\r\n <legend>1) Who murdered Oliver Borgmann?<\/legend>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Horst Edelberger<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Berta H\u00e4berle<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Peggy Lorenz<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Max Mustafa<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Antje Vermeulen<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Gilbert Laurent<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Monika Kuntze<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"richtig\"> Viktor Baumg\u00e4rtner<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> Ferdinand Edelberger<\/label>\r\n <label><input type=\"radio\" name=\"q1\" value=\"falsch\"> R\u00fcdiger Schmidt<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"2\" hidden>\r\n <legend>2) What was the killer\u2019s motive?<\/legend>\r\n <label><input type=\"radio\" name=\"q2\" value=\"falsch\"> Jealousy<\/label>\r\n <label><input type=\"radio\" name=\"q2\" value=\"richtig\"> Revenge<\/label>\r\n <label><input type=\"radio\" name=\"q2\" value=\"falsch\"> Murder and Robbery<\/label>\r\n <label><input type=\"radio\" name=\"q2\" value=\"falsch\"> Mistaken identity<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"3\" hidden>\r\n <legend>3) Where was Ferdinand Edelberger at 22:43?<\/legend>\r\n <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> At the bar in the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q3\" value=\"richtig\"> Office 17<\/label>\r\n <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> Office 12<\/label>\r\n <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> Underground garage<\/label>\r\n <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> On the dancefloor in the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> Office 10<\/label>\r\n <label><input type=\"radio\" name=\"q3\" value=\"falsch\"> In a conference room, eavesdropping on his father<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"4\" hidden>\r\n <legend>4) Where was Ferdinand Edelberger at 23:25?<\/legend>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> At the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> Office 17<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> At betting office \u201cBischof\u201c<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> Office 12<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> At the bar in the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> On the dancefloor in the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"richtig\"> At Betzy\u2019s Booth<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> Underground garage<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> At the Sprit-Fit gas station<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> Office 10<\/label>\r\n <label><input type=\"radio\" name=\"q4\" value=\"falsch\"> In a conference room, eavesdropping on his father<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"5\" hidden>\r\n <legend>5) Where was Ferdinand Edelberger at 00:25?<\/legend>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> At the bar in the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"richtig\"> On the dancefloor in the foyer<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Underground garage<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Office 10<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Office 12<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Office 17<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> At \u201cAncient Pharao Grill\u201c<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Copy room<\/label>\r\n <label><input type=\"radio\" name=\"q5\" value=\"falsch\"> Service room 1<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"6\" hidden>\r\n <legend>6) Horst Edelberger\u2019s alibi?<\/legend>\r\n <label><input type=\"radio\" name=\"q6\" value=\"falsch\"> Horst Edelberger was on his way to Korea in his private jet after the conference<\/label>\r\n <label><input type=\"radio\" name=\"q6\" value=\"richtig\"> After the conference, Horst Edelberger was at his private residence<\/label>\r\n <label><input type=\"radio\" name=\"q6\" value=\"falsch\"> Horst Edelberger left the company frustrated after the conference and went to eat a deluxe burger with his brother-in-law at the Ancient Pharao Grill<\/label>\r\n <label><input type=\"radio\" name=\"q6\" value=\"falsch\"> None, Horst Edelberger is the murderer<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"7\" hidden>\r\n <legend>7) Berta H\u00e4berle\u2019s alibi?<\/legend>\r\n <label><input type=\"radio\" name=\"q7\" value=\"falsch\"> Berta H\u00e4berle was at the \u201cAdler\u201d Hotel with Gilbert Laurent<\/label>\r\n <label><input type=\"radio\" name=\"q7\" value=\"falsch\"> Berta H\u00e4berle took the midnight flight to Lisbon to attend a dog show<\/label>\r\n <label><input type=\"radio\" name=\"q7\" value=\"richtig\"> Berta H\u00e4berle was on her way to spend a romantic weekend in Belgium<\/label>\r\n <label><input type=\"radio\" name=\"q7\" value=\"falsch\"> None, Berta H\u00e4berle is the murderer<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"8\" hidden>\r\n <legend>8) Viktor Baumg\u00e4rtner\u2019s alibi?<\/legend>\r\n <label><input type=\"radio\" name=\"q8\" value=\"falsch\"> Viktor Baumg\u00e4rtner was in service room 1 and took care of a technical problem there<\/label>\r\n <label><input type=\"radio\" name=\"q8\" value=\"falsch\"> Viktor Baumg\u00e4rtner had an altercation because he caught Antje Vermeulen stealing<\/label>\r\n <label><input type=\"radio\" name=\"q8\" value=\"falsch\"> Viktor Baumg\u00e4rtner was so drunk at 23:00 that an emergency doctor had to come and take him in<\/label>\r\n <label><input type=\"radio\" name=\"q8\" value=\"richtig\"> None, Viktor Baumg\u00e4rtner is the murderer<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"9\" hidden>\r\n <legend>9) Peggy Lorenz\u2019 alibi?<\/legend>\r\n <label><input type=\"radio\" name=\"q9\" value=\"falsch\"> Peggy Lorenz first called her psychologist and then met with him to get help<\/label>\r\n <label><input type=\"radio\" name=\"q9\" value=\"richtig\"> Peggy Lorenz did not leave the foyer at the time of the crime and was never in the old building<\/label>\r\n <label><input type=\"radio\" name=\"q9\" value=\"falsch\"> Peggy Lorenz chased Berta H\u00e4berle when she left the company building and ended up being charged with speeding<\/label>\r\n <label><input type=\"radio\" name=\"q9\" value=\"falsch\"> None, Peggy Lorenz is the murderer<\/label>\r\n <\/fieldset>\r\n\r\n \r\n <fieldset class=\"quiz-step\" data-step=\"10\" hidden>\r\n <legend>10) Ferdinand Edelberger\u2019s alibi?<\/legend>\r\n <label><input type=\"radio\" name=\"q10\" value=\"richtig\"> Ferdinand Edelberger was partying with colleagues and in went to get some drugs on his own<\/label>\r\n <label><input type=\"radio\" name=\"q10\" value=\"falsch\"> Ferdinand Edelberger was at the betting office \u201cBischop\u201d and was beaten up on the way back<\/label>\r\n <label><input type=\"radio\" name=\"q10\" value=\"falsch\"> Ferdinand Edelberger was partying with colleagues at first, then left to attend Keule\u2019s private party, spending time in the pool<\/label>\r\n <label><input type=\"radio\" name=\"q10\" value=\"falsch\"> None, Ferdinand Edelberger is the murderer<\/label>\r\n <\/fieldset>\r\n <\/form>\r\n\r\n <div class=\"quiz-actions\">\r\n <button type=\"button\" id=\"btnNextCa\" disabled>Next<\/button>\r\n <button type=\"button\" id=\"btnRestartCa\" class=\"btn-restart\" hidden>Play again<\/button>\r\n <\/div>\r\n\r\n <div id=\"resultCa\" 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 const MUSIC_DEFAULT_VOL = 0.35;\r\n\r\n const startScreen = document.getElementById('startScreenCa');\r\n const btnStart = document.getElementById('btnStartCa');\r\n const quiz = document.getElementById('quizCa');\r\n const quizForm = document.getElementById('quizFormCa');\r\n const steps = Array.from(quizForm.querySelectorAll('.quiz-step'));\r\n\r\n const btnNext = document.getElementById('btnNextCa');\r\n const btnRestart = document.getElementById('btnRestartCa');\r\n const resultBox = document.getElementById('resultCa');\r\n const progressText = document.getElementById('progressTextCa');\r\n const progressBar = document.getElementById('progressBarCa');\r\n\r\n const questionTexts = [\r\n 'Who murdered Oliver Borgmann?',\r\n 'What was the killer\u2019s motive?',\r\n 'Where was Ferdinand Edelberger at 22:43?',\r\n 'Where was Ferdinand Edelberger at 23:25?',\r\n 'Where was Ferdinand Edelberger at 00:25?',\r\n 'Horst Edelberger\u2019s alibi?',\r\n 'Berta H\u00e4berle\u2019s alibi?',\r\n 'Viktor Baumg\u00e4rtner\u2019s alibi?',\r\n 'Peggy Lorenz\u2019 alibi?',\r\n 'Ferdinand Edelberger\u2019s alibi?'\r\n ];\r\n\r\n const correctAnswers = [\r\n 'Viktor Baumg\u00e4rtner',\r\n 'Revenge',\r\n 'Office 17',\r\n 'At Betzy\u2019s Booth',\r\n 'On the dancefloor in the foyer',\r\n 'After the conference, Horst Edelberger was at his private residence',\r\n 'Berta H\u00e4berle was on her way to spend a romantic weekend in Belgium',\r\n 'None, Viktor Baumg\u00e4rtner is the murderer',\r\n 'Peggy Lorenz did not leave the foyer at the time of the crime and was never in the old building',\r\n 'Ferdinand Edelberger was partying with colleagues and in went to get some drugs on his own'\r\n ];\r\n\r\n \/\/ \u2705 Music (starts on click)\r\n const bgMusic = new Audio(AUDIO_URL);\r\n bgMusic.loop = true;\r\n bgMusic.preload = 'none';\r\n bgMusic.volume = MUSIC_DEFAULT_VOL;\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 start music\r\n bgMusic.currentTime = 0;\r\n bgMusic.volume = MUSIC_DEFAULT_VOL;\r\n bgMusic.play().catch(() => {});\r\n\r\n \/\/ \u2705 center quiz in viewport\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 = !fs.querySelector('input[type=\"radio\"]:checked');\r\n });\r\n });\r\n\r\n btnNext.addEventListener('click', () => {\r\n const fs = steps[current];\r\n if (!fs.querySelector('input[type=\"radio\"]:checked')) return;\r\n if (current === total - 1) return showResult();\r\n\r\n toggleStep(current, false);\r\n current += 1;\r\n toggleStep(current, true);\r\n updateProgress();\r\n btnNext.disabled = !steps[current].querySelector('input[type=\"radio\"]:checked');\r\n\r\n \/\/ \u2705 keep centered\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 toggleStep(index, show) {\r\n if (!steps[index]) return;\r\n steps[index].hidden = !show;\r\n }\r\n\r\n function updateProgress() {\r\n const stepNr = current + 1;\r\n progressText.textContent = `Question ${stepNr} of ${total}`;\r\n progressBar.style.width = Math.round((stepNr \/ total) * 100) + '%';\r\n }\r\n\r\n function fadeOutMusic(durationMs = 1400){\r\n if (bgMusic.paused) return;\r\n const startVol = bgMusic.volume;\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 bgMusic.volume = Math.max(0, startVol * (1 - t));\r\n if (t < 1) requestAnimationFrame(tick);\r\n else {\r\n bgMusic.pause();\r\n bgMusic.currentTime = 0;\r\n bgMusic.volume = MUSIC_DEFAULT_VOL;\r\n }\r\n }\r\n requestAnimationFrame(tick);\r\n }\r\n\r\n function showResult() {\r\n let score = 0;\r\n let list = '<h3>Review (green = correct, red = incorrect):<\/h3><ul>';\r\n\r\n steps.forEach((fs, i) => {\r\n const sel = fs.querySelector('input[type=\"radio\"]:checked');\r\n const isCorrect = !!(sel && sel.value === 'richtig');\r\n if (isCorrect) score++;\r\n\r\n const playerText = sel ? sel.parentElement.textContent.trim() : 'No answer';\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 Correct \u2013 your answer:' : '\u2718 Incorrect \u2013 your answer:'}\r\n ${playerText}\r\n <\/div>\r\n ${!isCorrect ? `\r\n <div class=\"answer-correct\">\r\n \u2714 Correct answer: ${correctAnswers[i]}\r\n <\/div>` : ''}\r\n <\/li>\r\n `;\r\n });\r\n\r\n list += '<\/ul>';\r\n\r\n \/\/ \u2705 fade out music on result\r\n fadeOutMusic(1400);\r\n\r\n steps[current].hidden = true;\r\n btnNext.hidden = true;\r\n btnRestart.hidden = false;\r\n progressText.textContent = 'Result';\r\n progressBar.style.width = '100%';\r\n\r\n const percent = Math.round((score \/ total) * 100);\r\n\r\n resultBox.innerHTML = `\r\n <strong>You got ${score} out of ${total} right (${percent}%).<\/strong>\r\n ${list}\r\n <div class=\"result-cta\">\r\n <a href=\"https:\/\/magnificum.net\/ca-outro\" class=\"result-button\">Listen to the outro<\/a>\r\n <\/div>\r\n `;\r\n resultBox.hidden = false;\r\n\r\n \/\/ \u2705 center results\r\n requestAnimationFrame(() => {\r\n resultBox.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n });\r\n }\r\n\r\n function resetQuiz() {\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 \/\/ \u2705 restart music\r\n bgMusic.pause();\r\n bgMusic.currentTime = 0;\r\n bgMusic.volume = MUSIC_DEFAULT_VOL;\r\n bgMusic.play().catch(() => {});\r\n\r\n \/\/ \u2705 center quiz\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-0ddc5ea elementor-widget elementor-widget-spacer\" data-id=\"0ddc5ea\" 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-bbd5e01 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bbd5e01\" 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-8366346\" data-id=\"8366346\" 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-72c265b elementor-widget elementor-widget-text-editor\" data-id=\"72c265b\" 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=\"\/en\/datenschutz\/\">DATA PROTECTION<\/a>\u00a0 |\u00a0 <a style=\"color: #ffffff;\" href=\"https:\/\/magnificum.net\/en\/impressum\/\">LEGAL NOTICE<\/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>Quiz \u2013 Resolution Test Start Resolution Test Now your full concentration is required once more to bring the case to a close. MAGNIFICUM wishes you the best of luck! Question 1 of 10 1) Who murdered Oliver Borgmann? Horst Edelberger Berta H\u00e4berle Peggy Lorenz Max Mustafa Antje Vermeulen Gilbert Laurent Monika Kuntze Viktor Baumg\u00e4rtner Ferdinand Edelberger R\u00fcdiger Schmidt 2) What was the killer\u2019s motive? Jealousy Revenge […]<\/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-4891","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/pages\/4891","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=4891"}],"version-history":[{"count":18,"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/pages\/4891\/revisions"}],"predecessor-version":[{"id":23411,"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/pages\/4891\/revisions\/23411"}],"wp:attachment":[{"href":"https:\/\/magnificum.net\/en\/wp-json\/wp\/v2\/media?parent=4891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}