{"id":5472,"date":"2026-04-22T13:33:31","date_gmt":"2026-04-22T11:33:31","guid":{"rendered":"https:\/\/helbredspartner.dk\/?page_id=5472"},"modified":"2026-04-22T13:36:20","modified_gmt":"2026-04-22T11:36:20","slug":"helbredstjek-forloeb","status":"publish","type":"page","link":"https:\/\/helbredspartner.dk\/en\/helbredstjek-forloeb\/","title":{"rendered":"Forloeb"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5472\" class=\"elementor elementor-5472\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b8ec550 e-flex e-con-boxed e-con e-parent\" data-id=\"b8ec550\" 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-81a1668 elementor-widget elementor-widget-html\" data-id=\"81a1668\" 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<!-- v4 -->\r\n<!--\r\n  =====================================================================\r\n  Helbredspartner \u2014 \"S\u00e5dan foreg\u00e5r det\"\r\n  Drop-in HTML widget for an Elementor HTML block.\r\n\r\n  How to use:\r\n  1. Replace each href=\"#\" with the real URL (search \"REPLACE-URL\" below).\r\n  2. If your site has a sticky header, set --hp-sticky-top below to the\r\n     header's height in px so the progress bar doesn't disappear under it.\r\n  =====================================================================\r\n-->\r\n\r\n<style>\r\n  \/* ---------- 0. SCOPE & TOKENS (no global leakage) ---------- *\/\r\n  .hp-scroll-stack,\r\n  .hp-scroll-stack *,\r\n  .hp-scroll-stack *::before,\r\n  .hp-scroll-stack *::after {\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .hp-scroll-stack {\r\n    \/* Tweak these to match your brand \/ page *\/\r\n    --hp-bg: #f8f4f0;\r\n    --hp-card-bg: #ffffff;\r\n    --hp-ink: #1f2a3d;\r\n    --hp-ink-soft: #445168;\r\n    --hp-brand: #1e4897;\r\n    --hp-brand-deep: #17315f;\r\n    --hp-brand-soft: #edf3ff;\r\n    --hp-border: #d8dfe9;\r\n    --hp-accent: #355da9;            \/* used in tablet\/mobile labels (brand blue, softer) *\/\r\n    --hp-sticky-top: 14px;           \/* increase if your WP header is sticky, e.g. 84px *\/\r\n    --hp-radius-lg: 34px;\r\n    --hp-radius-md: 24px;\r\n    --hp-shadow-card: 0 10px 30px rgba(31, 56, 109, 0.06);\r\n    --hp-shadow-pill: 0 18px 50px rgba(17, 38, 79, 0.10);\r\n\r\n    --hp-font-serif: Georgia, \"Times New Roman\", serif;\r\n    --hp-font-sans: Arial, Helvetica, sans-serif;\r\n\r\n    position: relative;\r\n    width: 100%;\r\n    background: var(--hp-bg);\r\n    color: var(--hp-ink);\r\n    font-family: var(--hp-font-serif);\r\n  }\r\n\r\n  .hp-scroll-stack__track {\r\n    position: relative;\r\n    \/* extra runway so the last sticky panel scrolls past comfortably *\/\r\n    padding-bottom: 6vh;\r\n  }\r\n\r\n  \/* ---------- 0b. INTRO HEADER ---------- *\/\r\n  .hp-intro {\r\n    max-width: 820px;\r\n    margin: 0 auto;\r\n    padding: 72px 28px 36px;\r\n    text-align: center;\r\n  }\r\n  .hp-intro__title {\r\n    font-size: clamp(40px, 5.4vw, 72px);\r\n    line-height: 1.02;\r\n    font-weight: 400;\r\n    letter-spacing: -0.035em;\r\n    color: var(--hp-brand-deep);\r\n    margin: 0 0 18px;\r\n    text-wrap: balance;\r\n  }\r\n  .hp-intro__subtitle {\r\n    font-family: var(--hp-font-sans);\r\n    font-size: 17px;\r\n    line-height: 1.55;\r\n    color: var(--hp-ink-soft);\r\n    margin: 0;\r\n    font-weight: 400;\r\n    letter-spacing: 0.005em;\r\n  }\r\n\r\n  \/* ---------- 1. PROGRESS BAR (sticky pill) ---------- *\/\r\n  .hp-steps-progress {\r\n    position: sticky;\r\n    top: var(--hp-sticky-top);\r\n    z-index: 50;\r\n    display: flex;\r\n    justify-content: center;\r\n    padding: 0 14px;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .hp-steps-progress__inner {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    padding: 12px 16px;\r\n    border-radius: 20px;\r\n    background: rgba(255, 255, 255, 0.86);\r\n    backdrop-filter: blur(14px);\r\n    -webkit-backdrop-filter: blur(14px);\r\n    border: 1px solid rgba(30, 72, 151, 0.14);\r\n    box-shadow: var(--hp-shadow-pill);\r\n    font-family: var(--hp-font-sans);\r\n    pointer-events: auto;\r\n    flex-wrap: wrap;\r\n    justify-content: center;\r\n    max-width: min(100%, 980px);\r\n  }\r\n\r\n  .hp-steps-progress__title {\r\n    font-family: var(--hp-font-sans);\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--hp-brand-deep);\r\n    padding: 0 6px 0 10px;\r\n    white-space: nowrap;\r\n  }\r\n  .hp-steps-progress__title-sep {\r\n    width: 1px;\r\n    height: 20px;\r\n    background: rgba(30, 72, 151, 0.18);\r\n    margin-right: 4px;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .hp-steps-progress__item {\r\n    appearance: none;\r\n    background: transparent; \/* prevent WP theme button bg leaking in *\/\r\n    border: 0;\r\n    font: inherit;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    color: #6c7a92;\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.05em;\r\n    text-transform: uppercase;\r\n    opacity: 0.78;\r\n    transition: opacity 0.25s ease, transform 0.25s ease, color 0.25s ease, background-color 0.25s ease;\r\n    cursor: pointer;\r\n    padding: 4px 8px;\r\n    border-radius: 14px;\r\n    user-select: none;\r\n  }\r\n\r\n  \/* Override any WP theme link\/button hover colors *\/\r\n  .hp-steps-progress__item:hover,\r\n  .hp-steps-progress__item:focus,\r\n  .hp-steps-progress__item:focus-visible,\r\n  .hp-steps-progress__item:active {\r\n    background-color: transparent;\r\n    color: var(--hp-brand);\r\n    text-decoration: none;\r\n  }\r\n  .hp-steps-progress__item:hover {\r\n    opacity: 1;\r\n    transform: translateY(-1px);\r\n  }\r\n  .hp-steps-progress__item:hover .hp-steps-progress__dot {\r\n    border-color: var(--hp-brand);\r\n    background: #fff;\r\n    color: var(--hp-brand);\r\n    box-shadow: 0 6px 14px rgba(30, 72, 151, 0.14);\r\n  }\r\n\r\n  .hp-steps-progress__item:focus-visible {\r\n    outline: 2px solid var(--hp-brand);\r\n    outline-offset: 2px;\r\n  }\r\n\r\n  .hp-steps-progress__dot {\r\n    width: 36px;\r\n    height: 36px;\r\n    border-radius: 12px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1px solid rgba(30, 72, 151, 0.18);\r\n    color: var(--hp-brand);\r\n    background: var(--hp-brand-soft);\r\n    font-size: 12px;\r\n    line-height: 1;\r\n    transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;\r\n    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .hp-steps-progress__label {\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .hp-steps-progress__sep {\r\n    width: 24px;\r\n    height: 2px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(to right, rgba(30, 72, 151, 0.18), rgba(30, 72, 151, 0.06));\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .hp-steps-progress__nav-track {\r\n    display: contents; \/* transparent to flexbox on desktop\/tablet *\/\r\n  }\r\n\r\n  .hp-steps-progress__mobile-label {\r\n    display: none;\r\n  }\r\n\r\n  .hp-steps-progress__item.is-active {\r\n    color: var(--hp-brand);\r\n    opacity: 1;\r\n  }\r\n\r\n  .hp-steps-progress__item.is-active .hp-steps-progress__dot {\r\n    background: var(--hp-brand);\r\n    color: #fff;\r\n    border-color: var(--hp-brand);\r\n    box-shadow: 0 12px 24px rgba(30, 72, 151, 0.24);\r\n  }\r\n\r\n  .hp-steps-progress__item.is-complete {\r\n    color: #355da9;\r\n    opacity: 0.95;\r\n  }\r\n\r\n  .hp-steps-progress__item.is-complete .hp-steps-progress__dot {\r\n    background: #dce8ff;\r\n    border-color: #9bb7ee;\r\n    color: var(--hp-brand);\r\n  }\r\n\r\n  \/* ---------- 2. SCROLL-STACK PANELS ---------- *\/\r\n  .hp-panel {\r\n    position: sticky;\r\n    top: 0;\r\n    min-height: 100vh;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 28px;\r\n  }\r\n\r\n  .hp-panel__card {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    min-height: calc(100vh - 56px);\r\n    background: var(--hp-card-bg);\r\n    border: 1px solid var(--hp-border);\r\n    border-radius: var(--hp-radius-lg);\r\n    overflow: hidden;\r\n    display: grid;\r\n    grid-template-columns: 1.02fr 1fr;\r\n    box-shadow: var(--hp-shadow-card);\r\n    transform: scale(0.985);\r\n    transition: transform 0.45s ease;\r\n  }\r\n\r\n  .hp-panel.is-active .hp-panel__card {\r\n    transform: scale(1);\r\n  }\r\n\r\n  \/* ---------- 3. CONTENT (left) ---------- *\/\r\n  .hp-panel__content {\r\n    padding: 56px 48px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    background: var(--hp-card-bg);\r\n    z-index: 2;\r\n  }\r\n\r\n  .hp-step {\r\n    font-family: var(--hp-font-sans);\r\n    font-size: 12px;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--hp-brand);\r\n    font-weight: 800;\r\n    margin: 0 0 24px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 12px 16px 12px 12px;\r\n    border-radius: 999px;\r\n    background: rgba(255, 255, 255, 0.90);\r\n    border: 1px solid rgba(30, 72, 151, 0.14);\r\n    box-shadow: 0 14px 34px rgba(31, 56, 109, 0.10);\r\n    width: fit-content;\r\n    max-width: 100%;\r\n  }\r\n\r\n  .hp-step__number {\r\n    width: 34px;\r\n    height: 34px;\r\n    border-radius: 12px;\r\n    background: var(--hp-brand);\r\n    color: #fff;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  .hp-title {\r\n    font-size: clamp(34px, 4vw, 58px);\r\n    line-height: 1.02;\r\n    font-weight: 400;\r\n    letter-spacing: -0.03em;\r\n    margin: 0 0 18px;\r\n    color: var(--hp-brand-deep);\r\n    text-wrap: balance;\r\n  }\r\n\r\n  .hp-copy {\r\n    font-family: var(--hp-font-sans);\r\n    font-size: 18px;\r\n    line-height: 1.6;\r\n    max-width: 560px;\r\n    color: var(--hp-ink-soft);\r\n    margin: 0 0 26px;\r\n  }\r\n\r\n  .hp-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 32px;\r\n    font-family: var(--hp-font-sans);\r\n  }\r\n\r\n  .hp-list li {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 12px;\r\n    margin-bottom: 12px;\r\n    font-size: 18px;\r\n    line-height: 1.55;\r\n    color: #22324d;\r\n  }\r\n\r\n  .hp-list li::before {\r\n    content: \"\u2713\";\r\n    flex: 0 0 auto;\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 999px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: 1.5px solid var(--hp-brand);\r\n    color: var(--hp-brand);\r\n    font-size: 14px;\r\n    margin-top: 3px;\r\n  }\r\n\r\n  .hp-button {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: fit-content;\r\n    min-width: 200px;\r\n    max-width: 100%;\r\n    padding: 16px 24px;\r\n    border-radius: 999px;\r\n    background: var(--hp-brand);\r\n    color: #fff;\r\n    text-decoration: none;\r\n    font-family: var(--hp-font-sans);\r\n    font-weight: 700;\r\n    transition: transform 0.25s ease, opacity 0.25s ease, box-shadow 0.25s ease;\r\n    box-shadow: 0 12px 24px rgba(30, 72, 151, 0.18);\r\n  }\r\n\r\n  .hp-button:hover,\r\n  .hp-button:focus-visible {\r\n    transform: translateY(-1px);\r\n    opacity: 0.94;\r\n    box-shadow: 0 16px 30px rgba(30, 72, 151, 0.22);\r\n  }\r\n\r\n  .hp-button:focus-visible {\r\n    outline: 2px solid #fff;\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  .hp-button--ghost {\r\n    background: transparent;\r\n    color: var(--hp-brand);\r\n    border: 1.5px solid var(--hp-brand);\r\n    box-shadow: none;\r\n  }\r\n  .hp-button--ghost:hover,\r\n  .hp-button--ghost:focus-visible {\r\n    background: var(--hp-brand-soft);\r\n    box-shadow: 0 10px 20px rgba(30, 72, 151, 0.12);\r\n  }\r\n  .hp-button--ghost:focus-visible { outline-color: var(--hp-brand); }\r\n\r\n  .hp-cta-row {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n  }\r\n\r\n  \/* Two-flow \"paths\" block \u2014 simpler, no booking step lists *\/\r\n  .hp-paths {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: 14px;\r\n    margin: 0 0 28px;\r\n    font-family: var(--hp-font-sans);\r\n  }\r\n  .hp-paths__card {\r\n    background: #fff;\r\n    border: 1px solid rgba(30, 72, 151, 0.14);\r\n    border-radius: 18px;\r\n    padding: 20px 20px 18px;\r\n    box-shadow: 0 8px 20px rgba(17, 38, 79, 0.06);\r\n  }\r\n  .hp-paths__eyebrow {\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    letter-spacing: 0.12em;\r\n    text-transform: uppercase;\r\n    color: var(--hp-brand);\r\n    margin-bottom: 6px;\r\n  }\r\n  .hp-paths__title {\r\n    font-size: 18px;\r\n    font-weight: 700;\r\n    color: var(--hp-brand-deep);\r\n    margin: 0 0 8px;\r\n    line-height: 1.25;\r\n  }\r\n  .hp-paths__text {\r\n    font-size: 14px;\r\n    line-height: 1.5;\r\n    color: #4a5b78;\r\n    margin: 0 0 16px;\r\n    flex: 1;\r\n  }\r\n  .hp-paths__card {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .hp-paths__cta {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding-top: 14px;\r\n    border-top: 1px solid rgba(30, 72, 151, 0.12);\r\n    font-family: var(--hp-font-sans);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    color: var(--hp-brand);\r\n    text-decoration: none;\r\n    transition: opacity 0.2s ease, gap 0.2s ease;\r\n    gap: 8px;\r\n  }\r\n  .hp-paths__cta:hover {\r\n    opacity: 0.7;\r\n    gap: 12px;\r\n  }\r\n  .hp-paths__cta-arrow {\r\n    font-size: 17px;\r\n    line-height: 1;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  \/* ---------- 4. VISUAL (right) ---------- *\/\r\n  .hp-panel__visual {\r\n    position: relative;\r\n    min-height: 420px;\r\n    overflow: hidden;\r\n    background: linear-gradient(135deg, #0d2347 0%, #1e4897 38%, #5e8fe2 70%, #d7e6ff 100%);\r\n    isolation: isolate;\r\n  }\r\n\r\n  .hp-panel__visual::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background:\r\n      radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.14), transparent 18%),\r\n      radial-gradient(circle at 84% 22%, rgba(255, 255, 255, 0.10), transparent 16%),\r\n      linear-gradient(145deg, rgba(255, 255, 255, 0.06), transparent 48%, rgba(255, 255, 255, 0.05));\r\n  }\r\n\r\n  .hp-panel__visual::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0.14));\r\n  }\r\n\r\n  .hp-calendar,\r\n  .hp-report,\r\n  .hp-journal,\r\n  .hp-followup {\r\n    position: absolute;\r\n    z-index: 2;\r\n  }\r\n\r\n  \/* ---------- 5. STEP 1 \u2014 CALENDAR ---------- *\/\r\n  .hp-calendar { left: 50%; top: 52%; width: 310px; transform: translate(-50%, -50%); }\r\n  .hp-calendar__card {\r\n    border-radius: 28px; overflow: hidden;\r\n    background: rgba(255, 255, 255, 0.92);\r\n    box-shadow: 0 20px 50px rgba(8, 27, 60, 0.22);\r\n    border: 1px solid rgba(255, 255, 255, 0.72);\r\n  }\r\n  .hp-calendar__top {\r\n    background: linear-gradient(135deg, #1e4897, #5d8fe4);\r\n    color: #fff; padding: 20px 22px; font-family: var(--hp-font-sans);\r\n  }\r\n  .hp-calendar__headline { font-size: 28px; line-height: 1.2; font-weight: 700; }\r\n  .hp-calendar__bottom { padding: 20px; background: #f8fbff; color: var(--hp-brand-deep); font-family: var(--hp-font-sans); }\r\n  .hp-calendar__weekday-row,\r\n  .hp-calendar__row { display: grid; grid-template-columns: repeat(7, 1fr); gap: 6px; }\r\n  .hp-calendar__weekday-row { margin-bottom: 8px; color: #6b7f9e; font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; text-align: center; }\r\n  .hp-calendar__row { margin-bottom: 6px; }\r\n  .hp-calendar__cell {\r\n    height: 28px;\r\n    border-radius: 8px;\r\n    background: #eaf1ff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 11px;\r\n    font-weight: 600;\r\n    color: #4c617f;\r\n  }\r\n  .hp-calendar__cell.is-muted { background: transparent; color: #b7c1d3; font-weight: 400; }\r\n  .hp-calendar__cell.is-today {\r\n    background: #fff;\r\n    color: var(--hp-brand);\r\n    box-shadow: inset 0 0 0 1.5px var(--hp-brand);\r\n  }\r\n  .hp-calendar__cell.is-active {\r\n    background: var(--hp-brand);\r\n    color: #fff;\r\n    box-shadow: 0 8px 16px rgba(30, 72, 151, 0.25);\r\n    position: relative;\r\n  }\r\n  .hp-calendar__cell.is-active::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    inset: -2px;\r\n    border-radius: 10px;\r\n    border: 1.5px solid rgba(30, 72, 151, 0.35);\r\n  }\r\n  .hp-calendar__footer { margin-top: 14px; font-size: 14px; color: #4c617f; }\r\n\r\n  \/* ---------- 6. STEP 2 \u2014 REPORT WITH REFERENCES ---------- *\/\r\n  .hp-report {\r\n    left: 50%; top: 50%;\r\n    width: min(420px, 82%);\r\n    transform: translate(-50%, -50%);\r\n    border-radius: 26px;\r\n    background: rgba(248, 251, 255, 0.96);\r\n    border: 1px solid rgba(255, 255, 255, 0.82);\r\n    box-shadow: 0 24px 60px rgba(7, 24, 54, 0.24);\r\n    overflow: hidden;\r\n    font-family: var(--hp-font-sans);\r\n  }\r\n  .hp-report__head {\r\n    padding: 18px 20px;\r\n    background: linear-gradient(135deg, #173a7b, #4d80d6);\r\n    color: #fff;\r\n  }\r\n  .hp-report__eyebrow { font-size: 11px; text-transform: uppercase; letter-spacing: 0.12em; opacity: 0.85; margin-bottom: 4px; }\r\n  .hp-report__title { font-size: 19px; font-weight: 700; line-height: 1.25; }\r\n  .hp-report__body { padding: 18px 20px 20px; color: var(--hp-brand-deep); }\r\n\r\n  .hp-report__section {\r\n    margin-bottom: 4px;\r\n  }\r\n  .hp-report__section-head {\r\n    font-size: 10px; font-weight: 800; letter-spacing: 0.13em;\r\n    text-transform: uppercase; color: var(--hp-brand);\r\n    padding: 12px 0 6px;\r\n    border-top: 1px solid #eaf0f9;\r\n  }\r\n  .hp-report__section:first-child .hp-report__section-head {\r\n    padding-top: 0;\r\n    border-top: 0;\r\n  }\r\n\r\n  .hp-marker-row {\r\n    padding: 8px 0 10px;\r\n    border-bottom: 1px solid #eaf0f9;\r\n  }\r\n  .hp-marker-row:last-child { border-bottom: 0; padding-bottom: 0; }\r\n  .hp-marker-row__top {\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    gap: 10px; margin-bottom: 8px;\r\n  }\r\n  .hp-marker-row__name {\r\n    font-size: 14px; font-weight: 700; color: #17315f;\r\n  }\r\n  .hp-marker-row__status {\r\n    font-size: 10px; font-weight: 700;\r\n    padding: 3px 9px; border-radius: 999px;\r\n    white-space: nowrap;\r\n    letter-spacing: 0.04em;\r\n  }\r\n  .hp-marker-row__status.is-optimal { color: #1d5f4c; background: #dff6ec; }\r\n  .hp-marker-row__status.is-warn    { color: #8a5a11; background: #fff2d8; }\r\n  .hp-marker-row__status.is-bad     { color: #8a2a2a; background: #fde0e0; }\r\n\r\n  \/* higher=better: red \u2192 yellow \u2192 green *\/\r\n  .hp-marker-row__scale {\r\n    position: relative;\r\n    height: 6px;\r\n    border-radius: 999px;\r\n    background: linear-gradient(to right, #e89595 0%, #efb66b 50%, #79c79a 100%);\r\n  }\r\n  \/* lower=better: green \u2192 yellow \u2192 red *\/\r\n  .hp-marker-row__scale.is-inverted {\r\n    background: linear-gradient(to right, #79c79a 0%, #efb66b 50%, #e89595 100%);\r\n  }\r\n  .hp-marker-row__dot {\r\n    position: absolute;\r\n    top: 50%;\r\n    width: 12px; height: 12px;\r\n    border-radius: 50%;\r\n    background: #fff;\r\n    border: 2.5px solid var(--hp-brand);\r\n    transform: translate(-50%, -50%);\r\n    box-shadow: 0 3px 8px rgba(30, 72, 151, 0.28);\r\n  }\r\n\r\n  .hp-report__footer {\r\n    margin-top: 10px;\r\n    padding: 10px 14px;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    color: #587092;\r\n    text-align: center;\r\n    letter-spacing: 0.02em;\r\n  }\r\n\r\n  \/* ---------- 7. STEP 3 \u2014 WEEKLY JOURNAL ---------- *\/\r\n  .hp-journal {\r\n    position: absolute;\r\n    left: 50%; top: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: min(420px, 82%);\r\n  }\r\n  .hp-journal__card {\r\n    background: rgba(248, 251, 255, 0.96);\r\n    border: 1px solid rgba(255, 255, 255, 0.8);\r\n    border-radius: 26px;\r\n    padding: 22px 22px 20px;\r\n    box-shadow: 0 24px 60px rgba(7, 24, 54, 0.24);\r\n    font-family: var(--hp-font-sans);\r\n    color: var(--hp-brand-deep);\r\n  }\r\n  .hp-journal__head {\r\n    display: flex; align-items: flex-start; justify-content: space-between;\r\n    gap: 12px; margin-bottom: 6px;\r\n  }\r\n  .hp-journal__eyebrow {\r\n    font-size: 11px; text-transform: uppercase;\r\n    letter-spacing: 0.12em; color: #587092;\r\n    margin-bottom: 4px;\r\n  }\r\n  .hp-journal__title { font-size: 20px; font-weight: 700; line-height: 1.2; }\r\n  .hp-journal__week {\r\n    display: inline-flex; align-items: center; gap: 6px;\r\n    font-size: 11px; font-weight: 700; text-transform: uppercase;\r\n    letter-spacing: 0.08em;\r\n    color: var(--hp-brand);\r\n    background: var(--hp-brand-soft);\r\n    padding: 5px 10px;\r\n    border-radius: 999px;\r\n    white-space: nowrap;\r\n  }\r\n  .hp-journal__sub {\r\n    font-size: 13px; color: #587092; margin: 4px 0 16px; line-height: 1.5;\r\n  }\r\n  .hp-journal__items {\r\n    list-style: none; padding: 0; margin: 0 0 16px;\r\n    display: grid; gap: 10px;\r\n  }\r\n  .hp-journal__item {\r\n    display: grid;\r\n    grid-template-columns: 22px 1fr auto;\r\n    align-items: center; gap: 12px;\r\n    padding: 10px 12px;\r\n    border-radius: 12px;\r\n    background: #fff;\r\n    border: 1px solid #e5eefb;\r\n    font-size: 14px;\r\n    color: #17315f;\r\n  }\r\n  .hp-journal__check {\r\n    width: 22px; height: 22px;\r\n    border-radius: 7px;\r\n    border: 1.5px solid #c9d4e8;\r\n    display: inline-flex; align-items: center; justify-content: center;\r\n    font-size: 12px; font-weight: 700;\r\n    color: transparent;\r\n    background: #fff;\r\n    flex: 0 0 auto;\r\n  }\r\n  .hp-journal__item.is-done .hp-journal__check {\r\n    background: var(--hp-brand);\r\n    border-color: var(--hp-brand);\r\n    color: #fff;\r\n  }\r\n  .hp-journal__item.is-done .hp-journal__text {\r\n    color: #17315f;\r\n    font-weight: 600;\r\n  }\r\n  .hp-journal__item.is-miss .hp-journal__text {\r\n    color: #7a8699;\r\n  }\r\n  .hp-journal__text { line-height: 1.3; }\r\n  .hp-journal__freq {\r\n    font-size: 11px; font-weight: 700;\r\n    color: #587092;\r\n    white-space: nowrap;\r\n  }\r\n  .hp-journal__item.is-done .hp-journal__freq { color: var(--hp-brand); }\r\n\r\n  .hp-journal__prompt {\r\n    margin-top: 4px;\r\n    padding: 12px 14px;\r\n    border-radius: 14px;\r\n    background: var(--hp-brand-soft);\r\n    border: 1px dashed rgba(30, 72, 151, 0.28);\r\n    font-size: 12px;\r\n    line-height: 1.4;\r\n    color: #3b4f70;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n  }\r\n  .hp-journal__prompt-icon {\r\n    width: 26px; height: 26px; border-radius: 50%;\r\n    background: #fff;\r\n    color: var(--hp-brand);\r\n    display: inline-flex; align-items: center; justify-content: center;\r\n    font-size: 13px; font-weight: 800;\r\n    flex: 0 0 auto;\r\n  }\r\n\r\n  \/* ---------- 8. STEP 4 \u2014 FOLLOW-UP (MEMBER PROGRESS) ---------- *\/\r\n  .hp-followup {\r\n    left: 50%; top: 50%;\r\n    width: min(450px, 82%);\r\n    transform: translate(-50%, -50%);\r\n    display: flex; flex-direction: column; gap: 14px;\r\n  }\r\n  .hp-followup__top {\r\n    border-radius: 24px;\r\n    background: rgba(248, 251, 255, 0.96);\r\n    border: 1px solid rgba(255, 255, 255, 0.82);\r\n    box-shadow: 0 24px 60px rgba(7, 24, 54, 0.24);\r\n    overflow: hidden;\r\n  }\r\n  .hp-followup__head {\r\n    padding: 18px 20px;\r\n    background: linear-gradient(135deg, #173a7b, #4d80d6);\r\n    color: #fff; font-family: var(--hp-font-sans);\r\n  }\r\n  .hp-followup__eyebrow { font-size: 11px; text-transform: uppercase; letter-spacing: 0.11em; opacity: 0.82; margin-bottom: 6px; }\r\n  .hp-followup__title { font-size: 20px; font-weight: 700; line-height: 1.2; }\r\n  .hp-followup__body { padding: 16px 20px 18px; color: var(--hp-brand-deep); font-family: var(--hp-font-sans); }\r\n\r\n  .hp-trend-group { margin-bottom: 10px; }\r\n  .hp-trend-group:last-child { margin-bottom: 0; }\r\n  .hp-trend-group__head {\r\n    font-size: 10px; font-weight: 800; letter-spacing: 0.12em;\r\n    text-transform: uppercase; color: var(--hp-brand);\r\n    margin-bottom: 2px;\r\n  }\r\n  .hp-trend {\r\n    list-style: none; padding: 0; margin: 0;\r\n    display: grid; gap: 4px;\r\n  }\r\n  .hp-trend__item {\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    padding: 8px 0;\r\n    border-bottom: 1px solid #e1ebfb;\r\n    font-size: 14px;\r\n  }\r\n  .hp-trend__item:last-child { border-bottom: 0; }\r\n  .hp-trend__label { font-weight: 600; color: #17315f; }\r\n  .hp-trend__from {\r\n    font-size: 11px;\r\n    color: #7a8699;\r\n    margin-right: 8px;\r\n    font-weight: 500;\r\n  }\r\n  .hp-trend__delta {\r\n    font-weight: 700;\r\n    font-size: 13px;\r\n    padding: 5px 11px;\r\n    border-radius: 999px;\r\n    letter-spacing: 0.01em;\r\n    white-space: nowrap;\r\n    display: inline-flex; align-items: center; gap: 5px;\r\n  }\r\n  .hp-trend__delta.is-up::before   { content: \"\u25b2\"; font-size: 9px; }\r\n  .hp-trend__delta.is-down::before { content: \"\u25bc\"; font-size: 9px; }\r\n  .hp-trend__delta.is-up,\r\n  .hp-trend__delta.is-down {\r\n    color: #1d5f4c;\r\n    background: #dff6ec;\r\n  }\r\n\r\n  .hp-next {\r\n    display: grid; grid-template-columns: 1fr; gap: 14px;\r\n  }\r\n  .hp-next__card {\r\n    border-radius: 20px; padding: 16px;\r\n    background: rgba(255, 255, 255, 0.22);\r\n    border: 1px solid rgba(255, 255, 255, 0.34);\r\n    backdrop-filter: blur(12px) saturate(140%);\r\n    -webkit-backdrop-filter: blur(12px) saturate(140%);\r\n    color: #ffffff;\r\n    box-shadow: 0 14px 40px rgba(7, 24, 54, 0.24);\r\n    font-family: var(--hp-font-sans);\r\n    text-shadow: 0 1px 2px rgba(7, 24, 54, 0.25);\r\n  }\r\n  .hp-next__eyebrow { font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em; opacity: 0.92; margin-bottom: 8px; font-weight: 700; }\r\n  .hp-next__value { font-size: 22px; font-weight: 700; line-height: 1.15; margin-bottom: 6px; }\r\n  .hp-next__text { font-size: 12px; line-height: 1.5; opacity: 1; }\r\n\r\n  \/* ---------- 9. TABLET ---------- *\/\r\n  @media (min-width: 768px) and (max-width: 1024px) {\r\n    .hp-panel {\r\n      position: relative;\r\n      min-height: auto;\r\n      padding: 20px 0 0;\r\n    }\r\n    .hp-panel__card {\r\n      grid-template-columns: 1fr;\r\n      min-height: auto;\r\n      background: transparent;\r\n      box-shadow: none;\r\n      border: 0;\r\n      transform: none; opacity: 1;\r\n    }\r\n    .hp-panel__visual {\r\n      order: 1;\r\n      min-height: 360px;\r\n      border-radius: 28px;\r\n      margin: 0 20px;\r\n      box-shadow: 0 14px 28px rgba(17, 38, 79, 0.10);\r\n    }\r\n    .hp-panel__content {\r\n      order: 2;\r\n      padding: 26px 34px 36px;\r\n      background: transparent;\r\n    }\r\n    .hp-step {\r\n      padding: 0; margin: 22px 0 18px;\r\n      background: transparent; border: 0; box-shadow: none;\r\n      color: var(--hp-accent);\r\n    }\r\n    .hp-step__number {\r\n      background: transparent; color: inherit;\r\n      width: auto; height: auto; padding: 0; box-shadow: none;\r\n    }\r\n    .hp-title  { font-size: clamp(40px, 5.2vw, 58px); line-height: 1; }\r\n    .hp-copy   { font-size: 18px; max-width: 720px; }\r\n    .hp-list li { font-size: 17px; }\r\n\r\n    \/* Smaller illustrations on tablet *\/\r\n    .hp-calendar, .hp-report, .hp-journal, .hp-followup {\r\n      width: min(60%, 380px);\r\n    }\r\n\r\n    \/* Prevent progress pill from wrapping on tablet *\/\r\n    .hp-steps-progress__inner {\r\n      flex-wrap: nowrap;\r\n      gap: 6px;\r\n      padding: 10px 12px;\r\n    }\r\n    .hp-steps-progress__item { gap: 6px; padding: 4px 6px; }\r\n    .hp-steps-progress__dot { width: 30px; height: 30px; border-radius: 10px; font-size: 11px; }\r\n    .hp-steps-progress__label { font-size: 10px; }\r\n    .hp-steps-progress__sep { width: 16px; }\r\n  }\r\n\r\n  \/* ---------- 10. MOBILE \u2014 TAB MODE ---------- *\/\r\n  @media (max-width: 767px) {\r\n    \/* Tabs + one card at a time. No sticky, no scroll-stack. *\/\r\n    .hp-scroll-stack__track { padding-bottom: 0; }\r\n\r\n    .hp-steps-progress { position: static; top: auto; padding: 14px 12px 4px; }\r\n    .hp-steps-progress__inner {\r\n      width: 100%;\r\n      display: flex;\r\n      flex-direction: column;\r\n      padding: 12px 14px 14px;\r\n      border-radius: 18px;\r\n      background: rgba(255, 255, 255, 0.92);\r\n      border: 1px solid rgba(30, 72, 151, 0.08);\r\n      box-shadow: 0 10px 24px rgba(17, 38, 79, 0.08);\r\n      backdrop-filter: none; -webkit-backdrop-filter: none;\r\n    }\r\n    .hp-steps-progress__nav-track {\r\n      display: flex;\r\n      align-items: flex-start;\r\n      width: 100%;\r\n    }\r\n    .hp-steps-progress__title,\r\n    .hp-steps-progress__title-sep { display: none; }\r\n    .hp-steps-progress__sep {\r\n      display: block;\r\n      flex: 0 0 14px;\r\n      min-width: 8px;\r\n      height: 2px;\r\n      margin-top: 14px;\r\n      border-radius: 999px;\r\n      background: rgba(30, 72, 151, 0.16);\r\n    }\r\n    .hp-steps-progress__item.is-complete + .hp-steps-progress__sep {\r\n      background: rgba(30, 72, 151, 0.40);\r\n    }\r\n    .hp-steps-progress__item {\r\n      flex: 1;\r\n      min-width: 0;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      gap: 5px;\r\n      padding: 0;\r\n      color: #9aaac0;\r\n      opacity: 1;\r\n      transform: none;\r\n      transition: color 0.25s ease;\r\n    }\r\n    .hp-steps-progress__item:hover { transform: none; color: var(--hp-brand); background-color: transparent; }\r\n    .hp-steps-progress__item.is-active { color: var(--hp-brand); opacity: 1; }\r\n    .hp-steps-progress__item.is-complete { color: var(--hp-accent); opacity: 0.85; }\r\n    .hp-steps-progress__dot {\r\n      width: 28px; height: 28px;\r\n      border-radius: 50%;\r\n      font-size: 10px;\r\n      flex: 0 0 auto;\r\n    }\r\n    .hp-steps-progress__label {\r\n      display: block;\r\n      font-size: 10px;\r\n      font-weight: 700;\r\n      text-align: center;\r\n      line-height: 1.3;\r\n      letter-spacing: 0.01em;\r\n    }\r\n    .hp-steps-progress__mobile-label { display: none; }\r\n\r\n    .hp-panel { position: relative; min-height: auto; display: block; padding: 14px 0 0; }\r\n    .hp-panel__card {\r\n      display: flex; flex-direction: column;\r\n      min-height: auto; border-radius: 26px;\r\n      border: 1px solid rgba(23, 49, 95, 0.12);\r\n      box-shadow: none; background: transparent; overflow: visible;\r\n      transform: none; opacity: 1;\r\n    }\r\n    .hp-panel__visual {\r\n      order: 1; position: relative;\r\n      min-height: 250px;\r\n      border-radius: 22px; overflow: hidden;\r\n      margin: 0 14px;\r\n      box-shadow: 0 12px 26px rgba(17, 38, 79, 0.10);\r\n    }\r\n    .hp-panel__content { order: 2; padding: 22px 22px 30px; background: transparent; }\r\n\r\n    .hp-step {\r\n      display: flex; align-items: center; gap: 14px;\r\n      padding: 0; margin: 18px 0;\r\n      background: transparent; border: 0; box-shadow: none;\r\n      border-radius: 0; width: auto;\r\n      color: var(--hp-accent);\r\n      font-size: 11px; font-weight: 800; letter-spacing: 0.14em;\r\n    }\r\n    .hp-step__number {\r\n      width: auto; height: auto;\r\n      background: transparent; color: inherit;\r\n      border-radius: 0; padding: 0; font-size: inherit; font-weight: inherit; box-shadow: none;\r\n    }\r\n\r\n    .hp-title { font-size: clamp(32px, 7.5vw, 48px); line-height: 1.05; letter-spacing: -0.03em; margin: 0 0 16px; color: #1d2330; }\r\n    .hp-copy  { font-size: 16px; line-height: 1.6; margin-bottom: 22px; color: #4f5563; max-width: none; }\r\n\r\n    .hp-list { margin: 0 0 26px; }\r\n    .hp-list li { font-size: 15px; line-height: 1.5; margin-bottom: 12px; color: #222937; }\r\n    .hp-list li::before {\r\n      width: 20px; height: 20px; font-size: 11px; margin-top: 2px;\r\n      border-width: 1.5px; color: var(--hp-accent); border-color: var(--hp-accent);\r\n    }\r\n\r\n    .hp-button { min-width: 0; padding: 14px 24px; font-size: 15px; box-shadow: none; }\r\n    .hp-paths { grid-template-columns: 1fr; gap: 10px; margin-bottom: 22px; }\r\n    .hp-paths__card { padding: 16px 16px 14px; }\r\n    .hp-paths__title { font-size: 16px; }\r\n    .hp-cta-row { flex-direction: column; gap: 10px; }\r\n    .hp-cta-row .hp-button { width: 100%; }\r\n    .hp-intro { padding: 28px 20px 4px; }\r\n    .hp-intro__title { margin-bottom: 0; }\r\n    .hp-intro__subtitle { display: none; }\r\n\r\n    .hp-panel__visual::before { opacity: 0.82; }\r\n    .hp-panel__visual::after  { background: linear-gradient(to bottom, rgba(0,0,0,0.02), rgba(0,0,0,0.10)); }\r\n\r\n    \/* Smaller illustrations on mobile *\/\r\n    .hp-calendar, .hp-report, .hp-journal, .hp-followup {\r\n      width: min(82%, 280px);\r\n      top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n    }\r\n    .hp-calendar__card { border-radius: 22px; }\r\n    .hp-calendar__top { padding: 14px 16px; }\r\n    .hp-calendar__headline { font-size: 20px; }\r\n    .hp-calendar__bottom { padding: 14px; }\r\n    .hp-calendar__weekday-row { gap: 5px; font-size: 8px; }\r\n    .hp-calendar__row { gap: 5px; margin-bottom: 5px; }\r\n    .hp-calendar__cell { height: 20px; border-radius: 6px; font-size: 10px; }\r\n    .hp-calendar__footer { font-size: 11px; margin-top: 10px; }\r\n\r\n    .hp-report { border-radius: 18px; }\r\n    .hp-report__head { padding: 12px 14px; }\r\n    .hp-report__title { font-size: 15px; }\r\n    .hp-report__eyebrow { font-size: 9px; }\r\n    .hp-report__body { padding: 8px 14px 10px; }\r\n    .hp-report__section-head { font-size: 9px; padding: 8px 0 4px; }\r\n    .hp-report__section:first-child .hp-report__section-head { padding-top: 0; }\r\n    .hp-marker-row { padding: 6px 0 8px; }\r\n    .hp-marker-row__top { margin-bottom: 6px; }\r\n    .hp-marker-row__name { font-size: 12px; }\r\n    .hp-marker-row__status { font-size: 9px; padding: 2px 7px; }\r\n    .hp-marker-row__scale { height: 5px; }\r\n    .hp-marker-row__dot { width: 10px; height: 10px; border-width: 2px; }\r\n    .hp-report__footer { padding: 6px 10px; font-size: 10px; margin-top: 4px; }\r\n\r\n    .hp-journal__card { padding: 14px 14px 14px; border-radius: 18px; }\r\n    .hp-journal__title { font-size: 15px; }\r\n    .hp-journal__eyebrow { font-size: 9px; }\r\n    .hp-journal__week { font-size: 9px; padding: 4px 8px; }\r\n    .hp-journal__sub { font-size: 11px; margin-bottom: 10px; }\r\n    .hp-journal__item { padding: 7px 10px; font-size: 12px; border-radius: 10px; gap: 8px; grid-template-columns: 18px 1fr auto; }\r\n    .hp-journal__check { width: 18px; height: 18px; border-radius: 6px; font-size: 10px; }\r\n    .hp-journal__freq { font-size: 9px; }\r\n    .hp-journal__prompt { padding: 8px 10px; font-size: 10px; }\r\n    .hp-journal__prompt-icon { width: 22px; height: 22px; font-size: 11px; }\r\n\r\n    .hp-followup { gap: 10px; }\r\n    .hp-followup__top { border-radius: 18px; }\r\n    .hp-followup__head { padding: 12px 14px; }\r\n    .hp-followup__title { font-size: 15px; }\r\n    .hp-followup__eyebrow { font-size: 9px; }\r\n    .hp-followup__body { padding: 10px 14px 12px; }\r\n    .hp-trend-group { margin-bottom: 6px; }\r\n    .hp-trend-group__head { font-size: 9px; margin-bottom: 0; }\r\n    .hp-trend__item { font-size: 11px; padding: 5px 0; }\r\n    .hp-trend__from { font-size: 9px; }\r\n    .hp-trend__delta { font-size: 10px; padding: 2px 7px; }\r\n    .hp-next { grid-template-columns: 1fr; gap: 8px; }\r\n    .hp-next__card { padding: 10px 12px; border-radius: 14px; }\r\n    .hp-next__eyebrow { font-size: 9px; margin-bottom: 4px; }\r\n    .hp-next__value { font-size: 16px; }\r\n    .hp-next__text { font-size: 10px; line-height: 1.4; }\r\n  }\r\n\r\n  \/* ---------- 11. TINY PHONES ---------- *\/\r\n  @media (max-width: 420px) {\r\n    .hp-title { font-size: 26px; }\r\n    .hp-copy  { font-size: 14px; }\r\n    .hp-list li { font-size: 14px; }\r\n    .hp-panel__visual { min-height: 230px; }\r\n    .hp-calendar, .hp-report, .hp-journal, .hp-followup { width: calc(100% - 32px); max-width: 280px; }\r\n  }\r\n\r\n  \/* ---------- 12. REDUCED MOTION ---------- *\/\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .hp-scroll-stack *,\r\n    .hp-scroll-stack *::before,\r\n    .hp-scroll-stack *::after {\r\n      transition: none !important;\r\n      animation: none !important;\r\n    }\r\n    .hp-panel__card { transform: none !important; opacity: 1 !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"hp-scroll-stack\" aria-label=\"S\u00e5dan foreg\u00e5r det\">\r\n  <div class=\"hp-scroll-stack__track\">\r\n\r\n    <header class=\"hp-intro\">\r\n      <h2 class=\"hp-intro__title\">S\u00e5dan foreg\u00e5r det<\/h2>\r\n      <p class=\"hp-intro__subtitle\">Her kan du se, hvordan en sundhedsanalyse hos Helbredspartner foreg\u00e5r:<\/p>\r\n    <\/header>\r\n\r\n    <nav class=\"hp-steps-progress\" aria-label=\"Forl\u00f8b\">\r\n      <div class=\"hp-steps-progress__inner\">\r\n        <span class=\"hp-steps-progress__title\" aria-hidden=\"true\">Step<\/span>\r\n        <span class=\"hp-steps-progress__title-sep\" aria-hidden=\"true\"><\/span>\r\n        <div class=\"hp-steps-progress__nav-track\">\r\n          <button type=\"button\" class=\"hp-steps-progress__item is-active\" data-step-nav=\"1\" data-label=\"01 \u00b7 Kom i gang\" aria-label=\"G\u00e5 til trin 1: Kom i gang\">\r\n            <span class=\"hp-steps-progress__dot\" aria-hidden=\"true\">01<\/span>\r\n            <span class=\"hp-steps-progress__label\">Kom i gang<\/span>\r\n          <\/button>\r\n          <span class=\"hp-steps-progress__sep\" aria-hidden=\"true\"><\/span>\r\n\r\n          <button type=\"button\" class=\"hp-steps-progress__item\" data-step-nav=\"2\" data-label=\"02 \u00b7 Resultater\" aria-label=\"G\u00e5 til trin 2: Resultater og vejledning\">\r\n            <span class=\"hp-steps-progress__dot\" aria-hidden=\"true\">02<\/span>\r\n            <span class=\"hp-steps-progress__label\">Resultater<\/span>\r\n          <\/button>\r\n          <span class=\"hp-steps-progress__sep\" aria-hidden=\"true\"><\/span>\r\n\r\n          <button type=\"button\" class=\"hp-steps-progress__item\" data-step-nav=\"3\" data-label=\"03 \u00b7 Handling\" aria-label=\"G\u00e5 til trin 3: Implementering\">\r\n            <span class=\"hp-steps-progress__dot\" aria-hidden=\"true\">03<\/span>\r\n            <span class=\"hp-steps-progress__label\">Handling<\/span>\r\n          <\/button>\r\n          <span class=\"hp-steps-progress__sep\" aria-hidden=\"true\"><\/span>\r\n\r\n          <button type=\"button\" class=\"hp-steps-progress__item\" data-step-nav=\"4\" data-label=\"04 \u00b7 Opf\u00f8lgning\" aria-label=\"G\u00e5 til trin 4: Opf\u00f8lgning\">\r\n            <span class=\"hp-steps-progress__dot\" aria-hidden=\"true\">04<\/span>\r\n            <span class=\"hp-steps-progress__label\">Opf\u00f8lgning<\/span>\r\n          <\/button>\r\n        <\/div>\r\n        <span class=\"hp-steps-progress__mobile-label\" aria-live=\"polite\">01 \u00b7 Kom i gang<\/span>\r\n      <\/div>\r\n    <\/nav>\r\n\r\n    <!-- ============== STEP 1 \u2014 KOM I GANG ============== -->\r\n    <article class=\"hp-panel is-active\" data-step=\"1\" aria-labelledby=\"hp-step-1-title\">\r\n      <div class=\"hp-panel__card\">\r\n        <div class=\"hp-panel__content\">\r\n          <div class=\"hp-step\"><span class=\"hp-step__number\">01<\/span><span>Kom i gang<\/span><\/div>\r\n          <h2 id=\"hp-step-1-title\" class=\"hp-title\">V\u00e6lg den l\u00f8sning, der passer dig<\/h2>\r\n          <p class=\"hp-copy\">\u00d8nsker du opf\u00f8lgning eller blot et enkelt indblik? Hos Helbredspartner kan du starte p\u00e5 to m\u00e5der - begge giver dig et st\u00e6rkt udgangspunkt for din sundhed.<\/p>\r\n\r\n          <div class=\"hp-paths\">\r\n            <div class=\"hp-paths__card\">\r\n              <div class=\"hp-paths__eyebrow\">Medlemskab<\/div>\r\n              <h3 class=\"hp-paths__title\">L\u00f8bende opf\u00f8lgning<\/h3>\r\n              <p class=\"hp-paths__text\">Et partnerskab med l\u00f8bende opf\u00f8lgning, vejledning og mere v\u00e6rdi over tid<\/p>\r\n              <a class=\"hp-paths__cta\" href=\"https:\/\/buy.stripe.com\/28E9ATe5dfmG5bieRReAg0b\">\r\n                <span>Bliv medlem<\/span>\r\n                <span class=\"hp-paths__cta-arrow\">\u2192<\/span>\r\n              <\/a>\r\n            <\/div>\r\n            <div class=\"hp-paths__card\">\r\n              <div class=\"hp-paths__eyebrow\">Enkeltst\u00e5ende<\/div>\r\n              <h3 class=\"hp-paths__title\">\u00c9t samlet tjek<\/h3>\r\n              <p class=\"hp-paths__text\">\u00c9t grundigt indblik i din sundhed med personlig vejledning.<\/p>\r\n              <a class=\"hp-paths__cta\" href=\"https:\/\/helbredspartner.dk\/helbredstjek#produkter\">\r\n                <span>Book analyse<\/span>\r\n                <span class=\"hp-paths__cta-arrow\">\u2192<\/span>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hp-panel__visual\">\r\n          <div class=\"hp-calendar\" aria-hidden=\"true\">\r\n            <div class=\"hp-calendar__card\">\r\n              <div class=\"hp-calendar__top\"><\/div>\r\n              <div class=\"hp-calendar__bottom\">\r\n                <div class=\"hp-calendar__weekday-row\">\r\n                  <div>Man<\/div><div>Tir<\/div><div>Ons<\/div><div>Tor<\/div><div>Fre<\/div><div>L\u00f8r<\/div><div>S\u00f8n<\/div>\r\n                <\/div>\r\n                <div class=\"hp-calendar__row\">\r\n                  <div class=\"hp-calendar__cell is-muted\">28<\/div>\r\n                  <div class=\"hp-calendar__cell is-muted\">29<\/div>\r\n                  <div class=\"hp-calendar__cell is-today\" aria-label=\"I dag\">1<\/div>\r\n                  <div class=\"hp-calendar__cell\">2<\/div>\r\n                  <div class=\"hp-calendar__cell\">3<\/div>\r\n                  <div class=\"hp-calendar__cell is-active\">4<\/div>\r\n                  <div class=\"hp-calendar__cell\">5<\/div>\r\n                <\/div>\r\n                <div class=\"hp-calendar__row\">\r\n                  <div class=\"hp-calendar__cell\">6<\/div>\r\n                  <div class=\"hp-calendar__cell\">7<\/div>\r\n                  <div class=\"hp-calendar__cell\">8<\/div>\r\n                  <div class=\"hp-calendar__cell\">9<\/div>\r\n                  <div class=\"hp-calendar__cell\">10<\/div>\r\n                  <div class=\"hp-calendar__cell is-active\">11<\/div>\r\n                  <div class=\"hp-calendar__cell\">12<\/div>\r\n                <\/div>\r\n                <div class=\"hp-calendar__row\">\r\n                  <div class=\"hp-calendar__cell\">13<\/div>\r\n                  <div class=\"hp-calendar__cell\">14<\/div>\r\n                  <div class=\"hp-calendar__cell\">15<\/div>\r\n                  <div class=\"hp-calendar__cell is-active\">16<\/div>\r\n                  <div class=\"hp-calendar__cell\">17<\/div>\r\n                  <div class=\"hp-calendar__cell\">18<\/div>\r\n                  <div class=\"hp-calendar__cell\">19<\/div>\r\n                <\/div>\r\n                <div class=\"hp-calendar__row\">\r\n                  <div class=\"hp-calendar__cell\">20<\/div>\r\n                  <div class=\"hp-calendar__cell\">21<\/div>\r\n                  <div class=\"hp-calendar__cell\">22<\/div>\r\n                  <div class=\"hp-calendar__cell is-active\">23<\/div>\r\n                  <div class=\"hp-calendar__cell\">24<\/div>\r\n                  <div class=\"hp-calendar__cell\">25<\/div>\r\n                  <div class=\"hp-calendar__cell\">26<\/div>\r\n                <\/div>\r\n                <div class=\"hp-calendar__row\">\r\n                  <div class=\"hp-calendar__cell\">27<\/div>\r\n                  <div class=\"hp-calendar__cell\">28<\/div>\r\n                  <div class=\"hp-calendar__cell is-active\">29<\/div>\r\n                  <div class=\"hp-calendar__cell\">30<\/div>\r\n                  <div class=\"hp-calendar__cell is-muted\">1<\/div>\r\n                  <div class=\"hp-calendar__cell is-muted\">2<\/div>\r\n                  <div class=\"hp-calendar__cell is-muted\">3<\/div>\r\n                <\/div>\r\n                <div class=\"hp-calendar__footer\">F\u00f8rste skridt mod indsigt i din sundhed<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- ============== STEP 2 \u2014 RESULTATER & VEJLEDNING ============== -->\r\n    <article class=\"hp-panel\" data-step=\"2\" aria-labelledby=\"hp-step-2-title\">\r\n      <div class=\"hp-panel__card\">\r\n        <div class=\"hp-panel__content\">\r\n          <div class=\"hp-step\"><span class=\"hp-step__number\">02<\/span><span>Resultater &amp; vejledning<\/span><\/div>\r\n          <h2 id=\"hp-step-2-title\" class=\"hp-title\">Forst\u00e5 hvad dine resultater betyder<\/h2>\r\n          <p class=\"hp-copy\">Efter dit bes\u00f8g f\u00e5r du en dybdeg\u00e5ende rapport af Nicklas Brendborg og personlig vejledning af din Helbredspartner i en videosamtale.<\/p>\r\n          <ul class=\"hp-list\">\r\n            <li>Indsigt i din krop og sundhed<\/li>\r\n            <li>Personlig forklaring af dine resultater<\/li>\r\n            <li>Klare prioriteringer og konkrete n\u00e6ste skridt<\/li>\r\n          <\/ul>\r\n          <a class=\"hp-button\" href=\"https:\/\/helbredspartner.dk\/helbredstjek#produkter\">Book din sundhedsanalyse<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hp-panel__visual\">\r\n          <div class=\"hp-report\" aria-hidden=\"true\">\r\n            <div class=\"hp-report__head\">\r\n              <div class=\"hp-report__eyebrow\">Din rapport<\/div>\r\n              <div class=\"hp-report__title\">Forst\u00e5 dine mark\u00f8rer<\/div>\r\n            <\/div>\r\n            <div class=\"hp-report__body\">\r\n\r\n              <div class=\"hp-report__section\">\r\n                <div class=\"hp-report__section-head\">Fysiske tests<\/div>\r\n                <div class=\"hp-marker-row\">\r\n                  <div class=\"hp-marker-row__top\">\r\n                    <span class=\"hp-marker-row__name\">VO2-max<\/span>\r\n                    <span class=\"hp-marker-row__status is-warn\">Nogenlunde<\/span>\r\n                  <\/div>\r\n                  <!-- Higher = better: red left \u2192 green right. Nogenlunde \u2192 mid -->\r\n                  <div class=\"hp-marker-row__scale\"><span class=\"hp-marker-row__dot\" style=\"left:48%;\"><\/span><\/div>\r\n                <\/div>\r\n                <div class=\"hp-marker-row\">\r\n                  <div class=\"hp-marker-row__top\">\r\n                    <span class=\"hp-marker-row__name\">Grebsstyrke<\/span>\r\n                    <span class=\"hp-marker-row__status is-optimal\">Optimal<\/span>\r\n                  <\/div>\r\n                  <!-- Higher = better: red left \u2192 green right. Optimal \u2192 right -->\r\n                  <div class=\"hp-marker-row__scale\"><span class=\"hp-marker-row__dot\" style=\"left:84%;\"><\/span><\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"hp-report__section\">\r\n                <div class=\"hp-report__section-head\">Kropsanalyse<\/div>\r\n                <div class=\"hp-marker-row\">\r\n                  <div class=\"hp-marker-row__top\">\r\n                    <span class=\"hp-marker-row__name\">Fedtprocent<\/span>\r\n                    <span class=\"hp-marker-row__status is-warn\">Let forh\u00f8jet<\/span>\r\n                  <\/div>\r\n                  <!-- Lower = better: green left \u2192 red right. Let forh\u00f8jet \u2192 right of center -->\r\n                  <div class=\"hp-marker-row__scale is-inverted\"><span class=\"hp-marker-row__dot\" style=\"left:68%;\"><\/span><\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"hp-report__section\">\r\n                <div class=\"hp-report__section-head\">Blodpr\u00f8ver &amp; blodtryk<\/div>\r\n                <div class=\"hp-marker-row\">\r\n                  <div class=\"hp-marker-row__top\">\r\n                    <span class=\"hp-marker-row__name\">LDL Kolesterol<\/span>\r\n                    <span class=\"hp-marker-row__status is-bad\">Forh\u00f8jet<\/span>\r\n                  <\/div>\r\n                  <!-- Lower = better: green left \u2192 red right. Forh\u00f8jet \u2192 far right -->\r\n                  <div class=\"hp-marker-row__scale is-inverted\"><span class=\"hp-marker-row__dot\" style=\"left:80%;\"><\/span><\/div>\r\n                <\/div>\r\n                <div class=\"hp-marker-row\">\r\n                  <div class=\"hp-marker-row__top\">\r\n                    <span class=\"hp-marker-row__name\">HbA1c<\/span>\r\n                    <span class=\"hp-marker-row__status is-optimal\">Optimal<\/span>\r\n                  <\/div>\r\n                  <!-- Lower = better: green left \u2192 red right. Optimal \u2192 far left -->\r\n                  <div class=\"hp-marker-row__scale is-inverted\"><span class=\"hp-marker-row__dot\" style=\"left:18%;\"><\/span><\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"hp-report__footer\">+ flere mark\u00f8rer i din rapport<\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- ============== STEP 3 \u2014 HANDLING \/ IMPLEMENTERING ============== -->\r\n    <article class=\"hp-panel\" data-step=\"3\" aria-labelledby=\"hp-step-3-title\">\r\n      <div class=\"hp-panel__card\">\r\n        <div class=\"hp-panel__content\">\r\n          <div class=\"hp-step\"><span class=\"hp-step__number\">03<\/span><span>Handling<\/span><\/div>\r\n          <h2 id=\"hp-step-3-title\" class=\"hp-title\">Fra indsigt til handling<\/h2>\r\n          <p class=\"hp-copy\">Nu er det tid til at f\u00f8re indsigterne ud i livet. Som medlem f\u00e5r du adgang til vores dagbogsl\u00f8sning, der hj\u00e6lper dig med at holde motivationen oppe.<\/p>\r\n          <ul class=\"hp-list\">\r\n            <li>Oms\u00e6t indsigt til handling i din hverdag<\/li>\r\n            <li>Bevar momentum med l\u00f8bende status<\/li>\r\n            <li>Skab varige forbedringer over tid<\/li>\r\n          <\/ul>\r\n          <a class=\"hp-button\" href=\"https:\/\/buy.stripe.com\/28E9ATe5dfmG5bieRReAg0b\">Bliv medlem<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hp-panel__visual\">\r\n          <div class=\"hp-journal\" aria-hidden=\"true\">\r\n            <div class=\"hp-journal__card\">\r\n              <div class=\"hp-journal__head\">\r\n                <div>\r\n                  <div class=\"hp-journal__eyebrow\">Ugentlig dagbog<\/div>\r\n                  <div class=\"hp-journal__title\">Hvordan er ugen g\u00e5et?<\/div>\r\n                <\/div>\r\n                <div class=\"hp-journal__week\">Uge 12<\/div>\r\n              <\/div>\r\n              <div class=\"hp-journal__sub\">Et hurtigt tjek-ind med dig selv.<\/div>\r\n\r\n              <ul class=\"hp-journal__items\">\r\n                <li class=\"hp-journal__item is-done\">\r\n                  <span class=\"hp-journal__check\" aria-hidden=\"true\">\u2713<\/span>\r\n                  <span class=\"hp-journal__text\">Styrketr\u00e6ning<\/span>\r\n                  <span class=\"hp-journal__freq\">2 gange<\/span>\r\n                <\/li>\r\n                <li class=\"hp-journal__item is-done\">\r\n                  <span class=\"hp-journal__check\" aria-hidden=\"true\">\u2713<\/span>\r\n                  <span class=\"hp-journal__text\">L\u00f8betur<\/span>\r\n                  <span class=\"hp-journal__freq\">1 gang<\/span>\r\n                <\/li>\r\n                <li class=\"hp-journal__item is-done\">\r\n                  <span class=\"hp-journal__check\" aria-hidden=\"true\">\u2713<\/span>\r\n                  <span class=\"hp-journal__text\">Kosttilskud<\/span>\r\n                  <span class=\"hp-journal__freq\">Ja<\/span>\r\n                <\/li>\r\n              <\/ul>\r\n\r\n              <div class=\"hp-journal__prompt\">\r\n                <span class=\"hp-journal__prompt-icon\">\u2605<\/span>\r\n                <span>Jeg er meget motiveret for at n\u00e5 mine m\u00e5l<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- ============== STEP 4 \u2014 OPF\u00d8LGNING (MEMBERS) ============== -->\r\n    <article class=\"hp-panel\" data-step=\"4\" aria-labelledby=\"hp-step-4-title\">\r\n      <div class=\"hp-panel__card\">\r\n        <div class=\"hp-panel__content\">\r\n          <div class=\"hp-step\"><span class=\"hp-step__number\">04<\/span><span>Opf\u00f8lgning<\/span><\/div>\r\n          <h2 id=\"hp-step-4-title\" class=\"hp-title\">Se din udvikling over tid<\/h2>\r\n          <p class=\"hp-copy\">Som medlem er det dine \u00e6ndringer over tid, der er i fokus. L\u00f8bende m\u00e5linger viser, om din indsats virker, s\u00e5 vi kan justere l\u00f8bende og sikre, at du altid er p\u00e5 rette vej.<\/p>\r\n          <ul class=\"hp-list\">\r\n            <li>Se tydeligt, om din indsats virker<\/li>\r\n            <li>F\u00e5 l\u00f8bende guidance undervejs<\/li>\r\n            <li>V\u00e6r sikker p\u00e5, at du er p\u00e5 rette vej<\/li>\r\n          <\/ul>\r\n          <a class=\"hp-button\" href=\"https:\/\/buy.stripe.com\/28E9ATe5dfmG5bieRReAg0b\">Bliv medlem<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"hp-panel__visual\">\r\n          <div class=\"hp-followup\" aria-hidden=\"true\">\r\n            <div class=\"hp-followup__top\">\r\n              <div class=\"hp-followup__head\">\r\n                <div class=\"hp-followup__eyebrow\">helbredspartner \u00b7 Medlem <\/div>\r\n                <div class=\"hp-followup__title\">Din udvikling<\/div>\r\n              <\/div>\r\n              <div class=\"hp-followup__body\">\r\n                <div class=\"hp-trend-group\">\r\n                  <div class=\"hp-trend-group__head\">Fysiske tests<\/div>\r\n                  <ul class=\"hp-trend\">\r\n                    <li class=\"hp-trend__item\">\r\n                      <span class=\"hp-trend__label\">Grebsstyrke<\/span>\r\n                      <span>\r\n                        <span class=\"hp-trend__from\">44 \u2192 50 kg<\/span>\r\n                        <span class=\"hp-trend__delta is-up\">+14%<\/span>\r\n                      <\/span>\r\n                    <\/li>\r\n                  <\/ul>\r\n                <\/div>\r\n                <div class=\"hp-trend-group\">\r\n                  <div class=\"hp-trend-group__head\">Kropsanalyse<\/div>\r\n                  <ul class=\"hp-trend\">\r\n                    <li class=\"hp-trend__item\">\r\n                      <span class=\"hp-trend__label\">Fedtprocent<\/span>\r\n                      <span>\r\n                        <span class=\"hp-trend__from\">28,4 \u2192 25,2<\/span>\r\n                        <span class=\"hp-trend__delta is-down\">\u22123,2%<\/span>\r\n                      <\/span>\r\n                    <\/li>\r\n                    <li class=\"hp-trend__item\">\r\n                      <span class=\"hp-trend__label\">Muskelmasse<\/span>\r\n                      <span>\r\n                        <span class=\"hp-trend__from\">62,1 \u2192 63,9 kg<\/span>\r\n                        <span class=\"hp-trend__delta is-up\">+1,8 kg<\/span>\r\n                      <\/span>\r\n                    <\/li>\r\n                  <\/ul>\r\n                <\/div>\r\n                <div class=\"hp-trend-group\">\r\n                  <div class=\"hp-trend-group__head\">Blodpr\u00f8ver &amp; blodtryk<\/div>\r\n                  <ul class=\"hp-trend\">\r\n                    <li class=\"hp-trend__item\">\r\n                      <span class=\"hp-trend__label\">LDL Kolesterol<\/span>\r\n                      <span>\r\n                        <span class=\"hp-trend__from\">3,6 \u2192 2,7<\/span>\r\n                        <span class=\"hp-trend__delta is-down\">\u22120,9 mmol\/L<\/span>\r\n                      <\/span>\r\n                    <\/li>\r\n                  <\/ul>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"hp-next\">\r\n              <div class=\"hp-next__card\">\r\n                <div class=\"hp-next__eyebrow\">N\u00e6ste opf\u00f8lgning<\/div>\r\n                <div class=\"hp-next__value\">Om 4 m\u00e5neder<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/article>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@type\": \"HowTo\",\r\n  \"name\": \"S\u00e5dan foreg\u00e5r det hos Helbredspartner\",\r\n  \"description\": \"Fire trin \u2014 fra f\u00f8rste bes\u00f8g til l\u00f8bende opf\u00f8lgning med personlig sundhedsvejledning.\",\r\n  \"step\": [\r\n    {\r\n      \"@type\": \"HowToStep\",\r\n      \"position\": 1,\r\n      \"name\": \"Kom i gang\",\r\n      \"text\": \"V\u00e6lg den l\u00f8sning der passer dig. Du kan starte med et enkelt helbredstjek eller tegne et medlemskab med l\u00f8bende opf\u00f8lgning \u2014 begge giver dig et professionelt udgangspunkt for din sundhed.\"\r\n    },\r\n    {\r\n      \"@type\": \"HowToStep\",\r\n      \"position\": 2,\r\n      \"name\": \"Resultater og vejledning\",\r\n      \"text\": \"Du modtager en dybdeg\u00e5ende rapport udarbejdet af Nicklas Brendborg med resultater, referencev\u00e6rdier og forklaringer. Herefter m\u00f8des du med din personlige Helbredspartner til en videosamtale, hvor I fortolker resultaterne, s\u00e6tter dem i kontekst og l\u00e6gger en plan for de vigtigste prioriteringer.\"\r\n    },\r\n    {\r\n      \"@type\": \"HowToStep\",\r\n      \"position\": 3,\r\n      \"name\": \"Handling\",\r\n      \"text\": \"Oms\u00e6t planen til daglige og ugentlige vaner. Som medlem st\u00f8tter en enkel ugentlig dagbog dig i at fastholde motivationen og holde overblikket over din fremgang.\"\r\n    },\r\n    {\r\n      \"@type\": \"HowToStep\",\r\n      \"position\": 4,\r\n      \"name\": \"Opf\u00f8lgning\",\r\n      \"text\": \"Som medlem f\u00e5r du l\u00f8bende opf\u00f8lgning med nye m\u00e5linger \u2014 typisk efter fire m\u00e5neder. De nye tal dokumenterer dine fremskridt og giver grundlag for at justere og sk\u00e6rpe din plan yderligere.\"\r\n    }\r\n  ]\r\n}\r\n<\/script>\r\n\r\n<script>\r\n(function () {\r\n  var stack = document.querySelector('.hp-scroll-stack');\r\n  if (!stack) return;\r\n\r\n  var panels = stack.querySelectorAll('.hp-panel');\r\n  var navItems = stack.querySelectorAll('[data-step-nav]');\r\n  var mqMobile = window.matchMedia('(max-width: 767px)');\r\n\r\n  function setActiveStep(currentStep) {\r\n    panels.forEach(function (panel) {\r\n      panel.classList.toggle('is-active', Number(panel.dataset.step) === currentStep);\r\n    });\r\n    navItems.forEach(function (item) {\r\n      var itemStep = Number(item.dataset.stepNav);\r\n      item.classList.remove('is-active', 'is-complete');\r\n      if (itemStep < currentStep) item.classList.add('is-complete');\r\n      if (itemStep === currentStep) {\r\n        item.classList.add('is-active');\r\n        item.setAttribute('aria-current', 'step');\r\n      } else {\r\n        item.removeAttribute('aria-current');\r\n      }\r\n    });\r\n    var mobileLabel = stack.querySelector('.hp-steps-progress__mobile-label');\r\n    if (mobileLabel) {\r\n      var activeBtn = stack.querySelector('[data-step-nav=\"' + currentStep + '\"]');\r\n      if (activeBtn && activeBtn.dataset.label) mobileLabel.textContent = activeBtn.dataset.label;\r\n    }\r\n  }\r\n\r\n  \/\/ Desktop\/tablet: observe scroll, sync progress bar.\r\n  \/\/ Mobile: tab mode \u2014 only the active panel is visible, no observer needed.\r\n  var observer = null;\r\n  function setupObserver() {\r\n    if (observer) { observer.disconnect(); observer = null; }\r\n    if (mqMobile.matches || !('IntersectionObserver' in window)) return;\r\n    observer = new IntersectionObserver(function (entries) {\r\n      var best = null;\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting && (!best || entry.intersectionRatio > best.intersectionRatio)) {\r\n          best = entry;\r\n        }\r\n      });\r\n      if (best) setActiveStep(Number(best.target.dataset.step));\r\n    }, { threshold: [0.55] });\r\n    panels.forEach(function (panel) { observer.observe(panel); });\r\n  }\r\n  setupObserver();\r\n  if (mqMobile.addEventListener) mqMobile.addEventListener('change', setupObserver);\r\n\r\n  function goToStep(step) {\r\n    var prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n    setActiveStep(step);\r\n    var btn = stack.querySelector('[data-step-nav=\"' + step + '\"]');\r\n    if (btn) btn.focus({ preventScroll: true });\r\n\r\n    if (mqMobile.matches) {\r\n      var target = stack.querySelector('.hp-panel[data-step=\"' + step + '\"]');\r\n      if (target) {\r\n        var targetY = window.pageYOffset + target.getBoundingClientRect().top - 16;\r\n        window.scrollTo({ top: targetY, behavior: prefersReduced ? 'auto' : 'smooth' });\r\n      }\r\n      return;\r\n    }\r\n    var target = stack.querySelector('.hp-panel[data-step=\"' + step + '\"]');\r\n    if (!target) return;\r\n    var y = window.pageYOffset + target.getBoundingClientRect().top - 32;\r\n    window.scrollTo({ top: y, behavior: prefersReduced ? 'auto' : 'smooth' });\r\n  }\r\n\r\n  navItems.forEach(function (item, idx) {\r\n    item.addEventListener('click', function () {\r\n      goToStep(Number(this.dataset.stepNav));\r\n    });\r\n    item.addEventListener('keydown', function (e) {\r\n      var key = e.key;\r\n      if (key !== 'ArrowRight' && key !== 'ArrowLeft' && key !== 'Home' && key !== 'End') return;\r\n      e.preventDefault();\r\n      var next = idx;\r\n      if (key === 'ArrowRight') next = (idx + 1) % navItems.length;\r\n      else if (key === 'ArrowLeft') next = (idx - 1 + navItems.length) % navItems.length;\r\n      else if (key === 'Home') next = 0;\r\n      else if (key === 'End') next = navItems.length - 1;\r\n      goToStep(Number(navItems[next].dataset.stepNav));\r\n    });\r\n  });\r\n\r\n})();\r\n<\/script>\r\n\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>S\u00e5dan foreg\u00e5r det Her kan du se, hvordan en sundhedsanalyse hos Helbredspartner foreg\u00e5r: Step 01 Kom i gang 02 Resultater 03 Handling 04 Opf\u00f8lgning 01 \u00b7 Kom i gang 01Kom i gang V\u00e6lg den l\u00f8sning, der passer dig \u00d8nsker du opf\u00f8lgning eller blot et enkelt indblik? Hos Helbredspartner kan du starte p\u00e5 to m\u00e5der &#8211; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"","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":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"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":""},"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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-5472","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Helbredstjek i K\u00f8benhavn | S\u00e5dan foreg\u00e5r vores sundhedsanalyse<\/title>\n<meta name=\"description\" content=\"F\u00e5 overblik over hvordan et helbredstjek i K\u00f8benhavn foreg\u00e5r. Vi gennemg\u00e5r hele processen i vores sundhedsanalyse \u2013 fra test til resultater.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/helbredspartner.dk\/en\/helbredstjek-forloeb\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Forloeb\" \/>\n<meta property=\"og:description\" content=\"F\u00e5 overblik over hvordan et helbredstjek i K\u00f8benhavn foreg\u00e5r. Vi gennemg\u00e5r hele processen i vores sundhedsanalyse \u2013 fra test til resultater.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/helbredspartner.dk\/en\/helbredstjek-forloeb\/\" \/>\n<meta property=\"og:site_name\" content=\"Helbredspartner\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=61568761004683\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-22T11:36:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/helbredspartner.dk\/wp-content\/uploads\/2025\/01\/color1_icon_transparent_background.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"867\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/helbredspartner.dk\\\/helbredstjek-forloeb\\\/\",\"url\":\"https:\\\/\\\/helbredspartner.dk\\\/helbredstjek-forloeb\\\/\",\"name\":\"Helbredstjek i K\u00f8benhavn | S\u00e5dan foreg\u00e5r vores sundhedsanalyse\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/helbredspartner.dk\\\/#website\"},\"datePublished\":\"2026-04-22T11:33:31+00:00\",\"dateModified\":\"2026-04-22T11:36:20+00:00\",\"description\":\"F\u00e5 overblik over hvordan et helbredstjek i K\u00f8benhavn foreg\u00e5r. Vi gennemg\u00e5r hele processen i vores sundhedsanalyse \u2013 fra test til resultater.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/helbredspartner.dk\\\/helbredstjek-forloeb\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/helbredspartner.dk\\\/helbredstjek-forloeb\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/helbredspartner.dk\\\/helbredstjek-forloeb\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Hjem\",\"item\":\"https:\\\/\\\/helbredspartner.dk\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Forloeb\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/helbredspartner.dk\\\/#website\",\"url\":\"https:\\\/\\\/helbredspartner.dk\\\/\",\"name\":\"Helbredspartner\",\"description\":\"Forst\u00e5 din krop\",\"publisher\":{\"@id\":\"https:\\\/\\\/helbredspartner.dk\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/helbredspartner.dk\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/helbredspartner.dk\\\/#organization\",\"name\":\"Helbredspartner\",\"url\":\"https:\\\/\\\/helbredspartner.dk\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/helbredspartner.dk\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/helbredspartner.dk\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Helbredspartner-logo-cirkel.png\",\"contentUrl\":\"https:\\\/\\\/helbredspartner.dk\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Helbredspartner-logo-cirkel.png\",\"width\":843,\"height\":843,\"caption\":\"Helbredspartner\"},\"image\":{\"@id\":\"https:\\\/\\\/helbredspartner.dk\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=61568761004683\",\"https:\\\/\\\/www.instagram.com\\\/helbredspartner\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Helbredstjek i K\u00f8benhavn | S\u00e5dan foreg\u00e5r vores sundhedsanalyse","description":"F\u00e5 overblik over hvordan et helbredstjek i K\u00f8benhavn foreg\u00e5r. Vi gennemg\u00e5r hele processen i vores sundhedsanalyse \u2013 fra test til resultater.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/helbredspartner.dk\/en\/helbredstjek-forloeb\/","og_locale":"en_US","og_type":"article","og_title":"Forloeb","og_description":"F\u00e5 overblik over hvordan et helbredstjek i K\u00f8benhavn foreg\u00e5r. Vi gennemg\u00e5r hele processen i vores sundhedsanalyse \u2013 fra test til resultater.","og_url":"https:\/\/helbredspartner.dk\/en\/helbredstjek-forloeb\/","og_site_name":"Helbredspartner","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=61568761004683","article_modified_time":"2026-04-22T11:36:20+00:00","og_image":[{"width":1200,"height":867,"url":"https:\/\/helbredspartner.dk\/wp-content\/uploads\/2025\/01\/color1_icon_transparent_background.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/helbredspartner.dk\/helbredstjek-forloeb\/","url":"https:\/\/helbredspartner.dk\/helbredstjek-forloeb\/","name":"Helbredstjek i K\u00f8benhavn | S\u00e5dan foreg\u00e5r vores sundhedsanalyse","isPartOf":{"@id":"https:\/\/helbredspartner.dk\/#website"},"datePublished":"2026-04-22T11:33:31+00:00","dateModified":"2026-04-22T11:36:20+00:00","description":"F\u00e5 overblik over hvordan et helbredstjek i K\u00f8benhavn foreg\u00e5r. Vi gennemg\u00e5r hele processen i vores sundhedsanalyse \u2013 fra test til resultater.","breadcrumb":{"@id":"https:\/\/helbredspartner.dk\/helbredstjek-forloeb\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/helbredspartner.dk\/helbredstjek-forloeb\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/helbredspartner.dk\/helbredstjek-forloeb\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Hjem","item":"https:\/\/helbredspartner.dk\/"},{"@type":"ListItem","position":2,"name":"Forloeb"}]},{"@type":"WebSite","@id":"https:\/\/helbredspartner.dk\/#website","url":"https:\/\/helbredspartner.dk\/","name":"Helbredspartner","description":"Forst\u00e5 din krop","publisher":{"@id":"https:\/\/helbredspartner.dk\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/helbredspartner.dk\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/helbredspartner.dk\/#organization","name":"Helbredspartner","url":"https:\/\/helbredspartner.dk\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/helbredspartner.dk\/#\/schema\/logo\/image\/","url":"https:\/\/helbredspartner.dk\/wp-content\/uploads\/2025\/01\/Helbredspartner-logo-cirkel.png","contentUrl":"https:\/\/helbredspartner.dk\/wp-content\/uploads\/2025\/01\/Helbredspartner-logo-cirkel.png","width":843,"height":843,"caption":"Helbredspartner"},"image":{"@id":"https:\/\/helbredspartner.dk\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=61568761004683","https:\/\/www.instagram.com\/helbredspartner\/"]}]}},"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"Helbredspartner","author_link":"https:\/\/helbredspartner.dk\/en\/author\/helbredspartner\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"S\u00e5dan foreg\u00e5r det Her kan du se, hvordan en sundhedsanalyse hos Helbredspartner foreg\u00e5r: Step 01 Kom i gang 02 Resultater 03 Handling 04 Opf\u00f8lgning 01 \u00b7 Kom i gang 01Kom i gang V\u00e6lg den l\u00f8sning, der passer dig \u00d8nsker du opf\u00f8lgning eller blot et enkelt indblik? Hos Helbredspartner kan du starte p\u00e5 to m\u00e5der &#8211;&hellip;","_links":{"self":[{"href":"https:\/\/helbredspartner.dk\/en\/wp-json\/wp\/v2\/pages\/5472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helbredspartner.dk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/helbredspartner.dk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/helbredspartner.dk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/helbredspartner.dk\/en\/wp-json\/wp\/v2\/comments?post=5472"}],"version-history":[{"count":15,"href":"https:\/\/helbredspartner.dk\/en\/wp-json\/wp\/v2\/pages\/5472\/revisions"}],"predecessor-version":[{"id":5505,"href":"https:\/\/helbredspartner.dk\/en\/wp-json\/wp\/v2\/pages\/5472\/revisions\/5505"}],"wp:attachment":[{"href":"https:\/\/helbredspartner.dk\/en\/wp-json\/wp\/v2\/media?parent=5472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}