[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"{\"version\":\"published\"}xmas\u002Fxmas-quiz":3},{"data":4,"headers":62},{"story":5,"cv":59,"rels":60,"links":61},{"name":6,"created_at":7,"published_at":8,"updated_at":9,"id":10,"uuid":11,"content":12,"slug":6,"full_slug":51,"sort_by_date":52,"position":53,"tag_list":54,"is_startpage":21,"parent_id":55,"meta_data":52,"group_id":56,"first_published_at":8,"release_id":52,"lang":57,"path":52,"alternates":58,"default_full_slug":52,"translated_slugs":52},"xmas-quiz","2026-06-16T13:47:16.680Z","2025-11-25T08:18:09.455Z","2025-11-25T08:18:09.485Z",188121238264568,"cc191eeb-3cc8-4303-b461-7c5d4bee0eeb",{"SEO":13,"Body":17,"_uid":46,"no_index":21,"component":47,"no_search":48,"page_type":15,"seo_author":49,"seo_robots":21,"color_variant":50,"hide_breadcrumb":48,"hide_footernavi":48,"hide_navigation":48,"hide_floatingbar":48,"hide_footer_separator":48},{"_uid":14,"title":15,"plugin":16,"og_image":15,"og_title":15,"description":15,"twitter_image":15,"twitter_title":15,"og_description":15,"twitter_description":15},"8dd01e05-2102-4d15-8d19-73057f24eeb6","","seo_metatags",[18,23],{"_uid":19,"html":20,"disable":21,"component":22},"6ecb61b8-06e0-4df0-9035-44b07e5cdb2d","\u003Cstyle>\n.headroom,\nfooter {\n  display: none;\n}\n#quiz_container {\n    width: 100vw;\n    height: 100vh;\n    display: block;\n    position: fixed;\n    left: 0;\n    top: 0;\n    background:url(\"https:\u002F\u002Fmedia3.s-haendlerservice.de\u002Ff\u002F193077\u002F5184x3888\u002F321da55787\u002Fbg_shs_iuliu-illes-vdfkuyadplg-unsplash.jpg\");\n    background-position: top center;\n    background-size: cover;\n}\n\u003C\u002Fstyle>",false,"html-section",{"_uid":24,"body":25,"color":15,"image":44,"component":45,"omit_spacing":21},"0fa52483-0f20-493d-ba1e-712cde6ce177",[26],{"_uid":27,"body":28,"fluid":21,"spacing":15,"headline":40,"component":41,"visibility":42,"column_config":43},"b36a89aa-2bd8-43ea-b08a-60940902a788",[29],{"_uid":30,"body":31,"component":39,"column_config":15,"offset_config":15,"vertical_align":15},"6a7362b9-ff12-43cd-9829-547756b0b967",[32,35],{"_uid":33,"html":34,"disable":21,"component":22},"e098f433-6f95-4bd2-9380-ee53701aa30e","      \u003Cstyle>\n        .top-header .navbar .logo {\n          text-shadow: inherit!important;\n        }\n        .questnans {\n          width: 100%;\n          max-width: 1200px;\n          height: 600px;\n          position: absolute;\n          left: 50%;\n          top: 50%;\n          transform: translate(-50%, -50%);\n          background: rgba(255, 255, 255, 0.8);\n          border-radius: 4px;\n          -webkit-box-shadow: 0px 0px 10px 0px rgba(125, 125, 125, 0.8);\n          -moz-box-shadow: 0px 0px 10px 0px rgba(125, 125, 125, 0.8);\n          box-shadow: 0px 0px 10px 0px rgba(125, 125, 125, 0.8);\n          display: flex;\n          overflow: hidden;\n        }\n        .left52 {\n          width: 40%;\n          -webkit-box-shadow: 7px 0px 5px -3px rgba(125, 125, 125, 0.3);, 0px 0px 0px -2px rgba(125, 125, 125, 0.2);\n          -moz-box-shadow: 7px 0px 5px -3px rgba(125, 125, 125, 0.3);, 0px 0px 0px -2px rgba(125, 125, 125, 0.2);\n          box-shadow: 7px 0px 5px -3px rgba(125, 125, 125, 0.3);, 0px 0px 0px -2px rgba(125, 125, 125, 0.2);\n          background: #fff;\n        }\n        .contender {\n          height: 100%;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: center;\n        }\n        .contender.left {\n          justify-content: space-between;\n          align-items: normal;\n        }\n        .left52 h1 {\n          font-size: 50px;\n          line-height: 55px;\n          padding: 40px 60px 40px 40px;\n        }\n        .left52 h1 span {\n          color: #fff;\n          display: inline-block;\n        }\n        .pone {\n          width: 100%;\n          height: 200px;\n          padding: 40px;\n          background-color: #e00;\n          background-image: url(\"https:\u002F\u002Fmedia3.s-haendlerservice.de\u002Ff\u002F193077\u002F250x250\u002F8ddd0be373\u002Fs-haendlerservice_logo.png\");\n          background-size: 140px;\n          background-repeat: no-repeat;\n          background-position: center;\n        }\n        .copytext { }\n        .right53 {\n          width: 60%;\n          text-align: center;\n          padding: 0 90px;\n        }\n        .right53 h2 {\n          color: #000;\n          font-size: 26px;\n          line-height: 30px;\n          text-transform: none;\n          margin: 20px 0;\n        }\n        .unvis,\n        .questAn {\n          display: none;\n        }\n        .unvis form fieldset {\n          border: none;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n          justify-content: stretch;\n          gap: 20px;\n        }\n        .questAn_lbl,\n        .next-btn {\n          width: 94%;\n          border: 1px solid #e00;\n          border-radius: 4px;\n          line-height: 20px;\n          display: block;\n          text-align: center;\n          padding: 5px 20px;\n          margin: 0 auto;\n          color: #e00;\n          font-size: 18px;\n          cursor: pointer;\n          background: rgba(255, 255, 255, 0.8);\n        }\n        .questAn_lbl:hover,\n        .questAn_lbl:has(input[type=\"radio\"]:checked),\n        .next-btn {\n          background: #e00;\n          color: #fff;\n        }\n        .next-btn {\n          width: 40%;\n          min-width: 216px;\n          padding: 10px 20px;\n          margin: 30px 0;\n          float: right;\n          position: relative;\n        }\n        .next-btn:after {\n          content: '›';\n          font-size: 30px;\n          position: absolute;\n          right: 20px;\n          top: 7px;\n        }\n        .next-btn.start {\n          float: inherit;\n          margin: 0 auto;\n        }\n        .next-btn.start:after {\n          content: '';\n        }\n        button.next-btn:disabled,\n        button.next-btn[disabled] {\n          background: rgb(255 172 172 \u002F 66%);\n          border: 1px solid #ffb0b0;\n          cursor: default;\n        }\n        @media (max-width: 1234px) {\n          .questnans {\n            width: calc(100% - 40px);\n          }\n          .left52 h1 {\n            font-size: 4vw;\n            line-height: 4.5vw;\n            padding: 40px 60px 40px 40px;\n          }\n        }\n        @media (max-width: 1024px) {\n          .right53 {\n            padding: 0 40px;\n          }\n        }\n        @media (max-width: 800px) {\n          .questnans {\n            flex-direction: column;\n            height: 93vh;\n          }\n          .left52,\n          .right53 {\n            width: 100%;\n          }\n          .right53 {\n            padding: 4vw;\n          }\n          .left52 {\n            -webkit-box-shadow: 0px 7px 5px -3px rgba(125, 125, 125, 0.3);\n            -moz-box-shadow: 0px 7px 5px -3px rgba(125, 125, 125, 0.3);\n            box-shadow: 0px 7px 5px -3px rgba(125, 125, 125, 0.3);\n          }\n          .left52 .pone {\n            height: 7vh;\n            margin-bottom: 14px;\n            background-size: 5vh;\n            padding: 0;\n          }\n          .left52 h1 {\n            font-size: 6vw;\n            line-height: 7vw;\n            padding: 0px 40px;\n          }\n          .contender {\n            height: 100%;\n            display: block;\n            overflow: auto;\n          }\n          .right53 {\n            overflow-y: scroll;\n          }\n        }\n        @media (max-width: 500px) {\n          .right53 h2 {\n            font-size: 6vw;\n            line-height: 6.5vw;\n          }\n        }\n        @media (max-width: 400px) {\n          .questAn_lbl {\n            width: 100%;\n            font-size: 4vw;\n            line-height: 4vw;\n          }\n        }\n      \u003C\u002Fstyle>\n\u003Cdiv id=\"quiz_container\">\n  \u003Cdiv id=\"quiz_inner\" class=\"questnans\">\n    \u003Cdiv class=\"left52\">\n      \u003Cdiv class=\"contender left\"> \n        \u003Cdiv class=\"pone\">\u003C\u002Fdiv>\n        \u003Ch1>\n          Gemeinsam\u003Cbr\u002F>mit Schwung ins neue Jahr\n        \u003C\u002Fh1>\n        \u003Cdiv class=\"copytext\"> \u003Cbr> \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"right53\">\n      \u003Cdiv class=\"contender\">\n        \u003Cdiv id=\"f1_sl\">\n          \u003Ch2>Super, Sie sind erfolgreich in unser Quiz geslided.\u003C\u002Fh2>\n          \u003Ch2>In nur drei Schritten finden Sie Ihren Schlitten, der genauso individuell ist wie unser Payment.\u003C\u002Fh2>\n          \u003Cbutton id=\"next1\" class=\"next-btn start\">Los geht's!\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n        \u003Cdiv id=\"f2_sl\" class=\"unvis\">\n          \u003Ch2>Ihr Team bekommt kurz vor Jahresende noch ein Projekt rein. Was machen Sie?\u003C\u002Fh2>\n          \u003Cform id=\"Q1\">\n            \u003Cfieldset>\n              \u003Clabel class=\"questAn_lbl\" id=\"opt11l\">\n                \u003Cinput id=\"opt11\" class=\"questAn\" type=\"radio\" name=\"option1\" value=\"opt11\">\n                Ich mache einen Plan mit klaren Deadlines. Struktur ist alles.\n              \u003C\u002Flabel>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt12\" class=\"questAn\" type=\"radio\" name=\"option1\" value=\"opt12\">\n                Ich bestelle für alle was zu Essen und sorge für gute Stimmung.\n              \u003C\u002Flabel>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt13\" class=\"questAn\" type=\"radio\" name=\"option1\" value=\"opt13\">\n                Ich arbeite im Home Office, in meinem Sessel mit Kuscheldecke und Tee.\n              \u003C\u002Flabel>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt14\" class=\"questAn\" type=\"radio\" name=\"option1\" value=\"opt14\">\n                Ich bin Profi im Arbeiten auf den letzten Drücker, das wird schon!\n              \u003C\u002Flabel>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt15\" class=\"questAn\" type=\"radio\" name=\"option1\" value=\"opt15\">\n                Ich ignoriere es. Wer so spät kommt hat Pech gehabt. Das Jahr is eh gelaufen.\n              \u003C\u002Flabel>\n            \u003C\u002Ffieldset>\n          \u003C\u002Fform>\n          \u003Cbutton id=\"next2\" class=\"next-btn\" disabled>Nächste Frage\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n        \u003Cdiv id=\"f3_sl\" class=\"unvis\">\n          \u003Ch2>Eine Freundin bittet um Hilfe beim Geschenkeeinpacken. Wie reagieren Sie?\u003C\u002Fh2>\n          \u003Cform id=\"Q2\">\n            \u003Cfieldset>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt21\" class=\"questAn\" type=\"radio\" name=\"option2\" value=\"opt21\">\n                Ich bringe eine gute Playlist, Glühwein und Glitzerfolie mit. Das wird toll!\n              \u003C\u002Flabel>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt22\" class=\"questAn\" type=\"radio\" name=\"option2\" value=\"opt22\">\n                Ich? Verpacken? Das Geschenk war schon Stress genug.\n              \u003C\u002Flabel>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt23\" class=\"questAn\" type=\"radio\" name=\"option2\" value=\"opt23\">\n                Ich drucke Etiketten, lege Materialen bereit und verteile Aufgaben.\n              \u003C\u002Flabel>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt24\" class=\"questAn\" type=\"radio\" name=\"option2\" value=\"opt24\">\n                Ich bleibe auf dem Sofa und schicke ein aufmunterndes GIF.\n              \u003C\u002Flabel>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt25\" class=\"questAn\" type=\"radio\" name=\"option2\" value=\"opt25\">\n                Ich wickle alles in Zeitungspapier, damit es schnell geht.\n              \u003C\u002Flabel>\n            \u003C\u002Ffieldset>\n          \u003C\u002Fform>\n          \u003Cbutton id=\"next3\" class=\"next-btn\" disabled>Nächste Frage\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n        \u003Cdiv id=\"f4_sl\" class=\"unvis\">\n          \u003Ch2>Der Jahreswechsel steht bevor. Wie gehen Sie ihn an?\u003C\u002Fh2>\n          \u003Cform id=\"Q3\">\n            \u003Cfieldset>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt31\" class=\"questAn\" type=\"radio\" name=\"option3\" value=\"opt31\">\n                Ich hole, bevor die Läden schließen, noch ein Mitbringsel zur Party.\n              \u003C\u002Flabel>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt32\" class=\"questAn\" type=\"radio\" name=\"option3\" value=\"opt32\">\n                Ich mache einen Serienmarathon und schaue dem Feuerwerk durch das Fenster zu.\n              \u003C\u002Flabel>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt33\" class=\"questAn\" type=\"radio\" name=\"option3\" value=\"opt33\">\n                Ich halte Neujahr für überbewertet. Den Kalender hat sich eh nur jemand ausgedacht.\n              \u003C\u002Flabel>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt34\" class=\"questAn\" type=\"radio\" name=\"option3\" value=\"opt34\">\n                Ich organisiere eine Party mit Wunderkerzen, Musik und Drinks.\n              \u003C\u002Flabel>\n              \u003Clabel class=\"questAn_lbl\">\n                \u003Cinput id=\"opt35\" class=\"questAn\" type=\"radio\" name=\"option3\" value=\"opt35\">\n                Ich dokumentiere meine Vorsätze\u003Cbr>in einem Excel-Sheet.\n              \u003C\u002Flabel>\n            \u003C\u002Ffieldset>\n          \u003C\u002Fform>\n          \u003Cbutton id=\"result-btn\" class=\"next-btn\" disabled>Zum Ergebnis\u003C\u002Fbutton>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Fdiv>",{"js":36,"_uid":37,"component":38},"  (function () {\n    \u002F\u002F Funktion, die Listener bindet\n    function bindListeners(root) {\n      const divA = document.getElementById('f1_sl');\n      const divB = document.getElementById('f2_sl');\n      const divC = document.getElementById('f3_sl');\n      const divD = document.getElementById('f4_sl');\n      const next1 = document.getElementById('next1');\n      const next2 = document.getElementById('next2');\n      const next3 = document.getElementById('next3');\n      const resultBtn = document.getElementById('result-btn');\n      const container = document.getElementById('quiz_container') || document;\n\n      \u002F\u002Fconst baseUrl = 'https:\u002F\u002Fmain.d3tdq629nyg6mk.amplifyapp.com\u002Fxmas\u002Fresult?';\n      const baseUrl = 'https:\u002F\u002Fwww.s-haendlerservice.de\u002Fxmas\u002Fresult?';\n\n      if (!container) {\n        console.error('quiz_container fehlt');\n        return;\n      }\n\n      \u002F\u002F Alle radio inputs im DOM sammeln\n      const radios = Array.from(document.querySelectorAll('input[type=\"radio\"].questAn'));\n      const output = document.getElementById('combi-out');\n      var params = '';\n\n      function collectCheckedValues() {\n        const checked = radios.filter(r => r.checked);\n        const values = checked.map(r => r.value);\n        params = checked.map((r, idx) => `a${idx+1}=${r.value}`).join('&');\n        document.querySelector('#result-btn').addEventListener('click', () => { window.location.href = baseUrl + (params ?? ''); });\n      }\n\n      \u002F\u002F Trigger bei Änderung eines Radio-Buttons\n      radios.forEach(r => r.addEventListener('change', collectCheckedValues));\n\n      \u002F\u002F Startzustand, optional\n      if (divA) divA.style.display = 'block';\n      if (divB) divB.style.display = 'none';\n      if (divC) divC.style.display = 'none';\n      if (divD) divD.style.display = 'none';\n\n      container.addEventListener('click', function (e) {\n        const t = e.target;\n        if (!t || !t.id) return;\n\n        if (t.id === 'next1' && divA && divB) {\n          divA.style.display = 'none';\n          divB.style.display = 'block';\n          return;\n        }\n        if (t.id === 'next2' && divB && divC) {\n          divB.style.display = 'none';\n          divC.style.display = 'block';\n          return;\n        }\n        if (t.id === 'next3' && divC && divD) {\n          divC.style.display = 'none';\n          divD.style.display = 'block';\n          return;\n        }\n        if (t.id === 'result-btn') {\n          console.log('Zum Ergebnis');\n          return;\n        }\n        if (t.id === 'opt11' || t.id === 'opt12' || t.id === 'opt13' || t.id === 'opt14' || t.id === 'opt15' ) {\n          console.log('Click Option 11 o. 12 o. 13 o. 14 o. 15');\n          document.getElementById('next2').removeAttribute('disabled');\n          return;\n        }\n        if (t.id === 'opt21' || t.id === 'opt22' || t.id === 'opt23' || t.id === 'opt24' || t.id === 'opt25' ) {\n          console.log('Click Option 21 o. 22 o. 23 o. 24 o. 25');\n          document.getElementById('next3').removeAttribute('disabled');\n          return;\n        }\n        if (t.id === 'opt31' || t.id === 'opt32' || t.id === 'opt33' || t.id === 'opt34' || t.id === 'opt35' ) {\n          console.log('Click Option 31 o. 32 o. 33 o. 34 o. 35');\n          collectCheckedValues();\n          console.log(params);\n          document.getElementById('result-btn').removeAttribute('disabled');\n          return;\n        }\n      });\n    }\n\n    \u002F\u002F MutationObserver-Fall: Block existiert erst später\n    const root = document.documentElement;\n    const observer = new MutationObserver((mutations, obs) => {\n      const container = document.getElementById('quiz_container');\n      if (container) {\n        obs.disconnect();\n        bindListeners(root);\n        console.log('Listener gebunden (MutationObserver aktiv).');\n      }\n    });\n\n    observer.observe(root, { childList: true, subtree: true });\n\n    \u002F\u002F Falls der Block schon beim ersten Laden existiert, binde sofort\n    if (document.getElementById('quiz_container')) {\n      observer.disconnect();\n      bindListeners(root);\n    }\n  })();","e8193614-b5ef-47da-8567-383a400d229c","js-section","grid-column",[],"grid-container","d-block","1-1-1",[],"section-background","92250c60-0ea8-44d4-ae2e-6179883e05cd","static-page",true,"S-Haendlerservice","light","xmas\u002Fxmas-quiz",null,20,[],188121238440699,"faa333e1-c886-4277-8754-24eb88f96acb","default",[],1791555422,[],[],{"age":63,"cache-control":64,"connection":65,"content-encoding":66,"content-type":67,"date":68,"etag":69,"referrer-policy":70,"sb-be-version":71,"server":72,"transfer-encoding":73,"vary":74,"via":75,"x-amz-cf-id":76,"x-amz-cf-pop":77,"x-cache":78,"x-content-type-options":79,"x-frame-options":80,"x-permitted-cross-domain-policies":81,"x-request-id":82,"x-runtime":83,"x-xss-protection":84},"411349","max-age=0, public, s-maxage=604800, stale-if-error=3600","keep-alive","gzip","application\u002Fjson; charset=utf-8","Fri, 09 Oct 2026 17:17:55 GMT","W\u002F\"5f61b8585f933efbf8905b4dbf0ea49e\"","strict-origin-when-cross-origin","5.980.1","nginx\u002F1.29.1","chunked","Origin,Accept-Encoding","1.1 10a31a8919932a2483a8dee40abc5178.cloudfront.net (CloudFront)","Y-GWJ-aM2gv6WoUs1U5iyOCcUnNIgId4p5nAeN-Vd9XxjkvVXARV3Q==","FRA60-P12","Hit from cloudfront","nosniff","SAMEORIGIN","none","a1dcbd7d-9959-4061-a67b-740d6d76cfcc","0.041294","0"]