{"id":6687,"date":"2026-08-19T15:26:27","date_gmt":"2026-08-19T09:56:27","guid":{"rendered":"https:\/\/angela-lala-bruno.com\/?page_id=6687"},"modified":"2026-10-14T15:17:13","modified_gmt":"2026-10-14T09:47:13","slug":"ayurveda-dosha-guna-quiz","status":"publish","type":"page","link":"https:\/\/angela-lala-bruno.com\/?page_id=6687","title":{"rendered":"Ayurveda Dosha-Guna-Quiz"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6687\" class=\"elementor elementor-6687\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9b5dcf8 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"9b5dcf8\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5a50618\" data-id=\"5a50618\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6c838e7 elementor-widget elementor-widget-html\" data-id=\"6c838e7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"de\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Dosha-Guna-Quiz \u00b7 Sanasuma Ayurveda Homestay<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&family=Roboto:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SANASUMA DOSHA GUNA QUIZ\r\n   LIGHT \/ WHITE \/ CORAL DESIGN\r\n   Elementor HTML Widget Ready\r\n========================================================= *\/\r\n\r\n:root{\r\n  --bg:#FFFFFF;\r\n  --bg-soft:#FAF9F7;\r\n  --bg-warm:#FFF9F7;\r\n\r\n  --panel:#FFFFFF;\r\n  --panel-soft:#FDFCFB;\r\n\r\n  --text:#171717;\r\n  --text-secondary:#454545;\r\n  --text-muted:#777777;\r\n\r\n  --accent:#E76957;\r\n  --accent-dark:#D95745;\r\n  --accent-light:#FFF0EC;\r\n  --accent-lighter:#FFF7F5;\r\n\r\n  --black:#171717;\r\n  --white:#FFFFFF;\r\n\r\n  \/* Dosha colours *\/\r\n  --vata:#7E9CC0;\r\n  --pitta:#D8794A;\r\n  --kapha:#5C8A5E;\r\n\r\n  \/* Guna colours *\/\r\n  --sattva:#B79545;\r\n  --rajas:#D46A4D;\r\n  --tamas:#68736D;\r\n\r\n  --line:#E9E6E2;\r\n  --line-dark:#D9D5D0;\r\n\r\n  --radius:18px;\r\n\r\n  --shadow:0 18px 50px rgba(30,25,20,0.08);\r\n  --shadow-hover:0 20px 55px rgba(30,25,20,0.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n*{\r\n  box-sizing:border-box;\r\n}\r\n\r\nhtml,\r\nbody{\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\nbody{\r\n  background:\r\n    radial-gradient(\r\n      900px 500px at 0% 0%,\r\n      rgba(231,105,87,0.045),\r\n      transparent 65%\r\n    ),\r\n    radial-gradient(\r\n      800px 500px at 100% 10%,\r\n      rgba(231,105,87,0.025),\r\n      transparent 65%\r\n    ),\r\n    var(--bg);\r\n\r\n  color:var(--text);\r\n\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  min-height:100vh;\r\n\r\n  -webkit-font-smoothing:antialiased;\r\n  -moz-osx-font-smoothing:grayscale;\r\n}\r\n\r\n::selection{\r\n  background:var(--accent);\r\n  color:#FFFFFF;\r\n}\r\n\r\nbutton,\r\ninput{\r\n  font-family:inherit;\r\n}\r\n\r\nbutton{\r\n  cursor:pointer;\r\n  border:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN APP\r\n========================================================= *\/\r\n\r\n.sanasuma-quiz-app{\r\n  max-width:640px;\r\n\r\n  margin:0 auto;\r\n\r\n  padding:28px 20px 64px;\r\n\r\n  min-height:100vh;\r\n\r\n  display:flex;\r\n  flex-direction:column;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TYPOGRAPHY\r\n========================================================= *\/\r\n\r\n.sanasuma-quiz-app h1,\r\n.sanasuma-quiz-app h2,\r\n.sanasuma-quiz-app h3,\r\n.sanasuma-quiz-app h4,\r\n.sanasuma-quiz-app .q-text,\r\n.sanasuma-quiz-app .q-index{\r\n  font-family:'Roboto',sans-serif;\r\n}\r\n\r\n.eyebrow{\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  font-size:11px;\r\n\r\n  letter-spacing:0.18em;\r\n\r\n  text-transform:uppercase;\r\n\r\n  color:var(--accent);\r\n\r\n  font-weight:600;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  margin-bottom:8px;\r\n}\r\n\r\n.eyebrow .leaf{\r\n  width:12px;\r\n  height:12px;\r\n  opacity:0.9;\r\n}\r\n\r\nh1{\r\n  font-family:'Roboto',sans-serif;\r\n\r\n  color:var(--text);\r\n\r\n  font-weight:600;\r\n\r\n  font-size:clamp(30px,7vw,42px);\r\n\r\n  line-height:1.08;\r\n\r\n  margin:0 0 14px;\r\n\r\n  letter-spacing:-0.025em;\r\n}\r\n\r\nh1 em{\r\n  font-style:normal;\r\n\r\n  color:var(--accent);\r\n\r\n  font-weight:600;\r\n}\r\n\r\np.lede{\r\n  color:var(--text-muted);\r\n\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  font-size:15px;\r\n\r\n  line-height:1.7;\r\n\r\n  max-width:48ch;\r\n\r\n  margin:0 0 28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCREENS\r\n========================================================= *\/\r\n\r\n.screen{\r\n  display:none;\r\n\r\n  flex:1;\r\n\r\n  flex-direction:column;\r\n}\r\n\r\n.screen.active{\r\n  display:flex;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n#screen-intro{\r\n  justify-content:center;\r\n\r\n  padding-top:6vh;\r\n}\r\n\r\n.intro-meta{\r\n  display:flex;\r\n\r\n  gap:22px;\r\n\r\n  margin:10px 0 32px;\r\n\r\n  font-size:12px;\r\n\r\n  color:var(--text-muted);\r\n\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.intro-meta span{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:6px;\r\n}\r\n\r\n.intro-meta b{\r\n  color:var(--text);\r\n\r\n  font-weight:600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO WHEEL\r\n========================================================= *\/\r\n\r\n.wheel-hero{\r\n  display:flex;\r\n\r\n  justify-content:center;\r\n\r\n  margin:8px 0 34px;\r\n}\r\n\r\n#hero-wheel{\r\n  max-width:100%;\r\n\r\n  filter:drop-shadow(\r\n    0 12px 24px rgba(0,0,0,0.06)\r\n  );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PRIMARY BUTTON\r\n========================================================= *\/\r\n\r\n.btn-primary{\r\n  background:var(--accent);\r\n\r\n  color:#FFFFFF;\r\n\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  font-weight:600;\r\n\r\n  font-size:15px;\r\n\r\n  padding:16px 26px;\r\n\r\n  border-radius:999px;\r\n\r\n  width:100%;\r\n\r\n  letter-spacing:0.01em;\r\n\r\n  box-shadow:\r\n    0 12px 28px rgba(231,105,87,0.22);\r\n\r\n  transition:\r\n    transform .18s ease,\r\n    box-shadow .18s ease,\r\n    background .18s ease;\r\n}\r\n\r\n.btn-primary:hover{\r\n  background:var(--accent-dark);\r\n\r\n  transform:translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 16px 34px rgba(231,105,87,0.28);\r\n}\r\n\r\n.btn-primary:active{\r\n  transform:translateY(0) scale(.99);\r\n}\r\n\r\n.btn-primary:disabled{\r\n  opacity:.45;\r\n\r\n  cursor:not-allowed;\r\n\r\n  box-shadow:none;\r\n\r\n  transform:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GHOST BUTTON\r\n========================================================= *\/\r\n\r\n.btn-ghost{\r\n  background:transparent;\r\n\r\n  color:var(--text-muted);\r\n\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:600;\r\n\r\n  padding:12px 10px;\r\n\r\n  text-decoration:underline;\r\n\r\n  text-underline-offset:3px;\r\n\r\n  text-decoration-color:var(--line-dark);\r\n\r\n  transition:\r\n    color .18s ease;\r\n}\r\n\r\n.btn-ghost:hover{\r\n  color:var(--accent);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DISCLAIMER\r\n========================================================= *\/\r\n\r\n.disclaimer{\r\n  margin-top:auto;\r\n\r\n  padding-top:24px;\r\n\r\n  font-size:11.5px;\r\n\r\n  color:var(--text-muted);\r\n\r\n  opacity:.85;\r\n\r\n  line-height:1.6;\r\n\r\n  border-top:1px solid var(--line);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROGRESS \/ HUD\r\n========================================================= *\/\r\n\r\n.hud{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:space-between;\r\n\r\n  margin-bottom:22px;\r\n\r\n  gap:16px;\r\n}\r\n\r\n.progress-wrap{\r\n  flex:1;\r\n}\r\n\r\n.progress-label{\r\n  font-size:10px;\r\n\r\n  letter-spacing:.14em;\r\n\r\n  text-transform:uppercase;\r\n\r\n  color:var(--text-muted);\r\n\r\n  font-weight:600;\r\n\r\n  margin-bottom:8px;\r\n\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n\r\n  gap:10px;\r\n}\r\n\r\n.progress-track{\r\n  height:6px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#F0EEEB;\r\n\r\n  overflow:hidden;\r\n\r\n  border:1px solid #E7E3DF;\r\n}\r\n\r\n.progress-fill{\r\n  height:100%;\r\n\r\n  border-radius:999px;\r\n\r\n  background:var(--accent);\r\n\r\n  transition:\r\n    width .4s cubic-bezier(.4,0,.2,1);\r\n\r\n  width:0%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUESTION CARD\r\n========================================================= *\/\r\n\r\n.q-card{\r\n  background:var(--panel);\r\n\r\n  color:var(--text);\r\n\r\n  border:1px solid var(--line);\r\n\r\n  border-radius:var(--radius);\r\n\r\n  padding:28px 24px 24px;\r\n\r\n  box-shadow:var(--shadow);\r\n\r\n  transition:\r\n    box-shadow .2s ease,\r\n    border-color .2s ease;\r\n}\r\n\r\n.q-card:hover{\r\n  box-shadow:var(--shadow-hover);\r\n}\r\n\r\n.q-index{\r\n  font-family:'Roboto',sans-serif;\r\n\r\n  font-style:normal;\r\n\r\n  color:var(--accent);\r\n\r\n  font-size:13px;\r\n\r\n  font-weight:600;\r\n\r\n  margin-bottom:8px;\r\n\r\n  display:block;\r\n}\r\n\r\n.q-text{\r\n  font-family:'Roboto',sans-serif;\r\n\r\n  color:var(--text);\r\n\r\n  font-weight:600;\r\n\r\n  font-size:23px;\r\n\r\n  line-height:1.3;\r\n\r\n  margin:0 0 22px;\r\n\r\n  letter-spacing:-.01em;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUIZ OPTIONS\r\n========================================================= *\/\r\n\r\n.options{\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:10px;\r\n}\r\n\r\n.option{\r\n  text-align:left;\r\n\r\n  background:#FFFFFF;\r\n\r\n  border:1.5px solid #E5E2DE;\r\n\r\n  border-radius:14px;\r\n\r\n  padding:15px 16px;\r\n\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  font-size:14px;\r\n\r\n  line-height:1.55;\r\n\r\n  color:#202020;\r\n\r\n  transition:\r\n    border-color .18s ease,\r\n    background .18s ease,\r\n    color .18s ease,\r\n    transform .12s ease,\r\n    box-shadow .18s ease;\r\n}\r\n\r\n\r\n\/* IMPORTANT:\r\n   Hover background and text now have enough contrast *\/\r\n\r\n.option:hover{\r\n  border-color:var(--accent);\r\n\r\n  background:#FFF1EE;\r\n\r\n  color:#202020;\r\n\r\n  box-shadow:\r\n    0 5px 16px rgba(231,105,87,0.08);\r\n\r\n  transform:translateY(-1px);\r\n}\r\n\r\n.option:focus-visible{\r\n  outline:2px solid var(--accent);\r\n\r\n  outline-offset:2px;\r\n}\r\n\r\n.option:active{\r\n  transform:scale(.99);\r\n}\r\n\r\n\r\n\/* SELECTED *\/\r\n\r\n.option.selected{\r\n  border-color:var(--accent);\r\n\r\n  background:#FFE9E4;\r\n\r\n  color:#202020;\r\n\r\n  box-shadow:\r\n    inset 0 0 0 1px rgba(231,105,87,0.05);\r\n}\r\n\r\n.option.selected:hover{\r\n  border-color:var(--accent-dark);\r\n\r\n  background:#FFE3DD;\r\n\r\n  color:#171717;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUESTION NAV\r\n========================================================= *\/\r\n\r\n.q-nav{\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n\r\n  margin-top:18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM FIELDS\r\n========================================================= *\/\r\n\r\n.field-label{\r\n  display:block;\r\n\r\n  font-size:12px;\r\n\r\n  font-weight:600;\r\n\r\n  margin-bottom:8px;\r\n\r\n  color:var(--text);\r\n}\r\n\r\ninput[type=\"email\"],\r\ninput[type=\"text\"]{\r\n  width:100%;\r\n\r\n  padding:14px 15px;\r\n\r\n  border-radius:12px;\r\n\r\n  border:1.5px solid #E1DDD8;\r\n\r\n  font-size:14px;\r\n\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  margin-bottom:16px;\r\n\r\n  background:#FFFFFF;\r\n\r\n  color:var(--text);\r\n\r\n  transition:\r\n    border-color .18s ease,\r\n    box-shadow .18s ease;\r\n}\r\n\r\ninput[type=\"email\"]::placeholder,\r\ninput[type=\"text\"]::placeholder{\r\n  color:#A5A19C;\r\n}\r\n\r\ninput[type=\"email\"]:focus,\r\ninput[type=\"text\"]:focus{\r\n  outline:none;\r\n\r\n  border-color:var(--accent);\r\n\r\n  box-shadow:\r\n    0 0 0 3px rgba(231,105,87,0.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESULT SCREEN\r\n========================================================= *\/\r\n\r\n.result-badge{\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  background:var(--accent-light);\r\n\r\n  border:1px solid rgba(231,105,87,.22);\r\n\r\n  color:var(--accent-dark);\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:700;\r\n\r\n  letter-spacing:.08em;\r\n\r\n  text-transform:uppercase;\r\n\r\n  padding:7px 14px;\r\n\r\n  border-radius:999px;\r\n\r\n  margin-bottom:16px;\r\n\r\n  width:max-content;\r\n}\r\n\r\n.result-title{\r\n  font-family:'Roboto',sans-serif;\r\n\r\n  color:var(--text);\r\n\r\n  font-weight:600;\r\n\r\n  font-size:clamp(28px,7vw,38px);\r\n\r\n  line-height:1.12;\r\n\r\n  margin:0 0 16px;\r\n\r\n  letter-spacing:-.02em;\r\n}\r\n\r\n.result-desc{\r\n  color:var(--text-muted);\r\n\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  font-size:15px;\r\n\r\n  line-height:1.7;\r\n\r\n  margin-bottom:26px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RECOMMENDATION CARDS\r\n========================================================= *\/\r\n\r\n.rec-grid{\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  gap:12px;\r\n\r\n  margin-bottom:22px;\r\n}\r\n\r\n.rec-card{\r\n  background:#FFFFFF;\r\n\r\n  border:1px solid var(--line);\r\n\r\n  border-radius:14px;\r\n\r\n  padding:16px 18px;\r\n\r\n  box-shadow:\r\n    0 6px 22px rgba(30,25,20,0.04);\r\n\r\n  transition:\r\n    border-color .18s ease,\r\n    transform .18s ease,\r\n    box-shadow .18s ease;\r\n}\r\n\r\n.rec-card:hover{\r\n  border-color:#DDD8D2;\r\n\r\n  transform:translateY(-1px);\r\n\r\n  box-shadow:\r\n    0 10px 28px rgba(30,25,20,0.07);\r\n}\r\n\r\n.rec-label{\r\n  font-size:10px;\r\n\r\n  letter-spacing:.12em;\r\n\r\n  text-transform:uppercase;\r\n\r\n  font-weight:700;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:8px;\r\n\r\n  margin-bottom:7px;\r\n}\r\n\r\n.rec-dot{\r\n  width:8px;\r\n\r\n  height:8px;\r\n\r\n  border-radius:50%;\r\n\r\n  flex-shrink:0;\r\n}\r\n\r\n.rec-text{\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  font-size:13.5px;\r\n\r\n  line-height:1.6;\r\n\r\n  color:#3A3A3A;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERB \/ COACH CARDS\r\n========================================================= *\/\r\n\r\n.herb-coach{\r\n  display:grid;\r\n\r\n  grid-template-columns:1fr;\r\n\r\n  gap:12px;\r\n\r\n  margin-bottom:26px;\r\n}\r\n\r\n@media(min-width:520px){\r\n\r\n  .herb-coach{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n}\r\n\r\n.mini-card{\r\n  background:#FAF8F5;\r\n\r\n  color:var(--text);\r\n\r\n  border:1px solid var(--line);\r\n\r\n  border-radius:14px;\r\n\r\n  padding:16px 18px;\r\n}\r\n\r\n.mini-card h4{\r\n  font-family:'Roboto',sans-serif;\r\n\r\n  font-style:normal;\r\n\r\n  font-weight:600;\r\n\r\n  font-size:14px;\r\n\r\n  margin:0 0 7px;\r\n\r\n  color:var(--accent);\r\n}\r\n\r\n.mini-card p{\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  font-size:12.5px;\r\n\r\n  line-height:1.6;\r\n\r\n  margin:0;\r\n\r\n  color:#3D3D3D;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NEWSLETTER BOX\r\n========================================================= *\/\r\n\r\n.nl-box{\r\n  background:var(--accent-lighter);\r\n\r\n  border:1px solid rgba(231,105,87,.20);\r\n\r\n  border-radius:16px;\r\n\r\n  padding:22px;\r\n\r\n  margin-bottom:14px;\r\n}\r\n\r\n.nl-box [hidden]{\r\n  display:none !important;\r\n}\r\n\r\n.nl-title{\r\n  font-family:'Roboto',sans-serif;\r\n\r\n  font-weight:600;\r\n\r\n  font-size:18px;\r\n\r\n  color:var(--text);\r\n\r\n  margin:0 0 8px;\r\n}\r\n\r\n.nl-text{\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.65;\r\n\r\n  color:#66615D;\r\n\r\n  margin:0 0 16px;\r\n}\r\n\r\n.nl-box .btn-ghost{\r\n  display:block;\r\n\r\n  margin:10px auto 0;\r\n\r\n  font-size:12px;\r\n}\r\n\r\n.nl-consent{\r\n  display:flex;\r\n\r\n  gap:10px;\r\n\r\n  align-items:flex-start;\r\n\r\n  font-size:12px;\r\n\r\n  line-height:1.6;\r\n\r\n  color:#55504C;\r\n\r\n  margin:0 0 18px;\r\n\r\n  cursor:pointer;\r\n}\r\n\r\n.nl-consent input{\r\n  margin-top:3px;\r\n\r\n  flex-shrink:0;\r\n\r\n  width:16px;\r\n\r\n  height:16px;\r\n\r\n  accent-color:var(--accent);\r\n}\r\n\r\n.nl-consent a{\r\n  color:var(--accent-dark);\r\n\r\n  text-decoration:underline;\r\n}\r\n\r\n.nl-msg{\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  font-size:13.5px;\r\n\r\n  line-height:1.65;\r\n\r\n  color:var(--text);\r\n\r\n  margin:0;\r\n\r\n  text-align:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.cta-block{\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      #FFF5F2,\r\n      #FFFDFC\r\n    );\r\n\r\n  border:1px solid rgba(231,105,87,.20);\r\n\r\n  border-radius:16px;\r\n\r\n  padding:22px;\r\n\r\n  text-align:center;\r\n\r\n  margin-bottom:14px;\r\n}\r\n\r\n.cta-block p{\r\n  font-family:'Poppins',sans-serif;\r\n\r\n  font-size:13px;\r\n\r\n  line-height:1.65;\r\n\r\n  color:#66615D;\r\n\r\n  margin:0 0 14px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER\r\n========================================================= *\/\r\n\r\nfooter.disc{\r\n  font-size:10.5px;\r\n\r\n  color:#88837E;\r\n\r\n  opacity:.85;\r\n\r\n  text-align:center;\r\n\r\n  line-height:1.6;\r\n\r\n  margin-top:8px;\r\n}\r\n\r\n.home-name{\r\n  text-align:center;\r\n\r\n  margin-top:30px;\r\n\r\n  font-size:10px;\r\n\r\n  letter-spacing:.12em;\r\n\r\n  text-transform:uppercase;\r\n\r\n  color:#8A8580;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:600px){\r\n\r\n  .sanasuma-quiz-app{\r\n    padding:\r\n      22px\r\n      15px\r\n      45px;\r\n  }\r\n\r\n  #screen-intro{\r\n    padding-top:3vh;\r\n  }\r\n\r\n  h1{\r\n    font-size:32px;\r\n  }\r\n\r\n  p.lede{\r\n    font-size:14px;\r\n\r\n    line-height:1.65;\r\n  }\r\n\r\n  .intro-meta{\r\n    gap:12px 16px;\r\n\r\n    font-size:11px;\r\n\r\n    margin-bottom:26px;\r\n  }\r\n\r\n  .wheel-hero{\r\n    margin:\r\n      4px\r\n      0\r\n      28px;\r\n  }\r\n\r\n  #hero-wheel{\r\n    width:155px;\r\n\r\n    height:155px;\r\n  }\r\n\r\n  .q-card{\r\n    padding:\r\n      22px\r\n      17px\r\n      18px;\r\n\r\n    border-radius:16px;\r\n  }\r\n\r\n  .q-text{\r\n    font-size:20px;\r\n\r\n    line-height:1.32;\r\n  }\r\n\r\n  .option{\r\n    padding:\r\n      14px\r\n      14px;\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.55;\r\n  }\r\n\r\n  .hud{\r\n    margin-bottom:16px;\r\n  }\r\n\r\n  .progress-label{\r\n    font-size:9px;\r\n  }\r\n\r\n  #mini-wheel{\r\n    width:40px;\r\n\r\n    height:40px;\r\n  }\r\n\r\n  .result-title{\r\n    font-size:29px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  *,\r\n  *::before,\r\n  *::after{\r\n    transition:none !important;\r\n\r\n    animation:none !important;\r\n\r\n    scroll-behavior:auto !important;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n\r\n<body>\r\n\r\n<div class=\"sanasuma-quiz-app\">\r\n\r\n  <!-- =====================================================\r\n       EYEBROW\r\n  ====================================================== -->\r\n\r\n  <div class=\"eyebrow\">\r\n\r\n    <svg\r\n      class=\"leaf\"\r\n      viewBox=\"0 0 24 24\"\r\n      fill=\"none\"\r\n      aria-hidden=\"true\"\r\n    >\r\n\r\n      <path\r\n        d=\"M4 20C4 10 10 4 20 4C20 14 14 20 4 20Z\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1.6\"\r\n      \/>\r\n\r\n      <path\r\n        d=\"M4 20L14 10\"\r\n        stroke=\"currentColor\"\r\n        stroke-width=\"1.6\"\r\n      \/>\r\n\r\n    <\/svg>\r\n\r\n    Sanasuma Ayurveda Homestay\r\n\r\n  <\/div>\r\n\r\n\r\n  <!-- =====================================================\r\n       INTRO\r\n  ====================================================== -->\r\n\r\n  <section\r\n    class=\"screen active\"\r\n    id=\"screen-intro\"\r\n  >\r\n\r\n    <h1>\r\n      Finde deine\r\n      <em>Dosha-&nbsp;&amp;&nbsp;Guna<\/em>\r\n      &nbsp;Balance\r\n    <\/h1>\r\n\r\n    <p class=\"lede\">\r\n      Ein kurzer, traditionell inspirierter Selbsttest aus\r\n      20 Fragen. Am Ende erh\u00e4ltst du dein pers\u00f6nliches\r\n      Konstitutionsbild \u2013 inklusive Ern\u00e4hrungs-, Routine-\r\n      und Kr\u00e4uterempfehlungen f\u00fcr deinen Ayurveda-Aufenthalt.\r\n      Du brauchst daf\u00fcr keine E-Mail-Adresse \u2013 dein Ergebnis siehst du sofort.\r\n    <\/p>\r\n\r\n\r\n    <div class=\"wheel-hero\">\r\n\r\n      <svg\r\n        id=\"hero-wheel\"\r\n        width=\"180\"\r\n        height=\"180\"\r\n        viewBox=\"0 0 180 180\"\r\n      >\r\n\r\n        <circle\r\n          cx=\"90\"\r\n          cy=\"90\"\r\n          r=\"70\"\r\n          fill=\"none\"\r\n          stroke=\"#EFECE8\"\r\n          stroke-width=\"18\"\r\n        \/>\r\n\r\n        <circle\r\n          id=\"hero-vata\"\r\n          cx=\"90\"\r\n          cy=\"90\"\r\n          r=\"70\"\r\n          fill=\"none\"\r\n          stroke=\"var(--vata)\"\r\n          stroke-width=\"18\"\r\n          stroke-linecap=\"round\"\r\n          stroke-dasharray=\"0 439.8\"\r\n          transform=\"rotate(-90 90 90)\"\r\n        \/>\r\n\r\n        <circle\r\n          id=\"hero-pitta\"\r\n          cx=\"90\"\r\n          cy=\"90\"\r\n          r=\"70\"\r\n          fill=\"none\"\r\n          stroke=\"var(--pitta)\"\r\n          stroke-width=\"18\"\r\n          stroke-linecap=\"round\"\r\n          stroke-dasharray=\"0 439.8\"\r\n          transform=\"rotate(-90 90 90)\"\r\n        \/>\r\n\r\n        <circle\r\n          id=\"hero-kapha\"\r\n          cx=\"90\"\r\n          cy=\"90\"\r\n          r=\"70\"\r\n          fill=\"none\"\r\n          stroke=\"var(--kapha)\"\r\n          stroke-width=\"18\"\r\n          stroke-linecap=\"round\"\r\n          stroke-dasharray=\"0 439.8\"\r\n          transform=\"rotate(-90 90 90)\"\r\n        \/>\r\n\r\n        <text\r\n          x=\"90\"\r\n          y=\"84\"\r\n          text-anchor=\"middle\"\r\n          fill=\"var(--text)\"\r\n          font-family=\"Roboto, sans-serif\"\r\n          font-size=\"15\"\r\n          font-weight=\"500\"\r\n        >\r\n          Vata \u00b7 Pitta\r\n        <\/text>\r\n\r\n        <text\r\n          x=\"90\"\r\n          y=\"104\"\r\n          text-anchor=\"middle\"\r\n          fill=\"var(--text-muted)\"\r\n          font-family=\"Roboto, sans-serif\"\r\n          font-size=\"15\"\r\n          font-weight=\"500\"\r\n        >\r\n          Kapha\r\n        <\/text>\r\n\r\n      <\/svg>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"intro-meta\">\r\n\r\n      <span>\r\n        \u23f1\r\n        <b>ca. 3\u20134 Min.<\/b>\r\n      <\/span>\r\n\r\n      <span>\r\n        \u2741\r\n        <b>20 Fragen<\/b>\r\n      <\/span>\r\n\r\n      <span>\r\n        \u25c8\r\n        <b>30 Ergebnistypen<\/b>\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n    <button\r\n      class=\"btn-primary\"\r\n      id=\"btn-start\"\r\n      type=\"button\"\r\n    >\r\n      Quiz starten\r\n    <\/button>\r\n\r\n\r\n    <p class=\"disclaimer\">\r\n      Diese Einsch\u00e4tzung basiert auf traditionellem Ayurveda-Wissen,\r\n      dient der Selbstreflexion und ersetzt keine medizinische\r\n      oder therapeutische Beratung.\r\n    <\/p>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       QUESTIONS\r\n  ====================================================== -->\r\n\r\n  <section\r\n    class=\"screen\"\r\n    id=\"screen-quiz\"\r\n  >\r\n\r\n    <div class=\"hud\">\r\n\r\n      <div class=\"progress-wrap\">\r\n\r\n        <div class=\"progress-label\">\r\n\r\n          <span id=\"progress-section\">\r\n            Teil A \u00b7 Dosha\r\n          <\/span>\r\n\r\n          <span id=\"progress-count\">\r\n            1 \/ 20\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"progress-track\">\r\n\r\n          <div\r\n            class=\"progress-fill\"\r\n            id=\"progress-fill\"\r\n          ><\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <svg\r\n        id=\"mini-wheel\"\r\n        width=\"46\"\r\n        height=\"46\"\r\n        viewBox=\"0 0 46 46\"\r\n        style=\"flex-shrink:0;\"\r\n      >\r\n\r\n        <circle\r\n          cx=\"23\"\r\n          cy=\"23\"\r\n          r=\"18\"\r\n          fill=\"none\"\r\n          stroke=\"#EFECE8\"\r\n          stroke-width=\"6\"\r\n        \/>\r\n\r\n        <circle\r\n          id=\"mini-vata\"\r\n          cx=\"23\"\r\n          cy=\"23\"\r\n          r=\"18\"\r\n          fill=\"none\"\r\n          stroke=\"var(--vata)\"\r\n          stroke-width=\"6\"\r\n          stroke-linecap=\"round\"\r\n          stroke-dasharray=\"0 113.1\"\r\n          transform=\"rotate(-90 23 23)\"\r\n        \/>\r\n\r\n        <circle\r\n          id=\"mini-pitta\"\r\n          cx=\"23\"\r\n          cy=\"23\"\r\n          r=\"18\"\r\n          fill=\"none\"\r\n          stroke=\"var(--pitta)\"\r\n          stroke-width=\"6\"\r\n          stroke-linecap=\"round\"\r\n          stroke-dasharray=\"0 113.1\"\r\n          transform=\"rotate(-90 23 23)\"\r\n        \/>\r\n\r\n        <circle\r\n          id=\"mini-kapha\"\r\n          cx=\"23\"\r\n          cy=\"23\"\r\n          r=\"18\"\r\n          fill=\"none\"\r\n          stroke=\"var(--kapha)\"\r\n          stroke-width=\"6\"\r\n          stroke-linecap=\"round\"\r\n          stroke-dasharray=\"0 113.1\"\r\n          transform=\"rotate(-90 23 23)\"\r\n        \/>\r\n\r\n      <\/svg>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"q-card\">\r\n\r\n      <span\r\n        class=\"q-index\"\r\n        id=\"q-index\"\r\n      >\r\n        Frage 1 von 20\r\n      <\/span>\r\n\r\n      <p\r\n        class=\"q-text\"\r\n        id=\"q-text\"\r\n      >\r\n        \u2014\r\n      <\/p>\r\n\r\n      <div\r\n        class=\"options\"\r\n        id=\"q-options\"\r\n      ><\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"q-nav\">\r\n\r\n      <button\r\n        class=\"btn-ghost\"\r\n        id=\"btn-back\"\r\n        type=\"button\"\r\n      >\r\n        \u2190 Zur\u00fcck\r\n      <\/button>\r\n\r\n      <span><\/span>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n  <!-- =====================================================\r\n       RESULT\r\n  ====================================================== -->\r\n\r\n  <section\r\n    class=\"screen\"\r\n    id=\"screen-result\"\r\n  >\r\n\r\n    <span\r\n      class=\"result-badge\"\r\n      id=\"result-badge\"\r\n    >\r\n      Dein Ergebnis\r\n    <\/span>\r\n\r\n\r\n    <h1\r\n      class=\"result-title\"\r\n      id=\"result-title\"\r\n    >\r\n      \u2014\r\n    <\/h1>\r\n\r\n\r\n    <p\r\n      class=\"result-desc\"\r\n      id=\"result-desc\"\r\n    >\r\n      \u2014\r\n    <\/p>\r\n\r\n\r\n    <div\r\n      class=\"rec-grid\"\r\n      id=\"rec-grid\"\r\n    ><\/div>\r\n\r\n\r\n    <div class=\"herb-coach\">\r\n\r\n      <div class=\"mini-card\">\r\n\r\n        <h4>\r\n          Kr\u00e4uter-Tipp\r\n        <\/h4>\r\n\r\n        <p id=\"result-herb\">\r\n          \u2014\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"mini-card\">\r\n\r\n        <h4>\r\n          Coaching-Fokus\r\n        <\/h4>\r\n\r\n        <p id=\"result-coach\">\r\n          \u2014\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         NEWSLETTER (MAILCHIMP, DOUBLE OPT-IN)\r\n    ====================================================== -->\r\n\r\n    <div class=\"nl-box\" id=\"nl-box\">\r\n\r\n      <div id=\"nl-ask\">\r\n\r\n        <h3 class=\"nl-title\">\r\n          M\u00f6chtest du in Kontakt bleiben?\r\n        <\/h3>\r\n\r\n        <p class=\"nl-text\">\r\n          Wir schicken dir gelegentlich Ayurveda-Impulse von Sanasuma.\r\n          Abmeldung jederzeit m\u00f6glich.\r\n        <\/p>\r\n\r\n        <button\r\n          class=\"btn-primary\"\r\n          id=\"nl-yes\"\r\n          type=\"button\"\r\n        >\r\n          Ja, gerne: zum Newsletter\r\n        <\/button>\r\n\r\n        <button\r\n          class=\"btn-ghost\"\r\n          id=\"nl-no\"\r\n          type=\"button\"\r\n        >\r\n          Nein danke\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n\r\n      <form\r\n        id=\"nl-form\"\r\n        method=\"post\"\r\n        target=\"nl-frame\"\r\n        hidden\r\n        novalidate\r\n      >\r\n\r\n        <label\r\n          class=\"field-label\"\r\n          for=\"nl-fname\"\r\n        >\r\n          Vorname (optional)\r\n        <\/label>\r\n\r\n        <input\r\n          type=\"text\"\r\n          id=\"nl-fname\"\r\n          name=\"FNAME\"\r\n          autocomplete=\"given-name\"\r\n        >\r\n\r\n\r\n        <label\r\n          class=\"field-label\"\r\n          for=\"nl-email\"\r\n        >\r\n          E-Mail-Adresse\r\n        <\/label>\r\n\r\n        <input\r\n          type=\"email\"\r\n          id=\"nl-email\"\r\n          name=\"EMAIL\"\r\n          autocomplete=\"email\"\r\n          placeholder=\"deine@email.de\"\r\n        >\r\n\r\n\r\n        <label class=\"nl-consent\">\r\n\r\n          <input\r\n            type=\"checkbox\"\r\n            id=\"nl-consent\"\r\n          >\r\n\r\n          <span>\r\n            Ich m\u00f6chte den Sanasuma-Newsletter erhalten und habe die\r\n            <a\r\n              id=\"nl-privacy\"\r\n              href=\"#\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n            >Datenschutzerkl\u00e4rung<\/a>\r\n            gelesen. Ich best\u00e4tige meine Anmeldung per E-Mail (Double-Opt-in).\r\n          <\/span>\r\n\r\n        <\/label>\r\n\r\n\r\n        <input\r\n          type=\"hidden\"\r\n          name=\"tags\"\r\n          id=\"nl-tags\"\r\n          value=\"\"\r\n          disabled\r\n        >\r\n\r\n        <div\r\n          style=\"position:absolute;left:-5000px;\"\r\n          aria-hidden=\"true\"\r\n        >\r\n          <input\r\n            type=\"text\"\r\n            id=\"nl-bot\"\r\n            tabindex=\"-1\"\r\n            value=\"\"\r\n          >\r\n        <\/div>\r\n\r\n\r\n        <button\r\n          class=\"btn-primary\"\r\n          id=\"nl-submit\"\r\n          type=\"submit\"\r\n          disabled\r\n        >\r\n          Anmelden\r\n        <\/button>\r\n\r\n      <\/form>\r\n\r\n\r\n      <p\r\n        class=\"nl-msg\"\r\n        id=\"nl-msg\"\r\n        hidden\r\n      ><\/p>\r\n\r\n      <iframe\r\n        name=\"nl-frame\"\r\n        id=\"nl-frame\"\r\n        title=\"\"\r\n        style=\"display:none\"\r\n      ><\/iframe>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"cta-block\">\r\n\r\n      <p>\r\n        M\u00f6chtest du deine Konstitution vertiefen?\r\n        Wir begleiten dich mit einer pers\u00f6nlichen\r\n        1:1-Session oder einem Panchakarma-Aufenthalt.\r\n      <\/p>\r\n\r\n      <button\r\n        class=\"btn-primary\"\r\n        id=\"btn-cta\"\r\n        type=\"button\"\r\n      >\r\n        1:1-Session anfragen\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n\r\n    <button\r\n      class=\"btn-ghost\"\r\n      id=\"btn-restart\"\r\n      type=\"button\"\r\n      style=\"align-self:center;\"\r\n    >\r\n      Quiz erneut starten\r\n    <\/button>\r\n\r\n\r\n    <footer class=\"disc\">\r\n      Kr\u00e4uter- und Ern\u00e4hrungsempfehlungen sind traditionell\r\n      \u00fcberliefert und ersetzen keine \u00e4rztliche oder therapeutische Beratung.\r\n    <\/footer>\r\n\r\n  <\/section>\r\n\r\n\r\n  <div class=\"home-name\">\r\n    Sanasuma \u00b7 Ayurveda Homestay\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  \/* =========================================================\r\n     DATA \u2014 12 DOSHA QUESTIONS + 8 GUNA QUESTIONS\r\n  ========================================================= *\/\r\n\r\n  const doshaQuestions = [\r\n\r\n    {\r\n      text:\"Mein K\u00f6rperbau ist eher:\",\r\n      options:[\r\n        {\r\n          t:\"schlank, leicht, ich nehme schnell zu oder ab\",\r\n          v:\"vata\"\r\n        },\r\n        {\r\n          t:\"mittel, gut proportioniert, mir wird leicht hei\u00df und ich schwitze\",\r\n          v:\"pitta\"\r\n        },\r\n        {\r\n          t:\"kr\u00e4ftig, breit, ich nehme leicht zu und schwer ab\",\r\n          v:\"kapha\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Meine Haut ist:\",\r\n      options:[\r\n        {\r\n          t:\"trocken, rau, k\u00fchl\",\r\n          v:\"vata\"\r\n        },\r\n        {\r\n          t:\"warm, empfindlich, neigt zu R\u00f6tung\/Akne\",\r\n          v:\"pitta\"\r\n        },\r\n        {\r\n          t:\"k\u00fchl, weich, \u00f6lig, blass\",\r\n          v:\"kapha\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Mein Gewicht ist:\",\r\n      options:[\r\n        {\r\n          t:\"schwer zu halten, schwankt leicht\",\r\n          v:\"vata\"\r\n        },\r\n        {\r\n          t:\"stabil, ausser bei Stress\/Essen\",\r\n          v:\"pitta\"\r\n        },\r\n        {\r\n          t:\"nimmt leicht zu, schwer ab\",\r\n          v:\"kapha\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Meine Verdauung ist:\",\r\n      options:[\r\n        {\r\n          t:\"unregelm\u00e4\u00dfig, neigt zu Verstopfung\/Bl\u00e4hbauch\",\r\n          v:\"vata\"\r\n        },\r\n        {\r\n          t:\"schnell, neigt zu weichem Stuhl\/Sodbrennen\",\r\n          v:\"pitta\"\r\n        },\r\n        {\r\n          t:\"langsam, schwer, neigt zu Tr\u00e4gheit\",\r\n          v:\"kapha\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Ich vertrage am besten:\",\r\n      options:[\r\n        {\r\n          t:\"warme, gekochte, \u00f6lige Mahlzeiten\",\r\n          v:\"vata\"\r\n        },\r\n        {\r\n          t:\"k\u00fchlende, nicht zu scharfe Speisen\",\r\n          v:\"pitta\"\r\n        },\r\n        {\r\n          t:\"leichte, warme, gew\u00fcrzte Mahlzeiten\",\r\n          v:\"kapha\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Mein Schlaf ist:\",\r\n      options:[\r\n        {\r\n          t:\"leicht, unterbrochen, viele Tr\u00e4ume\",\r\n          v:\"vata\"\r\n        },\r\n        {\r\n          t:\"mittellang, wache manchmal nachts auf\",\r\n          v:\"pitta\"\r\n        },\r\n        {\r\n          t:\"tief, lang, schwer aufzuwachen\",\r\n          v:\"kapha\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Mein Energielevel im Tag ist:\",\r\n      options:[\r\n        {\r\n          t:\"schwankend, Hochs und Tiefs\",\r\n          v:\"vata\"\r\n        },\r\n        {\r\n          t:\"hoch, aber mit \u00dcberhitzung\/Reizung\",\r\n          v:\"pitta\"\r\n        },\r\n        {\r\n          t:\"gleichm\u00e4ssig, aber langsam\",\r\n          v:\"kapha\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Unter Stress neige ich zu:\",\r\n      options:[\r\n        {\r\n          t:\"Angst, Unruhe, Sorgen\",\r\n          v:\"vata\"\r\n        },\r\n        {\r\n          t:\"\u00c4rger, Ungeduld, Kritik\",\r\n          v:\"pitta\"\r\n        },\r\n        {\r\n          t:\"R\u00fcckzug, Tr\u00e4gheit, Essen aus Frust\",\r\n          v:\"kapha\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Mein Geist ist:\",\r\n      options:[\r\n        {\r\n          t:\"schnell, sprunghaft, viele Ideen\",\r\n          v:\"vata\"\r\n        },\r\n        {\r\n          t:\"scharf, analytisch, zielgerichtet\",\r\n          v:\"pitta\"\r\n        },\r\n        {\r\n          t:\"ruhig, best\u00e4ndig, langsam\",\r\n          v:\"kapha\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Mein Sprechrhythmus ist:\",\r\n      options:[\r\n        {\r\n          t:\"schnell, unterbrechend, viel\",\r\n          v:\"vata\"\r\n        },\r\n        {\r\n          t:\"pr\u00e4zise, direkt, \u00fcberzeugend\",\r\n          v:\"pitta\"\r\n        },\r\n        {\r\n          t:\"langsam, \u00fcberlegt, wenig\",\r\n          v:\"kapha\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"In Beziehungen bin ich:\",\r\n      options:[\r\n        {\r\n          t:\"anh\u00e4nglich, brauche Best\u00e4tigung\",\r\n          v:\"vata\"\r\n        },\r\n        {\r\n          t:\"leidenschaftlich, fordernd\",\r\n          v:\"pitta\"\r\n        },\r\n        {\r\n          t:\"treu, best\u00e4ndig, besitzend\",\r\n          v:\"kapha\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Auf Wetterextreme reagiere ich meist so:\",\r\n      options:[\r\n        {\r\n          t:\"K\u00e4lte, Wind und Trockenheit machen mich unruhig, ausgetrocknet, verspannt\",\r\n          v:\"vata\"\r\n        },\r\n        {\r\n          t:\"Hitze und Sonne machen mich gereizt, \u00fcberhitzt\",\r\n          v:\"pitta\"\r\n        },\r\n        {\r\n          t:\"Feuchtigkeit und K\u00e4lte machen mich tr\u00e4ge, schwer, verschleimt\",\r\n          v:\"kapha\"\r\n        }\r\n      ]\r\n    }\r\n\r\n  ];\r\n\r\n\r\n  const gunaQuestions = [\r\n\r\n    {\r\n      text:\"Mein typischer Tag ist:\",\r\n      options:[\r\n        {\r\n          t:\"klar strukturiert, mit Zeit f\u00fcr Ruhe\/Reflexion\",\r\n          v:\"sattva\"\r\n        },\r\n        {\r\n          t:\"voll, viele Aufgaben, wenig Pausen\",\r\n          v:\"rajas\"\r\n        },\r\n        {\r\n          t:\"eher unstrukturiert, viel Aufschieben\",\r\n          v:\"tamas\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Mein Arbeitsplatz ist:\",\r\n      options:[\r\n        {\r\n          t:\"aufger\u00e4umt, ruhig, \u00e4sthetisch\",\r\n          v:\"sattva\"\r\n        },\r\n        {\r\n          t:\"aktiv, viele Projekte gleichzeitig\",\r\n          v:\"rajas\"\r\n        },\r\n        {\r\n          t:\"chaotisch, unaufger\u00e4umt\",\r\n          v:\"tamas\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Wenn ich m\u00fcde bin:\",\r\n      options:[\r\n        {\r\n          t:\"mache ich eine Pause, h\u00f6re auf meinen K\u00f6rper\",\r\n          v:\"sattva\"\r\n        },\r\n        {\r\n          t:\"mache ich trotzdem weiter, ignoriere M\u00fcdigkeit\",\r\n          v:\"rajas\"\r\n        },\r\n        {\r\n          t:\"bleibe ich lange in diesem Zustand\",\r\n          v:\"tamas\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Meine Ziele sind:\",\r\n      options:[\r\n        {\r\n          t:\"klar, sinnstiftend, nachhaltig\",\r\n          v:\"sattva\"\r\n        },\r\n        {\r\n          t:\"ambitioniert, viele auf einmal\",\r\n          v:\"rajas\"\r\n        },\r\n        {\r\n          t:\"unklar, wechselnd\",\r\n          v:\"tamas\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Erfolg bedeutet f\u00fcr mich:\",\r\n      options:[\r\n        {\r\n          t:\"innere Balance + \u00e4usserer Beitrag\",\r\n          v:\"sattva\"\r\n        },\r\n        {\r\n          t:\"Leistung, Anerkennung, Ergebnisse\",\r\n          v:\"rajas\"\r\n        },\r\n        {\r\n          t:\"Sicherheit, Komfort, wenig Stress\",\r\n          v:\"tamas\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Wenn etwas nicht klappt:\",\r\n      options:[\r\n        {\r\n          t:\"suche ich gelassen nach L\u00f6sungen\",\r\n          v:\"sattva\"\r\n        },\r\n        {\r\n          t:\"werde ich ungeduldig, will es sofort fixen\",\r\n          v:\"rajas\"\r\n        },\r\n        {\r\n          t:\"ziehe ich mich zur\u00fcck, f\u00fchle mich m\u00fcde\",\r\n          v:\"tamas\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Entscheidungen treffe ich:\",\r\n      options:[\r\n        {\r\n          t:\"\u00fcberlegt, mit innerer Klarheit\",\r\n          v:\"sattva\"\r\n        },\r\n        {\r\n          t:\"schnell, oft unter Druck\",\r\n          v:\"rajas\"\r\n        },\r\n        {\r\n          t:\"z\u00f6gerlich, oft gar nicht\",\r\n          v:\"tamas\"\r\n        }\r\n      ]\r\n    },\r\n\r\n    {\r\n      text:\"Mein Geist bei Stress ist:\",\r\n      options:[\r\n        {\r\n          t:\"klar, fokussiert auf L\u00f6sungen\",\r\n          v:\"sattva\"\r\n        },\r\n        {\r\n          t:\"unruhig, getrieben\",\r\n          v:\"rajas\"\r\n        },\r\n        {\r\n          t:\"tr\u00fcbe, verwirrt, m\u00fcde\",\r\n          v:\"tamas\"\r\n        }\r\n      ]\r\n    }\r\n\r\n  ];\r\n\r\n\r\n  const allQuestions =\r\n    doshaQuestions\r\n      .map(q=>({...q,section:'dosha'}))\r\n      .concat(\r\n        gunaQuestions\r\n          .map(q=>({...q,section:'guna'}))\r\n      );\r\n\r\n\r\n  \/* =========================================================\r\n     RESULT DATA \u2014 ALL 30 COMBINATIONS\r\n  ========================================================= *\/\r\n\r\n  const results = {\r\n\r\n    Vata_Sattva:{\r\n      title:\"Vata (Vata-\u00dcberschuss) + Sattva-betont\",\r\n      desc:\"Du bist von Natur aus sensibel, kreativ und geistig rege. Aktuell zeigt sich das mit einer klaren, reflektierten Grundhaltung (Sattva-betont).\",\r\n      food:\"Warm, gekocht, \u00f6lig, regelm\u00e4\u00dfig. Wenig Rohkost, Kaltgetr\u00e4nke und Hetze beim Essen.\",\r\n      routine:\"Fester Schlaf-Wach-Rhythmus, fr\u00fches Schlafen, t\u00e4gl. Abhyanga (Sesam-\u00d6lung), Fu\u00dfb\u00e4der.\",\r\n      move:\"Sanftes Yoga, Spaziergang \u2013 nicht zu schnell oder \u00fcberanstrengend.\",\r\n      herb:\"Ashwagandha, Brahmi\",\r\n      coach:\"Nutze deine Sattva-Qualit\u00e4t f\u00fcr tiefe Reflexion, Meditation und langfristige Pl\u00e4ne. Starte nicht zu viel auf einmal \u2013 lieber wenig, aber regelm\u00e4\u00dfig.\"\r\n    },\r\n\r\n    Vata_Rajas:{\r\n      title:\"Vata (Vata-\u00dcberschuss) + Rajas-betont\",\r\n      desc:\"Du bist von Natur aus sensibel, kreativ und geistig rege. Aktuell zeigt sich das mit viel Aktivit\u00e4t, Tempo und Zielstrebigkeit \u2013 bis hin zu Rastlosigkeit (Rajas-betont).\",\r\n      food:\"Warm, \u00f6lig, regelm\u00e4\u00dfig. Keine Hetze beim Essen, wenig Koffein sp\u00e4t am Tag.\",\r\n      routine:\"Pausen einplanen, Bildschirmzeiten reduzieren, t\u00e4gl. Abhyanga, W\u00e4rme.\",\r\n      move:\"Ruhig, erdend, nicht zu schnell (sanftes Yoga, Spaziergang).\",\r\n      herb:\"Ashwagandha, Brahmi\",\r\n      coach:\"Kurze, klare Wochenpl\u00e4ne. Fokus auf 'weniger, aber regelm\u00e4ssig'. Belohne dich f\u00fcr Routine, nicht nur f\u00fcr Ergebnisse.\"\r\n    },\r\n\r\n    Vata_Tamas:{\r\n      title:\"Vata (Vata-\u00dcberschuss) + Tamas-betont\",\r\n      desc:\"Du bist von Natur aus sensibel, kreativ und geistig rege. Aktuell zeigt sich das mit Tr\u00e4gheit, Antriebslosigkeit oder fehlender Struktur (Tamas-betont).\",\r\n      food:\"Einfach, warm, wenig Rohkost. Feste Mahlzeiten, auch wenn der Hunger klein ist.\",\r\n      routine:\"Basisroutine (Schlaf, Mahlzeiten), kurze Fuss\u00f6lung, warme T\u00fccher.\",\r\n      move:\"5\u201310 Min. sanfte Bewegung t\u00e4glich (Spaziergang, Dehnung).\",\r\n      herb:\"Ashwagandha abends\",\r\n      coach:\"Kleinste Schritte, viel Ermutigung, visuelle Checklisten, h\u00e4ufige Check-ins. Erst Stabilit\u00e4t, dann Erweiterung.\"\r\n    },\r\n\r\n    Pitta_Sattva:{\r\n      title:\"Pitta (Pitta-\u00dcberschuss) + Sattva-betont\",\r\n      desc:\"Du bist klar, zielgerichtet und leistungsstark. Aktuell zeigt sich das mit einer klaren, reflektierten Grundhaltung (Sattva-betont).\",\r\n      food:\"K\u00fchlend, bitter\/herb\/s\u00fcss, wenig scharf\/sauer\/salzig. Alkohol reduzieren.\",\r\n      routine:\"Pausen, Natur, k\u00fchl halten. K\u00fchlende \u00d6le (Kokos), Shirodhara bei Bedarf.\",\r\n      move:\"Moderat, nicht \u00fcberhitzen (Yoga, Schwimmen, Spaziergang).\",\r\n      herb:\"Amalaki, Nimba\",\r\n      coach:\"Tiefe Gespr\u00e4che, Selbstmitgef\u00fchl, Grenzen \u00fcben. Langfristige Balance statt Perfektion.\"\r\n    },\r\n\r\n    Pitta_Rajas:{\r\n      title:\"Pitta (Pitta-\u00dcberschuss) + Rajas-betont\",\r\n      desc:\"Du bist klar, zielgerichtet und leistungsstark. Aktuell zeigt sich das mit viel Aktivit\u00e4t, Tempo und Zielstrebigkeit \u2013 bis hin zu Rastlosigkeit (Rajas-betont).\",\r\n      food:\"K\u00fchlend, regelm\u00e4ssig, wenig Alkohol und Sch\u00e4rfe.\",\r\n      routine:\"Pausen im Arbeitsfluss, k\u00fchlende Kopf-\/Fuss\u00f6lung, moderates Training.\",\r\n      move:\"Moderat, nicht \u00fcberhitzend (Schwimmen, z\u00fcgiges Gehen).\",\r\n      herb:\"Amalaki, Avipattikara\",\r\n      coach:\"Zielorientiert arbeiten, aber mit klaren Erholungszeiten. Priorisierung, 'Stop'-Signale \u00fcben.\"\r\n    },\r\n\r\n    Pitta_Tamas:{\r\n      title:\"Pitta (Pitta-\u00dcberschuss) + Tamas-betont\",\r\n      desc:\"Du bist klar, zielgerichtet und leistungsstark. Aktuell zeigt sich das mit Tr\u00e4gheit, Antriebslosigkeit oder fehlender Struktur (Tamas-betont).\",\r\n      food:\"Leicht, k\u00fchlend, wenig Fett. Einfache, regelm\u00e4ssige Mahlzeiten.\",\r\n      routine:\"Einfache K\u00fchl-Routine (Getr\u00e4nke, Schatten), K\u00fchl-Waschungen, leichte \u00d6le.\",\r\n      move:\"Kurze, k\u00fchlende Spazierg\u00e4nge.\",\r\n      herb:\"Amalaki, Nimba\",\r\n      coach:\"2\u20133 einfache Regeln, visuelle Hinweise, kleine Cool-down-Rituale im Tag.\"\r\n    },\r\n\r\n    Kapha_Sattva:{\r\n      title:\"Kapha (Kapha-\u00dcberschuss) + Sattva-betont\",\r\n      desc:\"Du bist ruhig, best\u00e4ndig und einf\u00fchlsam. Aktuell zeigt sich das mit einer klaren, reflektierten Grundhaltung (Sattva-betont).\",\r\n      food:\"Leicht, warm, scharf\/bitter\/herb. Wenig S\u00fcss, Fett, Schweres.\",\r\n      routine:\"Fr\u00fches Aufstehen, Abwechslung, anregende Massagen (Udvartana).\",\r\n      move:\"Regelm\u00e4ssig, z\u00fcgig (z\u00fcgiges Gehen, Joggen, Kraft).\",\r\n      herb:\"Trikatu, Kurkuma, Tulsi\",\r\n      coach:\"Muster verstehen, langfristige Entwicklungspl\u00e4ne, spirituelle Motivation.\"\r\n    },\r\n\r\n    Kapha_Rajas:{\r\n      title:\"Kapha (Kapha-\u00dcberschuss) + Rajas-betont\",\r\n      desc:\"Du bist ruhig, best\u00e4ndig und einf\u00fchlsam. Aktuell zeigt sich das mit viel Aktivit\u00e4t, Tempo und Zielstrebigkeit \u2013 bis hin zu Rastlosigkeit (Rajas-betont).\",\r\n      food:\"Leicht, warm, wenig S\u00fcss\/Fett.\",\r\n      routine:\"Feste Aufstehzeit, t\u00e4gl. Bewegung, trockenere Massagen, Dampf.\",\r\n      move:\"Z\u00fcgiges Gehen, Joggen, Krafttraining.\",\r\n      herb:\"Trikatu, Kurkuma\",\r\n      coach:\"Challenges, Fortschrittskurven, Accountability, Deadlines.\"\r\n    },\r\n\r\n    Kapha_Tamas:{\r\n      title:\"Kapha (Kapha-\u00dcberschuss) + Tamas-betont\",\r\n      desc:\"Du bist ruhig, best\u00e4ndig und einf\u00fchlsam. Aktuell zeigt sich das mit Tr\u00e4gheit, Antriebslosigkeit oder fehlender Struktur (Tamas-betont).\",\r\n      food:\"Einfach, leicht, warm. Wenig Schweres, S\u00fcss, Fett.\",\r\n      routine:\"1\u20132 Routinen (Aufstehzeit, Spaziergang), kurze anregende Massage.\",\r\n      move:\"10 Min. z\u00fcgig gehen t\u00e4glich.\",\r\n      herb:\"Trikatu, Tulsi\",\r\n      coach:\"Minimaler Start (1\u20132 Gewohnheiten), Ermutigung, visuelle Pl\u00e4ne, h\u00e4ufige Follow-ups.\"\r\n    },\r\n\r\n    VataPitta_Vata_Sattva:{\r\n      title:\"Vata-Pitta (Vata-dominant) + Sattva-betont\",\r\n      desc:\"Du bist kreativ, sensibel und klar zugleich \u2013 mit einer schnellen, ideenreichen Vata-Basis und sp\u00fcrbarer Pitta-Sch\u00e4rfe. Aktuell zeigt sich das mit einer klaren, reflektierten Grundhaltung (Sattva-betont).\",\r\n      food:\"Warm, \u00f6lig, nicht zu scharf. Regelm\u00e4ssige Mahlzeiten.\",\r\n      routine:\"Routine mit k\u00fchlenden Pausen, Abhyanga (Sesam\/Kokos-Mix).\",\r\n      move:\"Sanftes Yoga, Spaziergang.\",\r\n      herb:\"Ashwagandha, Brahmi, Amalaki\",\r\n      coach:\"Struktur + Selbstmitgef\u00fchl, Meditation, langfristige Pl\u00e4ne.\"\r\n    },\r\n\r\n    VataPitta_Vata_Rajas:{\r\n      title:\"Vata-Pitta (Vata-dominant) + Rajas-betont\",\r\n      desc:\"Du bist kreativ, sensibel und klar zugleich \u2013 mit einer schnellen, ideenreichen Vata-Basis und sp\u00fcrbarer Pitta-Sch\u00e4rfe. Aktuell zeigt sich das mit viel Aktivit\u00e4t, Tempo und Zielstrebigkeit \u2013 bis hin zu Rastlosigkeit (Rajas-betont).\",\r\n      food:\"Regelm\u00e4ssig, warm, wenig Sch\u00e4rfe. Pausen zwischen Aufgaben.\",\r\n      routine:\"Abhyanga, k\u00fchlende Fuss\u00f6lung.\",\r\n      move:\"Erdend, nicht \u00fcberhitzend.\",\r\n      herb:\"Ashwagandha, Amalaki\",\r\n      coach:\"Klare Wochenpl\u00e4ne, 'genug ist genug', Erholungsrituale.\"\r\n    },\r\n\r\n    VataPitta_Vata_Tamas:{\r\n      title:\"Vata-Pitta (Vata-dominant) + Tamas-betont\",\r\n      desc:\"Du bist kreativ, sensibel und klar zugleich \u2013 mit einer schnellen, ideenreichen Vata-Basis und sp\u00fcrbarer Pitta-Sch\u00e4rfe. Aktuell zeigt sich das mit Tr\u00e4gheit, Antriebslosigkeit oder fehlender Struktur (Tamas-betont).\",\r\n      food:\"Einfach, warm.\",\r\n      routine:\"Basisroutine (Schlaf, Mahlzeiten), kurze \u00d6lung, warme T\u00fccher.\",\r\n      move:\"5\u201310 Min. sanft t\u00e4glich.\",\r\n      herb:\"Ashwagandha, Amalaki\",\r\n      coach:\"Kleinste Schritte, Checklisten, h\u00e4ufige Check-ins.\"\r\n    },\r\n\r\n    VataPitta_Pitta_Sattva:{\r\n      title:\"Vata-Pitta (Pitta-dominant) + Sattva-betont\",\r\n      desc:\"Du bist zielstrebig und analytisch, mit einer feinen, ideenreichen Vata-Note darunter \u2013 pr\u00e4zise, aber nicht starr. Aktuell zeigt sich das mit einer klaren, reflektierten Grundhaltung (Sattva-betont).\",\r\n      food:\"K\u00fchlend, regelm\u00e4ssig, nicht zu trocken.\",\r\n      routine:\"Pausen, Natur, k\u00fchlende \u00d6le, Shirodhara.\",\r\n      move:\"Moderat.\",\r\n      herb:\"Amalaki, Brahmi, Ashwagandha\",\r\n      coach:\"Reflexion, Selbstmitgef\u00fchl, Grenzen, langfristige Balance.\"\r\n    },\r\n\r\n    VataPitta_Pitta_Rajas:{\r\n      title:\"Vata-Pitta (Pitta-dominant) + Rajas-betont\",\r\n      desc:\"Du bist zielstrebig und analytisch, mit einer feinen, ideenreichen Vata-Note darunter \u2013 pr\u00e4zise, aber nicht starr. Aktuell zeigt sich das mit viel Aktivit\u00e4t, Tempo und Zielstrebigkeit \u2013 bis hin zu Rastlosigkeit (Rajas-betont).\",\r\n      food:\"K\u00fchlend, regelm\u00e4ssig.\",\r\n      routine:\"Pausen im Flow, k\u00fchlende Kopf-\/Fuss\u00f6lung.\",\r\n      move:\"Moderat.\",\r\n      herb:\"Amalaki, Avipattikara, Ashwagandha\",\r\n      coach:\"Zielorientiert mit Erholungszeiten, Priorisierung.\"\r\n    },\r\n\r\n    VataPitta_Pitta_Tamas:{\r\n      title:\"Vata-Pitta (Pitta-dominant) + Tamas-betont\",\r\n      desc:\"Du bist zielstrebig und analytisch, mit einer feinen, ideenreichen Vata-Note darunter \u2013 pr\u00e4zise, aber nicht starr. Aktuell zeigt sich das mit Tr\u00e4gheit, Antriebslosigkeit oder fehlender Struktur (Tamas-betont).\",\r\n      food:\"Leicht, k\u00fchlend.\",\r\n      routine:\"Einfache K\u00fchl-Routine, K\u00fchl-Waschungen, leichte \u00d6le.\",\r\n      move:\"Kurze Spazierg\u00e4nge.\",\r\n      herb:\"Amalaki, Ashwagandha\",\r\n      coach:\"2\u20133 einfache Regeln, visuelle Hinweise, kleine Rituale.\"\r\n    },\r\n\r\n    VataKapha_Vata_Sattva:{\r\n      title:\"Vata-Kapha (Vata-dominant) + Sattva-betont\",\r\n      desc:\"Du bist einf\u00fchlsam und ideenreich zugleich \u2013 eine sensible Vata-Basis trifft auf die Ruhe und Best\u00e4ndigkeit von Kapha. Aktuell zeigt sich das mit einer klaren, reflektierten Grundhaltung (Sattva-betont).\",\r\n      food:\"Warm, \u00f6lig, leicht.\",\r\n      routine:\"Routine mit Bewegung, Abhyanga, etwas anregend.\",\r\n      move:\"Sanft bis moderat.\",\r\n      herb:\"Ashwagandha, Trikatu (leicht), Brahmi\",\r\n      coach:\"Reflexion, langfristige Pl\u00e4ne, Balance zwischen Erdung und Aktivit\u00e4t.\"\r\n    },\r\n\r\n    VataKapha_Vata_Rajas:{\r\n      title:\"Vata-Kapha (Vata-dominant) + Rajas-betont\",\r\n      desc:\"Du bist einf\u00fchlsam und ideenreich zugleich \u2013 eine sensible Vata-Basis trifft auf die Ruhe und Best\u00e4ndigkeit von Kapha. Aktuell zeigt sich das mit viel Aktivit\u00e4t, Tempo und Zielstrebigkeit \u2013 bis hin zu Rastlosigkeit (Rajas-betont).\",\r\n      food:\"Warm, regelm\u00e4ssig, nicht zu schwer.\",\r\n      routine:\"Feste Zeiten, t\u00e4gl. Bewegung, Abhyanga, leichte Udvartana.\",\r\n      move:\"Z\u00fcgiges Gehen, Yoga.\",\r\n      herb:\"Ashwagandha, Trikatu\",\r\n      coach:\"Klare Pl\u00e4ne, Challenges, Fortschrittskurven.\"\r\n    },\r\n\r\n    VataKapha_Vata_Tamas:{\r\n      title:\"Vata-Kapha (Vata-dominant) + Tamas-betont\",\r\n      desc:\"Du bist einf\u00fchlsam und ideenreich zugleich \u2013 eine sensible Vata-Basis trifft auf die Ruhe und Best\u00e4ndigkeit von Kapha. Aktuell zeigt sich das mit Tr\u00e4gheit, Antriebslosigkeit oder fehlender Struktur (Tamas-betont).\",\r\n      food:\"Einfach, warm.\",\r\n      routine:\"Basisroutine, kurze \u00d6lung, leichte Anregung.\",\r\n      move:\"10 Min. gehen.\",\r\n      herb:\"Ashwagandha, Trikatu (leicht)\",\r\n      coach:\"Kleinste Schritte, visuelle Pl\u00e4ne, h\u00e4ufige Follow-ups.\"\r\n    },\r\n\r\n    VataKapha_Kapha_Sattva:{\r\n      title:\"Vata-Kapha (Kapha-dominant) + Sattva-betont\",\r\n      desc:\"Du bist ruhig und best\u00e4ndig, mit einer feinen Vata-Sensibilit\u00e4t darunter \u2013 bodenst\u00e4ndig, aber nicht schwerf\u00e4llig. Aktuell zeigt sich das mit einer klaren, reflektierten Grundhaltung (Sattva-betont).\",\r\n      food:\"Leicht, warm, scharf\/bitter.\",\r\n      routine:\"Fr\u00fches Aufstehen, Abwechslung, anregende Massagen.\",\r\n      move:\"Regelm\u00e4ssig, z\u00fcgig.\",\r\n      herb:\"Trikatu, Kurkuma, Ashwagandha\",\r\n      coach:\"Muster verstehen, langfristige Entwicklung.\"\r\n    },\r\n\r\n    VataKapha_Kapha_Rajas:{\r\n      title:\"Vata-Kapha (Kapha-dominant) + Rajas-betont\",\r\n      desc:\"Du bist ruhig und best\u00e4ndig, mit einer feinen Vata-Sensibilit\u00e4t darunter \u2013 bodenst\u00e4ndig, aber nicht schwerf\u00e4llig. Aktuell zeigt sich das mit viel Aktivit\u00e4t, Tempo und Zielstrebigkeit \u2013 bis hin zu Rastlosigkeit (Rajas-betont).\",\r\n      food:\"Leicht, warm, wenig S\u00fcss.\",\r\n      routine:\"Feste Aufstehzeit, Bewegung, trockenere Massagen.\",\r\n      move:\"Z\u00fcgig, Kraft.\",\r\n      herb:\"Trikatu, Kurkuma\",\r\n      coach:\"Challenges, Accountability, Deadlines.\"\r\n    },\r\n\r\n    VataKapha_Kapha_Tamas:{\r\n      title:\"Vata-Kapha (Kapha-dominant) + Tamas-betont\",\r\n      desc:\"Du bist ruhig und best\u00e4ndig, mit einer feinen Vata-Sensibilit\u00e4t darunter \u2013 bodenst\u00e4ndig, aber nicht schwerf\u00e4llig. Aktuell zeigt sich das mit Tr\u00e4gheit, Antriebslosigkeit oder fehlender Struktur (Tamas-betont).\",\r\n      food:\"Einfach, leicht.\",\r\n      routine:\"1\u20132 Routinen, kurze anregende Massage.\",\r\n      move:\"10 Min. z\u00fcgig.\",\r\n      herb:\"Trikatu, Tulsi\",\r\n      coach:\"Minimaler Start, Ermutigung, visuelle Pl\u00e4ne.\"\r\n    },\r\n\r\n    PittaKapha_Pitta_Sattva:{\r\n      title:\"Pitta-Kapha (Pitta-dominant) + Sattva-betont\",\r\n      desc:\"Du bist ehrgeizig und zielstrebig, mit der Ausdauer und Geduld von Kapha im Hintergrund \u2013 eine kraftvolle Kombination. Aktuell zeigt sich das mit einer klaren, reflektierten Grundhaltung (Sattva-betont).\",\r\n      food:\"K\u00fchlend, leicht, bitter\/herb.\",\r\n      routine:\"Pausen, Natur, k\u00fchlende \u00d6le, Shirodhara.\",\r\n      move:\"Moderat.\",\r\n      herb:\"Amalaki, Nimba, Kurkuma\",\r\n      coach:\"Reflexion, Selbstmitgef\u00fchl, Grenzen.\"\r\n    },\r\n\r\n    PittaKapha_Pitta_Rajas:{\r\n      title:\"Pitta-Kapha (Pitta-dominant) + Rajas-betont\",\r\n      desc:\"Du bist ehrgeizig und zielstrebig, mit der Ausdauer und Geduld von Kapha im Hintergrund \u2013 eine kraftvolle Kombination. Aktuell zeigt sich das mit viel Aktivit\u00e4t, Tempo und Zielstrebigkeit \u2013 bis hin zu Rastlosigkeit (Rajas-betont).\",\r\n      food:\"K\u00fchlend, regelm\u00e4ssig.\",\r\n      routine:\"Pausen, keine \u00dcberlastung, k\u00fchlende \u00d6le.\",\r\n      move:\"Moderat, z\u00fcgig.\",\r\n      herb:\"Amalaki, Kurkuma\",\r\n      coach:\"Zielorientiert mit Erholungszeiten, Priorisierung.\"\r\n    },\r\n\r\n    PittaKapha_Pitta_Tamas:{\r\n      title:\"Pitta-Kapha (Pitta-dominant) + Tamas-betont\",\r\n      desc:\"Du bist ehrgeizig und zielstrebig, mit der Ausdauer und Geduld von Kapha im Hintergrund \u2013 eine kraftvolle Kombination. Aktuell zeigt sich das mit Tr\u00e4gheit, Antriebslosigkeit oder fehlender Struktur (Tamas-betont).\",\r\n      food:\"Leicht, k\u00fchlend.\",\r\n      routine:\"Einfache K\u00fchl-Routine, K\u00fchl-Waschungen.\",\r\n      move:\"Kurze Spazierg\u00e4nge.\",\r\n      herb:\"Amalaki, Kurkuma\",\r\n      coach:\"2\u20133 einfache Regeln, visuelle Hinweise.\"\r\n    },\r\n\r\n    PittaKapha_Kapha_Sattva:{\r\n      title:\"Pitta-Kapha (Kapha-dominant) + Sattva-betont\",\r\n      desc:\"Du bist best\u00e4ndig und geduldig, mit einem sp\u00fcrbaren Ehrgeiz und Tatendrang darunter \u2013 ruhig, aber nicht passiv. Aktuell zeigt sich das mit einer klaren, reflektierten Grundhaltung (Sattva-betont).\",\r\n      food:\"Leicht, warm, scharf\/bitter.\",\r\n      routine:\"Fr\u00fches Aufstehen, Abwechslung, anregende Massagen.\",\r\n      move:\"Regelm\u00e4ssig, z\u00fcgig.\",\r\n      herb:\"Trikatu, Kurkuma, Amalaki\",\r\n      coach:\"Muster verstehen, langfristige Pl\u00e4ne.\"\r\n    },\r\n\r\n    PittaKapha_Kapha_Rajas:{\r\n      title:\"Pitta-Kapha (Kapha-dominant) + Rajas-betont\",\r\n      desc:\"Du bist best\u00e4ndig und geduldig, mit einem sp\u00fcrbaren Ehrgeiz und Tatendrang darunter \u2013 ruhig, aber nicht passiv. Aktuell zeigt sich das mit viel Aktivit\u00e4t, Tempo und Zielstrebigkeit \u2013 bis hin zu Rastlosigkeit (Rajas-betont).\",\r\n      food:\"Leicht, warm, wenig S\u00fcss.\",\r\n      routine:\"Feste Aufstehzeit, Bewegung, trockenere Massagen.\",\r\n      move:\"Z\u00fcgig, Kraft.\",\r\n      herb:\"Trikatu, Kurkuma\",\r\n      coach:\"Challenges, Accountability.\"\r\n    },\r\n\r\n    PittaKapha_Kapha_Tamas:{\r\n      title:\"Pitta-Kapha (Kapha-dominant) + Tamas-betont\",\r\n      desc:\"Du bist best\u00e4ndig und geduldig, mit einem sp\u00fcrbaren Ehrgeiz und Tatendrang darunter \u2013 ruhig, aber nicht passiv. Aktuell zeigt sich das mit Tr\u00e4gheit, Antriebslosigkeit oder fehlender Struktur (Tamas-betont).\",\r\n      food:\"Einfach, leicht.\",\r\n      routine:\"1\u20132 Routinen, kurze anregende Massage.\",\r\n      move:\"10 Min. z\u00fcgig.\",\r\n      herb:\"Trikatu, Tulsi\",\r\n      coach:\"Minimaler Start, Ermutigung, visuelle Pl\u00e4ne.\"\r\n    },\r\n\r\n    Tridosha_Sattva:{\r\n      title:\"Tridosha (ausgeglichen) + Sattva-betont\",\r\n      desc:\"Deine drei Doshas sind gut ausbalanciert \u2013 eine seltene und wertvolle Ausgangslage, die vor allem Pflege und Pr\u00e4vention braucht, um es zu bleiben. Aktuell zeigt sich das mit einer klaren, reflektierten Grundhaltung (Sattva-betont).\",\r\n      food:\"Ausgewogen, frisch, saisonal.\",\r\n      routine:\"Regelm\u00e4ssiger, flexibler Rhythmus, Abhyanga nach Bedarf.\",\r\n      move:\"Vielf\u00e4ltig, massvoll.\",\r\n      herb:\"Rasayana (Amalaki) bei Bedarf\",\r\n      coach:\"Feinabstimmung, spirituelle Vertiefung, Pr\u00e4vention.\"\r\n    },\r\n\r\n    Tridosha_Rajas:{\r\n      title:\"Tridosha (ausgeglichen) + Rajas-betont\",\r\n      desc:\"Deine drei Doshas sind gut ausbalanciert \u2013 eine seltene und wertvolle Ausgangslage, die vor allem Pflege und Pr\u00e4vention braucht, um es zu bleiben. Aktuell zeigt sich das mit viel Aktivit\u00e4t, Tempo und Zielstrebigkeit \u2013 bis hin zu Rastlosigkeit (Rajas-betont).\",\r\n      food:\"Regelm\u00e4ssig, nicht extrem.\",\r\n      routine:\"Pausen trotz Aktivit\u00e4t, leichte \u00d6lung bei Stress.\",\r\n      move:\"Moderat, vielf\u00e4ltig.\",\r\n      herb:\"Rasayana bei Belastung\",\r\n      coach:\"Balance, Burnout-Pr\u00e4vention, klare Priorit\u00e4ten.\"\r\n    },\r\n\r\n    Tridosha_Tamas:{\r\n      title:\"Tridosha (ausgeglichen) + Tamas-betont\",\r\n      desc:\"Deine drei Doshas sind gut ausbalanciert \u2013 eine seltene und wertvolle Ausgangslage, die vor allem Pflege und Pr\u00e4vention braucht, um es zu bleiben. Aktuell zeigt sich das mit Tr\u00e4gheit, Antriebslosigkeit oder fehlender Struktur (Tamas-betont).\",\r\n      food:\"Einfach, frisch.\",\r\n      routine:\"1\u20132 gesunde Routinen, leichte Selbstmassage.\",\r\n      move:\"T\u00e4gl. 10\u201320 Min.\",\r\n      herb:\"Leichte Rasayana\",\r\n      coach:\"Kleine Gewohnheiten, visuelle Pl\u00e4ne, sanfte Motivation.\"\r\n    }\r\n\r\n  };\r\n\r\n\r\n  \/* =========================================================\r\n     STATE\r\n  ========================================================= *\/\r\n\r\n  let current = 0;\r\n\r\n  const answers =\r\n    new Array(allQuestions.length)\r\n      .fill(null);\r\n\r\n\r\n  \/* =========================================================\r\n     ELEMENT REFERENCES\r\n  ========================================================= *\/\r\n\r\n  const els = {\r\n\r\n    screens:{\r\n      intro:document.getElementById('screen-intro'),\r\n      quiz:document.getElementById('screen-quiz'),\r\n      result:document.getElementById('screen-result')\r\n    },\r\n\r\n    qIndex:document.getElementById('q-index'),\r\n\r\n    qText:document.getElementById('q-text'),\r\n\r\n    qOptions:document.getElementById('q-options'),\r\n\r\n    progressFill:\r\n      document.getElementById('progress-fill'),\r\n\r\n    progressCount:\r\n      document.getElementById('progress-count'),\r\n\r\n    progressSection:\r\n      document.getElementById('progress-section'),\r\n\r\n    btnBack:\r\n      document.getElementById('btn-back'),\r\n\r\n    btnStart:\r\n      document.getElementById('btn-start'),\r\n\r\n    btnRestart:\r\n      document.getElementById('btn-restart'),\r\n\r\n    btnCta:\r\n      document.getElementById('btn-cta')\r\n\r\n  };\r\n\r\n\r\n  \/* =========================================================\r\n     SCREEN MANAGEMENT\r\n  ========================================================= *\/\r\n\r\n  function showScreen(name){\r\n\r\n    Object\r\n      .values(els.screens)\r\n      .forEach(\r\n        s=>s.classList.remove('active')\r\n      );\r\n\r\n    els.screens[name]\r\n      .classList.add('active');\r\n\r\n    window.scrollTo({\r\n      top:0,\r\n      behavior:'smooth'\r\n    });\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     WHEEL RENDERING\r\n  ========================================================= *\/\r\n\r\n  const CIRC =\r\n    2 * Math.PI * 70;\r\n\r\n  const CIRC_MINI =\r\n    2 * Math.PI * 18;\r\n\r\n\r\n  function tallyDosha(){\r\n\r\n    const t={\r\n      vata:0,\r\n      pitta:0,\r\n      kapha:0\r\n    };\r\n\r\n    answers.forEach(\r\n      (a,i)=>{\r\n\r\n        if(\r\n          a!==null &&\r\n          allQuestions[i].section==='dosha'\r\n        ){\r\n\r\n          t[a]++;\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n    return t;\r\n\r\n  }\r\n\r\n\r\n  function renderWheel(\r\n    prefix,\r\n    circumference\r\n  ){\r\n\r\n    const t=tallyDosha();\r\n\r\n    const total =\r\n      t.vata+\r\n      t.pitta+\r\n      t.kapha;\r\n\r\n    const denom =\r\n      Math.max(total,1);\r\n\r\n    const vLen =\r\n      (t.vata\/denom)*\r\n      circumference;\r\n\r\n    const pLen =\r\n      (t.pitta\/denom)*\r\n      circumference;\r\n\r\n    const kLen =\r\n      (t.kapha\/denom)*\r\n      circumference;\r\n\r\n\r\n    const vataEl =\r\n      document.getElementById(\r\n        prefix+'-vata'\r\n      );\r\n\r\n    const pittaEl =\r\n      document.getElementById(\r\n        prefix+'-pitta'\r\n      );\r\n\r\n    const kaphaEl =\r\n      document.getElementById(\r\n        prefix+'-kapha'\r\n      );\r\n\r\n\r\n    if(!vataEl)return;\r\n\r\n\r\n    vataEl.setAttribute(\r\n      'stroke-dasharray',\r\n      `${vLen} ${circumference-vLen}`\r\n    );\r\n\r\n    vataEl.setAttribute(\r\n      'transform',\r\n      `rotate(-90 ${\r\n        prefix==='hero'\r\n        ? '90 90'\r\n        : '23 23'\r\n      })`\r\n    );\r\n\r\n\r\n    const pittaOffset =\r\n      -vLen;\r\n\r\n    pittaEl.setAttribute(\r\n      'stroke-dasharray',\r\n      `${pLen} ${circumference-pLen}`\r\n    );\r\n\r\n    pittaEl.setAttribute(\r\n      'stroke-dashoffset',\r\n      pittaOffset\r\n    );\r\n\r\n    pittaEl.setAttribute(\r\n      'transform',\r\n      `rotate(-90 ${\r\n        prefix==='hero'\r\n        ? '90 90'\r\n        : '23 23'\r\n      })`\r\n    );\r\n\r\n\r\n    const kaphaOffset =\r\n      -(vLen+pLen);\r\n\r\n    kaphaEl.setAttribute(\r\n      'stroke-dasharray',\r\n      `${kLen} ${circumference-kLen}`\r\n    );\r\n\r\n    kaphaEl.setAttribute(\r\n      'stroke-dashoffset',\r\n      kaphaOffset\r\n    );\r\n\r\n    kaphaEl.setAttribute(\r\n      'transform',\r\n      `rotate(-90 ${\r\n        prefix==='hero'\r\n        ? '90 90'\r\n        : '23 23'\r\n      })`\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function updateWheels(){\r\n\r\n    renderWheel(\r\n      'hero',\r\n      CIRC\r\n    );\r\n\r\n    renderWheel(\r\n      'mini',\r\n      CIRC_MINI\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     QUESTION RENDERING\r\n  ========================================================= *\/\r\n\r\n  function renderQuestion(){\r\n\r\n    const q =\r\n      allQuestions[current];\r\n\r\n    const isDosha =\r\n      q.section==='dosha';\r\n\r\n    const sectionLabel =\r\n      isDosha\r\n      ? 'Teil A \u00b7 Dosha'\r\n      : 'Teil B \u00b7 Guna';\r\n\r\n\r\n    els.progressSection\r\n      .textContent=sectionLabel;\r\n\r\n\r\n    els.progressCount\r\n      .textContent=\r\n      `${current+1} \/ ${allQuestions.length}`;\r\n\r\n\r\n    els.progressFill.style.width =\r\n      `${((current)\/allQuestions.length)*100}%`;\r\n\r\n\r\n    els.qIndex.textContent =\r\n      `Frage ${current+1} von ${allQuestions.length}`;\r\n\r\n\r\n    els.qText.textContent =\r\n      q.text;\r\n\r\n\r\n    els.qOptions.innerHTML='';\r\n\r\n\r\n    q.options.forEach(\r\n      (opt)=>{\r\n\r\n        const btn =\r\n          document.createElement('button');\r\n\r\n\r\n        btn.className='option';\r\n\r\n        btn.type='button';\r\n\r\n        btn.textContent=opt.t;\r\n\r\n\r\n        if(\r\n          answers[current]===opt.v\r\n        ){\r\n\r\n          btn.classList.add(\r\n            'selected'\r\n          );\r\n\r\n        }\r\n\r\n\r\n        btn.addEventListener(\r\n          'click',\r\n          ()=>{\r\n\r\n            answers[current]=opt.v;\r\n\r\n            updateWheels();\r\n\r\n\r\n            setTimeout(\r\n              ()=>{\r\n\r\n                if(\r\n                  current<\r\n                  allQuestions.length-1\r\n                ){\r\n\r\n                  current++;\r\n\r\n                  renderQuestion();\r\n\r\n                }else{\r\n\r\n                  renderResult();\r\n\r\n                  showScreen(\r\n                    'result'\r\n                  );\r\n\r\n                }\r\n\r\n              },\r\n              180\r\n            );\r\n\r\n\r\n            [\r\n              ...els\r\n                .qOptions\r\n                .children\r\n            ].forEach(\r\n              c=>\r\n                c.classList.remove(\r\n                  'selected'\r\n                )\r\n            );\r\n\r\n\r\n            btn.classList.add(\r\n              'selected'\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n\r\n        els.qOptions\r\n          .appendChild(btn);\r\n\r\n      }\r\n    );\r\n\r\n\r\n    els.btnBack.style.visibility =\r\n      current===0\r\n      ? 'hidden'\r\n      : 'visible';\r\n\r\n\r\n    updateWheels();\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     START\r\n  ========================================================= *\/\r\n\r\n  els.btnStart.addEventListener(\r\n    'click',\r\n    ()=>{\r\n\r\n      current=0;\r\n\r\n      showScreen('quiz');\r\n\r\n      renderQuestion();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================================\r\n     BACK\r\n  ========================================================= *\/\r\n\r\n  els.btnBack.addEventListener(\r\n    'click',\r\n    ()=>{\r\n\r\n      if(current>0){\r\n\r\n        current--;\r\n\r\n        renderQuestion();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================================\r\n     EMAIL VALIDATION\r\n  ========================================================= *\/\r\n\r\n  function validEmail(v){\r\n\r\n    return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/\r\n      .test(v);\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     SCORING\r\n  ========================================================= *\/\r\n\r\n  function computeResultKey(){\r\n\r\n    const dosha={\r\n      vata:0,\r\n      pitta:0,\r\n      kapha:0\r\n    };\r\n\r\n    const guna={\r\n      sattva:0,\r\n      rajas:0,\r\n      tamas:0\r\n    };\r\n\r\n\r\n    answers.forEach(\r\n      (a,i)=>{\r\n\r\n        if(a===null)return;\r\n\r\n\r\n        if(\r\n          allQuestions[i]\r\n            .section==='dosha'\r\n        ){\r\n\r\n          dosha[a]++;\r\n\r\n        }else{\r\n\r\n          guna[a]++;\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n\r\n    const doshaEntries =\r\n      Object\r\n        .entries(dosha)\r\n        .sort(\r\n          (a,b)=>b[1]-a[1]\r\n        );\r\n\r\n\r\n    const [n1,v1] =\r\n      doshaEntries[0];\r\n\r\n    const [n2,v2] =\r\n      doshaEntries[1];\r\n\r\n    const [n3,v3] =\r\n      doshaEntries[2];\r\n\r\n\r\n    const cap =\r\n      s =>\r\n        s.charAt(0)\r\n        .toUpperCase()+\r\n        s.slice(1);\r\n\r\n\r\n    let doshaKey;\r\n\r\n\r\n    if(\r\n      v1===v2 &&\r\n      v2===v3\r\n    ){\r\n\r\n      doshaKey='Tridosha';\r\n\r\n    }\r\n\r\n    else if(\r\n      v1-v2<=1\r\n    ){\r\n\r\n      const pairSet =\r\n        new Set([\r\n          n1,\r\n          n2\r\n        ]);\r\n\r\n\r\n      let pairName;\r\n\r\n\r\n      if(\r\n        pairSet.has('vata') &&\r\n        pairSet.has('pitta')\r\n      ){\r\n\r\n        pairName='VataPitta';\r\n\r\n      }\r\n\r\n      else if(\r\n        pairSet.has('vata') &&\r\n        pairSet.has('kapha')\r\n      ){\r\n\r\n        pairName='VataKapha';\r\n\r\n      }\r\n\r\n      else{\r\n\r\n        pairName='PittaKapha';\r\n\r\n      }\r\n\r\n\r\n      doshaKey =\r\n        `${pairName}_${cap(n1)}`;\r\n\r\n    }\r\n\r\n    else{\r\n\r\n      doshaKey =\r\n        cap(n1);\r\n\r\n    }\r\n\r\n\r\n    const order=[\r\n      'rajas',\r\n      'tamas',\r\n      'sattva'\r\n    ];\r\n\r\n\r\n    let gunaName =\r\n      order.reduce(\r\n        (best,name)=>\r\n          guna[name]>guna[best]\r\n          ? name\r\n          : best,\r\n        'sattva'\r\n      );\r\n\r\n\r\n    const maxVal =\r\n      Math.max(\r\n        guna.sattva,\r\n        guna.rajas,\r\n        guna.tamas\r\n      );\r\n\r\n\r\n    for(\r\n      const name of order\r\n    ){\r\n\r\n      if(\r\n        guna[name]===maxVal\r\n      ){\r\n\r\n        gunaName=name;\r\n\r\n        break;\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    return `${doshaKey}_${cap(gunaName)}`;\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     RESULT RENDERING\r\n  ========================================================= *\/\r\n\r\n  const dotColor={\r\n\r\n    \"Ern\u00e4hrung\":\r\n      'var(--accent)',\r\n\r\n    \"Tagesroutine & K\u00f6rpertherapie\":\r\n      'var(--kapha)',\r\n\r\n    \"Bewegung\":\r\n      'var(--pitta)'\r\n\r\n  };\r\n\r\n\r\n  function renderResult(){\r\n\r\n    const key =\r\n      computeResultKey();\r\n\r\n    resultKey = key;\r\n\r\n    nlReset();\r\n\r\n\r\n    const r =\r\n      results[key] ||\r\n      results['Tridosha_Sattva'];\r\n\r\n\r\n    document\r\n      .getElementById('result-title')\r\n      .textContent=\r\n      'Dein Typ: '+\r\n      r.title;\r\n\r\n\r\n    document\r\n      .getElementById('result-desc')\r\n      .textContent=\r\n      r.desc;\r\n\r\n\r\n    document\r\n      .getElementById('result-herb')\r\n      .textContent=\r\n      r.herb;\r\n\r\n\r\n    document\r\n      .getElementById('result-coach')\r\n      .textContent=\r\n      r.coach;\r\n\r\n\r\n    const grid =\r\n      document.getElementById(\r\n        'rec-grid'\r\n      );\r\n\r\n\r\n    grid.innerHTML='';\r\n\r\n\r\n    const items=[\r\n\r\n      {\r\n        label:'Ern\u00e4hrung',\r\n        text:r.food\r\n      },\r\n\r\n      {\r\n        label:'Tagesroutine & K\u00f6rpertherapie',\r\n        text:r.routine\r\n      },\r\n\r\n      {\r\n        label:'Bewegung',\r\n        text:r.move\r\n      }\r\n\r\n    ];\r\n\r\n\r\n    items.forEach(\r\n      it=>{\r\n\r\n        const card =\r\n          document.createElement(\r\n            'div'\r\n          );\r\n\r\n\r\n        card.className='rec-card';\r\n\r\n\r\n        card.innerHTML=`\r\n\r\n          <div\r\n            class=\"rec-label\"\r\n            style=\"color:${dotColor[it.label]}\"\r\n          >\r\n\r\n            <span\r\n              class=\"rec-dot\"\r\n              style=\"background:${dotColor[it.label]}\"\r\n            ><\/span>\r\n\r\n            ${it.label}\r\n\r\n          <\/div>\r\n\r\n          <div class=\"rec-text\">\r\n            ${it.text}\r\n          <\/div>\r\n\r\n        `;\r\n\r\n\r\n        grid.appendChild(card);\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =========================================================\r\n     RESTART\r\n  ========================================================= *\/\r\n\r\n  els.btnRestart.addEventListener(\r\n    'click',\r\n    ()=>{\r\n\r\n      current=0;\r\n\r\n      answers.fill(null);\r\n\r\n      nlReset();\r\n\r\n      updateWheels();\r\n\r\n      showScreen('intro');\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================================\r\n     CTA\r\n  ========================================================= *\/\r\n\r\n  els.btnCta.addEventListener(\r\n    'click',\r\n    ()=>{\r\n\r\n      alert(\r\n        'In der finalen Website \u00f6ffnet dieser Button das Buchungsformular f\u00fcr die 1:1-Session bzw. das Panchakarma-Angebot.'\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================================\r\n     NEWSLETTER (MAILCHIMP, DOUBLE OPT-IN)\r\n     Nur hier die Platzhalter ersetzen:\r\n     - actionUrl: \"Form action\" aus dem Mailchimp Embedded Form\r\n     - botName:   Name des Honeypot-Feldes (b_XXXX_XXXX) aus demselben Code\r\n     - privacyUrl: Link zur Datenschutzerkl\u00e4rung\r\n     - tagIds:    numerische Tag-IDs aus Mailchimp (pro Dosha-Typ)\r\n  ========================================================= *\/\r\n\r\n  const MC = {\r\n\r\n    actionUrl:'https:\/\/DEINE-DOMAIN.usX.list-manage.com\/subscribe\/post?u=XXXX&id=XXXX&f_id=XXXX',\r\n\r\n    botName:'b_XXXX_XXXX',\r\n\r\n    privacyUrl:'https:\/\/DEINE-SEITE.de\/datenschutz',\r\n\r\n    tagIds:{\r\n      Vata:'',\r\n      Pitta:'',\r\n      Kapha:'',\r\n      VataPitta:'',\r\n      VataKapha:'',\r\n      PittaKapha:'',\r\n      Tridosha:''\r\n    }\r\n\r\n  };\r\n\r\n\r\n  let resultKey = null;\r\n\r\n  let nlSubmitted = false;\r\n\r\n\r\n  const nl = {\r\n\r\n    ask:document.getElementById('nl-ask'),\r\n\r\n    form:document.getElementById('nl-form'),\r\n\r\n    fname:document.getElementById('nl-fname'),\r\n\r\n    email:document.getElementById('nl-email'),\r\n\r\n    consent:document.getElementById('nl-consent'),\r\n\r\n    tags:document.getElementById('nl-tags'),\r\n\r\n    bot:document.getElementById('nl-bot'),\r\n\r\n    submit:document.getElementById('nl-submit'),\r\n\r\n    msg:document.getElementById('nl-msg'),\r\n\r\n    frame:document.getElementById('nl-frame'),\r\n\r\n    privacy:document.getElementById('nl-privacy'),\r\n\r\n    yes:document.getElementById('nl-yes'),\r\n\r\n    no:document.getElementById('nl-no')\r\n\r\n  };\r\n\r\n\r\n  nl.form.action = MC.actionUrl;\r\n\r\n  nl.bot.name = MC.botName;\r\n\r\n  nl.privacy.href = MC.privacyUrl;\r\n\r\n\r\n  function nlReset(){\r\n\r\n    nlSubmitted = false;\r\n\r\n    nl.ask.hidden = false;\r\n\r\n    nl.form.hidden = true;\r\n\r\n    nl.msg.hidden = true;\r\n\r\n    nl.fname.value = '';\r\n\r\n    nl.email.value = '';\r\n\r\n    nl.consent.checked = false;\r\n\r\n    nl.tags.value = '';\r\n\r\n    nl.tags.disabled = true;\r\n\r\n    nl.submit.disabled = true;\r\n\r\n  }\r\n\r\n\r\n  function nlCheck(){\r\n\r\n    nl.submit.disabled =\r\n      !(\r\n        validEmail(nl.email.value.trim()) &&\r\n        nl.consent.checked\r\n      );\r\n\r\n  }\r\n\r\n\r\n  nl.email.addEventListener('input',nlCheck);\r\n\r\n  nl.consent.addEventListener('change',nlCheck);\r\n\r\n\r\n  nl.yes.addEventListener(\r\n    'click',\r\n    ()=>{\r\n\r\n      nl.ask.hidden = true;\r\n\r\n      nl.form.hidden = false;\r\n\r\n    }\r\n  );\r\n\r\n\r\n  nl.no.addEventListener(\r\n    'click',\r\n    ()=>{\r\n\r\n      nl.ask.hidden = true;\r\n\r\n      nl.msg.textContent =\r\n        'Kein Problem \u2013 danke, dass du mitgemacht hast.';\r\n\r\n      nl.msg.hidden = false;\r\n\r\n    }\r\n  );\r\n\r\n\r\n  nl.form.addEventListener(\r\n    'submit',\r\n    (e)=>{\r\n\r\n      if(\r\n        !(\r\n          validEmail(nl.email.value.trim()) &&\r\n          nl.consent.checked\r\n        )\r\n      ){\r\n\r\n        e.preventDefault();\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      \/* Tag wird nur nach Einwilligung mitgesendet *\/\r\n\r\n      const tag =\r\n        MC.tagIds[\r\n          (resultKey || '').split('_')[0]\r\n        ];\r\n\r\n\r\n      if(tag){\r\n\r\n        nl.tags.value = tag;\r\n\r\n        nl.tags.disabled = false;\r\n\r\n      }\r\n\r\n\r\n      nlSubmitted = true;\r\n\r\n    }\r\n  );\r\n\r\n\r\n  nl.frame.addEventListener(\r\n    'load',\r\n    ()=>{\r\n\r\n      if(!nlSubmitted)return;\r\n\r\n      nl.form.hidden = true;\r\n\r\n      nl.msg.textContent =\r\n        'Fast geschafft! Wir haben dir eine E-Mail geschickt. Bitte best\u00e4tige deine Anmeldung \u00fcber den Link darin.';\r\n\r\n      nl.msg.hidden = false;\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =========================================================\r\n     INIT\r\n  ========================================================= *\/\r\n\r\n  updateWheels();\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Dosha-Guna-Quiz \u00b7 Sanasuma Ayurveda Homestay Sanasuma Ayurveda Homestay Finde deine Dosha-&nbsp;&amp;&nbsp;Guna &nbsp;Balance Ein kurzer, traditionell inspirierter Selbsttest aus 20 Fragen. Am Ende erh\u00e4ltst du dein pers\u00f6nliches Konstitutionsbild \u2013 inklusive Ern\u00e4hrungs-, Routine- und Kr\u00e4uterempfehlungen f\u00fcr deinen Ayurveda-Aufenthalt. Du brauchst daf\u00fcr keine E-Mail-Adresse \u2013 dein Ergebnis siehst du sofort. Vata \u00b7 Pitta Kapha \u23f1 ca. 3\u20134 Min. \u2741 20 Fragen \u25c8 30 Ergebnistypen Quiz starten Diese Einsch\u00e4tzung&#8230; <\/p>\n<p class=\"more\"><a class=\"more-link\" href=\"https:\/\/angela-lala-bruno.com\/?page_id=6687\">Read More<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-6687","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/angela-lala-bruno.com\/index.php?rest_route=\/wp\/v2\/pages\/6687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/angela-lala-bruno.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/angela-lala-bruno.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/angela-lala-bruno.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/angela-lala-bruno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6687"}],"version-history":[{"count":19,"href":"https:\/\/angela-lala-bruno.com\/index.php?rest_route=\/wp\/v2\/pages\/6687\/revisions"}],"predecessor-version":[{"id":6826,"href":"https:\/\/angela-lala-bruno.com\/index.php?rest_route=\/wp\/v2\/pages\/6687\/revisions\/6826"}],"wp:attachment":[{"href":"https:\/\/angela-lala-bruno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}