{"id":2124,"date":"2025-11-03T16:11:41","date_gmt":"2025-11-03T16:11:41","guid":{"rendered":"https:\/\/sight-quest.com\/?page_id=2124"},"modified":"2026-03-06T10:08:55","modified_gmt":"2026-03-06T10:08:55","slug":"player-de","status":"publish","type":"page","link":"https:\/\/sight-quest.com\/en\/so-funktionierts\/start\/player-de\/","title":{"rendered":"Demo Player DE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2124\" class=\"elementor elementor-2124\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8c4c43 e-con-full e-flex e-con e-parent\" data-id=\"b8c4c43\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;sticky&quot;:&quot;top&quot;,&quot;sticky_on&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;],&quot;sticky_offset&quot;:0,&quot;sticky_effects_offset&quot;:0,&quot;sticky_anchor_link_offset&quot;:0}\">\n\t\t<div class=\"elementor-element elementor-element-bf7185c e-con-full e-flex e-con e-child\" data-id=\"bf7185c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca3f519 elementor-widget-tablet__width-initial elementor-widget elementor-widget-image\" data-id=\"ca3f519\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/sight-quest.com\/en\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2521\" height=\"2560\" src=\"https:\/\/sight-quest.com\/wp-content\/uploads\/2025\/08\/Color-logo-with-background-scaled.png\" class=\"attachment-full size-full wp-image-221\" alt=\"\" srcset=\"https:\/\/sight-quest.com\/wp-content\/uploads\/2025\/08\/Color-logo-with-background-scaled.png 2521w, https:\/\/sight-quest.com\/wp-content\/uploads\/2025\/08\/Color-logo-with-background-scaled-600x609.png 600w, https:\/\/sight-quest.com\/wp-content\/uploads\/2025\/08\/Color-logo-with-background-295x300.png 295w, https:\/\/sight-quest.com\/wp-content\/uploads\/2025\/08\/Color-logo-with-background-1009x1024.png 1009w, https:\/\/sight-quest.com\/wp-content\/uploads\/2025\/08\/Color-logo-with-background-768x780.png 768w, https:\/\/sight-quest.com\/wp-content\/uploads\/2025\/08\/Color-logo-with-background-1513x1536.png 1513w, https:\/\/sight-quest.com\/wp-content\/uploads\/2025\/08\/Color-logo-with-background-2017x2048.png 2017w\" sizes=\"(max-width: 2521px) 100vw, 2521px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a6d4dfa e-con-full e-flex e-con e-child\" data-id=\"a6d4dfa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d521197 elementor-widget elementor-widget-heading\" data-id=\"d521197\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Demo<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-351f4a8 e-con-full e-flex e-con e-child\" data-id=\"351f4a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ea6253 elementor-nav-menu--stretch elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu\" data-id=\"7ea6253\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;full_width&quot;:&quot;stretch&quot;,&quot;layout&quot;:&quot;horizontal&quot;,&quot;submenu_icon&quot;:{&quot;value&quot;:&quot;&lt;svg aria-hidden=\\&quot;true\\&quot; class=\\&quot;e-font-icon-svg e-fas-caret-down\\&quot; viewBox=\\&quot;0 0 320 512\\&quot; xmlns=\\&quot;http:\\\/\\\/www.w3.org\\\/2000\\\/svg\\&quot;&gt;&lt;path d=\\&quot;M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z\\&quot;&gt;&lt;\\\/path&gt;&lt;\\\/svg&gt;&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;toggle&quot;:&quot;burger&quot;}\" data-widget_type=\"nav-menu.default\">\n\t\t\t\t\t\t\t\t<nav aria-label=\"Men\u00fc\" class=\"elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-underline e--animation-grow\">\n\t\t\t\t<ul id=\"menu-1-7ea6253\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-4236\"><a href=\"https:\/\/sight-quest.com\/en\/\" class=\"elementor-item menu-link\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6621\"><a href=\"https:\/\/sight-quest.com\/en\/so-funktionierts\/\" class=\"elementor-item menu-link\">Zu &#8222;So funktioniert&#8217;s&#8220;<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4238\"><a href=\"https:\/\/sight-quest.com\/en\/so-funktionierts\/start\/info-de\/\" class=\"elementor-item menu-link\">Info<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4237\"><a href=\"https:\/\/sight-quest.com\/en\/so-funktionierts\/start\/\" class=\"elementor-item menu-link\">Sprache<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t<div class=\"elementor-menu-toggle\" role=\"button\" tabindex=\"0\" aria-label=\"Menu Toggle\" aria-expanded=\"false\">\n\t\t\t<svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--open e-font-icon-svg e-eicon-menu-bar\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M104 333H896C929 333 958 304 958 271S929 208 896 208H104C71 208 42 237 42 271S71 333 104 333ZM104 583H896C929 583 958 554 958 521S929 458 896 458H104C71 458 42 487 42 521S71 583 104 583ZM104 833H896C929 833 958 804 958 771S929 708 896 708H104C71 708 42 737 42 771S71 833 104 833Z\"><\/path><\/svg><svg aria-hidden=\"true\" role=\"presentation\" class=\"elementor-menu-toggle__icon--close e-font-icon-svg e-eicon-close\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M742 167L500 408 258 167C246 154 233 150 217 150 196 150 179 158 167 167 154 179 150 196 150 212 150 229 154 242 171 254L408 500 167 742C138 771 138 800 167 829 196 858 225 858 254 829L496 587 738 829C750 842 767 846 783 846 800 846 817 842 829 829 842 817 846 804 846 783 846 767 842 750 829 737L588 500 833 258C863 229 863 200 833 171 804 137 775 137 742 167Z\"><\/path><\/svg>\t\t<\/div>\n\t\t\t\t\t<nav class=\"elementor-nav-menu--dropdown elementor-nav-menu__container\" aria-hidden=\"true\">\n\t\t\t\t<ul id=\"menu-2-7ea6253\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-4236\"><a href=\"https:\/\/sight-quest.com\/en\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Home<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6621\"><a href=\"https:\/\/sight-quest.com\/en\/so-funktionierts\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Zu &#8222;So funktioniert&#8217;s&#8220;<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4238\"><a href=\"https:\/\/sight-quest.com\/en\/so-funktionierts\/start\/info-de\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Info<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-4237\"><a href=\"https:\/\/sight-quest.com\/en\/so-funktionierts\/start\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Sprache<\/a><\/li>\n<\/ul>\t\t\t<\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1f2f3c5 e-flex e-con-boxed e-con e-parent\" data-id=\"1f2f3c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ce36cf elementor-widget elementor-widget-shortcode\" data-id=\"6ce36cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">  <style>\n    \/* ============================================================= *\/\n    \/* SQ QUEST PLAYER \u2013 KOMPLETT SELF-CONTAINED CSS                  *\/\n    \/* ============================================================= *\/\n\n    \/* === FORCE LIGHT MODE === *\/\n    .sq-side-item, .sq-main-item, .sq-side-panel, .sq-main-panel,\n    .sq-info-panel, .sq-locked-card,\n    .sq-side-form input, .sq-main-form input { color-scheme: light !important; }\n\n    @media (prefers-color-scheme: dark) {\n      .sq-side-item, .sq-main-item { background:#F8FAFC !important; border-color:#E5E7EB !important; color:#0F172A !important; }\n      .sq-side-summary:hover, .sq-main-summary:hover { background:#F1F5F9 !important; }\n      .sq-side-panel, .sq-main-panel, .sq-info-panel { background:#fff !important; color:#0F172A !important; }\n      .sq-side-form input[type=\"text\"], .sq-main-form input[type=\"text\"] { background:#fff !important; border-color:#E5E7EB !important; color:#0F172A !important; }\n      .sq-main-custom, .sq-main-template, .sq-side-hint, .sq-main-tips, .sq-side-tips, .sq-tip-line { color:#0F172A !important; }\n    }\n\n    \/* === LAYOUT CONTAINERS === *\/\n    .sq-mainhub, .sq-sidehub { width:100%; max-width:1200px; margin:0 auto; padding:0 20px; }\n    .sq-mainhub h2, .sq-sidehub h2 { margin:0 0 14px; }\n    .sq-main-list, .sq-side-list { display:grid; grid-template-columns:1fr; gap:12px; }\n\n    \/* === ITEMS (MAIN + SIDE) === *\/\n    .sq-main-item, .sq-side-item {\n      background:#F8FAFC; border:1px solid #E5E7EB; border-radius:12px;\n      overflow:hidden; transition:border-color .2s, background .2s;\n    }\n    .sq-main-item[open], .sq-side-item[open] { border-color:#CBD5E1; }\n\n    \/* === SUMMARIES === *\/\n    .sq-main-summary, .sq-side-summary {\n      list-style:none; cursor:pointer; display:flex; align-items:center;\n      justify-content:space-between; gap:10px; padding:12px 14px !important;\n      user-select:none; transition:background .15s;\n      border:none !important; margin:0 !important; outline:none !important;\n    }\n    .sq-main-summary::-webkit-details-marker, .sq-side-summary::-webkit-details-marker { display:none; }\n    .sq-main-summary:hover, .sq-side-summary:hover { background:#F1F5F9; }\n    .sq-main-summary:focus, .sq-side-summary:focus { outline:2px solid #00B3A4; outline-offset:2px; }\n\n    \/* === PANELS === *\/\n    .sq-main-panel, .sq-side-panel {\n      padding:0 14px 14px; margin:0 !important; border:none !important;\n      transition:all .35s cubic-bezier(.4,0,.2,1); overflow:visible;\n    }\n    .sq-main-item[open] .sq-main-panel, .sq-side-item[open] .sq-side-panel {\n      padding-top:0 !important; animation:sqPanelExpand .3s ease;\n    }\n\n    \/* === BADGE === *\/\n    .sq-badge {\n      background:#10B981; color:#fff; font-size:12px; line-height:1;\n      padding:4px 8px; border-radius:999px; font-weight:600;\n    }\n\n    \/* === GREEN DIVIDER === *\/\n    .sq-main-item[open]:not(.is-done):not(.is-locked) .sq-main-panel::before,\n    .sq-side-item[open]:not(.is-done):not(.is-locked) .sq-side-panel::before {\n      content:''; display:block; height:3px; background:#00B3A4; margin:0 -14px 14px -14px;\n    }\n\n    \/* === FORMS & CONTROLS === *\/\n    .sq-controls-row {\n      display:flex; align-items:flex-start; gap:14px; flex-wrap:wrap;\n      margin-top:8px; width:100%; transition:transform .35s cubic-bezier(.4,0,.2,1);\n    }\n    .sq-side-form, .sq-main-form {\n      display:flex; align-items:center; gap:10px; flex:1 1 auto;\n      max-width:100%; min-width:0; transition:transform .35s cubic-bezier(.4,0,.2,1);\n    }\n    .sq-side-form input[type=\"text\"], .sq-main-form input[type=\"text\"] {\n      padding:10px 12px; border:1px solid #E5E7EB; border-radius:10px;\n      min-width:180px; flex:1 1 auto; transition:border-color .2s;\n    }\n    .sq-side-form input[type=\"text\"]:focus, .sq-main-form input[type=\"text\"]:focus {\n      border-color:#00B3A4; outline:none;\n    }\n    .sq-side-form .elementor-button, .sq-main-form .elementor-button {\n      background:#00B3A4; color:#fff; border-radius:10px; font-weight:600;\n      transition:background .2s; white-space:nowrap; flex-shrink:0; padding:10px 16px;\n    }\n    .sq-side-form .elementor-button:hover, .sq-main-form .elementor-button:hover { background:#009E91; }\n    .sq-side-error, .sq-main-error {\n      color:#991B1B; background:#FEE2E2; padding:10px 14px; border-radius:8px;\n      border-left:4px solid #EF4444; width:100%; margin-top:8px; font-size:14px; line-height:1.5;\n    }\n\n    \/* === TIPS & SOLUTION === *\/\n    .sq-main-tips, .sq-side-tips {\n      margin:10px 0 12px; padding:0; background:transparent; border:none;\n      display:flex; flex-direction:column; gap:8px;\n    }\n    .sq-tip-line {\n      margin:0; padding:12px; background:#FEF3C7; border-left:4px solid #F59E0B;\n      color:#92400E; border-radius:8px; overflow:hidden; transform-origin:top center;\n      transition:margin .35s ease, padding .35s ease;\n    }\n    .sq-tip-line[data-visible=\"true\"] { margin-bottom:8px; }\n    .sq-tip-solution {\n      background:#F3E8FF !important; border-left:4px solid #A855F7 !important;\n      color:#6B21A8 !important; font-weight:600 !important;\n    }\n\n    \/* === ICON BAR === *\/\n    .sq-iconbar { display:flex; align-items:center; gap:16px; margin-left:auto; }\n    .sq-iconbar .sq-tip-form {\n      margin:0 !important; padding:0 !important; background:transparent !important;\n      border:0 !important; box-shadow:none !important; display:inline-block;\n    }\n    .sq-iconbar button {\n      all:unset; display:inline-flex; align-items:center; justify-content:center;\n      cursor:pointer; line-height:1; color:#00B3A4; transition:color .2s, transform .15s;\n      -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;\n      -webkit-user-select:none; user-select:none; outline:none;\n      width:32px; height:32px; font-size:24px;\n    }\n    .sq-iconbar button svg { pointer-events:none; width:24px; height:24px; }\n\n    @media (hover:hover) and (pointer:fine) {\n      .sq-iconbar button:hover:not(:disabled):not(.is-active) { color:#009E91; transform:scale(1.1); }\n    }\n    .sq-iconbar button:focus, .sq-iconbar button:focus-visible, .sq-iconbar button:active,\n    .sq-iconbar button:hover, .sq-icon-bulb:focus, .sq-icon-bulb:active, .sq-icon-bulb:hover,\n    .sq-icon-key:focus, .sq-icon-key:active, .sq-icon-key:hover,\n    .sq-icon-landmark:focus, .sq-icon-landmark:active, .sq-icon-landmark:hover {\n      outline:0 !important; box-shadow:none !important; background:transparent !important; border:none !important;\n    }\n    .sq-iconbar button:hover::before, .sq-iconbar button:hover::after {\n      display:none !important; content:none !important; background:transparent !important;\n    }\n    .sq-icon-bulb.is-active svg { color:#F59E0B !important; }\n    .sq-icon-bulb.is-active { transform:scale(1.1); }\n    .sq-icon-bulb.is-used:not(.is-active) { opacity:.7; }\n    .sq-icon-key svg { color:#00B3A4; transition:color .2s, transform .15s; }\n    .sq-icon-key.is-active svg { color:#A855F7 !important; }\n    .sq-icon-key.is-active { transform:scale(1.1); }\n    .sq-icon-key.is-used:not(.is-active) { opacity:.7; }\n\n    \/* === INFO DRAWER (OFF-CANVAS) === *\/\n    .sq-info-drawer {\n      position:fixed; inset:0; z-index:9999; display:none; opacity:0; transition:opacity .25s;\n    }\n    .sq-info-drawer.is-open { display:block; opacity:1; }\n    .sq-info-backdrop {\n      position:absolute; inset:0; background:rgba(15,23,42,.6);\n      backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);\n    }\n    .sq-info-panel {\n      position:absolute; top:0; right:0; width:min(420px,90vw); height:100%;\n      background:#fff !important; box-shadow:-12px 0 30px rgba(0,0,0,.2);\n      transform:translateX(100%); opacity:0; overflow-y:auto; z-index:10;\n    }\n    .sq-info-drawer.is-open .sq-info-panel { animation:sqSlideIn .28s ease-out forwards; }\n    .sq-info-content { padding:56px 18px 18px; overflow:auto; height:100%; background:#fff; color:#0F172A; }\n    .sq-info-content * { color:inherit !important; }\n    .sq-info-close {\n      position:absolute; top:10px; right:12px; border:0; background:#F3F4F6;\n      width:36px; height:36px; border-radius:50%; font-size:24px; line-height:1;\n      cursor:pointer; color:#334155; transition:background .2s;\n      display:flex; align-items:center; justify-content:center;\n    }\n    .sq-info-close:hover { background:#E5E7EB; }\n\n    \/* === DIRECTIONS === *\/\n    .sq-directions-wrapper { margin:0 0 16px 0; padding:0; width:100%; }\n    .sq-directions-link {\n      display:flex; align-items:center; justify-content:center; gap:8px; width:100%;\n      padding:10px 16px; background:#EFF6FF; border:1px solid #3B82F6; border-radius:10px;\n      color:#1E40AF !important; text-decoration:none !important; font-weight:600; font-size:15px;\n      transition:all .2s; box-sizing:border-box; -webkit-tap-highlight-color:transparent;\n    }\n    .sq-directions-link svg:first-of-type { width:18px; height:18px; color:#3B82F6; }\n    .sq-directions-link svg:last-of-type { width:14px; height:14px; opacity:.7; }\n    @media (hover:hover) and (pointer:fine) {\n      .sq-directions-link:hover {\n        background:#DBEAFE; border-color:#2563EB; transform:translateY(-2px);\n        box-shadow:0 4px 12px rgba(59,130,246,.2);\n      }\n      .sq-directions-link:hover svg:last-of-type { opacity:1; transform:translateX(2px); }\n    }\n\n    \/* === ALTERNATIVE SECTION === *\/\n    .sq-alternative-section { width:100%; max-width:100%; margin:16px 0; padding:0; }\n    .sq-alternative-toggle {\n      all:unset; display:flex; align-items:center; justify-content:space-between; gap:12px;\n      width:100%; max-width:100%; padding:14px 16px; background:#F3F4F6;\n      border:2px solid #D1D5DB; border-radius:10px; cursor:pointer;\n      transition:background .2s, border-color .2s; font-size:15px; font-weight:600;\n      color:#374151; text-align:left; box-sizing:border-box;\n      -webkit-tap-highlight-color:rgba(0,0,0,0) !important;\n      -webkit-touch-callout:none; -webkit-user-select:none; user-select:none;\n    }\n    .sq-alternative-toggle:hover, .sq-alternative-toggle:focus,\n    .sq-alternative-toggle:focus-visible, .sq-alternative-toggle:active {\n      outline:0 !important; box-shadow:none !important;\n      background:#F3F4F6 !important; border:2px solid #D1D5DB !important;\n    }\n    .sq-alternative-toggle::before, .sq-alternative-toggle::after,\n    .sq-alternative-toggle:hover::before, .sq-alternative-toggle:hover::after {\n      display:none !important; content:none !important; background:transparent !important;\n    }\n    @media (hover:hover) and (pointer:fine) {\n      .sq-alternative-toggle:hover:not(:active) { background:#E5E7EB !important; border-color:#9CA3AF !important; }\n    }\n    .sq-alternative-toggle:active { transform:scale(.98); }\n    .sq-alt-label { flex:1; min-width:0; pointer-events:none; }\n    .sq-alt-arrow { font-size:14px; transition:transform .3s ease; flex-shrink:0; margin-left:auto; pointer-events:none; }\n    .sq-alternative-toggle[aria-expanded=\"true\"] .sq-alt-arrow { transform:rotate(180deg); }\n    .sq-alternative-toggle, .sq-alternative-toggle *, .sq-alt-label, .sq-alt-arrow { color:#374151 !important; }\n    .sq-alternative-content {\n      margin-top:12px; padding:20px; background:#F9FAFB;\n      border:2px solid #E5E7EB; border-radius:10px; overflow:hidden;\n    }\n    .sq-alternative-content[aria-hidden=\"true\"] { display:none; }\n    .sq-alternative-content[aria-hidden=\"false\"] { display:block; animation:sqAltSlideDown .4s ease-out; }\n\n    \/* === REWARD TEMPLATE === *\/\n    .sq-reward-template {\n      margin-top:16px; padding:20px; background:#FFFBEB;\n      border:2px solid #FFD700; border-radius:10px;\n    }\n\n    \/* === DONE \/ ANSWER STATES === *\/\n    .sq-side-answer, .sq-main-answer { color:#0F172A; margin:0; font-size:15px; }\n    .sq-side-answer strong, .sq-main-answer strong { font-weight:700; }\n    .sq-side-done-text, .sq-main-done-text { color:#065F46; margin-top:4px; font-size:14px; font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Noto Color Emoji\"; }\n    .sq-side-item .sq-state-done { text-align:left; }\n    .sq-side-locked-text, .sq-main-locked-text { color:#64748B; margin:10px 0; text-align:center; padding:20px; }\n    .sq-side-template, .sq-side-custom, .sq-main-template, .sq-main-custom { margin:10px 0; }\n\n    \/* === CONGRATULATIONS === *\/\n    .sq-congrats-panel {\n      margin-top:24px; background:linear-gradient(135deg,#ECFDF5 0%,#F0FDF4 100%);\n      border:2px solid #10B981; border-radius:16px; padding:32px 24px;\n      box-shadow:0 10px 30px rgba(16,185,129,.15); animation:sqCongratsSlideIn .6s ease-out;\n    }\n    .sq-congrats-content { max-width:600px; margin:0 auto; text-align:center; }\n    .sq-congrats-title { font-size:28px; font-weight:700; color:#065F46; margin:0 0 12px; }\n    .sq-congrats-text { font-size:16px; color:#047857; margin:0 0 24px; line-height:1.6; }\n    .sq-coupon-box { background:#fff; border:2px dashed #10B981; border-radius:12px; padding:20px; margin-bottom:32px; }\n    .sq-coupon-label { font-size:14px; font-weight:600; color:#047857; margin-bottom:8px; }\n    .sq-coupon-code-wrapper { display:flex; align-items:center; justify-content:center; gap:12px; margin-bottom:8px; }\n    .sq-coupon-code {\n      font-size:24px; font-weight:700; color:#065F46; background:#ECFDF5;\n      padding:12px 20px; border-radius:8px; letter-spacing:2px; font-family:'Courier New',monospace;\n    }\n    .sq-copy-btn {\n      all:unset; display:inline-flex; align-items:center; justify-content:center;\n      width:44px; height:44px; background:#10B981; color:#fff; border-radius:8px;\n      cursor:pointer; transition:background .2s, transform .15s; font-size:18px;\n    }\n    .sq-copy-btn:hover { background:#059669; transform:scale(1.05); }\n    .sq-copy-btn:active { transform:scale(.95); }\n    .sq-feedback-box { background:#fff; border-radius:12px; padding:24px 40px; text-align:left; box-sizing:border-box; max-width:100%; overflow:hidden; }\n    .sq-feedback-title { font-size:18px; font-weight:600; color:#0F172A; margin-bottom:16px; text-align:center; }\n    .sq-rating { display:block; text-align:center; margin-bottom:16px; }\n    .sq-rating-label { display:none; }\n    .sq-stars { display:flex !important; gap:8px !important; align-items:center; justify-content:center !important; width:fit-content !important; margin:0 auto; }\n    .sq-star {\n      all:unset; cursor:pointer; font-size:28px; line-height:1; color:#CBD5E1; transition:color .2s;\n      display:inline-flex !important; align-items:center; justify-content:center;\n      width:36px !important; height:36px !important; min-width:0 !important; max-width:36px !important;\n      flex:0 0 36px !important; padding:0 !important; margin:0 !important;\n      -webkit-tap-highlight-color:transparent !important; -webkit-touch-callout:none;\n      -webkit-user-select:none; user-select:none; outline:none !important;\n      background:none !important; border:none !important; box-shadow:none !important;\n    }\n    .sq-star svg { width:28px; height:28px; pointer-events:none; }\n    .sq-star:focus, .sq-star:focus-visible, .sq-star:active, .sq-star:hover {\n      outline:none !important; background:none !important; box-shadow:none !important; border:none !important;\n    }\n    .sq-star.is-selected { color:#F59E0B; }\n    @media (hover:hover) and (pointer:fine) { .sq-star:hover { color:#F59E0B; transform:scale(1.1); } }\n    .sq-feedback-textarea {\n      width:100%; padding:12px; border:2px solid #E5E7EB; border-radius:10px;\n      font-size:15px; font-family:inherit; resize:vertical; transition:border-color .2s; margin-bottom:8px;\n    }\n    .sq-feedback-textarea:focus { outline:none; border-color:#00B3A4; }\n    .sq-char-counter { font-size:13px; color:#64748B; text-align:right; margin-bottom:16px; }\n    .sq-feedback-response { padding:12px; border-radius:8px; margin-bottom:16px; font-size:14px; }\n    .sq-feedback-response.sq-success { background:#D1FAE5; border-left:4px solid #10B981; color:#065F46; }\n    .sq-feedback-response.sq-error { background:#FEE2E2; border-left:4px solid #EF4444; color:#991B1B; }\n    .sq-submit-btn {\n      width:100%; background:#00B3A4 !important; color:#fff !important;\n      padding:14px 24px !important; border-radius:10px !important; font-weight:600 !important;\n      font-size:16px !important; transition:background .2s !important; border:none !important; cursor:pointer !important;\n    }\n    .sq-submit-btn:hover { background:#009E91 !important; }\n    .sq-submit-btn:disabled { background:#9CA3AF !important; cursor:not-allowed !important; }\n    #sq-confetti-canvas { position:fixed; top:0; left:0; pointer-events:none; z-index:9998; }\n\n    \/* === TABS & PROGRESS === *\/\n    .sq-iq-tabs { display:flex; gap:0; margin-bottom:0; border-bottom:2px solid #e5e7eb; }\n    .sq-iq-tab {\n      flex:1; text-align:center; padding:12px 16px; font-weight:600; font-size:15px;\n      cursor:pointer; background:transparent; color:#9ca3af; position:relative;\n      transition:color .2s; user-select:none; -webkit-tap-highlight-color:transparent;\n    }\n    .sq-iq-tab:hover { color:#346861; }\n    .sq-iq-tab.active { color:#346861; }\n    .sq-iq-tab.active::after { content:''; position:absolute; bottom:-2px; left:0; right:0; height:2px; background:#346861; }\n    .sq-iq-tab-panel { display:none; padding-top:16px; }\n    .sq-iq-tab-panel.active { display:block; }\n    .sq-iq-progress { margin:16px 0; padding:12px 16px; background:#f8f9fa; border-radius:10px; }\n    .sq-iq-progress-label { font-size:13px; color:#6b7280; margin-bottom:6px; display:flex; justify-content:space-between; }\n    .sq-iq-progress-bar { height:8px; background:#e5e7eb; border-radius:4px; overflow:hidden; }\n    .sq-iq-progress-fill { height:100%; background:linear-gradient(90deg,#10b981,#34d399); border-radius:4px; transition:width .5s ease; }\n    .sq-iq-progress-fill.complete { background:linear-gradient(90deg,#10b981,#34d399); }\n    .sq-iq-empty { text-align:center; padding:40px 20px; color:#9ca3af; font-style:italic; }\n\n    \/* === INFO TAB === *\/\n    .sq-info-item .sq-info-image { width:100%; max-height:300px; object-fit:cover; border-radius:8px; margin-bottom:12px; }\n    .sq-info-item .sq-info-text { font-size:15px; line-height:1.65; color:#334155; margin-bottom:12px; }\n    .sq-info-item .sq-info-text p { margin:0 0 10px; }\n    .sq-info-item .sq-info-text p:last-child { margin-bottom:0; }\n    .sq-info-item .sq-info-text h3 { font-size:18px; font-weight:700; margin:16px 0 6px; color:#1a1a2e; }\n    .sq-info-item .sq-info-text h4 { font-size:16px; font-weight:700; margin:14px 0 4px; color:#1a1a2e; }\n    .sq-info-item .sq-info-text h5 { font-size:15px; font-weight:600; margin:12px 0 4px; color:#1a1a2e; }\n    .sq-info-item .sq-info-text ul, .sq-info-item .sq-info-text ol { margin:0 0 10px 20px; padding:0; }\n    .sq-info-item .sq-info-text li { margin-bottom:4px; }\n    .sq-info-item .sq-info-text blockquote { border-left:3px solid #00B3A4; margin:10px 0; padding:8px 14px; color:#555; font-style:italic; background:#f8faf9; border-radius:0 8px 8px 0; }\n    .sq-info-item .sq-info-text a { color:#00B3A4; text-decoration:underline; }\n    .sq-info-item .sq-info-text a:hover { color:#009688; }\n    .sq-info-item .sq-info-text strong { font-weight:700; }\n    .sq-info-item .sq-info-text em { font-style:italic; }\n    .sq-info-item .sq-info-text img { max-width:100%; height:auto; border-radius:8px; margin:8px 0; }\n    \/* === AUDIO CONTROLS === *\/\n    .sq-audio-controls {\n      display:flex; align-items:stretch; width:100%; margin:0 0 12px 0;\n      gap:8px;\n    }\n    .sq-audio-btn {\n      all:unset; display:flex; align-items:center; justify-content:center; gap:8px; flex:1;\n      padding:10px 16px; background-color:#EEF6F5 !important; border:1px solid #346861 !important; border-radius:10px;\n      color:#1B4540 !important; font-weight:600; font-size:15px; line-height:1; font-family:inherit;\n      cursor:pointer; transition:background-color .15s; -webkit-tap-highlight-color:transparent;\n      text-decoration:none !important; box-sizing:border-box;\n      -webkit-user-select:none; user-select:none;\n    }\n    .sq-audio-btn svg { flex-shrink:0; pointer-events:none; }\n    .sq-audio-btn::before, .sq-audio-btn::after { display:none !important; content:none !important; }\n    @media (hover:hover) and (pointer:fine) {\n      .sq-audio-btn:hover { background-color:#D6EDEB !important; }\n    }\n    .sq-audio-btn:focus, .sq-audio-btn:focus-visible {\n      background-color:#EEF6F5 !important; outline:none !important; box-shadow:none !important;\n    }\n    .sq-audio-btn:active { background-color:#92C5C0 !important; outline:none !important; box-shadow:none !important; }\n    .sq-audio-btn.is-playing { background-color:#C2E3E0 !important; }\n    .sq-audio-btn.is-playing:focus, .sq-audio-btn.is-playing:focus-visible {\n      background-color:#C2E3E0 !important; outline:none !important; box-shadow:none !important;\n    }\n    .sq-audio-btn.is-playing:active { background-color:#92C5C0 !important; outline:none !important; box-shadow:none !important; }\n    @media (hover:hover) and (pointer:fine) {\n      .sq-audio-btn.is-playing:hover { background-color:#92C5C0 !important; }\n    }\n    .sq-audio-seek {\n      all:unset; display:flex; align-items:center; justify-content:center; gap:4px;\n      padding:10px 16px; background-color:#EEF6F5 !important; border:1px solid #346861 !important; border-radius:10px;\n      color:#1B4540 !important; font-weight:600; font-size:13px; line-height:1; font-family:inherit;\n      cursor:pointer; transition:background-color .15s; -webkit-tap-highlight-color:transparent;\n      white-space:nowrap; box-sizing:border-box;\n      -webkit-user-select:none; user-select:none;\n    }\n    .sq-audio-seek svg { flex-shrink:0; pointer-events:none; }\n    .sq-audio-seek::before, .sq-audio-seek::after { display:none !important; content:none !important; }\n    @media (hover:hover) and (pointer:fine) {\n      .sq-audio-seek:hover { background-color:#D6EDEB !important; }\n    }\n    .sq-audio-seek:focus, .sq-audio-seek:focus-visible {\n      background-color:#EEF6F5 !important; outline:none !important; box-shadow:none !important;\n    }\n    .sq-audio-seek:active { background-color:#92C5C0 !important; outline:none !important; box-shadow:none !important; }\n\n    \/* === ITEM STATES === *\/\n    .sq-main-item.is-locked, .sq-side-item.is-locked { border:2px dashed #d1d5db !important; background:#fafafa !important; pointer-events:none; opacity:1; }\n    .sq-main-item.is-locked > summary, .sq-side-item.is-locked > summary { justify-content:center; cursor:default; list-style:none; min-height:auto; }\n    .sq-main-item.is-locked > summary .sq-main-title, .sq-side-item.is-locked > summary .sq-side-title { display:none !important; }\n    .sq-main-item.is-locked > summary .sq-step-badge, .sq-side-item.is-locked > summary .sq-step-badge { display:inline-block !important; margin:0 auto; background:none !important; color:#9ca3af !important; font-size:16px; font-weight:600; padding:0; }\n    .sq-main-item.is-locked > summary::marker, .sq-side-item.is-locked > summary::marker { display:none; font-size:0; content:''; }\n    .sq-main-item.is-locked > summary::-webkit-details-marker, .sq-side-item.is-locked > summary::-webkit-details-marker { display:none; }\n    .sq-main-item.is-locked > .sq-main-panel, .sq-side-item.is-locked > .sq-side-panel { display:none !important; }\n    .sq-main-item.is-done, .sq-side-item.is-done { border:1px solid #22c55e !important; background:#f0fdf4 !important; }\n    .sq-main-item.is-done > summary .sq-step-badge, .sq-side-item.is-done > summary .sq-step-badge { display:inline-block !important; background:#22c55e !important; color:#fff !important; font-size:12px; font-weight:700; padding:6px 14px; border-radius:999px; }\n    .sq-main-item.is-active > summary .sq-step-badge, .sq-side-item.is-active > summary .sq-step-badge { display:none !important; }\n    .sq-state-locked, .sq-state-active, .sq-state-done { display:none; }\n    .sq-main-item.is-locked .sq-state-locked, .sq-side-item.is-locked .sq-state-locked { display:block; }\n    .sq-main-item.is-active .sq-state-active, .sq-side-item.is-active .sq-state-active { display:block; }\n    .sq-main-item.is-done .sq-state-done, .sq-side-item.is-done .sq-state-done { display:block; }\n    .sq-answer-feedback { padding:8px 12px; border-radius:8px; margin-top:8px; font-size:14px; font-weight:600; display:none; }\n    .sq-answer-feedback.is-error { display:block; background:#fef2f2; color:#dc2626; border:1px solid #fecaca; }\n    .sq-answer-feedback.is-success { display:block; background:#ecfdf5; color:#059669; border:1px solid #a7f3d0; }\n\n    \/* === ANIMATIONS === *\/\n    @keyframes sq-shake { 0%,100%{transform:translateX(0)} 20%,60%{transform:translateX(-6px)} 40%,80%{transform:translateX(6px)} }\n    .sq-shake { animation:sq-shake .4s ease; }\n    @keyframes sqPanelExpand { from{opacity:.8} to{opacity:1} }\n    @keyframes sqSlideIn { from{transform:translateX(100%);opacity:0} to{transform:translateX(0);opacity:1} }\n    @keyframes sqCongratsSlideIn { from{opacity:0;transform:translateY(20px) scale(.95)} to{opacity:1;transform:translateY(0) scale(1)} }\n    @keyframes sqAltSlideDown { from{opacity:0;transform:translateY(-10px)} to{opacity:1;transform:translateY(0)} }\n    @keyframes sqSuccess { 0%{transform:scale(.95);opacity:0} 50%{transform:scale(1.02)} 100%{transform:scale(1);opacity:1} }\n    .sq-congrats-panel { display:none; }\n    .sq-congrats-panel.is-visible { display:block; }\n\n    \/* === TEMPLATE TYPOGRAPHY FIX ===\n       Vereinheitlicht Schriftgr\u00f6\u00dfen in Riddle-Templates, nimmt aber Elemente\n       mit explizit gesetzter Inline-font-size aus \u2013 so kann im Elementor-\n       Texteditor (oder per HTML-Widget) gezielt eine Schriftgr\u00f6\u00dfe \u00fcberschrieben werden. *\/\n    .sq-side-template *:not([style*=\"font-size\"]),\n    .sq-side-template h1:not([style*=\"font-size\"]), .sq-side-template h2:not([style*=\"font-size\"]), .sq-side-template h3:not([style*=\"font-size\"]),\n    .sq-side-template h4:not([style*=\"font-size\"]), .sq-side-template h5:not([style*=\"font-size\"]), .sq-side-template h6:not([style*=\"font-size\"]),\n    .sq-side-template p:not([style*=\"font-size\"]), .sq-side-template span:not([style*=\"font-size\"]), .sq-side-template div:not([style*=\"font-size\"]),\n    .sq-side-template li:not([style*=\"font-size\"]), .sq-side-template a:not([style*=\"font-size\"]) { font-size:inherit !important; }\n    .sq-side-template .elementor-heading-title:not([style*=\"font-size\"]),\n    .sq-side-template .elementor-widget-heading:not([style*=\"font-size\"]),\n    .sq-side-template .elementor-text-editor:not([style*=\"font-size\"]) { font-size:inherit !important; }\n    .sq-main-template *:not([style*=\"font-size\"]),\n    .sq-main-template h1:not([style*=\"font-size\"]), .sq-main-template h2:not([style*=\"font-size\"]), .sq-main-template h3:not([style*=\"font-size\"]),\n    .sq-main-template h4:not([style*=\"font-size\"]), .sq-main-template h5:not([style*=\"font-size\"]), .sq-main-template h6:not([style*=\"font-size\"]),\n    .sq-main-template p:not([style*=\"font-size\"]), .sq-main-template span:not([style*=\"font-size\"]), .sq-main-template div:not([style*=\"font-size\"]),\n    .sq-main-template li:not([style*=\"font-size\"]), .sq-main-template a:not([style*=\"font-size\"]) { font-size:inherit !important; }\n    .sq-main-template .elementor-heading-title:not([style*=\"font-size\"]),\n    .sq-main-template .elementor-widget-heading:not([style*=\"font-size\"]),\n    .sq-main-template .elementor-text-editor:not([style*=\"font-size\"]) { font-size:inherit !important; }\n    .sq-reward-template *:not([style*=\"font-size\"]),\n    .sq-reward-template h1:not([style*=\"font-size\"]), .sq-reward-template h2:not([style*=\"font-size\"]), .sq-reward-template h3:not([style*=\"font-size\"]),\n    .sq-reward-template h4:not([style*=\"font-size\"]), .sq-reward-template h5:not([style*=\"font-size\"]), .sq-reward-template h6:not([style*=\"font-size\"]),\n    .sq-reward-template p:not([style*=\"font-size\"]), .sq-reward-template span:not([style*=\"font-size\"]), .sq-reward-template div:not([style*=\"font-size\"]),\n    .sq-reward-template li:not([style*=\"font-size\"]), .sq-reward-template a:not([style*=\"font-size\"]) { font-size:inherit !important; }\n    .sq-reward-template .elementor-heading-title:not([style*=\"font-size\"]),\n    .sq-reward-template .elementor-widget-heading:not([style*=\"font-size\"]),\n    .sq-reward-template .elementor-text-editor:not([style*=\"font-size\"]) { font-size:inherit !important; }\n\n    \/* === RESPONSIVE === *\/\n    @media (max-width:768px) {\n      .sq-side-form, .sq-main-form { flex-direction:column; align-items:stretch; }\n      .sq-side-form input[type=\"text\"], .sq-main-form input[type=\"text\"] { min-width:100%; }\n      .sq-feedback-box { padding:24px 20px; }\n    }\n    @media (max-width:600px) {\n      .sq-controls-row { align-items:flex-start; }\n      .sq-iconbar { margin-left:0; width:100%; order:3; justify-content:space-around; }\n      .sq-side-form, .sq-main-form { width:100%; }\n      .sq-side-done-container { flex-direction:column; align-items:flex-start; }\n      .sq-iq-tab { padding:10px 12px; font-size:14px; }\n      .sq-congrats-panel { padding:24px 16px; }\n      .sq-congrats-title { font-size:24px; }\n      .sq-coupon-code { font-size:18px; padding:10px 16px; }\n      .sq-directions-link { font-size:14px; padding:9px 14px; }\n      .sq-audio-seek { padding:10px 10px; font-size:12px; }\n      .sq-audio-btn { font-size:14px; }\n      .sq-alternative-toggle { font-size:14px; padding:12px 14px; }\n      .sq-alternative-content { padding:16px; }\n      .sq-feedback-box { padding:24px 16px; }\n    }\n\n    \/* === IPAD (768px\u20131024px) === *\/\n    @media (min-width:768px) and (max-width:1024px) {\n      .sq-directions-wrapper { max-width:100%; }\n      .sq-main-panel .sq-controls-row, .sq-side-panel .sq-controls-row {\n        display:flex !important; flex-wrap:nowrap !important; align-items:center;\n        justify-content:space-between !important; gap:0 !important;\n      }\n      .sq-main-panel .sq-controls-row .sq-main-form, .sq-side-panel .sq-controls-row .sq-side-form {\n        flex:0 0 50% !important; max-width:50% !important; display:flex !important; gap:10px !important; align-items:center;\n      }\n      .sq-main-form input[type=\"text\"], .sq-side-form input[type=\"text\"] { flex:0 0 66.66% !important; max-width:66.66% !important; min-width:0 !important; }\n      .sq-main-form .elementor-button, .sq-side-form .elementor-button { flex:0 0 33.33% !important; max-width:33.33% !important; min-width:0 !important; white-space:nowrap; padding:10px 8px !important; }\n      .sq-main-panel .sq-iconbar, .sq-side-panel .sq-iconbar {\n        flex:0 0 30% !important; max-width:30% !important; margin-left:0 !important;\n        flex-direction:row !important; justify-content:space-around !important; gap:8px !important;\n      }\n      .sq-side-error, .sq-main-error { flex-basis:100% !important; width:100%; }\n    }\n\n    \/* === DESKTOP (1025px+) === *\/\n    @media (min-width:1025px) {\n      .sq-directions-wrapper { max-width:50%; }\n      .sq-main-panel .sq-controls-row, .sq-side-panel .sq-controls-row {\n        display:flex !important; flex-wrap:nowrap !important; justify-content:flex-start !important; gap:14px !important;\n      }\n      .sq-main-panel .sq-controls-row .sq-main-form, .sq-side-panel .sq-controls-row .sq-side-form { flex:0 0 auto !important; max-width:500px !important; }\n      .sq-main-panel .sq-iconbar, .sq-side-panel .sq-iconbar { flex:0 0 auto !important; margin-left:auto !important; gap:16px !important; }\n    }\n  <\/style>\n\n  <div class=\"sq-iq-wrapper\" id=\"sq-iq-wrapper\">\n\n    <input type=\"hidden\" id=\"sq-quest-config\" value=\"{&quot;pid&quot;:999999,&quot;mode&quot;:&quot;demo&quot;,&quot;totalMain&quot;:3,&quot;isDemo&quot;:true,&quot;steps&quot;:[{&quot;id&quot;:&quot;demo_1&quot;,&quot;type&quot;:&quot;main&quot;,&quot;index&quot;:0,&quot;hashes&quot;:[&quot;ef2d127de37b942baad06145e54b0c619a1f22327b2ebbcfbec78f5564afe39d&quot;]},{&quot;id&quot;:&quot;demo_2&quot;,&quot;type&quot;:&quot;main&quot;,&quot;index&quot;:1,&quot;hashes&quot;:[&quot;39b599a114d8bc3d078a7a55034b151d378e5d0dfabf8607f2d6589043746aa2&quot;]},{&quot;id&quot;:&quot;demo_3&quot;,&quot;type&quot;:&quot;main&quot;,&quot;index&quot;:2,&quot;hashes&quot;:[&quot;f23e2e1458b877c9f1cf31a1ef64fc6582f06df90a987f8431ee5f5f8ee65d3b&quot;]},{&quot;id&quot;:&quot;demo_sq_1&quot;,&quot;type&quot;:&quot;side&quot;,&quot;hashes&quot;:[&quot;8ae0c105f08a7783d95f91809fdaa1459dfd29525b1b56e57a39b8271302fbe2&quot;],&quot;require&quot;:&quot;&quot;}],&quot;infoSteps&quot;:[{&quot;mainIndex&quot;:0,&quot;mainId&quot;:&quot;demo_1&quot;}],&quot;serverProgress&quot;:{&quot;mainDone&quot;:[],&quot;mainAnswers&quot;:{},&quot;sideDone&quot;:[],&quot;sideAnswers&quot;:{}},&quot;tx&quot;:{&quot;wrong&quot;:&quot;Das ist leider nicht richtig. Versuch&#039;s nochmal!&lt;br&gt;&lt;small style=\\&quot;font-weight:400;opacity:.85;\\&quot;&gt;Hinweis: Gro\\u00df-\\\/Kleinschreibung ist egal. Umlaute gehen auf beide Arten (\\u00e4 &amp; ae).&lt;\\\/small&gt;&quot;,&quot;correct&quot;:&quot;Richtig! &#x1F389;&quot;,&quot;done&quot;:&quot;Erledigt&quot;,&quot;locked&quot;:&quot;Gesperrt&quot;,&quot;answer_prefix&quot;:&quot;Antwort&quot;,&quot;completed&quot;:&quot;Geschafft! &#x1F389;&quot;,&quot;listen&quot;:&quot;Play&quot;,&quot;pause&quot;:&quot;Pause&quot;},&quot;ajaxUrl&quot;:&quot;https:\\\/\\\/sight-quest.com\\\/wp-admin\\\/admin-ajax.php&quot;,&quot;syncNonce&quot;:&quot;36b042a32c&quot;,&quot;storageKey&quot;:&quot;sq_demo_demo_999999_e5f96209&quot;,&quot;expiresAt&quot;:0}\">\n\n    <noscript>\n      <style>\n        .sq-main-item .sq-state-active { display:block !important; }\n        .sq-main-item .sq-state-locked, .sq-main-item .sq-state-done { display:none !important; }\n        .sq-side-item .sq-state-active { display:block !important; }\n        .sq-side-item .sq-state-locked, .sq-side-item .sq-state-done { display:none !important; }\n      <\/style>\n      <div style=\"background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;padding:16px;margin-bottom:16px;text-align:center;font-size:14px;color:#92400e;\">\n        \u26a0\ufe0f JavaScript ist deaktiviert oder wird blockiert. Bitte aktiviere JavaScript oder akzeptiere funktionale Cookies, um die Quest spielen zu k\u00f6nnen.      <\/div>\n    <\/noscript>\n\n    <div class=\"sq-iq-progress\">\n      <div class=\"sq-iq-progress-label\">\n        <span>Fortschritt<\/span>\n        <span><strong id=\"sq-progress-done\">0<\/strong> \/ 3<\/span>\n      <\/div>\n      <div class=\"sq-iq-progress-bar\">\n        <div class=\"sq-iq-progress-fill\" id=\"sq-progress-fill\" style=\"width:0%\"><\/div>\n      <\/div>\n    <\/div>\n\n        <div class=\"sq-iq-tabs\" role=\"tablist\">\n      <div class=\"sq-iq-tab active\" role=\"tab\" aria-selected=\"true\" data-target=\"sq-iq-main\" tabindex=\"0\">Main Quests<\/div>\n            <div class=\"sq-iq-tab\" role=\"tab\" aria-selected=\"false\" data-target=\"sq-iq-side\" tabindex=\"0\">Side Quests<\/div>\n                  <div class=\"sq-iq-tab\" role=\"tab\" aria-selected=\"false\" data-target=\"sq-iq-info\" tabindex=\"0\">Info<\/div>\n          <\/div>\n    \n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 MAIN QUEST TAB \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div id=\"sq-iq-main\" class=\"sq-iq-tab-panel active\" role=\"tabpanel\">\n      <div class=\"sq-mainhub\"><div class=\"sq-main-list\">\n\n        \n        <details class=\"sq-main-item\" id=\"m-demo_1\" data-step-id=\"demo_1\" data-step-index=\"0\">\n          <summary class=\"sq-main-summary\">\n            <span class=\"sq-main-title\">1<\/span>\n            <span class=\"sq-badge sq-step-badge\"><\/span>\n          <\/summary>\n          <div class=\"sq-main-panel\">\n\n            <div class=\"sq-state-locked\">\n              <div class=\"sq-main-locked-text\">L\u00f6se zuerst die vorherige Station.<\/div>\n            <\/div>\n\n            <div class=\"sq-state-active\">\n              \n              <div class=\"sq-main-template\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"5857\" class=\"elementor elementor-5857\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e437efa e-flex e-con-boxed e-con e-parent\" data-id=\"6e437efa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7037df2 elementor-widget elementor-widget-text-editor\" data-id=\"7037df2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Was ergibt 2+3?<\/p>\t\t\t\t\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<\/div>\n              <div id=\"demo_1-tip1\" class=\"sq-tip-line\" style=\"display:none;\">&#x1F4A1; 10-5 kommt auf das gleiche Ergebnis.<\/div>              <div id=\"demo_1-tip2\" class=\"sq-tip-line\" style=\"display:none;\">&#x1F4A1; Was liegt zwischen 4 und 6?<\/div>              <div id=\"demo_1-solution\" class=\"sq-tip-line sq-tip-solution\" style=\"display:none;\">&#x1F511; L\u00f6sung: 5<\/div>\n              <div class=\"sq-controls-row\">\n                <form class=\"sq-main-form sq-answer-form\" data-step-id=\"demo_1\" data-step-type=\"main\" onsubmit=\"return false;\">\n                  <input name=\"sq_answer\" type=\"text\" required autocomplete=\"off\" placeholder=\"Antwort eingeben...\">\n                  <button type=\"submit\" class=\"elementor-button\">Pr\u00fcfen<\/button>\n                <\/form>\n                <div class=\"sq-answer-feedback\" id=\"fb-demo_1\"><\/div>\n                <div class=\"sq-iconbar\">\n                  <button type=\"button\" class=\"sq-icon-bulb sq-tip-toggle\" data-tip-id=\"demo_1-tip1\" aria-label=\"Tipp 1\" title=\"Tipp 1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z\"\/><\/svg><\/button><button type=\"button\" class=\"sq-icon-bulb sq-tip-toggle\" data-tip-id=\"demo_1-tip2\" aria-label=\"Tipp 2\" title=\"Tipp 2\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z\"\/><\/svg><\/button><button type=\"button\" class=\"sq-icon-key sq-tip-toggle\" data-tip-id=\"demo_1-solution\" aria-label=\"L\u00f6sung\" title=\"L\u00f6sung\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"\/><\/svg><\/button>                <\/div>\n              <\/div>\n\n                          <\/div>\n\n            <div class=\"sq-state-done\">\n              <div>\n                <div class=\"sq-main-answer\">Antwort: <strong class=\"sq-done-answer-text\"><\/strong><\/div>\n                <div class=\"sq-main-done-text\">Geschafft! &#x1F389;<\/div>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/details>\n        \n        <details class=\"sq-main-item\" id=\"m-demo_2\" data-step-id=\"demo_2\" data-step-index=\"1\">\n          <summary class=\"sq-main-summary\">\n            <span class=\"sq-main-title\">2<\/span>\n            <span class=\"sq-badge sq-step-badge\"><\/span>\n          <\/summary>\n          <div class=\"sq-main-panel\">\n\n            <div class=\"sq-state-locked\">\n              <div class=\"sq-main-locked-text\">L\u00f6se zuerst die vorherige Station.<\/div>\n            <\/div>\n\n            <div class=\"sq-state-active\">\n              \n              <div class=\"sq-main-template\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"5860\" class=\"elementor elementor-5860\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52f7f69d e-flex e-con-boxed e-con e-parent\" data-id=\"52f7f69d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-67dc9501 elementor-widget elementor-widget-text-editor\" data-id=\"67dc9501\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Nerden &#8211; Osten &#8211; Soden &#8211; ?<\/p>\t\t\t\t\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<\/div>\n              <div id=\"demo_2-tip1\" class=\"sq-tip-line\" style=\"display:none;\">&#x1F4A1; Die Himmelsrichtungen scheinen etwas untereinander vertauscht zu haben.<\/div>              <div id=\"demo_2-tip2\" class=\"sq-tip-line\" style=\"display:none;\">&#x1F4A1; Der erste Vokal kommt vom vorhergehenden Nachbarn.<\/div>              <div id=\"demo_2-solution\" class=\"sq-tip-line sq-tip-solution\" style=\"display:none;\">&#x1F511; L\u00f6sung: W\u00fcsten<\/div>\n              <div class=\"sq-controls-row\">\n                <form class=\"sq-main-form sq-answer-form\" data-step-id=\"demo_2\" data-step-type=\"main\" onsubmit=\"return false;\">\n                  <input name=\"sq_answer\" type=\"text\" required autocomplete=\"off\" placeholder=\"Antwort eingeben...\">\n                  <button type=\"submit\" class=\"elementor-button\">Pr\u00fcfen<\/button>\n                <\/form>\n                <div class=\"sq-answer-feedback\" id=\"fb-demo_2\"><\/div>\n                <div class=\"sq-iconbar\">\n                  <button type=\"button\" class=\"sq-icon-bulb sq-tip-toggle\" data-tip-id=\"demo_2-tip1\" aria-label=\"Tipp 1\" title=\"Tipp 1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z\"\/><\/svg><\/button><button type=\"button\" class=\"sq-icon-bulb sq-tip-toggle\" data-tip-id=\"demo_2-tip2\" aria-label=\"Tipp 2\" title=\"Tipp 2\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z\"\/><\/svg><\/button><button type=\"button\" class=\"sq-icon-key sq-tip-toggle\" data-tip-id=\"demo_2-solution\" aria-label=\"L\u00f6sung\" title=\"L\u00f6sung\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"\/><\/svg><\/button>                <\/div>\n              <\/div>\n\n                          <\/div>\n\n            <div class=\"sq-state-done\">\n              <div>\n                <div class=\"sq-main-answer\">Antwort: <strong class=\"sq-done-answer-text\"><\/strong><\/div>\n                <div class=\"sq-main-done-text\">Geschafft! &#x1F389;<\/div>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/details>\n        \n        <details class=\"sq-main-item\" id=\"m-demo_3\" data-step-id=\"demo_3\" data-step-index=\"2\">\n          <summary class=\"sq-main-summary\">\n            <span class=\"sq-main-title\">3<\/span>\n            <span class=\"sq-badge sq-step-badge\"><\/span>\n          <\/summary>\n          <div class=\"sq-main-panel\">\n\n            <div class=\"sq-state-locked\">\n              <div class=\"sq-main-locked-text\">L\u00f6se zuerst die vorherige Station.<\/div>\n            <\/div>\n\n            <div class=\"sq-state-active\">\n              \n              <div class=\"sq-main-template\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"5863\" class=\"elementor elementor-5863\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2933b0e3 e-flex e-con-boxed e-con e-parent\" data-id=\"2933b0e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d9928b8 elementor-widget elementor-widget-text-editor\" data-id=\"5d9928b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>3rf016<\/p>\t\t\t\t\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<\/div>\n              <div id=\"demo_3-tip1\" class=\"sq-tip-line\" style=\"display:none;\">&#x1F4A1; Die L\u00f6sung der Side Quest k\u00f6nnte helfen, um die Aufgabe zu verstehen.<\/div>              <div id=\"demo_3-tip2\" class=\"sq-tip-line\" style=\"display:none;\">&#x1F4A1; Die Form der Ziffern sieht doch aus wie...<\/div>              <div id=\"demo_3-solution\" class=\"sq-tip-line sq-tip-solution\" style=\"display:none;\">&#x1F511; L\u00f6sung: Erfolg<\/div>\n              <div class=\"sq-controls-row\">\n                <form class=\"sq-main-form sq-answer-form\" data-step-id=\"demo_3\" data-step-type=\"main\" onsubmit=\"return false;\">\n                  <input name=\"sq_answer\" type=\"text\" required autocomplete=\"off\" placeholder=\"Antwort eingeben...\">\n                  <button type=\"submit\" class=\"elementor-button\">Pr\u00fcfen<\/button>\n                <\/form>\n                <div class=\"sq-answer-feedback\" id=\"fb-demo_3\"><\/div>\n                <div class=\"sq-iconbar\">\n                  <button type=\"button\" class=\"sq-icon-bulb sq-tip-toggle\" data-tip-id=\"demo_3-tip1\" aria-label=\"Tipp 1\" title=\"Tipp 1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z\"\/><\/svg><\/button><button type=\"button\" class=\"sq-icon-bulb sq-tip-toggle\" data-tip-id=\"demo_3-tip2\" aria-label=\"Tipp 2\" title=\"Tipp 2\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z\"\/><\/svg><\/button><button type=\"button\" class=\"sq-icon-key sq-tip-toggle\" data-tip-id=\"demo_3-solution\" aria-label=\"L\u00f6sung\" title=\"L\u00f6sung\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"\/><\/svg><\/button>                <\/div>\n              <\/div>\n\n                          <\/div>\n\n            <div class=\"sq-state-done\">\n              <div>\n                <div class=\"sq-main-answer\">Antwort: <strong class=\"sq-done-answer-text\"><\/strong><\/div>\n                <div class=\"sq-main-done-text\">Geschafft! &#x1F389;<\/div>\n              <\/div>\n            <\/div>\n\n          <\/div>\n        <\/details>\n        \n      <\/div>\n\n      <!-- CONGRATS PANEL -->\n      <div class=\"sq-congrats-panel\" id=\"sq-congrats\">\n        <div class=\"sq-congrats-content\">\n          <h3 class=\"sq-congrats-title\">Herzlichen Gl\u00fcckwunsch!<\/h3>\n          <p class=\"sq-congrats-text\">Super! Du hast die Demo Quest erfolgreich abgeschlossen. Jetzt bist du bestens ger\u00fcstet f\u00fcr deine erste Sight Quest \u2013 viel Spa\u00df!<\/p>\n          \n                    \n        <\/div>\n      <\/div>\n      <canvas id=\"sq-confetti-canvas\" style=\"display:none;\"><\/canvas>\n    <\/div>\n    <\/div>\n\n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 INFO TAB \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div id=\"sq-iq-info\" class=\"sq-iq-tab-panel\" role=\"tabpanel\">\n      <div class=\"sq-mainhub\"><div class=\"sq-main-list\">\n                <details class=\"sq-main-item sq-info-item\" id=\"info-0\" data-info-index=\"0\" data-main-index=\"0\" data-main-id=\"demo_1\">\n          <summary class=\"sq-main-summary\">\n            <span class=\"sq-main-title\">Demo<\/span>\n            <span class=\"sq-badge sq-step-badge\"><\/span>\n          <\/summary>\n          <div class=\"sq-main-panel\">\n                                    <div class=\"sq-directions-wrapper\">\n              <a href=\"#\" class=\"sq-directions-link\" data-lat=\"48.185842068037\" data-lng=\"16.312781759983\" role=\"button\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"6\" cy=\"19\" r=\"3\"\/><circle cx=\"18\" cy=\"5\" r=\"3\"\/><path d=\"M12 19h4.5a3.5 3.5 0 0 0 0-7h-8a3.5 3.5 0 0 1 0-7H12\"\/><\/svg> <span>Wegbeschreibung<\/span> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"\/><polyline points=\"15 3 21 3 21 9\"\/><line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"\/><\/svg>              <\/a>\n            <\/div>\n                                    <div class=\"sq-audio-controls\">\n              <button type=\"button\" class=\"sq-audio-seek\" data-seek=\"-10\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"1 4 1 10 7 10\"\/><path d=\"M3.51 15a9 9 0 1 0 2.13-9.36L1 10\"\/><\/svg> 10s<\/button>\n              <button type=\"button\" class=\"sq-audio-btn\" data-audio-src=\"https:\/\/sight-quest.com\/wp-content\/uploads\/2026\/03\/Info-DE.mp3\">\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"none\"><polygon points=\"6 3 20 12 6 21\"\/><\/svg> Play              <\/button>\n              <button type=\"button\" class=\"sq-audio-seek\" data-seek=\"10\">10s <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"23 4 23 10 17 10\"\/><path d=\"M20.49 15a9 9 0 1 1-2.13-9.36L23 10\"\/><\/svg><\/button>\n            <\/div>\n                                                <div class=\"sq-info-text\"><p>Du willst etwas \u00fcber die Sehensw\u00fcrdigkeiten erfahren? Hier bist du richtig! Wir bieten kurze Info-Texte zu allen Sehensw\u00fcrdigkeiten entlang deiner Quest. Du hast au\u00dferdem die M\u00f6glichkeit, dir die Infos anzuh\u00f6ren: ein Audio Guide, direkt auf deinem Smartphone! Hier ein kleiner Vorgeschmack auf unsere Sch\u00f6nbrunn-Quest:<\/p>\n<h3><\/h3>\n<h3>Schloss Sch\u00f6nbrunn<\/h3>\n<h5><\/h5>\n<h5>Vom Sch\u00f6nen Brunnen zur Kaiserresidenz<\/h5>\n<p>Wien, 1619. Kaiser Matthias ist auf der Jagd, als er im Wald s\u00fcdwestlich der Stadt auf eine au\u00dfergew\u00f6hnlich klare Quelle st\u00f6\u00dft. Die \u00dcberlieferung will, er habe ausgerufen: \u201eWelch sch\u00f6ner Brunn!\" \u2013 und schon war der Name gefunden. Dass aus dieser bescheidenen Entdeckung einmal eine der pr\u00e4chtigsten Kaiserresidenz Europas werden w\u00fcrde, h\u00e4tte Matthias wohl nicht geahnt.<\/p>\n<\/div>\n                      <\/div>\n        <\/details>\n              <\/div><\/div>\n    <\/div>\n    \n        <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550 SIDE QUEST TAB \u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n    <div id=\"sq-iq-side\" class=\"sq-iq-tab-panel\" role=\"tabpanel\">\n      <div class=\"sq-sidehub\"><div class=\"sq-side-list\">\n\n        \n        <details class=\"sq-side-item\" id=\"side-demo_sq_1\" data-step-id=\"demo_sq_1\" data-require=\"\">\n          <summary class=\"sq-side-summary\">\n            <span class=\"sq-side-title\">R\u00e4tsel + ? = SightQuest \u2665\ufe0f<\/span>\n            <span class=\"sq-badge sq-step-badge\"><\/span>\n          <\/summary>\n          <div class=\"sq-side-panel\">\n\n            \n            <div class=\"sq-state-locked\">\n              <div class=\"sq-side-locked-text\">L\u00f6se zuerst die vorherige Side Quest.<\/div>\n            <\/div>\n\n            <div class=\"sq-state-active\">\n              <div class=\"sq-side-template\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"5866\" class=\"elementor elementor-5866\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e1c1d01 e-flex e-con-boxed e-con e-parent\" data-id=\"6e1c1d01\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ef7c5a0 elementor-widget elementor-widget-text-editor\" data-id=\"2ef7c5a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Wodurch w\u00fcrde R\u00e4tseln noch mehr Spa\u00df machen?<\/p>\t\t\t\t\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<\/div>              <div id=\"demo_sq_1-tip1\" class=\"sq-tip-line\" style=\"display:none;\">&#x1F4A1; Meist geht man dabei sehr viele Schritte.<\/div>              <div id=\"demo_sq_1-tip2\" class=\"sq-tip-line\" style=\"display:none;\">&#x1F4A1; Man bewundert Sehensw\u00fcrdigkeiten.<\/div>              <div id=\"demo_sq_1-solution\" class=\"sq-tip-line sq-tip-solution\" style=\"display:none;\">&#x1F511; L\u00f6sung: Sightseeing<\/div>              <div class=\"sq-controls-row\">\n                <form class=\"sq-side-form sq-answer-form\" data-step-id=\"demo_sq_1\" data-step-type=\"side\" onsubmit=\"return false;\">\n                  <input name=\"sq_answer\" type=\"text\" required autocomplete=\"off\" placeholder=\"Antwort eingeben...\">\n                  <button type=\"submit\" class=\"elementor-button\">Pr\u00fcfen<\/button>\n                <\/form>\n                <div class=\"sq-answer-feedback\" id=\"fb-demo_sq_1\"><\/div>\n                <div class=\"sq-iconbar\">\n                  <button type=\"button\" class=\"sq-icon-bulb sq-tip-toggle\" data-tip-id=\"demo_sq_1-tip1\" aria-label=\"Tipp 1\" title=\"Tipp 1\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z\"\/><\/svg><\/button><button type=\"button\" class=\"sq-icon-bulb sq-tip-toggle\" data-tip-id=\"demo_sq_1-tip2\" aria-label=\"Tipp 2\" title=\"Tipp 2\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 18h6\"\/><path d=\"M10 22h4\"\/><path d=\"M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z\"\/><\/svg><\/button><button type=\"button\" class=\"sq-icon-key sq-tip-toggle\" data-tip-id=\"demo_sq_1-solution\" aria-label=\"L\u00f6sung\" title=\"L\u00f6sung\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"\/><\/svg><\/button>                <\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"sq-state-done\">\n              <div class=\"sq-side-done-container\" style=\"display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;\">\n                <div>\n                  <div class=\"sq-side-answer\">Antwort: <strong class=\"sq-done-answer-text\"><\/strong><\/div>\n                  <div class=\"sq-side-done-text\">Geschafft! &#x1F389;<\/div>\n                <\/div>\n                              <\/div>\n              <div class=\"sq-reward-template\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"4093\" class=\"elementor elementor-4093\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-839b4d8 e-flex e-con-boxed e-con e-parent\" data-id=\"839b4d8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2103dc9 elementor-widget elementor-widget-text-editor\" data-id=\"2103dc9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-style: inherit; font-weight: inherit;\">&#8218;Leetspeak&#8216; ist eine Schriftsprache, mit der ein leicht zu entschl\u00fcsselnder Geheimcode erzeugt werden kann. Dabei werden statt Buchstaben Zahlen oder Sonderzeichen verwendet, die eine \u00e4hnliche Form haben, wie die Buchstaben, die sie ersetzen sollen (z.B.: E = 3).\u00a0<\/span><\/p><p>\u00a0<\/p><p>Das dritte R\u00e4tsel der Demo-Quest ist in Leetspeak verfasst. Dies ist ein sehr vereinfachtes Beispiel, wie die L\u00f6sung der Side Quests euch bei den Main Quests helfen k\u00f6nnte.\u00a0<\/p>\t\t\t\t\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<\/div>            <\/div>\n\n          <\/div>\n        <\/details>\n        \n        \n      <\/div><\/div>\n    <\/div>\n    \n  <\/div>\n\n  <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc56986 e-con-full e-flex e-con e-parent\" data-id=\"cc56986\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec30847 elementor-widget elementor-widget-template\" data-id=\"ec30847\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<footer data-elementor-type=\"footer\" data-elementor-id=\"1251\" class=\"elementor elementor-1251\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<div class=\"elementor-element elementor-element-7829a66 e-flex e-con-boxed e-con e-parent\" data-id=\"7829a66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<footer class=\"elementor-element elementor-element-5f5d811 e-con-full e-flex e-con e-child\" data-id=\"5f5d811\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78878d6 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"78878d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00a92026 SightQuest e.U. Alle Rechte vorbehalten.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/footer>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/footer>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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>Demo<\/p>","protected":false},"author":1,"featured_media":0,"parent":4202,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2124","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/sight-quest.com\/en\/wp-json\/wp\/v2\/pages\/2124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sight-quest.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sight-quest.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sight-quest.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sight-quest.com\/en\/wp-json\/wp\/v2\/comments?post=2124"}],"version-history":[{"count":90,"href":"https:\/\/sight-quest.com\/en\/wp-json\/wp\/v2\/pages\/2124\/revisions"}],"predecessor-version":[{"id":5898,"href":"https:\/\/sight-quest.com\/en\/wp-json\/wp\/v2\/pages\/2124\/revisions\/5898"}],"up":[{"embeddable":true,"href":"https:\/\/sight-quest.com\/en\/wp-json\/wp\/v2\/pages\/4202"}],"wp:attachment":[{"href":"https:\/\/sight-quest.com\/en\/wp-json\/wp\/v2\/media?parent=2124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}