NADH Produktfinder<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n background-color: #fff0f0;\r\n color: black;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n margin: 0;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n }\r\n .container {\r\n background-color: #ffffff;\r\n padding: 30px;\r\n border-radius: 15px;\r\n box-shadow: 0 0 20px rgba(0,0,0,0.1);\r\n max-width: 800px;\r\n width: 100%;\r\n }\r\n h1 {\r\n color: #cc0000;\r\n text-align: center;\r\n font-size: 32px;\r\n margin-bottom: 30px;\r\n }\r\n .instructions, .question, #result {\r\n font-size: 24px;\r\n margin-bottom: 30px;\r\n line-height: 1.5;\r\n }\r\n .button {\r\n display: block;\r\n width: 100%;\r\n padding: 20px;\r\n margin-bottom: 20px;\r\n background-color: #ffe6e6;\r\n border: 2px solid #cc0000;\r\n border-radius: 10px;\r\n font-size: 22px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n color: black;\r\n text-align: left;\r\n }\r\n .button:hover, .button:focus {\r\n background-color: #cc0000;\r\n color: white;\r\n transform: translateY(-3px);\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.2);\r\n }\r\n #start-over {\r\n display: none;\r\n margin-top: 30px;\r\n background-color: #cc0000;\r\n color: white;\r\n text-align: center;\r\n }\r\n #start-over:hover, #start-over:focus {\r\n background-color: #990000;\r\n }\r\n @media (max-width: 600px) {\r\n .container {\r\n padding: 20px;\r\n }\r\n .instructions, .question, #result {\r\n font-size: 20px;\r\n }\r\n .button {\r\n font-size: 18px;\r\n padding: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <h1>NADH Produktfinder<\/h1>\r\n <div class=\"instructions\">\r\n <p><strong>So funktioniert es:<\/strong><\/p>\r\n <ol>\r\n <li>Lesen Sie die Frage.<\/li>\r\n <li>Klicken Sie auf die Antwort, die am besten zu Ihnen passt.<\/li>\r\n <li>Sie erhalten dann eine Produktempfehlung.<\/li>\r\n <\/ol>\r\n <\/div>\r\n <div id=\"quiz-area\">\r\n <div class=\"question\" id=\"question\"><\/div>\r\n <div id=\"options\"><\/div>\r\n <\/div>\r\n <div id=\"result\"><\/div>\r\n <button id=\"start-over\" class=\"button\">Noch einmal von vorne anfangen<\/button>\r\n <\/div>\r\n\r\n <script>\r\n const question = {\r\n question: \"Wof\u00fcr m\u00f6chten Sie NADH haupts\u00e4chlich verwenden?\",\r\n options: [\r\n {text: \"F\u00fcr mehr Energie im Alltag\", product: \"NADH 40plus \u2013 Zellenergie Deluxe\"},\r\n {text: \"F\u00fcr ein gesundes Herz\", product: \"NADH plus Ubichinon CoQ10 \u2013 Herz-Kreislauf Formel\"},\r\n {text: \"F\u00fcr besseren Schlaf\", product: \"NADH plus L-TRYPTOPHAN \u2013 Nerven-Balance Komplex\"},\r\n {text: \"F\u00fcr Entgiftung des K\u00f6rpers\", product: \"NADH plus CHLORELLA \u2013 Zellschutz-Formel\"},\r\n {text: \"F\u00fcr mehr Leistung beim Sport\", product: \"SPORT-NADH plus BCAA \u2013 Leistungs-Optimierungs-Komplex\"}\r\n ]\r\n };\r\n\r\n function showQuestion() {\r\n const questionEl = document.getElementById('question');\r\n const optionsEl = document.getElementById('options');\r\n\r\n questionEl.innerHTML = `<strong>${question.question}<\/strong>`;\r\n optionsEl.innerHTML = '';\r\n\r\n question.options.forEach(option => {\r\n const button = document.createElement('button');\r\n button.textContent = option.text;\r\n button.classList.add('button');\r\n button.onclick = () => showResult(option);\r\n optionsEl.appendChild(button);\r\n });\r\n }\r\n\r\n function showResult(option) {\r\n const resultEl = document.getElementById('result');\r\n const quizArea = document.getElementById('quiz-area');\r\n const startOver = document.getElementById('start-over');\r\n\r\n resultEl.innerHTML = `\r\n <p>Basierend auf Ihrer Antwort empfehlen wir Ihnen:<\/p>\r\n <p><strong>${option.product}<\/strong><\/p>\r\n <p>Dieses Produkt k\u00f6nnte Ihnen helfen, Ihr Wohlbefinden zu verbessern.<\/p>\r\n <p>Wichtig: Bitte sprechen Sie mit einem Arzt, bevor Sie neue Nahrungserg\u00e4nzungsmittel einnehmen.<\/p>\r\n `;\r\n\r\n quizArea.style.display = 'none';\r\n resultEl.style.display = 'block';\r\n startOver.style.display = 'block';\r\n }\r\n\r\n document.getElementById('start-over').onclick = () => {\r\n const quizArea = document.getElementById('quiz-area');\r\n const resultEl = document.getElementById('result');\r\n const startOver = document.getElementById('start-over');\r\n\r\n quizArea.style.display = 'block';\r\n resultEl.style.display = 'none';\r\n startOver.style.display = 'none';\r\n showQuestion();\r\n };\r\n\r\n showQuestion();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>NADH Produktfinder NADH Produktfinder So funktioniert es: Lesen Sie die Frage. Klicken Sie auf die Antwort, die am besten zu Ihnen passt. Sie erhalten dann eine Produktempfehlung. Noch einmal von vorne anfangen<\/p>","protected":false},"author":2463,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-23021","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/pages\/23021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/users\/2463"}],"replies":[{"embeddable":true,"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/comments?post=23021"}],"version-history":[{"count":0,"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/pages\/23021\/revisions"}],"wp:attachment":[{"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/media?parent=23021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\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\n NADH Produktfinder<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n background-color: #fff0f0;\r\n color: black;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n min-height: 100vh;\r\n margin: 0;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n }\r\n .container {\r\n background-color: #ffffff;\r\n padding: 30px;\r\n border-radius: 15px;\r\n box-shadow: 0 0 20px rgba(0,0,0,0.1);\r\n max-width: 800px;\r\n width: 100%;\r\n }\r\n h1 {\r\n color: #cc0000;\r\n text-align: center;\r\n font-size: 32px;\r\n margin-bottom: 30px;\r\n }\r\n .instructions, .question, #result {\r\n font-size: 24px;\r\n margin-bottom: 30px;\r\n line-height: 1.5;\r\n }\r\n .button {\r\n display: block;\r\n width: 100%;\r\n padding: 20px;\r\n margin-bottom: 20px;\r\n background-color: #ffe6e6;\r\n border: 2px solid #cc0000;\r\n border-radius: 10px;\r\n font-size: 22px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n color: black;\r\n text-align: left;\r\n }\r\n .button:hover, .button:focus {\r\n background-color: #cc0000;\r\n color: white;\r\n transform: translateY(-3px);\r\n box-shadow: 0 4px 8px rgba(0,0,0,0.2);\r\n }\r\n #start-over {\r\n display: none;\r\n margin-top: 30px;\r\n background-color: #cc0000;\r\n color: white;\r\n text-align: center;\r\n }\r\n #start-over:hover, #start-over:focus {\r\n background-color: #990000;\r\n }\r\n @media (max-width: 600px) {\r\n .container {\r\n padding: 20px;\r\n }\r\n .instructions, .question, #result {\r\n font-size: 20px;\r\n }\r\n .button {\r\n font-size: 18px;\r\n padding: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <h1>NADH Produktfinder<\/h1>\r\n <div class=\"instructions\">\r\n <p><strong>So funktioniert es:<\/strong><\/p>\r\n <ol>\r\n <li>Lesen Sie die Frage.<\/li>\r\n <li>Klicken Sie auf die Antwort, die am besten zu Ihnen passt.<\/li>\r\n <li>Sie erhalten dann eine Produktempfehlung.<\/li>\r\n <\/ol>\r\n <\/div>\r\n <div id=\"quiz-area\">\r\n <div class=\"question\" id=\"question\"><\/div>\r\n <div id=\"options\"><\/div>\r\n <\/div>\r\n <div id=\"result\"><\/div>\r\n <button id=\"start-over\" class=\"button\">Noch einmal von vorne anfangen<\/button>\r\n <\/div>\r\n\r\n <script>\r\n const question = {\r\n question: \"Wof\u00fcr m\u00f6chten Sie NADH haupts\u00e4chlich verwenden?\",\r\n options: [\r\n {text: \"F\u00fcr mehr Energie im Alltag\", product: \"NADH 40plus \u2013 Zellenergie Deluxe\"},\r\n {text: \"F\u00fcr ein gesundes Herz\", product: \"NADH plus Ubichinon CoQ10 \u2013 Herz-Kreislauf Formel\"},\r\n {text: \"F\u00fcr besseren Schlaf\", product: \"NADH plus L-TRYPTOPHAN \u2013 Nerven-Balance Komplex\"},\r\n {text: \"F\u00fcr Entgiftung des K\u00f6rpers\", product: \"NADH plus CHLORELLA \u2013 Zellschutz-Formel\"},\r\n {text: \"F\u00fcr mehr Leistung beim Sport\", product: \"SPORT-NADH plus BCAA \u2013 Leistungs-Optimierungs-Komplex\"}\r\n ]\r\n };\r\n\r\n function showQuestion() {\r\n const questionEl = document.getElementById('question');\r\n const optionsEl = document.getElementById('options');\r\n\r\n questionEl.innerHTML = `<strong>${question.question}<\/strong>`;\r\n optionsEl.innerHTML = '';\r\n\r\n question.options.forEach(option => {\r\n const button = document.createElement('button');\r\n button.textContent = option.text;\r\n button.classList.add('button');\r\n button.onclick = () => showResult(option);\r\n optionsEl.appendChild(button);\r\n });\r\n }\r\n\r\n function showResult(option) {\r\n const resultEl = document.getElementById('result');\r\n const quizArea = document.getElementById('quiz-area');\r\n const startOver = document.getElementById('start-over');\r\n\r\n resultEl.innerHTML = `\r\n <p>Basierend auf Ihrer Antwort empfehlen wir Ihnen:<\/p>\r\n <p><strong>${option.product}<\/strong><\/p>\r\n <p>Dieses Produkt k\u00f6nnte Ihnen helfen, Ihr Wohlbefinden zu verbessern.<\/p>\r\n <p>Wichtig: Bitte sprechen Sie mit einem Arzt, bevor Sie neue Nahrungserg\u00e4nzungsmittel einnehmen.<\/p>\r\n `;\r\n\r\n quizArea.style.display = 'none';\r\n resultEl.style.display = 'block';\r\n startOver.style.display = 'block';\r\n }\r\n\r\n document.getElementById('start-over').onclick = () => {\r\n const quizArea = document.getElementById('quiz-area');\r\n const resultEl = document.getElementById('result');\r\n const startOver = document.getElementById('start-over');\r\n\r\n quizArea.style.display = 'block';\r\n resultEl.style.display = 'none';\r\n startOver.style.display = 'none';\r\n showQuestion();\r\n };\r\n\r\n showQuestion();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\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>NADH Produktfinder NADH Produktfinder So funktioniert es: Lesen Sie die Frage. Klicken Sie auf die Antwort, die am besten zu Ihnen passt. Sie erhalten dann eine Produktempfehlung. Noch einmal von vorne anfangen<\/p>","protected":false},"author":2463,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-23021","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/pages\/23021","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/users\/2463"}],"replies":[{"embeddable":true,"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/comments?post=23021"}],"version-history":[{"count":0,"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/pages\/23021\/revisions"}],"wp:attachment":[{"href":"https:\/\/innova-swiss.com\/en\/wp-json\/wp\/v2\/media?parent=23021"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}