{"id":523,"date":"2026-10-31T06:44:49","date_gmt":"2026-10-31T06:44:49","guid":{"rendered":"https:\/\/premiumhanfwelt.de\/?page_id=523"},"modified":"2026-10-31T06:51:11","modified_gmt":"2026-10-31T06:51:11","slug":"quiz-starten","status":"publish","type":"page","link":"https:\/\/premiumhanfwelt.de\/en\/quiz-starten\/","title":{"rendered":"QUIZ STARTEN"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nPremium Hanfwelt \u2013 Hanf Quiz<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\/* =========================================\r\n PREMIUM HANFWELT \u2013 QUIZ\r\n========================================= *\/\r\n\r\n.ph-quiz,\r\n.ph-quiz * {\r\n box-sizing: border-box;\r\n}\r\n\r\n.ph-quiz {\r\n --ph-green: #2FA486;\r\n --ph-green-dark: #237e67;\r\n --ph-mint: #C5E7B0;\r\n --ph-cream: #F8F7F5;\r\n --ph-dark: #101713;\r\n --ph-muted: #68716c;\r\n\r\n position: relative;\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 76px 20px 90px;\r\n background: var(--ph-cream);\r\n color: var(--ph-dark);\r\n font-family: \"Plus Jakarta Sans\", sans-serif;\r\n}\r\n\r\n\/* Decorative background elements *\/\r\n\r\n.ph-quiz::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 390px;\r\n height: 390px;\r\n top: 70px;\r\n left: -210px;\r\n border-radius: 50%;\r\n background: rgba(197, 231, 176, 0.34);\r\n pointer-events: none;\r\n}\r\n\r\n.ph-quiz::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 300px;\r\n height: 300px;\r\n right: -150px;\r\n bottom: 70px;\r\n border-radius: 50%;\r\n background: rgba(47, 164, 134, 0.10);\r\n pointer-events: none;\r\n}\r\n\r\n.ph-quiz-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1080px;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* Hero *\/\r\n\r\n.ph-quiz-hero {\r\n max-width: 760px;\r\n margin: 0 auto 44px;\r\n text-align: center;\r\n}\r\n\r\n.ph-quiz-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 9px;\r\n padding: 10px 17px;\r\n margin-bottom: 24px;\r\n border: 1px solid rgba(47, 164, 134, 0.16);\r\n border-radius: 100px;\r\n background: var(--ph-mint);\r\n color: #183d30;\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 1.1px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.ph-quiz-badge-dot {\r\n width: 7px;\r\n height: 7px;\r\n display: inline-block;\r\n border-radius: 50%;\r\n background: var(--ph-green);\r\n}\r\n\r\n.ph-quiz-hero h1 {\r\n margin: 0 0 20px;\r\n color: var(--ph-dark);\r\n font-size: clamp(38px, 6vw, 66px);\r\n font-weight: 800;\r\n line-height: 1.08;\r\n letter-spacing: -2.7px;\r\n}\r\n\r\n.ph-quiz-hero h1 span {\r\n color: var(--ph-green);\r\n}\r\n\r\n.ph-quiz-hero p {\r\n max-width: 610px;\r\n margin: 0 auto;\r\n color: var(--ph-muted);\r\n font-size: 16px;\r\n line-height: 1.85;\r\n}\r\n\r\n\/* Main quiz card *\/\r\n\r\n.ph-quiz-card {\r\n max-width: 760px;\r\n margin: 0 auto;\r\n padding: 38px;\r\n border: 1px solid rgba(16, 23, 19, 0.06);\r\n border-radius: 30px;\r\n background: #fff;\r\n box-shadow: 0 22px 70px rgba(16, 23, 19, 0.07);\r\n}\r\n\r\n\/* Quiz top bar *\/\r\n\r\n.ph-quiz-top {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n margin-bottom: 18px;\r\n}\r\n\r\n.ph-quiz-label {\r\n color: var(--ph-muted);\r\n font-size: 12px;\r\n font-weight: 800;\r\n letter-spacing: 1px;\r\n text-transform: uppercase;\r\n}\r\n\r\n.ph-quiz-counter {\r\n padding: 9px 13px;\r\n border-radius: 100px;\r\n background: #edf7f1;\r\n color: var(--ph-green-dark);\r\n font-size: 12px;\r\n font-weight: 800;\r\n}\r\n\r\n\/* Progress *\/\r\n\r\n.ph-quiz-progress {\r\n width: 100%;\r\n height: 7px;\r\n margin-bottom: 34px;\r\n overflow: hidden;\r\n border-radius: 20px;\r\n background: #edf0ed;\r\n}\r\n\r\n.ph-quiz-progress-bar {\r\n width: 0%;\r\n height: 100%;\r\n border-radius: inherit;\r\n background: linear-gradient(90deg, #2FA486, #80c9a7);\r\n transition: width 0.35s ease;\r\n}\r\n\r\n\/* Question *\/\r\n\r\n.ph-quiz-question {\r\n margin: 0 0 26px;\r\n color: var(--ph-dark);\r\n font-size: clamp(23px, 3vw, 30px);\r\n font-weight: 800;\r\n line-height: 1.35;\r\n letter-spacing: -0.7px;\r\n}\r\n\r\n\/* Answers *\/\r\n\r\n.ph-quiz-answers {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 13px;\r\n}\r\n\r\n.ph-quiz-answer {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px;\r\n width: 100%;\r\n min-height: 72px;\r\n padding: 16px 18px;\r\n border: 1px solid #e8ece8;\r\n border-radius: 17px;\r\n background: #fff;\r\n color: var(--ph-dark);\r\n text-align: left;\r\n font-family: inherit;\r\n font-size: 14px;\r\n font-weight: 700;\r\n line-height: 1.5;\r\n cursor: pointer;\r\n transition:\r\n border-color 0.2s ease,\r\n background 0.2s ease,\r\n transform 0.2s ease,\r\n box-shadow 0.2s ease;\r\n}\r\n\r\n.ph-quiz-answer:hover:not(:disabled) {\r\n transform: translateY(-2px);\r\n border-color: var(--ph-green);\r\n background: #f6fbf8;\r\n box-shadow: 0 8px 20px rgba(47, 164, 134, 0.08);\r\n}\r\n\r\n.ph-quiz-answer:focus-visible {\r\n outline: 3px solid rgba(47, 164, 134, 0.3);\r\n outline-offset: 3px;\r\n}\r\n\r\n.ph-quiz-answer:disabled {\r\n cursor: default;\r\n}\r\n\r\n.ph-quiz-answer-letter {\r\n display: flex;\r\n flex: 0 0 34px;\r\n align-items: center;\r\n justify-content: center;\r\n width: 34px;\r\n height: 34px;\r\n border-radius: 11px;\r\n background: #f1f4f1;\r\n color: #69736d;\r\n font-size: 12px;\r\n font-weight: 800;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n.ph-quiz-answer.is-correct {\r\n border-color: var(--ph-green);\r\n background: #eff9f3;\r\n}\r\n\r\n.ph-quiz-answer.is-correct .ph-quiz-answer-letter {\r\n background: var(--ph-green);\r\n color: #fff;\r\n}\r\n\r\n.ph-quiz-answer.is-wrong {\r\n border-color: #e5a6a0;\r\n background: #fff5f4;\r\n}\r\n\r\n.ph-quiz-answer.is-wrong .ph-quiz-answer-letter {\r\n background: #c65b50;\r\n color: #fff;\r\n}\r\n\r\n\/* Feedback *\/\r\n\r\n.ph-quiz-feedback {\r\n display: none;\r\n margin-top: 20px;\r\n padding: 17px 19px;\r\n border-radius: 15px;\r\n font-size: 14px;\r\n font-weight: 600;\r\n line-height: 1.7;\r\n}\r\n\r\n.ph-quiz-feedback.is-visible {\r\n display: block;\r\n animation: phQuizFade 0.25s ease;\r\n}\r\n\r\n.ph-quiz-feedback.is-correct {\r\n background: #eff9f3;\r\n color: #237e67;\r\n}\r\n\r\n.ph-quiz-feedback.is-wrong {\r\n background: #fff4f2;\r\n color: #a34339;\r\n}\r\n\r\n\/* Footer controls *\/\r\n\r\n.ph-quiz-controls {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 16px;\r\n margin-top: 28px;\r\n}\r\n\r\n.ph-quiz-hint {\r\n color: #8b938d;\r\n font-size: 12px;\r\n font-weight: 600;\r\n}\r\n\r\n.ph-quiz-next {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 11px;\r\n min-height: 52px;\r\n padding: 0 25px;\r\n border: none;\r\n border-radius: 100px;\r\n background: var(--ph-green);\r\n color: #fff;\r\n font-family: inherit;\r\n font-size: 13px;\r\n font-weight: 800;\r\n cursor: pointer;\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n}\r\n\r\n.ph-quiz-next:hover {\r\n transform: translateY(-2px);\r\n background: var(--ph-green-dark);\r\n}\r\n\r\n.ph-quiz-next:disabled {\r\n background: #d9e2dc;\r\n color: #87918a;\r\n cursor: not-allowed;\r\n transform: none;\r\n}\r\n\r\n.ph-quiz-next svg {\r\n width: 16px;\r\n height: 16px;\r\n}\r\n\r\n\/* Results screen *\/\r\n\r\n.ph-quiz-result {\r\n display: none;\r\n text-align: center;\r\n}\r\n\r\n.ph-quiz-result.is-visible {\r\n display: block;\r\n animation: phQuizFade 0.35s ease;\r\n}\r\n\r\n.ph-quiz-result-icon {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 86px;\r\n height: 86px;\r\n margin: 0 auto 24px;\r\n border-radius: 27px;\r\n background: var(--ph-mint);\r\n color: #183d30;\r\n font-size: 35px;\r\n}\r\n\r\n.ph-quiz-result h2 {\r\n margin: 0 0 14px;\r\n color: var(--ph-dark);\r\n font-size: clamp(28px, 4vw, 42px);\r\n font-weight: 800;\r\n line-height: 1.2;\r\n letter-spacing: -1.4px;\r\n}\r\n\r\n.ph-quiz-result p {\r\n max-width: 500px;\r\n margin: 0 auto 24px;\r\n color: var(--ph-muted);\r\n font-size: 15px;\r\n line-height: 1.8;\r\n}\r\n\r\n.ph-quiz-score {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 160px;\r\n padding: 15px 24px;\r\n margin-bottom: 28px;\r\n border: 1px solid rgba(47, 164, 134, 0.15);\r\n border-radius: 18px;\r\n background: #f1f9f4;\r\n color: var(--ph-green-dark);\r\n font-size: 24px;\r\n font-weight: 800;\r\n}\r\n\r\n.ph-quiz-restart {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n min-height: 54px;\r\n padding: 0 28px;\r\n border: none;\r\n border-radius: 100px;\r\n background: var(--ph-green);\r\n color: #fff;\r\n font-family: inherit;\r\n font-size: 13px;\r\n font-weight: 800;\r\n cursor: pointer;\r\n transition: background 0.2s ease, transform 0.2s ease;\r\n}\r\n\r\n.ph-quiz-restart:hover {\r\n transform: translateY(-2px);\r\n background: var(--ph-green-dark);\r\n}\r\n\r\n\/* Bottom note *\/\r\n\r\n.ph-quiz-note {\r\n max-width: 760px;\r\n margin: 25px auto 0;\r\n color: #8a928c;\r\n font-size: 11px;\r\n line-height: 1.7;\r\n text-align: center;\r\n}\r\n\r\n\/* Animation *\/\r\n\r\n@keyframes phQuizFade {\r\n from {\r\n opacity: 0;\r\n transform: translateY(8px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n\/* Responsive *\/\r\n\r\n@media (max-width: 650px) {\r\n .ph-quiz {\r\n padding: 55px 15px 65px;\r\n }\r\n\r\n .ph-quiz-hero {\r\n margin-bottom: 30px;\r\n }\r\n\r\n .ph-quiz-hero h1 {\r\n font-size: 42px;\r\n letter-spacing: -1.8px;\r\n }\r\n\r\n .ph-quiz-hero p {\r\n font-size: 14px;\r\n line-height: 1.8;\r\n }\r\n\r\n .ph-quiz-card {\r\n padding: 24px 18px;\r\n border-radius: 23px;\r\n }\r\n\r\n .ph-quiz-answers {\r\n grid-template-columns: 1fr;\r\n gap: 10px;\r\n }\r\n\r\n .ph-quiz-answer {\r\n min-height: 62px;\r\n padding: 13px 15px;\r\n border-radius: 14px;\r\n }\r\n\r\n .ph-quiz-question {\r\n font-size: 23px;\r\n }\r\n\r\n .ph-quiz-controls {\r\n align-items: stretch;\r\n flex-direction: column;\r\n }\r\n\r\n .ph-quiz-hint {\r\n text-align: center;\r\n }\r\n\r\n .ph-quiz-next {\r\n width: 100%;\r\n }\r\n\r\n .ph-quiz-top {\r\n align-items: flex-start;\r\n }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n .ph-quiz *,\r\n .ph-quiz *::before,\r\n .ph-quiz *::after {\r\n animation-duration: 0.01ms !important;\r\n transition-duration: 0.01ms !important;\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<section class=\"ph-quiz\">\r\n <div class=\"ph-quiz-inner\">\r\n\r\n <!-- HERO -->\r\n <header class=\"ph-quiz-hero\">\r\n <div class=\"ph-quiz-badge\">\r\n <span class=\"ph-quiz-badge-dot\"><\/span>\r\n PREMIUM HANFWELT QUIZ\r\n <\/div>\r\n\r\n <h1>\r\n Wie gut kennst du<br>\r\n <span>Hanf?<\/span>\r\n <\/h1>\r\n\r\n <p>\r\n Teste dein Wissen rund um Hanf, seine vielseitigen Eigenschaften\r\n und seine Verwendung. Beantworte die Fragen und finde heraus,\r\n wie gut du dich auskennst.\r\n <\/p>\r\n <\/header>\r\n\r\n <!-- QUIZ CARD -->\r\n <main class=\"ph-quiz-card\">\r\n\r\n <div id=\"phQuizGame\">\r\n\r\n <div class=\"ph-quiz-top\">\r\n <span class=\"ph-quiz-label\">Dein Wissensquiz<\/span>\r\n <span class=\"ph-quiz-counter\" id=\"phQuizCounter\">\r\n Frage 1 von 8\r\n <\/span>\r\n <\/div>\r\n\r\n <div\r\n class=\"ph-quiz-progress\"\r\n role=\"progressbar\"\r\n aria-label=\"Quiz-Fortschritt\"\r\n aria-valuemin=\"0\"\r\n aria-valuemax=\"8\"\r\n aria-valuenow=\"0\"\r\n id=\"phQuizProgress\"\r\n >\r\n <div class=\"ph-quiz-progress-bar\" id=\"phQuizProgressBar\"><\/div>\r\n <\/div>\r\n\r\n <h2 class=\"ph-quiz-question\" id=\"phQuizQuestion\">\r\n Welche Pflanze bildet die Grundlage f\u00fcr Hanfprodukte?\r\n <\/h2>\r\n\r\n <div class=\"ph-quiz-answers\" id=\"phQuizAnswers\"><\/div>\r\n\r\n <div\r\n class=\"ph-quiz-feedback\"\r\n id=\"phQuizFeedback\"\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n ><\/div>\r\n\r\n <div class=\"ph-quiz-controls\">\r\n <span class=\"ph-quiz-hint\" id=\"phQuizHint\">\r\n W\u00e4hle die richtige Antwort.\r\n <\/span>\r\n\r\n <button\r\n class=\"ph-quiz-next\"\r\n id=\"phQuizNext\"\r\n type=\"button\"\r\n disabled\r\n >\r\n Weiter\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\">\r\n <path d=\"M5 12h14M13 6l6 6-6 6\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- RESULTS -->\r\n <div class=\"ph-quiz-result\" id=\"phQuizResult\" aria-live=\"polite\">\r\n <div class=\"ph-quiz-result-icon\" id=\"phQuizResultIcon\">\u2713<\/div>\r\n\r\n <h2 id=\"phQuizResultTitle\">Geschafft!<\/h2>\r\n\r\n <p id=\"phQuizResultText\">\r\n Du hast das Quiz abgeschlossen.\r\n <\/p>\r\n\r\n <div class=\"ph-quiz-score\" id=\"phQuizScore\">\r\n 0 von 8 Punkten\r\n <\/div>\r\n <br>\r\n\r\n <button\r\n class=\"ph-quiz-restart\"\r\n id=\"phQuizRestart\"\r\n type=\"button\"\r\n >\r\n Quiz erneut starten\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" aria-hidden=\"true\">\r\n <path d=\"M20 11a8 8 0 0 0-14.5-4L4 9M4 4v5h5M4 13a8 8 0 0 0 14.5 4L20 15M20 20v-5h-5\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n\r\n <\/main>\r\n\r\n <p class=\"ph-quiz-note\">\r\n Dieses Quiz dient der allgemeinen Information und Unterhaltung.\r\n Es ersetzt keine rechtliche oder medizinische Beratung.\r\n <\/p>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n \"use strict\";\r\n\r\n const root = document.querySelector(\".ph-quiz\");\r\n if (!root) return;\r\n\r\n const questions = [\r\n {\r\n question: \"Welche Pflanze bildet die Grundlage f\u00fcr Hanfprodukte?\",\r\n answers: [\r\n \"Cannabis\",\r\n \"Hopfen\",\r\n \"Bambus\",\r\n \"Flachs\"\r\n ],\r\n correct: 0,\r\n explanation: \"Hanfprodukte werden aus der Hanfpflanze (Cannabis) gewonnen.\"\r\n },\r\n {\r\n question: \"Welcher Teil der Hanfpflanze wird haupts\u00e4chlich f\u00fcr Hanffasern verwendet?\",\r\n answers: [\r\n \"Die Bl\u00fcten\",\r\n \"Der St\u00e4ngel\",\r\n \"Die Wurzeln\",\r\n \"Die Samen\"\r\n ],\r\n correct: 1,\r\n explanation: \"Die Fasern werden vor allem aus dem St\u00e4ngel der Hanfpflanze gewonnen.\"\r\n },\r\n {\r\n question: \"Woraus wird Hanfsamen\u00f6l hergestellt?\",\r\n answers: [\r\n \"Aus den Bl\u00e4ttern\",\r\n \"Aus den Bl\u00fcten\",\r\n \"Aus den Hanfsamen\",\r\n \"Aus den Wurzeln\"\r\n ],\r\n correct: 2,\r\n explanation: \"Hanfsamen\u00f6l wird durch Pressen der Hanfsamen gewonnen.\"\r\n },\r\n {\r\n question: \"Wof\u00fcr steht die Abk\u00fcrzung CBD?\",\r\n answers: [\r\n \"Cannabidiol\",\r\n \"Cannabidinol\",\r\n \"Cannabis-Destillat\",\r\n \"Carbon-Bio-Derivat\"\r\n ],\r\n correct: 0,\r\n explanation: \"CBD steht f\u00fcr Cannabidiol, einen Inhaltsstoff der Cannabispflanze.\"\r\n },\r\n {\r\n question: \"Welcher bekannte Cannabis-Inhaltsstoff ist psychoaktiv?\",\r\n answers: [\r\n \"CBG\",\r\n \"CBD\",\r\n \"THC\",\r\n \"Hanf\u00f6l\"\r\n ],\r\n correct: 2,\r\n explanation: \"THC steht f\u00fcr Tetrahydrocannabinol und ist der bekannte psychoaktive Cannabis-Inhaltsstoff.\"\r\n },\r\n {\r\n question: \"Wof\u00fcr k\u00f6nnen Hanffasern verwendet werden?\",\r\n answers: [\r\n \"Nur f\u00fcr Lebensmittel\",\r\n \"F\u00fcr Textilien und Seile\",\r\n \"Nur f\u00fcr Kosmetik\",\r\n \"Ausschlie\u00dflich f\u00fcr Getr\u00e4nke\"\r\n ],\r\n correct: 1,\r\n explanation: \"Hanffasern sind vielseitig und k\u00f6nnen unter anderem f\u00fcr Textilien, Seile und weitere Materialien genutzt werden.\"\r\n },\r\n {\r\n question: \"Wie k\u00f6nnen Hanfsamen verwendet werden?\",\r\n answers: [\r\n \"Als Lebensmittel\",\r\n \"Nur als Brennstoff\",\r\n \"Ausschlie\u00dflich f\u00fcr Papier\",\r\n \"Nur f\u00fcr Farben\"\r\n ],\r\n correct: 0,\r\n explanation: \"Hanfsamen k\u00f6nnen beispielsweise als Zutat in Lebensmitteln verwendet werden.\"\r\n },\r\n {\r\n question: \"Was versteht man unter Nutzhanf?\",\r\n answers: [\r\n \"Eine k\u00fcnstlich hergestellte Pflanze\",\r\n \"Hanf, der ausschlie\u00dflich im Garten w\u00e4chst\",\r\n \"Hanf, der f\u00fcr verschiedene landwirtschaftliche und industrielle Zwecke angebaut wird\",\r\n \"Eine Pflanze ohne Samen\"\r\n ],\r\n correct: 2,\r\n explanation: \"Nutzhanf wird unter anderem f\u00fcr Fasern, Samen und weitere landwirtschaftliche oder industrielle Anwendungen angebaut.\"\r\n }\r\n ];\r\n\r\n const game = root.querySelector(\"#phQuizGame\");\r\n const questionElement = root.querySelector(\"#phQuizQuestion\");\r\n const answersElement = root.querySelector(\"#phQuizAnswers\");\r\n const counterElement = root.querySelector(\"#phQuizCounter\");\r\n const progressElement = root.querySelector(\"#phQuizProgress\");\r\n const progressBar = root.querySelector(\"#phQuizProgressBar\");\r\n const feedbackElement = root.querySelector(\"#phQuizFeedback\");\r\n const hintElement = root.querySelector(\"#phQuizHint\");\r\n const nextButton = root.querySelector(\"#phQuizNext\");\r\n\r\n const resultElement = root.querySelector(\"#phQuizResult\");\r\n const resultIcon = root.querySelector(\"#phQuizResultIcon\");\r\n const resultTitle = root.querySelector(\"#phQuizResultTitle\");\r\n const resultText = root.querySelector(\"#phQuizResultText\");\r\n const scoreElement = root.querySelector(\"#phQuizScore\");\r\n const restartButton = root.querySelector(\"#phQuizRestart\");\r\n\r\n let currentQuestion = 0;\r\n let score = 0;\r\n let answered = false;\r\n\r\n function renderQuestion() {\r\n const item = questions[currentQuestion];\r\n\r\n answered = false;\r\n\r\n counterElement.textContent =\r\n \"Frage \" + (currentQuestion + 1) + \" von \" + questions.length;\r\n\r\n progressElement.setAttribute(\"aria-valuenow\", currentQuestion);\r\n progressBar.style.width =\r\n ((currentQuestion \/ questions.length) * 100) + \"%\";\r\n\r\n questionElement.textContent = item.question;\r\n answersElement.innerHTML = \"\";\r\n feedbackElement.textContent = \"\";\r\n feedbackElement.className = \"ph-quiz-feedback\";\r\n hintElement.textContent = \"W\u00e4hle die richtige Antwort.\";\r\n nextButton.disabled = true;\r\n\r\n item.answers.forEach(function (answer, index) {\r\n const button = document.createElement(\"button\");\r\n button.type = \"button\";\r\n button.className = \"ph-quiz-answer\";\r\n\r\n const letter = document.createElement(\"span\");\r\n letter.className = \"ph-quiz-answer-letter\";\r\n letter.textContent = String.fromCharCode(65 + index);\r\n\r\n const answerText = document.createElement(\"span\");\r\n answerText.textContent = answer;\r\n\r\n button.appendChild(letter);\r\n button.appendChild(answerText);\r\n\r\n button.addEventListener(\"click\", function () {\r\n chooseAnswer(index);\r\n });\r\n\r\n answersElement.appendChild(button);\r\n });\r\n\r\n nextButton.innerHTML =\r\n currentQuestion === questions.length - 1\r\n ? 'Ergebnis ansehen <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>'\r\n : 'Weiter <svg viewBox=\"0 0 24 24\" fill=\"none\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\r\n }\r\n\r\n function chooseAnswer(selectedIndex) {\r\n if (answered) return;\r\n\r\n answered = true;\r\n\r\n const item = questions[currentQuestion];\r\n const buttons = answersElement.querySelectorAll(\".ph-quiz-answer\");\r\n const isCorrect = selectedIndex === item.correct;\r\n\r\n buttons.forEach(function (button, index) {\r\n button.disabled = true;\r\n\r\n if (index === item.correct) {\r\n button.classList.add(\"is-correct\");\r\n }\r\n\r\n if (index === selectedIndex && !isCorrect) {\r\n button.classList.add(\"is-wrong\");\r\n }\r\n });\r\n\r\n if (isCorrect) {\r\n score++;\r\n feedbackElement.className = \"ph-quiz-feedback is-visible is-correct\";\r\n feedbackElement.textContent = \"Richtig! \" + item.explanation;\r\n hintElement.textContent = \"Sehr gut \u2013 weiter geht\u2019s!\";\r\n } else {\r\n feedbackElement.className = \"ph-quiz-feedback is-visible is-wrong\";\r\n feedbackElement.textContent = \"Leider nicht ganz. \" + item.explanation;\r\n hintElement.textContent = \"Lerne weiter und versuche es erneut.\";\r\n }\r\n\r\n nextButton.disabled = false;\r\n progressElement.setAttribute(\"aria-valuenow\", currentQuestion + 1);\r\n progressBar.style.width =\r\n (((currentQuestion + 1) \/ questions.length) * 100) + \"%\";\r\n }\r\n\r\n function showResult() {\r\n game.style.display = \"none\";\r\n resultElement.classList.add(\"is-visible\");\r\n\r\n scoreElement.textContent = score + \" von \" + questions.length + \" Punkten\";\r\n\r\n const percentage = (score \/ questions.length) * 100;\r\n\r\n if (percentage === 100) {\r\n resultIcon.textContent = \"\u2605\";\r\n resultTitle.textContent = \"Perfekt gemacht!\";\r\n resultText.textContent =\r\n \"Du hast alle Fragen richtig beantwortet. Dein Hanfwissen kann sich wirklich sehen lassen!\";\r\n } else if (percentage >= 75) {\r\n resultIcon.textContent = \"\u2713\";\r\n resultTitle.textContent = \"Sehr gut!\";\r\n resultText.textContent =\r\n \"Du kennst dich bereits gut mit Hanf aus. Nur wenige Antworten haben gefehlt.\";\r\n } else if (percentage >= 50) {\r\n resultIcon.textContent = \"\u2726\";\r\n resultTitle.textContent = \"Gut gemacht!\";\r\n resultText.textContent =\r\n \"Du hast schon einiges \u00fcber Hanf gelernt. Mit ein wenig \u00dcbung kannst du dein Wissen weiter verbessern.\";\r\n } else {\r\n resultIcon.textContent = \"\ud83c\udf31\";\r\n resultTitle.textContent = \"Weiter geht\u2019s!\";\r\n resultText.textContent =\r\n \"Jeder Anfang z\u00e4hlt. Starte das Quiz erneut und entdecke noch mehr Wissenswertes \u00fcber Hanf.\";\r\n }\r\n\r\n progressBar.style.width = \"100%\";\r\n resultElement.scrollIntoView({\r\n behavior: \"smooth\",\r\n block: \"center\"\r\n });\r\n }\r\n\r\n nextButton.addEventListener(\"click\", function () {\r\n if (!answered) return;\r\n\r\n if (currentQuestion < questions.length - 1) {\r\n currentQuestion++;\r\n renderQuestion();\r\n } else {\r\n showResult();\r\n }\r\n });\r\n\r\n restartButton.addEventListener(\"click\", function () {\r\n currentQuestion = 0;\r\n score = 0;\r\n answered = false;\r\n\r\n resultElement.classList.remove(\"is-visible\");\r\n game.style.display = \"block\";\r\n\r\n renderQuestion();\r\n\r\n root.scrollIntoView({\r\n behavior: \"smooth\",\r\n block: \"start\"\r\n });\r\n });\r\n\r\n renderQuestion();\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Premium Hanfwelt \u2013 Hanf Quiz PREMIUM HANFWELT QUIZ Wie gut kennst du Hanf? Teste dein Wissen rund um Hanf, seine vielseitigen Eigenschaften und seine Verwendung. Beantworte die Fragen und finde heraus, wie gut du dich auskennst. Dein Wissensquiz Frage 1 von 8 Welche Pflanze bildet die Grundlage f\u00fcr Hanfprodukte? W\u00e4hle die richtige Antwort. Weiter \u2713 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-523","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.1 (Yoast SEO v28.8) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>QUIZ STARTEN -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/premiumhanfwelt.de\/en\/quiz-starten\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"QUIZ STARTEN\" \/>\n<meta property=\"og:description\" content=\"Premium Hanfwelt \u2013 Hanf Quiz PREMIUM HANFWELT QUIZ Wie gut kennst du Hanf? Teste dein Wissen rund um Hanf, seine vielseitigen Eigenschaften und seine Verwendung. Beantworte die Fragen und finde heraus, wie gut du dich auskennst. Dein Wissensquiz Frage 1 von 8 Welche Pflanze bildet die Grundlage f\u00fcr Hanfprodukte? W\u00e4hle die richtige Antwort. Weiter \u2713 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/premiumhanfwelt.de\/en\/quiz-starten\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-31T06:51:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/premiumhanfwelt.de\\\/quiz-starten\\\/\",\"url\":\"https:\\\/\\\/premiumhanfwelt.de\\\/quiz-starten\\\/\",\"name\":\"QUIZ STARTEN -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/premiumhanfwelt.de\\\/#website\"},\"datePublished\":\"2026-10-31T06:44:49+00:00\",\"dateModified\":\"2026-10-31T06:51:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/premiumhanfwelt.de\\\/quiz-starten\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/premiumhanfwelt.de\\\/quiz-starten\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/premiumhanfwelt.de\\\/quiz-starten\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/premiumhanfwelt.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"QUIZ STARTEN\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/premiumhanfwelt.de\\\/#website\",\"url\":\"https:\\\/\\\/premiumhanfwelt.de\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/premiumhanfwelt.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"QUIZ STARTEN -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/premiumhanfwelt.de\/en\/quiz-starten\/","og_locale":"en_GB","og_type":"article","og_title":"QUIZ STARTEN","og_description":"Premium Hanfwelt \u2013 Hanf Quiz PREMIUM HANFWELT QUIZ Wie gut kennst du Hanf? Teste dein Wissen rund um Hanf, seine vielseitigen Eigenschaften und seine Verwendung. Beantworte die Fragen und finde heraus, wie gut du dich auskennst. Dein Wissensquiz Frage 1 von 8 Welche Pflanze bildet die Grundlage f\u00fcr Hanfprodukte? W\u00e4hle die richtige Antwort. Weiter \u2713 […]","og_url":"https:\/\/premiumhanfwelt.de\/en\/quiz-starten\/","article_modified_time":"2026-10-31T06:51:11+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/premiumhanfwelt.de\/quiz-starten\/","url":"https:\/\/premiumhanfwelt.de\/quiz-starten\/","name":"QUIZ STARTEN -","isPartOf":{"@id":"https:\/\/premiumhanfwelt.de\/#website"},"datePublished":"2026-10-31T06:44:49+00:00","dateModified":"2026-10-31T06:51:11+00:00","breadcrumb":{"@id":"https:\/\/premiumhanfwelt.de\/quiz-starten\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/premiumhanfwelt.de\/quiz-starten\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/premiumhanfwelt.de\/quiz-starten\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/premiumhanfwelt.de\/"},{"@type":"ListItem","position":2,"name":"QUIZ STARTEN"}]},{"@type":"WebSite","@id":"https:\/\/premiumhanfwelt.de\/#website","url":"https:\/\/premiumhanfwelt.de\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/premiumhanfwelt.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/premiumhanfwelt.de\/en\/wp-json\/wp\/v2\/pages\/523","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/premiumhanfwelt.de\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/premiumhanfwelt.de\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/premiumhanfwelt.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/premiumhanfwelt.de\/en\/wp-json\/wp\/v2\/comments?post=523"}],"version-history":[{"count":7,"href":"https:\/\/premiumhanfwelt.de\/en\/wp-json\/wp\/v2\/pages\/523\/revisions"}],"predecessor-version":[{"id":531,"href":"https:\/\/premiumhanfwelt.de\/en\/wp-json\/wp\/v2\/pages\/523\/revisions\/531"}],"wp:attachment":[{"href":"https:\/\/premiumhanfwelt.de\/en\/wp-json\/wp\/v2\/media?parent=523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}