{"id":4723,"date":"2026-01-14T08:30:33","date_gmt":"2026-01-14T08:30:33","guid":{"rendered":"https:\/\/sight-quest.com\/?page_id=4723"},"modified":"2026-03-27T17:02:14","modified_gmt":"2026-03-27T17:02:14","slug":"player-en","status":"publish","type":"page","link":"https:\/\/sight-quest.com\/en\/so-funktionierts\/start\/player-en\/","title":{"rendered":"Demo Player EN"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4723\" class=\"elementor elementor-4723\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-325bae3 e-con-full e-flex e-con e-parent\" data-id=\"325bae3\" 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-3963d86 e-con-full e-flex e-con e-child\" data-id=\"3963d86\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24b1e65 elementor-widget-tablet__width-initial elementor-widget elementor-widget-image\" data-id=\"24b1e65\" 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-5e655c8 e-con-full e-flex e-con e-child\" data-id=\"5e655c8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31933c9 elementor-widget elementor-widget-heading\" data-id=\"31933c9\" 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-312a5eb e-con-full e-flex e-con e-child\" data-id=\"312a5eb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b02053 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=\"9b02053\" 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-9b02053\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-6910\"><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-6909\"><a href=\"https:\/\/sight-quest.com\/en\/so-funktionierts\/start\/info-en\/\" class=\"elementor-item menu-link\">Info<\/a><\/li>\n<li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-6905\"><a href=\"https:\/\/sight-quest.com\/en\/so-funktionierts\/start\/\" class=\"elementor-item menu-link\">Language<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-6906\"><a href=\"https:\/\/sight-quest.com\/en\/how-it-works\/\" class=\"elementor-item menu-link\">Back to &#8222;How It Works&#8220;<\/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-9b02053\" class=\"elementor-nav-menu\"><li class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-6910\"><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-6909\"><a href=\"https:\/\/sight-quest.com\/en\/so-funktionierts\/start\/info-en\/\" 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-6905\"><a href=\"https:\/\/sight-quest.com\/en\/so-funktionierts\/start\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Language<\/a><\/li>\n<li class=\"menu-item menu-item-type-custom menu-item-object-custom menu-item-6906\"><a href=\"https:\/\/sight-quest.com\/en\/how-it-works\/\" class=\"elementor-item menu-link\" tabindex=\"-1\">Back to &#8222;How It Works&#8220;<\/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-c85032b e-flex e-con-boxed e-con e-parent\" data-id=\"c85032b\" 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-9e67e53 elementor-widget elementor-widget-shortcode\" data-id=\"9e67e53\" 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;70b3b494b697fd106af65583d5b66bb825e499d0fc17850c472bd06c46aadfac&quot;]},{&quot;id&quot;:&quot;demo_3&quot;,&quot;type&quot;:&quot;main&quot;,&quot;index&quot;:2,&quot;hashes&quot;:[&quot;aee408847d35e44e99430f0979c3357b85fe8dbb4535a494301198adbee85f27&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;That&#039;s not right. Try again!&lt;br&gt;&lt;small style=\\&quot;font-weight:400;opacity:.85;\\&quot;&gt;Note: Capitalization doesn&#039;t matter.&lt;\\\/small&gt;&quot;,&quot;correct&quot;:&quot;Correct! &#x1F389;&quot;,&quot;done&quot;:&quot;Done&quot;,&quot;locked&quot;:&quot;Locked&quot;,&quot;answer_prefix&quot;:&quot;Answer&quot;,&quot;completed&quot;:&quot;Well done! &#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;e7a72d5658&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 is disabled or blocked. Please enable JavaScript or accept functional cookies to play the quest.      <\/div>\n    <\/noscript>\n\n    <div class=\"sq-iq-progress\">\n      <div class=\"sq-iq-progress-label\">\n        <span>Progress<\/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\">Complete the previous station first.<\/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=\"5871\" class=\"elementor elementor-5871\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c24381 e-flex e-con-boxed e-con e-parent\" data-id=\"7c24381\" 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-4b890b72 elementor-widget elementor-widget-text-editor\" data-id=\"4b890b72\" 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>What does 2+3 equal?<\/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 gives the same result.<\/div>              <div id=\"demo_1-tip2\" class=\"sq-tip-line\" style=\"display:none;\">&#x1F4A1; What&#039;s between 4 and 6?<\/div>              <div id=\"demo_1-solution\" class=\"sq-tip-line sq-tip-solution\" style=\"display:none;\">&#x1F511; Solution: 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=\"Enter answer\">\n                  <button type=\"submit\" class=\"elementor-button\">Check<\/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=\"Solution\" title=\"Solution\"><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\">Answer: <strong class=\"sq-done-answer-text\"><\/strong><\/div>\n                <div class=\"sq-main-done-text\">Well done! &#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\">Complete the previous station first.<\/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=\"5874\" class=\"elementor elementor-5874\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ac3b688 e-flex e-con-boxed e-con e-parent\" data-id=\"4ac3b688\" 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-2aef310d elementor-widget elementor-widget-text-editor\" data-id=\"2aef310d\" 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>Nerth &#8211; Oast &#8211; Seuth &#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; It seems some parts of the cardinal directions have been swapped around.<\/div>              <div id=\"demo_2-tip2\" class=\"sq-tip-line\" style=\"display:none;\">&#x1F4A1; The first vowel comes from the previous neighbor.<\/div>              <div id=\"demo_2-solution\" class=\"sq-tip-line sq-tip-solution\" style=\"display:none;\">&#x1F511; Solution: Wost<\/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=\"Enter answer\">\n                  <button type=\"submit\" class=\"elementor-button\">Check<\/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=\"Solution\" title=\"Solution\"><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\">Answer: <strong class=\"sq-done-answer-text\"><\/strong><\/div>\n                <div class=\"sq-main-done-text\">Well done! &#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\">Complete the previous station first.<\/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=\"5877\" class=\"elementor elementor-5877\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-745f6a4 e-flex e-con-boxed e-con e-parent\" data-id=\"745f6a4\" 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-9ba8093 elementor-widget elementor-widget-text-editor\" data-id=\"9ba8093\" 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>5ucc355<\/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; The solution to the Side Quest might help you understand the task.<\/div>              <div id=\"demo_3-tip2\" class=\"sq-tip-line\" style=\"display:none;\">&#x1F4A1; Don&#039;t the digits look like...<\/div>              <div id=\"demo_3-solution\" class=\"sq-tip-line sq-tip-solution\" style=\"display:none;\">&#x1F511; Solution: Success<\/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=\"Enter answer\">\n                  <button type=\"submit\" class=\"elementor-button\">Check<\/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=\"Solution\" title=\"Solution\"><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\">Answer: <strong class=\"sq-done-answer-text\"><\/strong><\/div>\n                <div class=\"sq-main-done-text\">Well done! &#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\">Congrats!<\/h3>\n          <p class=\"sq-congrats-text\">Awesome! You&#039;ve successfully completed the demo quest. Now you&#039;re all set for your first Sight Quest \u2014 have fun!<\/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>Directions<\/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-EN.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 data-voiceid=\"NNl6r8mD7vthiJatiJt1\" data-pm-slice=\"1 1 []\">Want to learn about the sights? You've come to the right place! We offer short info texts about all the attractions along your quest. You also have the option to listen to the information: an audio guide, right on your smartphone! Here's a little preview of our Sch\u00f6nbrunn Quest:<\/p>\n<h3 data-voiceid=\"NNl6r8mD7vthiJatiJt1\" data-pm-slice=\"1 1 []\"><\/h3>\n<h3 data-voiceid=\"NNl6r8mD7vthiJatiJt1\" data-pm-slice=\"1 1 []\">Sch\u00f6nbrunn Palace<\/h3>\n<h5 data-voiceid=\"NNl6r8mD7vthiJatiJt1\" data-pm-slice=\"1 1 []\"><\/h5>\n<h5 data-voiceid=\"NNl6r8mD7vthiJatiJt1\" data-pm-slice=\"1 1 []\">From a beautiful spring to the Imperial Residence<\/h5>\n<p data-voiceid=\"NNl6r8mD7vthiJatiJt1\" data-pm-slice=\"1 1 []\">Vienna, 1619. Emperor Matthias is out hunting when, in the forest southwest of the city, he comes upon an exceptionally clear spring. According to legend, he is said to have exclaimed: \"What a beautiful spring!\" (in German: Welch Sch\u00f6ner Brunnen!) \u2014 and just like that, the name was found. That this modest discovery would one day give rise to one of the most magnificent imperial residences in Europe was something Matthias could hardly have imagined.<\/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\">Puzzles + ? = 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\">Complete the required task first.<\/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=\"5881\" class=\"elementor elementor-5881\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58ea7565 e-flex e-con-boxed e-con e-parent\" data-id=\"58ea7565\" 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-150ae56b elementor-widget elementor-widget-text-editor\" data-id=\"150ae56b\" 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>What would make solving puzzles even more fun?<\/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; This typically involves a lot of walking.<\/div>              <div id=\"demo_sq_1-tip2\" class=\"sq-tip-line\" style=\"display:none;\">&#x1F4A1; You admire sights.<\/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=\"Enter answer\">\n                  <button type=\"submit\" class=\"elementor-button\">Check<\/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=\"Solution\" title=\"Solution\"><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\">Answer: <strong class=\"sq-done-answer-text\"><\/strong><\/div>\n                  <div class=\"sq-side-done-text\">Well done! &#x1F389;<\/div>\n                <\/div>\n                              <\/div>\n              <div class=\"sq-reward-template\">\t\t<div data-elementor-type=\"container\" data-elementor-id=\"4834\" class=\"elementor elementor-4834\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11e26073 e-flex e-con-boxed e-con e-parent\" data-id=\"11e26073\" 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-1fc45637 elementor-widget elementor-widget-text-editor\" data-id=\"1fc45637\" 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 class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">&#8218;Leetspeak&#8216; is a form of writing that creates an easily decipherable code. Numbers or special characters are used instead of letters, chosen because they have a similar shape to the letters they replace (e.g., E = 3).<\/p><p>\u00a0<\/p><p class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\">The third puzzle of the Demo Quest is written in Leetspeak. This is a very simplified example of how solving Side Quests could help you with Main Quests.<\/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-d82044d e-flex e-con-boxed e-con e-parent\" data-id=\"d82044d\" 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-19a6ed0 elementor-widget elementor-widget-template\" data-id=\"19a6ed0\" 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=\"4821\" class=\"elementor elementor-4821\" data-elementor-post-type=\"elementor_library\">\n\t\t\t<footer class=\"elementor-element elementor-element-b4f3a29 e-flex e-con-boxed e-con e-parent\" data-id=\"b4f3a29\" 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-34331a46 elementor-widget__width-inherit elementor-widget elementor-widget-heading\" data-id=\"34331a46\" 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. All rights reserved.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/footer>\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\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-4723","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\/4723","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=4723"}],"version-history":[{"count":38,"href":"https:\/\/sight-quest.com\/en\/wp-json\/wp\/v2\/pages\/4723\/revisions"}],"predecessor-version":[{"id":6844,"href":"https:\/\/sight-quest.com\/en\/wp-json\/wp\/v2\/pages\/4723\/revisions\/6844"}],"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=4723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}