{"id":402,"date":"2026-01-16T17:12:54","date_gmt":"2026-01-16T17:12:54","guid":{"rendered":"http:\/\/localhost:10010\/?page_id=402"},"modified":"2026-02-09T11:39:22","modified_gmt":"2026-02-09T11:39:22","slug":"quiz","status":"publish","type":"page","link":"https:\/\/kampaoutdoors.com\/de\/quiz\/","title":{"rendered":"Welche Kampa sind Sie?"},"content":{"rendered":"\n<div class=\"wp-block-group relative z-10 is-layout-constrained wp-container-core-group-is-layout-d9d325dd wp-block-group-is-layout-constrained\" style=\"margin-bottom:var(--wp--preset--spacing--medium)\">\n<h1 class=\"wp-block-heading has-text-align-center is-style-quiz has-quiz-primary-color has-text-color has-link-color has-x-large-font-size wp-elements-6345a8beb4214ac7c61c903c6f36f166\">Which Kampa are you?<\/h1>\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large is-resized\" style=\"margin-top:-10%\"><img alt=\"\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"610\" src=\"http:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-1024x610.png\" alt=\"\" class=\"wp-image-1331\" style=\"width:800px\" srcset=\"https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-1024x610.png 1024w, https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-300x179.png 300w, https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-768x457.png 768w, https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-1536x914.png 1536w, https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-2048x1219.png 2048w, https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-18x12.png 18w, https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-1880x1119.png 1880w, https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-2000x1191.png 2000w, https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/01\/MOD-TEST-1000x595.png 1000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-cc84facf wp-block-group-is-layout-constrained\" style=\"margin-bottom:var(--wp--preset--spacing--medium)\">\n<p class=\"has-text-align-center has-large-font-size\">We believe in helping people connect with nature \u2013 simply and meaningfully. Let&#8217;s find out which camp you&#8217;re in, to help you find your perfect shelter. Take the quiz:<\/p>\n<\/div>\n\n\n\r\n    <div style=\"margin-bottom:var(--wp--preset--spacing--small);\" class=\"alignwide wp-block-acf-product-quiz\" id=\"product-quiz-block_064c9c346e3a126d9a5df650be2fa436\">\r\n        <div class=\"not-prose\">\r\n                            <div x-data=\"questions\" class=\"relative mt-8 sm:mt-0\">\r\n                                                                <div\r\n                            class=\"bg-white px-4 pt-8 pb-4 sm:p-10 lg:p-20 rounded-xl sm:rounded-4xl h-full w-full flex flex-col\"\r\n                            x-show=\"questionIndex == 1\"\r\n                            x-transition.in.duration.500ms>\r\n                                                            <h3 class=\"text-2xl sm:text-3xl mb-4 sm:mb-8 xl:mb-10 font-semibold text-primary text-center\">They said adventure is about the unknown. Some prefer the known. Which are you?<\/h3>\r\n                            \r\n                                                            <div x-data=\"{ selectedIndex: 0 }\" class=\"px-1 mb-6 sm:mb-8\">\r\n\r\n                                    <div class=\"flex gap-16 xl:pb-26 2xl:pb-30\">\r\n                                        <div class=\"size-72 2xl:w-80 flex-shrink-0 hidden xl:block\">\r\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Sites-Dawlish-e1770377117569-500x500.png\" class=\"max-w-full rounded-full mb-4\" alt=\"\" srcset=\"https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Sites-Dawlish-e1770377117569-500x500.png 500w, https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Sites-Dawlish-e1770377117569-150x150.png 150w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/>                                            <p class=\"text-center mx-auto max-w-52\">\r\n                                                <span class=\"block uppercase\">Are you?<\/span>\r\n                                                <span class=\"font-extrachunkplease text-2xl text-quiz-primary\">\r\n                                                    The Steady Pitch Club                                                <\/span>\r\n                                            <\/p>\r\n                                        <\/div>\r\n                                        <div class=\"w-full flex flex-col justify-center\">\r\n                                                                                                                                        <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 1; handleAnswerQuestion(1, 1, 1);\"\r\n                                                    :class=\"selectedIndex == 1 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 1\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    You know exactly where you\u2019ll be camped \u2013 a place that feels familiar\u2026 like home.                                                <\/button>\r\n\r\n                                                                                                                                            <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 2; handleAnswerQuestion(1, 1, 2);\"\r\n                                                    :class=\"selectedIndex == 2 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 2\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    You chase the view. Take less stuff. Just enough comfort\u2026 to stay a moment longer.                                                <\/button>\r\n\r\n                                                                                                                                            <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 3; handleAnswerQuestion(1, 1, 3);\"\r\n                                                    :class=\"selectedIndex == 3 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 3\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    Seek a place to disappear\u2026 and return charged?                                                <\/button>\r\n\r\n                                                                                                                                    <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"flex justify-between items-end mt-auto\">\r\n                                    \r\n                                    <p class=\"ml-auto pr-2 sm:pr-0\">\r\n                                        <span x-text=\"questionIndex\"><\/span> of <span x-text=\"totalQuestions\"><\/span>\r\n                                    <\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                                                                    <div\r\n                            class=\"bg-white px-4 pt-8 pb-4 sm:p-10 lg:p-20 rounded-xl sm:rounded-4xl h-full w-full flex flex-col\"\r\n                            x-show=\"questionIndex == 2\"\r\n                            x-transition.in.duration.500ms>\r\n                                                            <h3 class=\"text-2xl sm:text-3xl mb-4 sm:mb-8 xl:mb-10 font-semibold text-primary text-center\">However you choose to spend your time outdoors, make it count. Where is your playground?<\/h3>\r\n                            \r\n                                                            <div x-data=\"{ selectedIndex: 0 }\" class=\"px-1 mb-6 sm:mb-8\">\r\n\r\n                                    <div class=\"flex gap-16 xl:pb-26 2xl:pb-30\">\r\n                                        <div class=\"size-72 2xl:w-80 flex-shrink-0 hidden xl:block\">\r\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Scenics-Roam-e1770377150755-500x500.png\" class=\"max-w-full rounded-full mb-4\" alt=\"\" srcset=\"https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Scenics-Roam-e1770377150755-500x500.png 500w, https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Scenics-Roam-e1770377150755-150x150.png 150w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/>                                            <p class=\"text-center mx-auto max-w-52\">\r\n                                                <span class=\"block uppercase\">Are you?<\/span>\r\n                                                <span class=\"font-extrachunkplease text-2xl text-quiz-primary\">\r\n                                                    The Movers                                                <\/span>\r\n                                            <\/p>\r\n                                        <\/div>\r\n                                        <div class=\"w-full flex flex-col justify-center\">\r\n                                                                                                                                        <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 1; handleAnswerQuestion(2, 2, 1);\"\r\n                                                    :class=\"selectedIndex == 1 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 1\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    It&#039;s nice when our adventures have a pool!                                                <\/button>\r\n\r\n                                                                                                                                            <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 2; handleAnswerQuestion(2, 2, 3);\"\r\n                                                    :class=\"selectedIndex == 2 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 2\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    Some quiet space. Somewhere you can forget the day-to-day.                                                <\/button>\r\n\r\n                                                                                                                                            <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 3; handleAnswerQuestion(2, 2, 2);\"\r\n                                                    :class=\"selectedIndex == 3 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 3\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    We set-up basecamp to bike or hike from there.                                                <\/button>\r\n\r\n                                                                                                                                    <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"flex justify-between items-end mt-auto\">\r\n                                                                            <button\r\n                                            type=\"button\"\r\n                                            class=\"cursor-pointer flex justify-center rounded-lg items-center size-10 bg-secondary-background text-secondary\"\r\n                                            @click=\"handleBack()\">\r\n                                            <svg\r\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                width=\"24\"\r\n                                                height=\"24\"\r\n                                                viewBox=\"0 0 24 24\"\r\n                                                fill=\"none\"\r\n                                                stroke=\"currentColor\"\r\n                                                stroke-width=\"2\"\r\n                                                stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\">\r\n                                                <path d=\"m15 18-6-6 6-6\"\/>\r\n                                            <\/svg>\r\n                                            <span class=\"sr-only\">Back<\/span>\r\n                                        <\/button>\r\n                                    \r\n                                    <p class=\"ml-auto pr-2 sm:pr-0\">\r\n                                        <span x-text=\"questionIndex\"><\/span> of <span x-text=\"totalQuestions\"><\/span>\r\n                                    <\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                                                                    <div\r\n                            class=\"bg-white px-4 pt-8 pb-4 sm:p-10 lg:p-20 rounded-xl sm:rounded-4xl h-full w-full flex flex-col\"\r\n                            x-show=\"questionIndex == 3\"\r\n                            x-transition.in.duration.500ms>\r\n                                                            <h3 class=\"text-2xl sm:text-3xl mb-4 sm:mb-8 xl:mb-10 font-semibold text-primary text-center\">We champion a straightforward approach \u2013 no need for excessive gear to enjoy nature. What do you think?<\/h3>\r\n                            \r\n                                                            <div x-data=\"{ selectedIndex: 0 }\" class=\"px-1 mb-6 sm:mb-8\">\r\n\r\n                                    <div class=\"flex gap-16 xl:pb-26 2xl:pb-30\">\r\n                                        <div class=\"size-72 2xl:w-80 flex-shrink-0 hidden xl:block\">\r\n                                            <img loading=\"lazy\" decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Seekers-Stargazer-e1770377184939-500x500.png\" class=\"max-w-full rounded-full mb-4\" alt=\"\" srcset=\"https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Seekers-Stargazer-e1770377184939-500x500.png 500w, https:\/\/kampaoutdoors.com\/wp-content\/uploads\/2026\/02\/Seekers-Stargazer-e1770377184939-150x150.png 150w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/>                                            <p class=\"text-center mx-auto max-w-52\">\r\n                                                <span class=\"block uppercase\">Are you?<\/span>\r\n                                                <span class=\"font-extrachunkplease text-2xl text-quiz-primary\">\r\n                                                    The Stargazers                                                <\/span>\r\n                                            <\/p>\r\n                                        <\/div>\r\n                                        <div class=\"w-full flex flex-col justify-center\">\r\n                                                                                                                                        <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 1; handleAnswerQuestion(3, 3, 3);\"\r\n                                                    :class=\"selectedIndex == 1 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 1\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    I pack light, but live large.                                                <\/button>\r\n\r\n                                                                                                                                            <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 2; handleAnswerQuestion(3, 3, 2);\"\r\n                                                    :class=\"selectedIndex == 2 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 2\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    We squeeze in a cooler \u2013 for the beverages!                                                <\/button>\r\n\r\n                                                                                                                                            <button\r\n                                                    class=\"p-2 sm:p-4 sm:-ml-3 sm:text-xl rounded hover:bg-secondary-background transition-colors flex gap-4 cursor-pointer w-full text-left\"\r\n                                                    type=\"button\"\r\n                                                    @click=\"selectedIndex = 3; handleAnswerQuestion(3, 3, 1);\"\r\n                                                    :class=\"selectedIndex == 3 ? 'bg-secondary-background' : ''\">\r\n                                                    <div class=\"size-6 rounded border-secondary bg-white border-2 mt-0.5 flex items-center justify-center flex-shrink-0\">\r\n                                                        <svg\r\n                                                            x-show=\"selectedIndex == 3\"\r\n                                                            class=\"size-4 stroke-secondary\"\r\n                                                            xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                            width=\"24\"\r\n                                                            height=\"24\"\r\n                                                            viewBox=\"0 0 24 24\"\r\n                                                            fill=\"none\"\r\n                                                            stroke=\"currentColor\"\r\n                                                            stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\"\r\n                                                            stroke-linejoin=\"round\">\r\n                                                            <path d=\"M20 6 9 17l-5-5\"\/>\r\n                                                        <\/svg>\r\n                                                    <\/div>\r\n                                                    Spending many days, requires many comforts \u2013 including the dog bed and paddling pool.                                                <\/button>\r\n\r\n                                                                                                                                    <\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n\r\n                                <div class=\"flex justify-between items-end mt-auto\">\r\n                                                                            <button\r\n                                            type=\"button\"\r\n                                            class=\"cursor-pointer flex justify-center rounded-lg items-center size-10 bg-secondary-background text-secondary\"\r\n                                            @click=\"handleBack()\">\r\n                                            <svg\r\n                                                xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                                                width=\"24\"\r\n                                                height=\"24\"\r\n                                                viewBox=\"0 0 24 24\"\r\n                                                fill=\"none\"\r\n                                                stroke=\"currentColor\"\r\n                                                stroke-width=\"2\"\r\n                                                stroke-linecap=\"round\"\r\n                                                stroke-linejoin=\"round\">\r\n                                                <path d=\"m15 18-6-6 6-6\"\/>\r\n                                            <\/svg>\r\n                                            <span class=\"sr-only\">Back<\/span>\r\n                                        <\/button>\r\n                                    \r\n                                    <p class=\"ml-auto pr-2 sm:pr-0\">\r\n                                        <span x-text=\"questionIndex\"><\/span> of <span x-text=\"totalQuestions\"><\/span>\r\n                                    <\/p>\r\n                                <\/div>\r\n                                                    <\/div>\r\n                                                            <\/div>\r\n                    <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        document.addEventListener('alpine:init', () => {\r\n            Alpine.data('questions', () => ({\r\n                totalQuestions: 3,\r\n                questionIndex: 1,\r\n                answeredQuestions: [],\r\n\r\n                handleAnswerQuestion(questionIndex, targetOutcome, points) {\r\n                    \/\/ Record answered question\r\n                    this.answeredQuestions.push({\r\n                        questionIndex: questionIndex,\r\n                        targetOutcome: targetOutcome,\r\n                        points: points\r\n                    });\r\n\r\n                    \/\/ Check if quiz is complete\r\n                    if (this.questionIndex >= this.totalQuestions) {\r\n                        \/\/ Calculate total points for each outcome\r\n                        const outcome1Points = this.answeredQuestions\r\n                            .filter(q => q.targetOutcome === 1)\r\n                            .reduce((sum, q) => sum + q.points, 0);\r\n\r\n                        const outcome2Points = this.answeredQuestions\r\n                            .filter(q => q.targetOutcome === 2)\r\n                            .reduce((sum, q) => sum + q.points, 0);\r\n\r\n                        const outcome3Points = this.answeredQuestions\r\n                            .filter(q => q.targetOutcome === 3)\r\n                            .reduce((sum, q) => sum + q.points, 0);\r\n\r\n                        \/\/ Determine which outcome has the highest score\r\n                        const maxPoints = Math.max(outcome1Points, outcome2Points, outcome3Points);\r\n                        let winningOutcomes = [];\r\n\r\n                        if (outcome1Points === maxPoints) {\r\n                            winningOutcomes.push(1);\r\n                        }\r\n                        if (outcome2Points === maxPoints) {\r\n                            winningOutcomes.push(2);\r\n                        }\r\n                        if (outcome3Points === maxPoints) {\r\n                            winningOutcomes.push(3);\r\n                        }\r\n\r\n                        \/\/ Handle draw or single winner\r\n                        if (winningOutcomes.length > 1) {\r\n                            \/\/ Pick the last outcome in case of draw\r\n                            const winningOutcome = winningOutcomes[winningOutcomes.length - 1];\r\n                            this.goToWinningOutcomeUrl(winningOutcome);\r\n                        } else {\r\n                            \/\/ Single winner\r\n                            const winningOutcome = winningOutcomes[0];\r\n                            this.goToWinningOutcomeUrl(winningOutcome);\r\n                        }\r\n\r\n                        return;\r\n                    }\r\n\r\n                    this.questionIndex++;\r\n                },\r\n\r\n                handleBack() {\r\n                    if (this.questionIndex <= 1) {\r\n                        return;\r\n                    }\r\n\r\n                    \/\/ Remove last answered question from the array\r\n                    this.answeredQuestions.pop();\r\n                    this.questionIndex--;\r\n                },\r\n\r\n                goToWinningOutcomeUrl(outcome) {\r\n                    switch (outcome) {\r\n                        case 1:\r\n                            window.location.href = \"https:\/\/kampaoutdoors.com\/de\/quiz\/the-steady-pitch-club\/\";\r\n                            break;\r\n                        case 2:\r\n                            window.location.href = \"https:\/\/kampaoutdoors.com\/de\/quiz\/the-movers\/\";\r\n                            break;\r\n                        case 3:\r\n                            window.location.href = \"https:\/\/kampaoutdoors.com\/de\/quiz\/the-stargazers\/\";\r\n                            break;\r\n                    }\r\n                }\r\n            }))\r\n        })\r\n    <\/script>\r\n\n\n\n<p class=\"has-text-align-center not-prose has-foreground-color has-text-color has-link-color has-small-font-size wp-elements-2b2d559e58b7a1044359ef081c096e0e\">Or if you're short on time, go to straight to our <span style=\"text-decoration: underline;\"><a href=\"http:\/\/kampaoutdoors.com\/product-category\/tents\/\" data-type=\"link\" data-id=\"http:\/\/kampaoutdoors.com\/product-category\/tents\/\">ALL NEW for <\/a>2026<\/span> product selection<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcher Kampa bist du? Wir helfen Menschen, sich einfach und sinnvoll mit der Natur zu verbinden. Lass uns herausfinden, welcher Camp du bist, um dir bei der Suche nach deinem perfekten Unterschlupf zu helfen. Mache das Quiz: Oder wenn du wenig Zeit hast, gehe direkt zu unserer brandneuen Produktauswahl f\u00fcr 2026<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-product-quiz.php","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"Which KAMPA are you?","_seopress_titles_desc":"We believe in helping people connect with nature \u2013 simply and meaningfully. Let's find out which camp you're in, to help you find your perfect shelter.","_seopress_robots_index":"","footnotes":""},"class_list":["post-402","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/kampaoutdoors.com\/de\/wp-json\/wp\/v2\/pages\/402","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kampaoutdoors.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kampaoutdoors.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kampaoutdoors.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kampaoutdoors.com\/de\/wp-json\/wp\/v2\/comments?post=402"}],"version-history":[{"count":0,"href":"https:\/\/kampaoutdoors.com\/de\/wp-json\/wp\/v2\/pages\/402\/revisions"}],"wp:attachment":[{"href":"https:\/\/kampaoutdoors.com\/de\/wp-json\/wp\/v2\/media?parent=402"}],"curies":[{"name":"WordPress","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}