{"id":147064,"date":"2026-10-17T13:58:24","date_gmt":"2026-10-17T11:58:24","guid":{"rendered":"https:\/\/flexestate.nl\/?page_id=147064"},"modified":"2026-10-17T19:09:41","modified_gmt":"2026-10-17T17:09:41","slug":"jouw-verkooproute","status":"publish","type":"page","link":"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/","title":{"rendered":"Jouw verkooproute"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"147064\" class=\"elementor elementor-147064\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3125d1a e-con-full e-flex e-con e-parent\" data-id=\"3125d1a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8558aeb elementor-widget elementor-widget-html\" data-id=\"8558aeb\" 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<section id=\"fe-route-01\">\n  <div class=\"r01-grid\"><\/div>\n  <div class=\"r01-glow r01-glow-a\"><\/div>\n  <div class=\"r01-glow r01-glow-b\"><\/div>\n\n  <div class=\"r01-inner\">\n\n    <div class=\"r01-top\">\n      <div class=\"r01-kicker\">\n        <span><\/span>\n        JOUW VERKOOPROUTE\n      <\/div>\n\n      <div class=\"r01-step\">01 <b>\/<\/b> START<\/div>\n    <\/div>\n\n    <div class=\"r01-main\">\n\n      <div class=\"r01-copy\">\n\n        <div class=\"r01-routes\">\n          <span>ZELF VERKOPEN<\/span>\n          <i><\/i>\n          <span>ONDERSTEUNING<\/span>\n          <i><\/i>\n          <span>FULL SERVICE<\/span>\n        <\/div>\n\n        <h1>\n          Hoe wil jij<br>\n          <strong>verkopen?<\/strong>\n        <\/h1>\n\n        <p>\n          Niet iedere verkoper heeft hetzelfde nodig.\n          Ontdek welke verkooproute past bij wat jij zelf wilt doen,\n          waar je hulp bij wilt en hoeveel je uit handen wilt geven.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"r01-visual\">\n\n        <div class=\"r01-ring ring-a\"><\/div>\n        <div class=\"r01-ring ring-b\"><\/div>\n\n        <div class=\"r01-core\">\n          <small>JOUW<\/small>\n          <strong>KEUZE<\/strong>\n          <i><\/i>\n          <span>\u00e9\u00e9n verkooproute<br>die bij jou past<\/span>\n        <\/div>\n\n        <div class=\"r01-card card-a\">\n          <b>01<\/b>\n          <div>\n            <strong>Zelf verkopen<\/strong>\n            <span>Jij houdt de regie<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"r01-card card-b\">\n          <b>02<\/b>\n          <div>\n            <strong>Met ondersteuning<\/strong>\n            <span>Hulp waar jij die wilt<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"r01-card card-c\">\n          <b>03<\/b>\n          <div>\n            <strong>Full Service<\/strong>\n            <span>Wij regelen het verkoopproces<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n\n    <div class=\"r01-bottom\">\n\n      <p>\n        <strong>Geen standaardpakket.<\/strong>\n        We bepalen eerst wat bij jou past.\n      <\/p>\n\n      <a href=\"#fe-route-02\">\n        START JOUW VERKOOPROUTE\n        <span>\u2193<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<style>\n#fe-route-01,\n#fe-route-01 *{\n  box-sizing:border-box;\n}\n\n#fe-route-01{\n  --navy:#001C51;\n  --teal:#16BFBF;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n\n  min-height:100svh;\n  overflow:hidden;\n\n  background:\n    radial-gradient(circle at 76% 42%,rgba(22,191,191,.13),transparent 27%),\n    radial-gradient(circle at 8% 90%,rgba(22,191,191,.08),transparent 28%),\n    linear-gradient(135deg,#001239 0%,#001c51 52%,#00143e 100%);\n\n  color:#fff;\n  font-family:\"Poppins\",sans-serif;\n}\n\n\n\/* BACKGROUND *\/\n\n#fe-route-01 .r01-grid{\n  position:absolute;\n  inset:0;\n\n  opacity:.07;\n\n  background-image:\n    linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);\n\n  background-size:72px 72px;\n}\n\n#fe-route-01 .r01-glow{\n  position:absolute;\n  border-radius:50%;\n  pointer-events:none;\n}\n\n#fe-route-01 .r01-glow-a{\n  width:500px;\n  height:500px;\n  right:-250px;\n  top:-250px;\n  background:rgba(22,191,191,.08);\n}\n\n#fe-route-01 .r01-glow-b{\n  width:350px;\n  height:350px;\n  left:-190px;\n  bottom:-190px;\n  background:rgba(22,191,191,.06);\n}\n\n\n\/* INNER *\/\n\n#fe-route-01 .r01-inner{\n  position:relative;\n  z-index:2;\n\n  width:90%;\n  max-width:1500px;\n  min-height:100svh;\n\n  margin:0 auto;\n  padding:46px 0 36px;\n\n  display:flex;\n  flex-direction:column;\n}\n\n\n\/* TOP *\/\n\n#fe-route-01 .r01-top{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:30px;\n}\n\n#fe-route-01 .r01-kicker{\n  display:flex;\n  align-items:center;\n  gap:11px;\n\n  font-size:14px;\n  line-height:1.3;\n  font-weight:600;\n  letter-spacing:.14em;\n}\n\n#fe-route-01 .r01-kicker span{\n  width:8px;\n  height:8px;\n\n  border-radius:50%;\n  background:var(--teal);\n\n  box-shadow:0 0 15px rgba(22,191,191,.8);\n}\n\n#fe-route-01 .r01-step{\n  color:rgba(255,255,255,.5);\n\n  font-size:13px;\n  font-weight:600;\n  letter-spacing:.14em;\n}\n\n#fe-route-01 .r01-step b{\n  color:var(--teal);\n  margin:0 6px;\n}\n\n\n\/* MAIN *\/\n\n#fe-route-01 .r01-main{\n  flex:1;\n\n  display:grid;\n  grid-template-columns:minmax(0,1.05fr) minmax(470px,.95fr);\n  align-items:center;\n\n  gap:6vw;\n  padding:50px 0 38px;\n}\n\n#fe-route-01 .r01-routes{\n  display:flex;\n  align-items:center;\n  flex-wrap:wrap;\n\n  gap:12px;\n\n  margin-bottom:25px;\n\n  color:rgba(255,255,255,.65);\n\n  font-size:13px;\n  line-height:1.4;\n  font-weight:600;\n  letter-spacing:.1em;\n}\n\n#fe-route-01 .r01-routes i{\n  width:18px;\n  height:1px;\n\n  background:var(--teal);\n  opacity:.8;\n}\n\n#fe-route-01 h1{\n  margin:0;\n\n  color:#fff;\n\n  font-size:clamp(70px,7vw,120px);\n  line-height:.93;\n\n  letter-spacing:-.06em;\n  font-weight:700;\n}\n\n#fe-route-01 h1 strong{\n  color:var(--teal);\n  font-weight:700;\n}\n\n#fe-route-01 .r01-copy > p{\n  max-width:680px;\n\n  margin:34px 0 0;\n\n  color:rgba(255,255,255,.78);\n\n  font-size:20px;\n  line-height:1.65;\n  font-weight:400;\n}\n\n\n\/* VISUAL *\/\n\n#fe-route-01 .r01-visual{\n  position:relative;\n\n  width:min(100%,610px);\n  aspect-ratio:1\/1;\n\n  justify-self:end;\n}\n\n#fe-route-01 .r01-ring{\n  position:absolute;\n\n  border-radius:50%;\n  border:1px solid rgba(255,255,255,.11);\n}\n\n#fe-route-01 .ring-a{\n  inset:12%;\n}\n\n#fe-route-01 .ring-b{\n  inset:26%;\n  border-color:rgba(22,191,191,.2);\n}\n\n#fe-route-01 .r01-core{\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  width:205px;\n  height:205px;\n\n  transform:translate(-50%,-50%);\n\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:center;\n\n  text-align:center;\n\n  border-radius:50%;\n  border:1px solid rgba(22,191,191,.38);\n\n  background:\n    radial-gradient(circle at 30% 20%,rgba(22,191,191,.18),transparent 48%),\n    rgba(0,17,52,.76);\n}\n\n#fe-route-01 .r01-core small{\n  color:rgba(255,255,255,.6);\n\n  font-size:12px;\n  letter-spacing:.2em;\n  font-weight:600;\n}\n\n#fe-route-01 .r01-core > strong{\n  margin-top:4px;\n\n  font-size:30px;\n  line-height:1.1;\n}\n\n#fe-route-01 .r01-core i{\n  width:35px;\n  height:2px;\n\n  margin:14px 0 11px;\n\n  background:var(--teal);\n}\n\n#fe-route-01 .r01-core span{\n  color:rgba(255,255,255,.65);\n\n  font-size:12px;\n  line-height:1.5;\n}\n\n\n\/* CARDS *\/\n\n#fe-route-01 .r01-card{\n  position:absolute;\n\n  min-width:245px;\n\n  display:flex;\n  align-items:center;\n  gap:15px;\n\n  padding:18px 20px;\n\n  border:1px solid rgba(255,255,255,.14);\n  border-radius:14px;\n\n  background:rgba(0,18,55,.78);\n  backdrop-filter:blur(12px);\n}\n\n#fe-route-01 .r01-card > b{\n  color:var(--teal);\n\n  font-size:13px;\n  letter-spacing:.1em;\n}\n\n#fe-route-01 .r01-card div > strong{\n  display:block;\n\n  margin-bottom:3px;\n\n  color:#fff;\n\n  font-size:16px;\n  line-height:1.3;\n}\n\n#fe-route-01 .r01-card div > span{\n  color:rgba(255,255,255,.62);\n\n  font-size:13px;\n  line-height:1.4;\n}\n\n#fe-route-01 .card-a{\n  left:0;\n  top:12%;\n}\n\n#fe-route-01 .card-b{\n  right:0;\n  top:43%;\n}\n\n#fe-route-01 .card-c{\n  left:5%;\n  bottom:9%;\n}\n\n\n\/* BOTTOM *\/\n\n#fe-route-01 .r01-bottom{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n\n  gap:30px;\n\n  padding-top:25px;\n\n  border-top:1px solid rgba(255,255,255,.14);\n}\n\n#fe-route-01 .r01-bottom p{\n  margin:0;\n\n  color:rgba(255,255,255,.62);\n\n  font-size:15px;\n  line-height:1.5;\n}\n\n#fe-route-01 .r01-bottom p strong{\n  color:#fff;\n}\n\n#fe-route-01 .r01-bottom a{\n  display:flex;\n  align-items:center;\n  gap:18px;\n\n  color:#fff;\n  text-decoration:none;\n\n  font-size:13px;\n  font-weight:650;\n  letter-spacing:.1em;\n}\n\n#fe-route-01 .r01-bottom a span{\n  width:45px;\n  height:45px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:1px solid rgba(22,191,191,.65);\n  border-radius:50%;\n\n  color:var(--teal);\n\n  font-size:20px;\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:1100px){\n\n  #fe-route-01 .r01-inner{\n    width:92%;\n  }\n\n  #fe-route-01 .r01-main{\n    grid-template-columns:1fr 430px;\n    gap:35px;\n  }\n\n  #fe-route-01 .r01-visual{\n    width:430px;\n  }\n\n  #fe-route-01 .r01-card{\n    min-width:195px;\n    padding:14px;\n  }\n\n  #fe-route-01 .r01-card div > strong{\n    font-size:14px;\n  }\n\n  #fe-route-01 .r01-card div > span{\n    font-size:12px;\n  }\n\n  #fe-route-01 .r01-core{\n    width:165px;\n    height:165px;\n  }\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n  #fe-route-01{\n    width:100vw;\n    min-height:auto;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n  }\n\n  #fe-route-01 .r01-inner{\n    width:100%;\n    min-height:auto;\n\n    margin:0;\n\n    padding:\n      30px\n      max(24px,env(safe-area-inset-right))\n      34px\n      max(24px,env(safe-area-inset-left));\n  }\n\n  #fe-route-01 .r01-step{\n    display:none;\n  }\n\n  #fe-route-01 .r01-kicker{\n    font-size:12px;\n  }\n\n  #fe-route-01 .r01-main{\n    display:block;\n    padding:58px 0 30px;\n  }\n\n  #fe-route-01 .r01-routes{\n    gap:8px;\n\n    margin-bottom:24px;\n\n    font-size:10px;\n    line-height:1.55;\n  }\n\n  #fe-route-01 .r01-routes i{\n    width:11px;\n  }\n\n  #fe-route-01 h1{\n    max-width:100%;\n\n    font-size:clamp(52px,15vw,72px);\n    line-height:1.02;\n\n    letter-spacing:-.055em;\n  }\n\n  #fe-route-01 .r01-copy > p{\n    margin-top:28px;\n\n    font-size:18px;\n    line-height:1.6;\n  }\n\n  #fe-route-01 .r01-visual{\n    width:100%;\n    max-width:390px;\n\n    aspect-ratio:auto;\n\n    margin:50px auto 0;\n\n    display:flex;\n    flex-direction:column;\n    gap:12px;\n  }\n\n  #fe-route-01 .r01-ring,\n  #fe-route-01 .r01-core{\n    display:none;\n  }\n\n  #fe-route-01 .r01-card{\n    position:relative;\n\n    left:auto !important;\n    right:auto !important;\n    top:auto !important;\n    bottom:auto !important;\n\n    width:100%;\n    min-width:0;\n\n    padding:18px;\n\n    border-radius:12px;\n\n    background:rgba(0,18,55,.65);\n  }\n\n  #fe-route-01 .r01-card > b{\n    min-width:30px;\n\n    font-size:13px;\n  }\n\n  #fe-route-01 .r01-card div > strong{\n    font-size:17px;\n  }\n\n  #fe-route-01 .r01-card div > span{\n    font-size:14px;\n  }\n\n  #fe-route-01 .r01-bottom{\n    margin-top:34px;\n\n    align-items:flex-start;\n    flex-direction:column;\n\n    gap:24px;\n  }\n\n  #fe-route-01 .r01-bottom p{\n    font-size:15px;\n  }\n\n  #fe-route-01 .r01-bottom a{\n    width:100%;\n\n    justify-content:space-between;\n\n    font-size:12px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-22f6600 elementor-widget elementor-widget-html\" data-id=\"22f6600\" 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<section id=\"fe-route-02\">\n\n  <div class=\"r02-inner\">\n\n    <div class=\"r02-top\">\n\n      <div class=\"r02-label\">\n        <span><\/span>\n        02 \u2014 JOUW VOORKEUR\n      <\/div>\n\n      <div class=\"r02-status\">\n        EERSTE KEUZE\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"r02-intro\">\n\n      <div class=\"r02-title\">\n\n        <div class=\"r02-eyebrow\">\n          BEGIN BIJ WAT JIJ WILT\n        <\/div>\n\n        <h2>\n          Hoeveel wil jij<br>\n          <strong>zelf doen?<\/strong>\n        <\/h2>\n\n      <\/div>\n\n      <p>\n        Sommige verkopers willen zelf de regie houden.\n        Anderen willen bepaalde onderdelen zelf regelen\n        en voor de rest ondersteuning. Kies wat het beste\n        aansluit bij hoe jij wilt verkopen.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"r02-options\">\n\n      <button\n        type=\"button\"\n        class=\"r02-option\"\n        data-route=\"self\"\n      >\n        <div class=\"r02-num\">01<\/div>\n\n        <div class=\"r02-text\">\n          <h3>Zoveel mogelijk zelf<\/h3>\n\n          <p>\n            Ik wil actief aan de slag en vooral gebruikmaken\n            van de middelen en professionele diensten die ik nodig heb.\n          <\/p>\n        <\/div>\n\n        <div class=\"r02-check\">\n          <span><\/span>\n        <\/div>\n      <\/button>\n\n\n      <button\n        type=\"button\"\n        class=\"r02-option\"\n        data-route=\"support\"\n      >\n        <div class=\"r02-num\">02<\/div>\n\n        <div class=\"r02-text\">\n          <h3>Een deel zelf<\/h3>\n\n          <p>\n            Ik wil bepaalde onderdelen zelf regelen en voor\n            andere onderdelen professionele ondersteuning.\n          <\/p>\n        <\/div>\n\n        <div class=\"r02-check\">\n          <span><\/span>\n        <\/div>\n      <\/button>\n\n\n      <button\n        type=\"button\"\n        class=\"r02-option\"\n        data-route=\"full\"\n      >\n        <div class=\"r02-num\">03<\/div>\n\n        <div class=\"r02-text\">\n          <h3>Zo min mogelijk zelf<\/h3>\n\n          <p>\n            Ik wil het verkoopproces grotendeels uit handen\n            geven en professioneel laten begeleiden.\n          <\/p>\n        <\/div>\n\n        <div class=\"r02-check\">\n          <span><\/span>\n        <\/div>\n      <\/button>\n\n\n      <button\n        type=\"button\"\n        class=\"r02-option\"\n        data-route=\"unknown\"\n      >\n        <div class=\"r02-num\">04<\/div>\n\n        <div class=\"r02-text\">\n          <h3>Dat weet ik nog niet<\/h3>\n\n          <p>\n            Ik wil eerst zien wat er bij een verkoop komt kijken\n            en daarna bepalen wat ik zelf wil doen.\n          <\/p>\n        <\/div>\n\n        <div class=\"r02-check\">\n          <span><\/span>\n        <\/div>\n      <\/button>\n\n    <\/div>\n\n\n    <div class=\"r02-bottom\">\n\n      <div class=\"r02-feedback\" aria-live=\"polite\">\n        <span><\/span>\n        Kies wat op dit moment het beste bij je past.\n      <\/div>\n\n      <a\n        href=\"#fe-route-03\"\n        class=\"r02-next disabled\"\n        aria-disabled=\"true\"\n      >\n        VOLGENDE\n        <span>\u2193<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n#fe-route-02,\n#fe-route-02 *{\n  box-sizing:border-box;\n}\n\n#fe-route-02{\n  --navy:#001C51;\n  --teal:#16BFBF;\n  --ink:#071b3d;\n  --muted:#667282;\n  --line:#d8dee4;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n\n  min-height:100svh;\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 90% 8%,\n      rgba(22,191,191,.08),\n      transparent 26%\n    ),\n    linear-gradient(\n      135deg,\n      #fbfcfa,\n      #f2f5f3\n    );\n\n  color:var(--ink);\n  font-family:\"Poppins\",sans-serif;\n}\n\n#fe-route-02:before{\n  content:\"02\";\n\n  position:absolute;\n  right:-35px;\n  top:47%;\n\n  transform:translateY(-50%);\n\n  color:rgba(0,28,81,.025);\n\n  font-size:500px;\n  line-height:1;\n  font-weight:700;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n#fe-route-02 .r02-inner{\n  position:relative;\n  z-index:2;\n\n  width:90%;\n  max-width:1500px;\n  min-height:100svh;\n\n  margin:0 auto;\n  padding:46px 0 36px;\n\n  display:flex;\n  flex-direction:column;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n#fe-route-02 .r02-top{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n  gap:25px;\n}\n\n#fe-route-02 .r02-label{\n  display:flex;\n  align-items:center;\n  gap:11px;\n\n  color:var(--navy);\n\n  font-size:14px;\n  line-height:1.3;\n  font-weight:650;\n  letter-spacing:.13em;\n}\n\n#fe-route-02 .r02-label > span{\n  width:8px;\n  height:8px;\n\n  border-radius:50%;\n  background:var(--teal);\n}\n\n#fe-route-02 .r02-status{\n  color:#89939f;\n\n  font-size:13px;\n  line-height:1.3;\n  font-weight:600;\n  letter-spacing:.12em;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n#fe-route-02 .r02-intro{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.1fr)\n    minmax(320px,.55fr);\n\n  align-items:end;\n\n  gap:80px;\n\n  margin-top:7vh;\n}\n\n#fe-route-02 .r02-eyebrow{\n  margin-bottom:15px;\n\n  color:var(--teal);\n\n  font-size:14px;\n  line-height:1.4;\n  font-weight:700;\n  letter-spacing:.13em;\n}\n\n#fe-route-02 h2{\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:clamp(58px,5.5vw,92px);\n  line-height:1.02;\n\n  letter-spacing:-.055em;\n  font-weight:700;\n}\n\n#fe-route-02 h2 strong{\n  display:inline-block;\n\n  color:var(--teal);\n  font-weight:700;\n}\n\n#fe-route-02 .r02-intro > p{\n  max-width:500px;\n\n  margin:0 0 4px;\n\n  color:var(--muted);\n\n  font-size:19px;\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   OPTIONS\n========================================================= *\/\n\n#fe-route-02 .r02-options{\n  display:grid;\n\n  grid-template-columns:\n    repeat(4,minmax(0,1fr));\n\n  gap:15px;\n\n  margin-top:6vh;\n}\n\n#fe-route-02 .r02-option{\n  position:relative;\n\n  min-width:0;\n  min-height:260px;\n\n  display:flex;\n  flex-direction:column;\n  align-items:flex-start;\n\n  padding:26px;\n\n  border:1px solid var(--line);\n  border-radius:8px;\n\n  background:rgba(255,255,255,.82);\n\n  color:var(--ink);\n\n  font-family:inherit;\n  text-align:left;\n\n  appearance:none;\n  cursor:pointer;\n\n  transition:\n    transform .2s ease,\n    border-color .2s ease,\n    background .2s ease,\n    box-shadow .2s ease;\n}\n\n#fe-route-02 .r02-option:hover{\n  transform:translateY(-3px);\n\n  border-color:rgba(22,191,191,.65);\n\n  box-shadow:\n    0 18px 45px rgba(0,28,81,.07);\n}\n\n#fe-route-02 .r02-option:focus-visible{\n  outline:\n    3px solid rgba(22,191,191,.25);\n\n  outline-offset:3px;\n}\n\n#fe-route-02 .r02-num{\n  margin-bottom:32px;\n\n  color:var(--teal);\n\n  font-size:14px;\n  line-height:1.3;\n  font-weight:700;\n  letter-spacing:.1em;\n}\n\n#fe-route-02 .r02-text{\n  padding-right:22px;\n}\n\n#fe-route-02 .r02-text h3{\n  margin:0 0 12px;\n\n  color:var(--navy);\n\n  font-size:22px;\n  line-height:1.3;\n  font-weight:650;\n  letter-spacing:-.025em;\n}\n\n#fe-route-02 .r02-text p{\n  margin:0;\n\n  color:#657181;\n\n  font-size:15px;\n  line-height:1.6;\n}\n\n#fe-route-02 .r02-check{\n  position:absolute;\n\n  right:22px;\n  bottom:22px;\n\n  width:27px;\n  height:27px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:1.5px solid #c7ced5;\n  border-radius:50%;\n}\n\n#fe-route-02 .r02-check span{\n  width:9px;\n  height:9px;\n\n  border-radius:50%;\n  background:transparent;\n}\n\n\n\/* =========================================================\n   SELECTED\n========================================================= *\/\n\n#fe-route-02 .r02-option.selected{\n  border-color:var(--teal);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(22,191,191,.09),\n      rgba(255,255,255,.98)\n    );\n\n  box-shadow:\n    0 20px 50px rgba(0,28,81,.08);\n}\n\n#fe-route-02 .r02-option.selected:before{\n  content:\"\";\n\n  position:absolute;\n\n  left:-1px;\n  top:-1px;\n  bottom:-1px;\n\n  width:5px;\n\n  border-radius:8px 0 0 8px;\n\n  background:var(--teal);\n}\n\n#fe-route-02 .r02-option.selected .r02-check{\n  border-color:var(--teal);\n}\n\n#fe-route-02 .r02-option.selected .r02-check span{\n  background:var(--teal);\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n#fe-route-02 .r02-bottom{\n  margin-top:auto;\n  padding-top:30px;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n\n  border-top:1px solid var(--line);\n}\n\n#fe-route-02 .r02-feedback{\n  display:flex;\n  align-items:center;\n\n  gap:11px;\n\n  color:#707b88;\n\n  font-size:15px;\n  line-height:1.5;\n}\n\n#fe-route-02 .r02-feedback > span{\n  width:7px;\n  height:7px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n  background:#bdc5cc;\n}\n\n#fe-route-02 .r02-feedback.active{\n  color:var(--navy);\n  font-weight:500;\n}\n\n#fe-route-02 .r02-feedback.active > span{\n  background:var(--teal);\n}\n\n#fe-route-02 .r02-next{\n  display:flex;\n  align-items:center;\n\n  gap:18px;\n\n  color:var(--navy);\n\n  text-decoration:none;\n\n  font-size:13px;\n  font-weight:700;\n  letter-spacing:.1em;\n}\n\n#fe-route-02 .r02-next.disabled{\n  opacity:.3;\n  pointer-events:none;\n}\n\n#fe-route-02 .r02-next > span{\n  width:45px;\n  height:45px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:1px solid var(--teal);\n  border-radius:50%;\n\n  color:var(--teal);\n\n  font-size:20px;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  #fe-route-02 .r02-inner{\n    width:92%;\n  }\n\n  #fe-route-02 .r02-intro{\n    gap:40px;\n  }\n\n  #fe-route-02 .r02-options{\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n  #fe-route-02 .r02-option{\n    min-height:220px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  #fe-route-02{\n    width:100vw;\n    min-height:auto;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n  }\n\n  #fe-route-02:before{\n    display:none;\n  }\n\n  #fe-route-02 .r02-inner{\n    width:100%;\n    min-height:auto;\n\n    margin:0;\n\n    padding:\n      30px\n      max(24px,env(safe-area-inset-right))\n      34px\n      max(24px,env(safe-area-inset-left));\n  }\n\n  #fe-route-02 .r02-status{\n    display:none;\n  }\n\n  #fe-route-02 .r02-label{\n    font-size:12px;\n  }\n\n  #fe-route-02 .r02-intro{\n    display:block;\n\n    margin-top:58px;\n  }\n\n  #fe-route-02 .r02-eyebrow{\n    margin-bottom:15px;\n\n    font-size:12px;\n    line-height:1.5;\n  }\n\n  #fe-route-02 h2{\n    font-size:\n      clamp(48px,13vw,64px);\n\n    line-height:1.08;\n\n    letter-spacing:-.05em;\n  }\n\n  #fe-route-02 .r02-intro > p{\n    margin-top:28px;\n\n    font-size:18px;\n    line-height:1.65;\n  }\n\n  #fe-route-02 .r02-options{\n    grid-template-columns:1fr;\n\n    gap:12px;\n\n    margin-top:40px;\n  }\n\n  #fe-route-02 .r02-option{\n    min-height:0;\n\n    padding:22px 22px 24px;\n\n    border-radius:10px;\n  }\n\n  #fe-route-02 .r02-num{\n    margin-bottom:18px;\n\n    font-size:13px;\n  }\n\n  #fe-route-02 .r02-text{\n    padding-right:38px;\n  }\n\n  #fe-route-02 .r02-text h3{\n    font-size:21px;\n    line-height:1.3;\n  }\n\n  #fe-route-02 .r02-text p{\n    font-size:16px;\n    line-height:1.6;\n  }\n\n  #fe-route-02 .r02-check{\n    right:19px;\n    bottom:20px;\n\n    width:28px;\n    height:28px;\n  }\n\n  #fe-route-02 .r02-bottom{\n    margin-top:34px;\n    padding-top:25px;\n\n    flex-direction:column;\n    align-items:flex-start;\n\n    gap:24px;\n  }\n\n  #fe-route-02 .r02-feedback{\n    font-size:14px;\n  }\n\n  #fe-route-02 .r02-next{\n    width:100%;\n\n    justify-content:space-between;\n\n    font-size:12px;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n(function(){\n\n  const section =\n    document.getElementById(\"fe-route-02\");\n\n  if(\n    !section ||\n    section.dataset.ready === \"1\"\n  ){\n    return;\n  }\n\n  section.dataset.ready = \"1\";\n\n\n  const options =\n    section.querySelectorAll(\".r02-option\");\n\n  const feedback =\n    section.querySelector(\".r02-feedback\");\n\n  const next =\n    section.querySelector(\".r02-next\");\n\n\n  \/* =====================================================\n     SHARED STATE\n     Only create the main object if it does not exist.\n     Never overwrite answers from another section.\n  ===================================================== *\/\n\n  window.FEVerkooproute =\n    window.FEVerkooproute || {};\n\n  const data =\n    window.FEVerkooproute;\n\n\n  \/* =====================================================\n     FEEDBACK MESSAGES\n  ===================================================== *\/\n\n  const messages = {\n\n    self:\n      \"Duidelijk. We bekijken welke onderdelen je zelf wilt regelen.\",\n\n    support:\n      \"Duidelijk. We bepalen waar professionele ondersteuning voor jou waarde toevoegt.\",\n\n    full:\n      \"Duidelijk. We bekijken hoeveel je van het verkoopproces wilt uitbesteden.\",\n\n    unknown:\n      \"Geen probleem. Met de volgende keuzes wordt vanzelf duidelijk wat bij je past.\"\n\n  };\n\n\n  \/* =====================================================\n     VISUAL SELECTION\n  ===================================================== *\/\n\n  function selectOption(option){\n\n    options.forEach(function(item){\n\n      item.classList.remove(\"selected\");\n\n      item.setAttribute(\n        \"aria-pressed\",\n        \"false\"\n      );\n\n    });\n\n\n    option.classList.add(\"selected\");\n\n    option.setAttribute(\n      \"aria-pressed\",\n      \"true\"\n    );\n\n\n    const route =\n      option.dataset.route;\n\n\n    \/*\n     * Section 2 records ONLY the seller's\n     * initial preference.\n     *\n     * It does NOT determine the final route.\n     * The final recommendation will be based\n     * on all answers later in the configurator.\n     *\/\n\n    data.preference =\n      route;\n\n\n    feedback.innerHTML =\n      \"<span><\/span>\" +\n      messages[route];\n\n\n    feedback.classList.add(\"active\");\n\n\n    next.classList.remove(\"disabled\");\n\n    next.setAttribute(\n      \"aria-disabled\",\n      \"false\"\n    );\n\n  }\n\n\n  \/* =====================================================\n     CLICK EVENTS\n  ===================================================== *\/\n\n  options.forEach(function(option){\n\n    option.setAttribute(\n      \"aria-pressed\",\n      \"false\"\n    );\n\n\n    option.addEventListener(\n      \"click\",\n      function(){\n\n        selectOption(option);\n\n      }\n    );\n\n  });\n\n\n  \/* =====================================================\n     RESTORE EXISTING ANSWER\n     Useful when returning to this section during\n     the same configurator session.\n  ===================================================== *\/\n\n  if(data.preference){\n\n    const existing =\n      section.querySelector(\n        '.r02-option[data-route=\"' +\n        data.preference +\n        '\"]'\n      );\n\n\n    if(existing){\n\n      selectOption(existing);\n\n    }\n\n  }\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4635578 elementor-widget elementor-widget-html\" data-id=\"4635578\" 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<section id=\"fe-route-03\">\n\n  <div class=\"r03-grid\"><\/div>\n  <div class=\"r03-glow\"><\/div>\n\n  <div class=\"r03-inner\">\n\n    <!-- TOP -->\n    <div class=\"r03-top\">\n\n      <div class=\"r03-label\">\n        <span><\/span>\n        03 \u2014 HET VERKOOPPROCES\n      <\/div>\n\n      <div class=\"r03-meta\">\n        VAN VOORBEREIDING TOT OVERDRACHT\n      <\/div>\n\n    <\/div>\n\n\n    <!-- HEADING -->\n    <div class=\"r03-heading\">\n\n      <div>\n        <div class=\"r03-eyebrow\">\n          MEER DAN ALLEEN EEN ADVERTENTIE\n        <\/div>\n\n        <h2>\n          Wat komt er<br>\n          <strong>eigenlijk bij kijken?<\/strong>\n        <\/h2>\n      <\/div>\n\n      <p>\n        Een woning verkopen bestaat uit meerdere stappen.\n        Je kunt veel zelf doen, bepaalde onderdelen laten uitvoeren\n        of het volledige traject uit handen geven.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- JOURNEY -->\n    <div class=\"r03-journey\">\n\n      <div class=\"r03-line\"><\/div>\n\n\n      <!-- 01 -->\n      <div class=\"r03-step\">\n\n        <div class=\"r03-dot\">\n          <span>01<\/span>\n        <\/div>\n\n        <div class=\"r03-step-copy\">\n          <small>VOORBEREIDEN<\/small>\n\n          <h3>Strategie & prijs<\/h3>\n\n          <p>\n            Waarde, positionering, vraagprijs\n            en verkoopaanpak bepalen.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 02 -->\n      <div class=\"r03-step\">\n\n        <div class=\"r03-dot\">\n          <span>02<\/span>\n        <\/div>\n\n        <div class=\"r03-step-copy\">\n          <small>PRESENTEREN<\/small>\n\n          <h3>Presentatie & verkoopinformatie<\/h3>\n\n          <p>\n            Fotografie, plattegronden,\n            verkooptekst en woninginformatie.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 03 -->\n      <div class=\"r03-step\">\n\n        <div class=\"r03-dot\">\n          <span>03<\/span>\n        <\/div>\n\n        <div class=\"r03-step-copy\">\n          <small>LANCEREN<\/small>\n\n          <h3>Publicatie & bereik<\/h3>\n\n          <p>\n            De woning zichtbaar maken en\n            ge\u00efnteresseerde kopers bereiken.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 04 -->\n      <div class=\"r03-step\">\n\n        <div class=\"r03-dot\">\n          <span>04<\/span>\n        <\/div>\n\n        <div class=\"r03-step-copy\">\n          <small>BEZICHTIGEN<\/small>\n\n          <h3>Kopers ontvangen<\/h3>\n\n          <p>\n            Aanvragen, planning, kopercontact\n            en bezichtigingen organiseren.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 05 -->\n      <div class=\"r03-step\">\n\n        <div class=\"r03-dot\">\n          <span>05<\/span>\n        <\/div>\n\n        <div class=\"r03-step-copy\">\n          <small>ONDERHANDELEN<\/small>\n\n          <h3>Biedingen & keuze<\/h3>\n\n          <p>\n            Biedingen beoordelen, voorwaarden\n            vergelijken en onderhandelen.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n\n      <!-- 06 -->\n      <div class=\"r03-step\">\n\n        <div class=\"r03-dot\">\n          <span>06<\/span>\n        <\/div>\n\n        <div class=\"r03-step-copy\">\n          <small>AFRONDEN<\/small>\n\n          <h3>Koop & overdracht<\/h3>\n\n          <p>\n            Koopovereenkomst, voorwaarden\n            en begeleiding richting notaris.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"r03-bottom\">\n\n      <div class=\"r03-statement\">\n        <span><\/span>\n\n        <p>\n          <strong>Nu bepalen we wat jij zelf wilt doen<\/strong>\n          en waarbij je professionele ondersteuning wilt.\n        <\/p>\n      <\/div>\n\n      <a href=\"#fe-route-04\">\n        BEPAAL WIE WAT DOET\n        <span>\u2193<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SECTION 03 \u2014 BASE\n========================================================= *\/\n\n#fe-route-03,\n#fe-route-03 *{\n  box-sizing:border-box;\n}\n\n#fe-route-03{\n  --navy:#001C51;\n  --deep:#001238;\n  --teal:#16BFBF;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n\n  min-height:100svh;\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 82% 25%,\n      rgba(22,191,191,.12),\n      transparent 27%\n    ),\n    linear-gradient(\n      135deg,\n      #001238 0%,\n      #001c51 52%,\n      #001540 100%\n    );\n\n  color:#fff;\n\n  font-family:\"Poppins\",sans-serif;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n#fe-route-03 .r03-grid{\n  position:absolute;\n  inset:0;\n\n  opacity:.065;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.25) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.25) 1px,\n      transparent 1px\n    );\n\n  background-size:72px 72px;\n}\n\n#fe-route-03 .r03-glow{\n  position:absolute;\n\n  width:600px;\n  height:600px;\n\n  right:-330px;\n  bottom:-320px;\n\n  border-radius:50%;\n\n  background:rgba(22,191,191,.08);\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n#fe-route-03 .r03-inner{\n  position:relative;\n  z-index:2;\n\n  width:90%;\n  max-width:1500px;\n\n  min-height:100svh;\n\n  margin:0 auto;\n\n  padding:46px 0 36px;\n\n  display:flex;\n  flex-direction:column;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n#fe-route-03 .r03-top{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n\n  gap:30px;\n}\n\n#fe-route-03 .r03-label{\n  display:flex;\n  align-items:center;\n\n  gap:11px;\n\n  font-size:14px;\n  line-height:1.3;\n\n  font-weight:650;\n  letter-spacing:.13em;\n}\n\n#fe-route-03 .r03-label > span{\n  width:8px;\n  height:8px;\n\n  border-radius:50%;\n\n  background:var(--teal);\n\n  box-shadow:\n    0 0 15px rgba(22,191,191,.8);\n}\n\n#fe-route-03 .r03-meta{\n  color:rgba(255,255,255,.48);\n\n  font-size:13px;\n  line-height:1.3;\n\n  font-weight:600;\n  letter-spacing:.12em;\n}\n\n\n\/* =========================================================\n   HEADING\n========================================================= *\/\n\n#fe-route-03 .r03-heading{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.12fr)\n    minmax(320px,.52fr);\n\n  align-items:end;\n\n  gap:80px;\n\n  margin-top:6.5vh;\n}\n\n#fe-route-03 .r03-eyebrow{\n  margin-bottom:15px;\n\n  color:var(--teal);\n\n  font-size:14px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.13em;\n}\n\n#fe-route-03 h2{\n  margin:0;\n\n  color:#fff;\n\n  font-size:clamp(54px,5vw,84px);\n  line-height:1.03;\n\n  letter-spacing:-.05em;\n\n  font-weight:700;\n}\n\n#fe-route-03 h2 strong{\n  color:var(--teal);\n\n  font-weight:700;\n}\n\n#fe-route-03 .r03-heading > p{\n  max-width:500px;\n\n  margin:0 0 4px;\n\n  color:rgba(255,255,255,.72);\n\n  font-size:19px;\n  line-height:1.65;\n}\n\n\n\/* =========================================================\n   JOURNEY\n========================================================= *\/\n\n#fe-route-03 .r03-journey{\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(6,minmax(0,1fr));\n\n  gap:20px;\n\n  margin-top:7vh;\n}\n\n#fe-route-03 .r03-line{\n  position:absolute;\n\n  left:4%;\n  right:4%;\n\n  top:30px;\n\n  height:1px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(22,191,191,.15),\n      rgba(22,191,191,.8),\n      rgba(22,191,191,.15)\n    );\n}\n\n\n\/* =========================================================\n   STEP\n========================================================= *\/\n\n#fe-route-03 .r03-step{\n  position:relative;\n  z-index:2;\n\n  min-width:0;\n}\n\n#fe-route-03 .r03-dot{\n  width:61px;\n  height:61px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  margin-bottom:24px;\n\n  border-radius:50%;\n\n  border:\n    1px solid rgba(22,191,191,.5);\n\n  background:#001946;\n\n  box-shadow:\n    0 0 0 8px rgba(0,28,81,.75);\n}\n\n#fe-route-03 .r03-dot span{\n  color:var(--teal);\n\n  font-size:14px;\n  line-height:1;\n\n  font-weight:700;\n  letter-spacing:.08em;\n}\n\n#fe-route-03 .r03-step-copy small{\n  display:block;\n\n  margin-bottom:8px;\n\n  color:var(--teal);\n\n  font-size:12px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.12em;\n}\n\n#fe-route-03 .r03-step-copy h3{\n  margin:0 0 10px;\n\n  color:#fff;\n\n  font-size:19px;\n  line-height:1.3;\n\n  font-weight:650;\n\n  letter-spacing:-.02em;\n}\n\n#fe-route-03 .r03-step-copy p{\n  max-width:190px;\n\n  margin:0;\n\n  color:rgba(255,255,255,.6);\n\n  font-size:14px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n#fe-route-03 .r03-bottom{\n  margin-top:auto;\n\n  padding-top:30px;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:35px;\n\n  border-top:\n    1px solid rgba(255,255,255,.13);\n}\n\n#fe-route-03 .r03-statement{\n  display:flex;\n  align-items:center;\n\n  gap:14px;\n}\n\n#fe-route-03 .r03-statement > span{\n  width:8px;\n  height:8px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n  background:var(--teal);\n}\n\n#fe-route-03 .r03-statement p{\n  margin:0;\n\n  color:rgba(255,255,255,.66);\n\n  font-size:15px;\n  line-height:1.55;\n}\n\n#fe-route-03 .r03-statement strong{\n  color:#fff;\n\n  font-weight:600;\n}\n\n#fe-route-03 .r03-bottom a{\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n\n  gap:18px;\n\n  color:#fff;\n\n  text-decoration:none;\n\n  font-size:13px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.1em;\n}\n\n#fe-route-03 .r03-bottom a > span{\n  width:45px;\n  height:45px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid rgba(22,191,191,.7);\n\n  border-radius:50%;\n\n  color:var(--teal);\n\n  font-size:20px;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  #fe-route-03 .r03-inner{\n    width:92%;\n  }\n\n  #fe-route-03 .r03-heading{\n    gap:40px;\n  }\n\n  #fe-route-03 .r03-journey{\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n\n    gap:35px 25px;\n  }\n\n  #fe-route-03 .r03-line{\n    display:none;\n  }\n\n  #fe-route-03 .r03-step{\n    padding:22px;\n\n    border:\n      1px solid rgba(255,255,255,.1);\n\n    border-radius:10px;\n\n    background:\n      rgba(0,17,52,.35);\n  }\n\n  #fe-route-03 .r03-dot{\n    margin-bottom:20px;\n  }\n\n  #fe-route-03 .r03-step-copy p{\n    max-width:none;\n\n    font-size:15px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  #fe-route-03{\n    width:100vw;\n\n    min-height:auto;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n  }\n\n  #fe-route-03 .r03-inner{\n    width:100%;\n    min-height:auto;\n\n    margin:0;\n\n    padding:\n      30px\n      max(24px,env(safe-area-inset-right))\n      34px\n      max(24px,env(safe-area-inset-left));\n  }\n\n  #fe-route-03 .r03-meta{\n    display:none;\n  }\n\n  #fe-route-03 .r03-label{\n    font-size:12px;\n  }\n\n  #fe-route-03 .r03-heading{\n    display:block;\n\n    margin-top:58px;\n  }\n\n  #fe-route-03 .r03-eyebrow{\n    margin-bottom:15px;\n\n    font-size:12px;\n    line-height:1.5;\n  }\n\n  #fe-route-03 h2{\n    font-size:\n      clamp(44px,12vw,60px);\n\n    line-height:1.08;\n\n    letter-spacing:-.045em;\n  }\n\n  #fe-route-03 .r03-heading > p{\n    margin-top:28px;\n\n    font-size:18px;\n    line-height:1.65;\n  }\n\n  #fe-route-03 .r03-journey{\n    display:block;\n\n    margin-top:42px;\n  }\n\n  #fe-route-03 .r03-line{\n    display:block;\n\n    left:25px;\n    right:auto;\n\n    top:26px;\n    bottom:26px;\n\n    width:1px;\n    height:auto;\n\n    background:\n      linear-gradient(\n        to bottom,\n        rgba(22,191,191,.7),\n        rgba(22,191,191,.12)\n      );\n  }\n\n  #fe-route-03 .r03-step{\n    position:relative;\n\n    display:grid;\n\n    grid-template-columns:\n      52px 1fr;\n\n    gap:18px;\n\n    padding:0 0 34px;\n\n    border:0;\n    border-radius:0;\n\n    background:transparent;\n  }\n\n  #fe-route-03 .r03-step:last-child{\n    padding-bottom:0;\n  }\n\n  #fe-route-03 .r03-dot{\n    width:52px;\n    height:52px;\n\n    margin:0;\n\n    box-shadow:\n      0 0 0 6px #001946;\n  }\n\n  #fe-route-03 .r03-dot span{\n    font-size:13px;\n  }\n\n  #fe-route-03 .r03-step-copy{\n    padding-top:2px;\n  }\n\n  #fe-route-03 .r03-step-copy small{\n    font-size:11px;\n  }\n\n  #fe-route-03 .r03-step-copy h3{\n    margin-bottom:7px;\n\n    font-size:20px;\n    line-height:1.3;\n  }\n\n  #fe-route-03 .r03-step-copy p{\n    max-width:none;\n\n    font-size:16px;\n    line-height:1.6;\n  }\n\n  #fe-route-03 .r03-bottom{\n    margin-top:45px;\n\n    padding-top:26px;\n\n    flex-direction:column;\n    align-items:flex-start;\n\n    gap:25px;\n  }\n\n  #fe-route-03 .r03-statement{\n    align-items:flex-start;\n  }\n\n  #fe-route-03 .r03-statement > span{\n    margin-top:8px;\n  }\n\n  #fe-route-03 .r03-statement p{\n    font-size:15px;\n    line-height:1.6;\n  }\n\n  #fe-route-03 .r03-bottom a{\n    width:100%;\n\n    justify-content:space-between;\n\n    font-size:12px;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eae44e4 elementor-widget elementor-widget-html\" data-id=\"eae44e4\" 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<section id=\"fe-route-04\">\n\n  <div class=\"r04-inner\">\n\n    <!-- TOP -->\n    <div class=\"r04-top\">\n\n      <div class=\"r04-label\">\n        <span><\/span>\n        04 \u2014 WIE DOET WAT?\n      <\/div>\n\n      <div class=\"r04-counter\">\n        3 KEUZES\n      <\/div>\n\n    <\/div>\n\n\n    <!-- INTRO -->\n    <div class=\"r04-intro\">\n\n      <div>\n        <div class=\"r04-eyebrow\">\n          STEL JOUW VERKOOPROUTE SAMEN\n        <\/div>\n\n        <h2>\n          Wat wil jij<br>\n          <strong>zelf regelen?<\/strong>\n        <\/h2>\n      <\/div>\n\n      <p>\n        Geef per onderdeel aan wat je zelf wilt doen en waarbij\n        je ondersteuning wilt. We combineren deze keuzes straks\n        met wat je al hebt en wat je nog nodig hebt.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- CHOICES -->\n    <div class=\"r04-choices\">\n\n\n      <!-- =====================================================\n           01 STRATEGY\n      ====================================================== -->\n      <article\n        class=\"r04-task\"\n        data-task=\"strategy\"\n      >\n\n        <div class=\"r04-task-top\">\n\n          <div class=\"r04-number\">\n            01\n          <\/div>\n\n          <div class=\"r04-icon\">\n\n            <svg\n              viewBox=\"0 0 48 48\"\n              aria-hidden=\"true\"\n            >\n              <path\n                d=\"M8 37V25M19 37V17M30 37V10M41 37H6\"\n              \/>\n              <path\n                d=\"M8 20L19 13L29 16L40 7\"\n              \/>\n            <\/svg>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"r04-task-copy\">\n\n          <div class=\"r04-task-label\">\n            VOORBEREIDING\n          <\/div>\n\n          <h3>\n            Strategie & waardebepaling\n          <\/h3>\n\n          <p>\n            Waarde, marktpositie, vraagprijs en\n            verkoopaanpak voor jouw woning bepalen.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"r04-toggle-group\">\n\n          <button\n            type=\"button\"\n            class=\"r04-choice\"\n            data-value=\"self\"\n          >\n            <span class=\"r04-choice-dot\"><\/span>\n\n            <span class=\"r04-choice-text\">\n              <strong>Zelf regelen<\/strong>\n              <small>\n                Ik bepaal zelf mijn prijs en verkoopaanpak.\n              <\/small>\n            <\/span>\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r04-choice\"\n            data-value=\"us\"\n          >\n            <span class=\"r04-choice-dot\"><\/span>\n\n            <span class=\"r04-choice-text\">\n              <strong>Met ondersteuning<\/strong>\n              <small>\n                Ik wil professioneel advies over waarde, prijs en aanpak.\n              <\/small>\n            <\/span>\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- =====================================================\n           02 PRESENTATION\n      ====================================================== -->\n      <article\n        class=\"r04-task\"\n        data-task=\"presentation\"\n      >\n\n        <div class=\"r04-task-top\">\n\n          <div class=\"r04-number\">\n            02\n          <\/div>\n\n          <div class=\"r04-icon\">\n\n            <svg\n              viewBox=\"0 0 48 48\"\n              aria-hidden=\"true\"\n            >\n              <rect\n                x=\"6\"\n                y=\"10\"\n                width=\"36\"\n                height=\"28\"\n                rx=\"2\"\n              \/>\n              <circle\n                cx=\"17\"\n                cy=\"20\"\n                r=\"4\"\n              \/>\n              <path\n                d=\"M8 34L18 25L25 31L31 24L40 34\"\n              \/>\n            <\/svg>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"r04-task-copy\">\n\n          <div class=\"r04-task-label\">\n            PRESENTATIE\n          <\/div>\n\n          <h3>\n            Woning presenteren\n          <\/h3>\n\n          <p>\n            De verkoopinformatie en presentatie van je woning\n            professioneel en compleet samenstellen.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"r04-toggle-group\">\n\n          <button\n            type=\"button\"\n            class=\"r04-choice\"\n            data-value=\"self\"\n          >\n            <span class=\"r04-choice-dot\"><\/span>\n\n            <span class=\"r04-choice-text\">\n              <strong>Zelf regelen<\/strong>\n              <small>\n                Ik stel mijn woningpresentatie zelf samen.\n              <\/small>\n            <\/span>\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r04-choice\"\n            data-value=\"us\"\n          >\n            <span class=\"r04-choice-dot\"><\/span>\n\n            <span class=\"r04-choice-text\">\n              <strong>Met ondersteuning<\/strong>\n              <small>\n                Ik wil hulp bij een professionele woningpresentatie.\n              <\/small>\n            <\/span>\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- =====================================================\n           03 PUBLICATION\n      ====================================================== -->\n      <article\n        class=\"r04-task\"\n        data-task=\"publication\"\n      >\n\n        <div class=\"r04-task-top\">\n\n          <div class=\"r04-number\">\n            03\n          <\/div>\n\n          <div class=\"r04-icon\">\n\n            <svg\n              viewBox=\"0 0 48 48\"\n              aria-hidden=\"true\"\n            >\n              <circle\n                cx=\"24\"\n                cy=\"24\"\n                r=\"17\"\n              \/>\n              <path\n                d=\"M7 24H41\"\n              \/>\n              <path\n                d=\"M24 7C29 12 32 18 32 24C32 30 29 36 24 41\"\n              \/>\n              <path\n                d=\"M24 7C19 12 16 18 16 24C16 30 19 36 24 41\"\n              \/>\n            <\/svg>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"r04-task-copy\">\n\n          <div class=\"r04-task-label\">\n            PUBLICATIE & BEREIK\n          <\/div>\n\n          <h3>\n            Woning lanceren\n          <\/h3>\n\n          <p>\n            Je woning publiceren, zichtbaar maken en onder\n            de aandacht brengen van potenti\u00eble kopers.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"r04-toggle-group\">\n\n          <button\n            type=\"button\"\n            class=\"r04-choice\"\n            data-value=\"self\"\n          >\n            <span class=\"r04-choice-dot\"><\/span>\n\n            <span class=\"r04-choice-text\">\n              <strong>Zelf regelen<\/strong>\n              <small>\n                Ik bepaal zelf hoe en waar ik mijn woning promoot.\n              <\/small>\n            <\/span>\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r04-choice\"\n            data-value=\"us\"\n          >\n            <span class=\"r04-choice-dot\"><\/span>\n\n            <span class=\"r04-choice-text\">\n              <strong>Met ondersteuning<\/strong>\n              <small>\n                Ik wil hulp bij publicatie, bereik en zichtbaarheid.\n              <\/small>\n            <\/span>\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"r04-bottom\">\n\n      <div\n        class=\"r04-feedback\"\n        aria-live=\"polite\"\n      >\n        <span><\/span>\n\n        <div>\n          <strong>\n            0 van 3 gekozen\n          <\/strong>\n\n          <small>\n            Maak voor ieder onderdeel een keuze.\n          <\/small>\n        <\/div>\n      <\/div>\n\n\n      <a\n        href=\"#fe-route-05\"\n        class=\"r04-next disabled\"\n        aria-disabled=\"true\"\n      >\n        VOLGENDE\n\n        <span>\u2193<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n#fe-route-04,\n#fe-route-04 *{\n  box-sizing:border-box;\n}\n\n#fe-route-04{\n  --navy:#001C51;\n  --teal:#16BFBF;\n  --ink:#071b3d;\n  --muted:#657181;\n  --line:#d9e0e5;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n\n  min-height:100svh;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 88% 10%,\n      rgba(22,191,191,.08),\n      transparent 25%\n    ),\n    linear-gradient(\n      135deg,\n      #fbfcfa,\n      #f1f4f2\n    );\n\n  color:var(--ink);\n\n  font-family:\"Poppins\",sans-serif;\n}\n\n\n\/* INNER *\/\n\n#fe-route-04 .r04-inner{\n  position:relative;\n  z-index:2;\n\n  width:90%;\n  max-width:1500px;\n\n  min-height:100svh;\n\n  margin:0 auto;\n\n  padding:46px 0 36px;\n\n  display:flex;\n  flex-direction:column;\n}\n\n\n\/* TOP *\/\n\n#fe-route-04 .r04-top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n#fe-route-04 .r04-label{\n  display:flex;\n  align-items:center;\n\n  gap:11px;\n\n  color:var(--navy);\n\n  font-size:14px;\n  line-height:1.3;\n\n  font-weight:650;\n  letter-spacing:.13em;\n}\n\n#fe-route-04 .r04-label > span{\n  width:8px;\n  height:8px;\n\n  border-radius:50%;\n\n  background:var(--teal);\n}\n\n#fe-route-04 .r04-counter{\n  color:#89939f;\n\n  font-size:13px;\n  line-height:1.3;\n\n  font-weight:600;\n  letter-spacing:.12em;\n}\n\n\n\/* INTRO *\/\n\n#fe-route-04 .r04-intro{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.08fr)\n    minmax(320px,.55fr);\n\n  align-items:end;\n\n  gap:80px;\n\n  margin-top:5.5vh;\n}\n\n#fe-route-04 .r04-eyebrow{\n  margin-bottom:14px;\n\n  color:var(--teal);\n\n  font-size:14px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.13em;\n}\n\n#fe-route-04 h2{\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:clamp(54px,5vw,82px);\n  line-height:1.04;\n\n  letter-spacing:-.052em;\n\n  font-weight:700;\n}\n\n#fe-route-04 h2 strong{\n  color:var(--teal);\n\n  font-weight:700;\n}\n\n#fe-route-04 .r04-intro > p{\n  max-width:500px;\n\n  margin:0 0 4px;\n\n  color:var(--muted);\n\n  font-size:19px;\n  line-height:1.65;\n}\n\n\n\/* TASK GRID *\/\n\n#fe-route-04 .r04-choices{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:18px;\n\n  margin-top:5vh;\n}\n\n\n\/* TASK CARD *\/\n\n#fe-route-04 .r04-task{\n  min-width:0;\n\n  padding:24px;\n\n  border:1px solid var(--line);\n\n  border-radius:10px;\n\n  background:rgba(255,255,255,.84);\n}\n\n#fe-route-04 .r04-task-top{\n  display:flex;\n  justify-content:space-between;\n  align-items:center;\n\n  gap:20px;\n\n  margin-bottom:22px;\n}\n\n#fe-route-04 .r04-number{\n  color:var(--teal);\n\n  font-size:14px;\n  line-height:1.3;\n\n  font-weight:700;\n  letter-spacing:.1em;\n}\n\n#fe-route-04 .r04-icon{\n  width:45px;\n  height:45px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:rgba(22,191,191,.08);\n}\n\n#fe-route-04 .r04-icon svg{\n  width:25px;\n  height:25px;\n\n  fill:none;\n\n  stroke:var(--teal);\n  stroke-width:1.8;\n\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n\n\/* COPY *\/\n\n#fe-route-04 .r04-task-label{\n  margin-bottom:7px;\n\n  color:#89939f;\n\n  font-size:12px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.12em;\n}\n\n#fe-route-04 .r04-task h3{\n  margin:0 0 10px;\n\n  color:var(--navy);\n\n  font-size:22px;\n  line-height:1.3;\n\n  font-weight:650;\n  letter-spacing:-.025em;\n}\n\n#fe-route-04 .r04-task-copy > p{\n  min-height:50px;\n\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:15px;\n  line-height:1.6;\n}\n\n\n\/* CHOICE BUTTONS *\/\n\n#fe-route-04 .r04-toggle-group{\n  display:grid;\n\n  grid-template-columns:1fr 1fr;\n\n  gap:10px;\n\n  margin-top:23px;\n}\n\n#fe-route-04 .r04-choice{\n  min-width:0;\n  min-height:104px;\n\n  display:flex;\n  align-items:flex-start;\n\n  gap:10px;\n\n  padding:14px;\n\n  border:1px solid #d8dfe4;\n\n  border-radius:8px;\n\n  background:#fff;\n\n  color:var(--ink);\n\n  text-align:left;\n\n  font-family:inherit;\n\n  cursor:pointer;\n\n  transition:\n    border-color .2s ease,\n    background .2s ease,\n    transform .2s ease;\n}\n\n#fe-route-04 .r04-choice:hover{\n  border-color:rgba(22,191,191,.65);\n\n  transform:translateY(-2px);\n}\n\n#fe-route-04 .r04-choice:focus-visible{\n  outline:3px solid rgba(22,191,191,.22);\n\n  outline-offset:2px;\n}\n\n#fe-route-04 .r04-choice-dot{\n  width:18px;\n  height:18px;\n\n  flex:0 0 auto;\n\n  margin-top:2px;\n\n  border:1.5px solid #bfc8d0;\n\n  border-radius:50%;\n\n  position:relative;\n}\n\n#fe-route-04 .r04-choice-text{\n  min-width:0;\n}\n\n#fe-route-04 .r04-choice-text strong{\n  display:block;\n\n  margin-bottom:5px;\n\n  color:var(--navy);\n\n  font-size:15px;\n  line-height:1.35;\n\n  font-weight:650;\n}\n\n#fe-route-04 .r04-choice-text small{\n  display:block;\n\n  color:#75808c;\n\n  font-size:14px;\n  line-height:1.5;\n}\n\n\n\/* SELECTED *\/\n\n#fe-route-04 .r04-choice.selected{\n  border-color:var(--teal);\n\n  background:rgba(22,191,191,.075);\n}\n\n#fe-route-04 .r04-choice.selected .r04-choice-dot{\n  border-color:var(--teal);\n}\n\n#fe-route-04 .r04-choice.selected .r04-choice-dot:after{\n  content:\"\";\n\n  position:absolute;\n\n  inset:4px;\n\n  border-radius:50%;\n\n  background:var(--teal);\n}\n\n\n\/* BOTTOM *\/\n\n#fe-route-04 .r04-bottom{\n  margin-top:auto;\n\n  padding-top:28px;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n\n  border-top:1px solid var(--line);\n}\n\n#fe-route-04 .r04-feedback{\n  display:flex;\n  align-items:center;\n\n  gap:12px;\n}\n\n#fe-route-04 .r04-feedback > span{\n  width:8px;\n  height:8px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n  background:#bec6cd;\n}\n\n#fe-route-04 .r04-feedback > div{\n  display:flex;\n  flex-direction:column;\n\n  gap:2px;\n}\n\n#fe-route-04 .r04-feedback strong{\n  color:var(--navy);\n\n  font-size:15px;\n  line-height:1.4;\n\n  font-weight:600;\n}\n\n#fe-route-04 .r04-feedback small{\n  color:#77828e;\n\n  font-size:13px;\n  line-height:1.45;\n}\n\n#fe-route-04 .r04-feedback.complete > span{\n  background:var(--teal);\n}\n\n#fe-route-04 .r04-next{\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n\n  gap:18px;\n\n  color:var(--navy);\n\n  text-decoration:none;\n\n  font-size:13px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.1em;\n}\n\n#fe-route-04 .r04-next.disabled{\n  opacity:.28;\n\n  pointer-events:none;\n}\n\n#fe-route-04 .r04-next > span{\n  width:45px;\n  height:45px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:1px solid var(--teal);\n\n  border-radius:50%;\n\n  color:var(--teal);\n\n  font-size:20px;\n}\n\n\n\/* SHORT LAPTOP *\/\n\n@media\n(max-height:820px)\nand\n(min-width:1101px){\n\n  #fe-route-04 .r04-inner{\n    padding:28px 0 22px;\n  }\n\n  #fe-route-04 .r04-intro{\n    margin-top:2.5vh;\n  }\n\n  #fe-route-04 h2{\n    font-size:clamp(46px,4.2vw,66px);\n  }\n\n  #fe-route-04 .r04-intro > p{\n    font-size:17px;\n  }\n\n  #fe-route-04 .r04-choices{\n    margin-top:2.8vh;\n  }\n\n  #fe-route-04 .r04-task{\n    padding:18px;\n  }\n\n  #fe-route-04 .r04-task-top{\n    margin-bottom:14px;\n  }\n\n  #fe-route-04 .r04-toggle-group{\n    margin-top:16px;\n  }\n\n  #fe-route-04 .r04-choice{\n    min-height:92px;\n    padding:12px;\n  }\n\n  #fe-route-04 .r04-bottom{\n    padding-top:17px;\n  }\n\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:1100px){\n\n  #fe-route-04 .r04-inner{\n    width:92%;\n  }\n\n  #fe-route-04 .r04-intro{\n    gap:40px;\n  }\n\n  #fe-route-04 .r04-choices{\n    grid-template-columns:1fr;\n  }\n\n  #fe-route-04 .r04-task{\n    display:grid;\n\n    grid-template-columns:\n      minmax(0,.85fr)\n      minmax(400px,1.15fr);\n\n    gap:25px;\n  }\n\n  #fe-route-04 .r04-task-top{\n    display:none;\n  }\n\n  #fe-route-04 .r04-toggle-group{\n    margin-top:0;\n  }\n\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n  #fe-route-04{\n    width:100vw;\n\n    min-height:auto;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n  }\n\n  #fe-route-04 .r04-inner{\n    width:100%;\n    min-height:auto;\n\n    margin:0;\n\n    padding:\n      30px\n      max(24px,env(safe-area-inset-right))\n      34px\n      max(24px,env(safe-area-inset-left));\n  }\n\n  #fe-route-04 .r04-counter{\n    display:none;\n  }\n\n  #fe-route-04 .r04-label{\n    font-size:12px;\n  }\n\n  #fe-route-04 .r04-intro{\n    display:block;\n\n    margin-top:58px;\n  }\n\n  #fe-route-04 .r04-eyebrow{\n    margin-bottom:15px;\n\n    font-size:12px;\n    line-height:1.5;\n  }\n\n  #fe-route-04 h2{\n    font-size:clamp(46px,12.5vw,62px);\n\n    line-height:1.08;\n\n    letter-spacing:-.045em;\n  }\n\n  #fe-route-04 .r04-intro > p{\n    margin-top:27px;\n\n    font-size:18px;\n    line-height:1.65;\n  }\n\n  #fe-route-04 .r04-choices{\n    grid-template-columns:1fr;\n\n    gap:14px;\n\n    margin-top:40px;\n  }\n\n  #fe-route-04 .r04-task{\n    display:block;\n\n    padding:22px;\n\n    border-radius:10px;\n  }\n\n  #fe-route-04 .r04-task-top{\n    display:flex;\n\n    margin-bottom:20px;\n  }\n\n  #fe-route-04 .r04-icon{\n    width:42px;\n    height:42px;\n  }\n\n  #fe-route-04 .r04-task-label{\n    font-size:11px;\n  }\n\n  #fe-route-04 .r04-task h3{\n    font-size:22px;\n    line-height:1.3;\n  }\n\n  #fe-route-04 .r04-task-copy > p{\n    min-height:0;\n\n    font-size:16px;\n    line-height:1.6;\n  }\n\n  #fe-route-04 .r04-toggle-group{\n    grid-template-columns:1fr;\n\n    gap:9px;\n\n    margin-top:22px;\n  }\n\n  #fe-route-04 .r04-choice{\n    min-height:0;\n\n    padding:16px;\n\n    align-items:center;\n  }\n\n  #fe-route-04 .r04-choice-dot{\n    width:21px;\n    height:21px;\n\n    margin-top:0;\n  }\n\n  #fe-route-04 .r04-choice-text strong{\n    font-size:16px;\n  }\n\n  #fe-route-04 .r04-choice-text small{\n    font-size:15px;\n    line-height:1.5;\n  }\n\n  #fe-route-04 .r04-bottom{\n    margin-top:38px;\n\n    padding-top:25px;\n\n    flex-direction:column;\n    align-items:flex-start;\n\n    gap:24px;\n  }\n\n  #fe-route-04 .r04-feedback strong{\n    font-size:15px;\n  }\n\n  #fe-route-04 .r04-feedback small{\n    font-size:13px;\n  }\n\n  #fe-route-04 .r04-next{\n    width:100%;\n\n    justify-content:space-between;\n\n    font-size:12px;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n(function(){\n\n  const section =\n    document.getElementById(\"fe-route-04\");\n\n  if(\n    !section ||\n    section.dataset.ready === \"1\"\n  ){\n    return;\n  }\n\n  section.dataset.ready = \"1\";\n\n\n  \/* =====================================================\n     SHARED STATE\n  ===================================================== *\/\n\n  window.FEVerkooproute =\n    window.FEVerkooproute || {};\n\n  window.FEVerkooproute.tasks =\n    window.FEVerkooproute.tasks || {};\n\n\n  const data =\n    window.FEVerkooproute;\n\n  const tasksState =\n    data.tasks;\n\n\n  \/* =====================================================\n     ELEMENTS\n  ===================================================== *\/\n\n  const tasks =\n    section.querySelectorAll(\".r04-task\");\n\n  const feedback =\n    section.querySelector(\".r04-feedback\");\n\n  const feedbackStrong =\n    feedback.querySelector(\"strong\");\n\n  const feedbackSmall =\n    feedback.querySelector(\"small\");\n\n  const next =\n    section.querySelector(\".r04-next\");\n\n\n  \/* =====================================================\n     PROGRESS\n  ===================================================== *\/\n\n  function updateProgress(){\n\n    let completed = 0;\n\n\n    tasks.forEach(function(task){\n\n      const taskName =\n        task.dataset.task;\n\n      if(\n        tasksState[taskName] === \"self\" ||\n        tasksState[taskName] === \"us\"\n      ){\n        completed++;\n      }\n\n    });\n\n\n    feedbackStrong.textContent =\n      completed + \" van 3 gekozen\";\n\n\n    if(completed === 3){\n\n      feedback.classList.add(\"complete\");\n\n      feedbackSmall.textContent =\n        \"Goed. Deze keuzes nemen we mee in jouw verkooproute.\";\n\n      next.classList.remove(\"disabled\");\n\n      next.setAttribute(\n        \"aria-disabled\",\n        \"false\"\n      );\n\n    }else{\n\n      feedback.classList.remove(\"complete\");\n\n      feedbackSmall.textContent =\n        \"Maak voor ieder onderdeel een keuze.\";\n\n      next.classList.add(\"disabled\");\n\n      next.setAttribute(\n        \"aria-disabled\",\n        \"true\"\n      );\n\n    }\n\n  }\n\n\n  \/* =====================================================\n     RESTORE EXISTING ANSWERS\n  ===================================================== *\/\n\n  function restoreAnswers(){\n\n    tasks.forEach(function(task){\n\n      const taskName =\n        task.dataset.task;\n\n      const savedValue =\n        tasksState[taskName];\n\n      const buttons =\n        task.querySelectorAll(\".r04-choice\");\n\n\n      buttons.forEach(function(button){\n\n        const isSelected =\n          button.dataset.value === savedValue;\n\n\n        button.classList.toggle(\n          \"selected\",\n          isSelected\n        );\n\n\n        button.setAttribute(\n          \"aria-pressed\",\n          isSelected ? \"true\" : \"false\"\n        );\n\n      });\n\n    });\n\n  }\n\n\n  \/* =====================================================\n     CHOICES\n  ===================================================== *\/\n\n  tasks.forEach(function(task){\n\n    const buttons =\n      task.querySelectorAll(\".r04-choice\");\n\n\n    buttons.forEach(function(button){\n\n      button.addEventListener(\n        \"click\",\n        function(){\n\n          const taskName =\n            task.dataset.task;\n\n          const value =\n            button.dataset.value;\n\n\n          \/*\n           * Store the factual answer only.\n           * No route score is calculated here.\n           *\/\n\n          tasksState[taskName] =\n            value;\n\n\n          buttons.forEach(function(item){\n\n            const isSelected =\n              item === button;\n\n\n            item.classList.toggle(\n              \"selected\",\n              isSelected\n            );\n\n\n            item.setAttribute(\n              \"aria-pressed\",\n              isSelected ? \"true\" : \"false\"\n            );\n\n          });\n\n\n          updateProgress();\n\n        }\n      );\n\n    });\n\n  });\n\n\n  restoreAnswers();\n  updateProgress();\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e5bedc2 elementor-widget elementor-widget-html\" data-id=\"e5bedc2\" 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<section id=\"fe-route-05\">\n\n  <div class=\"r05-bg-number\">05<\/div>\n\n  <div class=\"r05-inner\">\n\n    <!-- TOP -->\n    <div class=\"r05-top\">\n\n      <div class=\"r05-label\">\n        <span><\/span>\n        05 \u2014 WIE DOET WAT?\n      <\/div>\n\n      <div class=\"r05-meta\">\n        DEEL 2 VAN 2\n      <\/div>\n\n    <\/div>\n\n\n    <!-- INTRO -->\n    <div class=\"r05-intro\">\n\n      <div class=\"r05-title-wrap\">\n\n        <div class=\"r05-eyebrow\">\n          VAN INTERESSE NAAR VERKOOP\n        <\/div>\n\n        <h2>\n          En zodra de<br>\n          <strong>kopers komen?<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"r05-intro-copy\">\n\n        <p>\n          Nu bepalen we wat je zelf wilt doen zodra\n          ge\u00efnteresseerden zich melden, biedingen binnenkomen\n          en de verkoop moet worden afgerond.\n        <\/p>\n\n        <div class=\"r05-progress-mini\">\n\n          <span class=\"done\"><\/span>\n          <span class=\"done\"><\/span>\n          <span><\/span>\n\n          <small>\n            Jouw verkooproute krijgt vorm\n          <\/small>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- TASKS -->\n    <div class=\"r05-tasks\">\n\n\n      <!-- ===================================================\n           04 \u2014 VIEWINGS\n      ==================================================== -->\n\n      <article\n        class=\"r05-task\"\n        data-task=\"viewings\"\n      >\n\n        <div class=\"r05-task-head\">\n\n          <div class=\"r05-num\">\n            04\n          <\/div>\n\n          <div class=\"r05-category\">\n            KOPERCONTACT\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"r05-task-body\">\n\n          <div class=\"r05-copy\">\n\n            <div class=\"r05-icon\">\n\n              <svg\n                viewBox=\"0 0 48 48\"\n                aria-hidden=\"true\"\n              >\n                <path d=\"M7 22L24 8L41 22\" \/>\n                <path d=\"M11 20V40H37V20\" \/>\n                <path d=\"M19 40V29H29V40\" \/>\n                <circle cx=\"37\" cy=\"12\" r=\"5\" \/>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n\n              <h3>\n                Kopercontact & bezichtigingen\n              <\/h3>\n\n              <p>\n                Vragen van ge\u00efnteresseerden beantwoorden,\n                afspraken plannen en de woning laten zien.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"r05-options\">\n\n            <button\n              type=\"button\"\n              class=\"r05-option\"\n              data-value=\"self\"\n            >\n\n              <span class=\"r05-radio\"><\/span>\n\n              <span class=\"r05-option-copy\">\n\n                <strong>\n                  Zelf regelen\n                <\/strong>\n\n                <small>\n                  Ik doe het kopercontact en de\n                  bezichtigingen zelf.\n                <\/small>\n\n              <\/span>\n\n            <\/button>\n\n\n            <button\n              type=\"button\"\n              class=\"r05-option\"\n              data-value=\"us\"\n            >\n\n              <span class=\"r05-radio\"><\/span>\n\n              <span class=\"r05-option-copy\">\n\n                <strong>\n                  Laten regelen\n                <\/strong>\n\n                <small>\n                  Ik wil dat het kopercontact en de\n                  bezichtigingen voor mij worden geregeld.\n                <\/small>\n\n              <\/span>\n\n            <\/button>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           05 \u2014 NEGOTIATION\n      ==================================================== -->\n\n      <article\n        class=\"r05-task\"\n        data-task=\"negotiation\"\n      >\n\n        <div class=\"r05-task-head\">\n\n          <div class=\"r05-num\">\n            05\n          <\/div>\n\n          <div class=\"r05-category\">\n            BIEDINGEN\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"r05-task-body\">\n\n          <div class=\"r05-copy\">\n\n            <div class=\"r05-icon\">\n\n              <svg\n                viewBox=\"0 0 48 48\"\n                aria-hidden=\"true\"\n              >\n                <path d=\"M8 35L17 26L24 31L40 14\" \/>\n                <path d=\"M30 14H40V24\" \/>\n                <path d=\"M8 41H41\" \/>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n\n              <h3>\n                Biedingen & onderhandeling\n              <\/h3>\n\n              <p>\n                Biedingen en voorwaarden vergelijken,\n                reageren en onderhandelen met kopers.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"r05-options\">\n\n            <button\n              type=\"button\"\n              class=\"r05-option\"\n              data-value=\"self\"\n            >\n\n              <span class=\"r05-radio\"><\/span>\n\n              <span class=\"r05-option-copy\">\n\n                <strong>\n                  Zelf regelen\n                <\/strong>\n\n                <small>\n                  Ik beoordeel biedingen en\n                  onderhandel zelf.\n                <\/small>\n\n              <\/span>\n\n            <\/button>\n\n\n            <button\n              type=\"button\"\n              class=\"r05-option\"\n              data-value=\"us\"\n            >\n\n              <span class=\"r05-radio\"><\/span>\n\n              <span class=\"r05-option-copy\">\n\n                <strong>\n                  Met ondersteuning\n                <\/strong>\n\n                <small>\n                  Ik wil professionele begeleiding bij\n                  biedingen, voorwaarden en onderhandeling.\n                <\/small>\n\n              <\/span>\n\n            <\/button>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ===================================================\n           06 \u2014 COMPLETION\n      ==================================================== -->\n\n      <article\n        class=\"r05-task\"\n        data-task=\"completion\"\n      >\n\n        <div class=\"r05-task-head\">\n\n          <div class=\"r05-num\">\n            06\n          <\/div>\n\n          <div class=\"r05-category\">\n            AFRONDING\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"r05-task-body\">\n\n          <div class=\"r05-copy\">\n\n            <div class=\"r05-icon\">\n\n              <svg\n                viewBox=\"0 0 48 48\"\n                aria-hidden=\"true\"\n              >\n                <path d=\"M12 6H31L38 13V42H12Z\" \/>\n                <path d=\"M30 6V14H38\" \/>\n                <path d=\"M18 23H32\" \/>\n                <path d=\"M18 29H32\" \/>\n                <path d=\"M18 35H27\" \/>\n              <\/svg>\n\n            <\/div>\n\n            <div>\n\n              <h3>\n                Koop & overdracht\n              <\/h3>\n\n              <p>\n                De koopovereenkomst, afspraken, voorwaarden\n                en vervolgstappen richting de overdracht.\n              <\/p>\n\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"r05-options\">\n\n            <button\n              type=\"button\"\n              class=\"r05-option\"\n              data-value=\"self\"\n            >\n\n              <span class=\"r05-radio\"><\/span>\n\n              <span class=\"r05-option-copy\">\n\n                <strong>\n                  Zelf regelen\n                <\/strong>\n\n                <small>\n                  Ik regel de afronding van de\n                  verkoop zelf.\n                <\/small>\n\n              <\/span>\n\n            <\/button>\n\n\n            <button\n              type=\"button\"\n              class=\"r05-option\"\n              data-value=\"us\"\n            >\n\n              <span class=\"r05-radio\"><\/span>\n\n              <span class=\"r05-option-copy\">\n\n                <strong>\n                  Met ondersteuning\n                <\/strong>\n\n                <small>\n                  Ik wil professionele begeleiding\n                  tot aan de overdracht.\n                <\/small>\n\n              <\/span>\n\n            <\/button>\n\n          <\/div>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"r05-bottom\">\n\n      <div\n        class=\"r05-feedback\"\n        aria-live=\"polite\"\n      >\n\n        <span class=\"r05-status-dot\"><\/span>\n\n        <div>\n\n          <strong>\n            0 van 3 gekozen\n          <\/strong>\n\n          <small>\n            Maak voor ieder onderdeel een keuze.\n          <\/small>\n\n        <\/div>\n\n      <\/div>\n\n\n      <a\n        href=\"#fe-route-06\"\n        class=\"r05-next disabled\"\n        aria-disabled=\"true\"\n      >\n\n        VERDER MET JOUW VERKOOPROUTE\n\n        <span>\u2193<\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SECTION 05 \u2014 BASE\n========================================================= *\/\n\n#fe-route-05,\n#fe-route-05 *{\n  box-sizing:border-box;\n}\n\n#fe-route-05{\n  --navy:#001C51;\n  --deep:#001238;\n  --teal:#16BFBF;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n\n  min-height:100svh;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 87% 20%,\n      rgba(22,191,191,.13),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      #001238 0%,\n      #001c51 52%,\n      #00143d 100%\n    );\n\n  color:#fff;\n\n  font-family:\"Poppins\",sans-serif;\n}\n\n\n\/* LARGE BACKGROUND NUMBER *\/\n\n#fe-route-05 .r05-bg-number{\n  position:absolute;\n\n  right:-1vw;\n  top:-5vh;\n\n  color:rgba(255,255,255,.025);\n\n  font-size:clamp(280px,31vw,520px);\n  line-height:.8;\n\n  font-weight:700;\n\n  letter-spacing:-.09em;\n\n  pointer-events:none;\n  user-select:none;\n}\n\n\n\/* INNER *\/\n\n#fe-route-05 .r05-inner{\n  position:relative;\n  z-index:2;\n\n  width:90%;\n  max-width:1500px;\n\n  min-height:100svh;\n\n  margin:0 auto;\n\n  padding:46px 0 36px;\n\n  display:flex;\n  flex-direction:column;\n}\n\n\n\/* TOP *\/\n\n#fe-route-05 .r05-top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n#fe-route-05 .r05-label{\n  display:flex;\n  align-items:center;\n\n  gap:11px;\n\n  font-size:14px;\n  line-height:1.3;\n\n  font-weight:650;\n  letter-spacing:.13em;\n}\n\n#fe-route-05 .r05-label > span{\n  width:8px;\n  height:8px;\n\n  border-radius:50%;\n\n  background:var(--teal);\n\n  box-shadow:\n    0 0 14px rgba(22,191,191,.75);\n}\n\n#fe-route-05 .r05-meta{\n  color:rgba(255,255,255,.48);\n\n  font-size:13px;\n  line-height:1.3;\n\n  font-weight:600;\n  letter-spacing:.12em;\n}\n\n\n\/* INTRO *\/\n\n#fe-route-05 .r05-intro{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.05fr)\n    minmax(330px,.55fr);\n\n  align-items:end;\n\n  gap:80px;\n\n  margin-top:5.5vh;\n}\n\n#fe-route-05 .r05-eyebrow{\n  margin-bottom:14px;\n\n  color:var(--teal);\n\n  font-size:14px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.13em;\n}\n\n#fe-route-05 h2{\n  margin:0;\n\n  color:#fff;\n\n  font-size:clamp(54px,5vw,82px);\n  line-height:1.04;\n\n  letter-spacing:-.052em;\n\n  font-weight:700;\n}\n\n#fe-route-05 h2 strong{\n  color:var(--teal);\n\n  font-weight:700;\n}\n\n#fe-route-05 .r05-intro-copy > p{\n  max-width:510px;\n\n  margin:0;\n\n  color:rgba(255,255,255,.72);\n\n  font-size:19px;\n  line-height:1.65;\n}\n\n\n\/* MINI PROGRESS *\/\n\n#fe-route-05 .r05-progress-mini{\n  display:flex;\n  align-items:center;\n\n  gap:7px;\n\n  margin-top:22px;\n}\n\n#fe-route-05 .r05-progress-mini > span{\n  width:30px;\n  height:3px;\n\n  border-radius:20px;\n\n  background:\n    rgba(255,255,255,.16);\n}\n\n#fe-route-05 .r05-progress-mini > span.done{\n  background:var(--teal);\n}\n\n#fe-route-05 .r05-progress-mini small{\n  margin-left:7px;\n\n  color:rgba(255,255,255,.48);\n\n  font-size:12px;\n  line-height:1.4;\n}\n\n\n\/* TASKS *\/\n\n#fe-route-05 .r05-tasks{\n  margin-top:5vh;\n\n  border-top:\n    1px solid rgba(255,255,255,.13);\n}\n\n\n\/* TASK ROW *\/\n\n#fe-route-05 .r05-task{\n  display:grid;\n\n  grid-template-columns:\n    110px\n    minmax(0,1fr);\n\n  border-bottom:\n    1px solid rgba(255,255,255,.13);\n}\n\n#fe-route-05 .r05-task-head{\n  padding:22px 20px 22px 0;\n\n  border-right:\n    1px solid rgba(255,255,255,.13);\n}\n\n#fe-route-05 .r05-num{\n  color:var(--teal);\n\n  font-size:21px;\n  line-height:1.2;\n\n  font-weight:650;\n}\n\n#fe-route-05 .r05-category{\n  margin-top:8px;\n\n  color:rgba(255,255,255,.5);\n\n  font-size:11px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.11em;\n}\n\n\n\/* BODY *\/\n\n#fe-route-05 .r05-task-body{\n  display:grid;\n\n  grid-template-columns:\n    minmax(320px,.82fr)\n    minmax(440px,1.18fr);\n\n  align-items:center;\n\n  gap:30px;\n\n  padding:20px 0 20px 30px;\n}\n\n\n\/* TASK COPY *\/\n\n#fe-route-05 .r05-copy{\n  display:grid;\n\n  grid-template-columns:\n    50px\n    minmax(0,1fr);\n\n  align-items:center;\n\n  gap:17px;\n}\n\n#fe-route-05 .r05-icon{\n  width:50px;\n  height:50px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid rgba(22,191,191,.35);\n\n  border-radius:50%;\n\n  background:\n    rgba(22,191,191,.06);\n}\n\n#fe-route-05 .r05-icon svg{\n  width:27px;\n  height:27px;\n\n  fill:none;\n\n  stroke:var(--teal);\n  stroke-width:1.7;\n\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n#fe-route-05 .r05-copy h3{\n  margin:0 0 5px;\n\n  color:#fff;\n\n  font-size:20px;\n  line-height:1.3;\n\n  font-weight:650;\n\n  letter-spacing:-.02em;\n}\n\n#fe-route-05 .r05-copy p{\n  max-width:420px;\n\n  margin:0;\n\n  color:rgba(255,255,255,.65);\n\n  font-size:15px;\n  line-height:1.55;\n}\n\n\n\/* OPTIONS *\/\n\n#fe-route-05 .r05-options{\n  display:grid;\n\n  grid-template-columns:1fr 1fr;\n\n  gap:10px;\n}\n\n#fe-route-05 .r05-option{\n  min-width:0;\n  min-height:94px;\n\n  display:flex;\n  align-items:center;\n\n  gap:12px;\n\n  padding:14px 15px;\n\n  border:\n    1px solid rgba(255,255,255,.15);\n\n  border-radius:8px;\n\n  background:\n    rgba(255,255,255,.045);\n\n  color:#fff;\n\n  text-align:left;\n\n  font-family:inherit;\n\n  cursor:pointer;\n\n  transition:\n    border-color .2s ease,\n    background .2s ease,\n    transform .2s ease;\n}\n\n#fe-route-05 .r05-option:hover{\n  border-color:\n    rgba(22,191,191,.65);\n\n  background:\n    rgba(22,191,191,.06);\n\n  transform:\n    translateY(-2px);\n}\n\n#fe-route-05 .r05-option:focus-visible{\n  outline:\n    3px solid rgba(22,191,191,.2);\n\n  outline-offset:2px;\n}\n\n\n\/* RADIO *\/\n\n#fe-route-05 .r05-radio{\n  position:relative;\n\n  width:19px;\n  height:19px;\n\n  flex:0 0 auto;\n\n  border:\n    1.5px solid rgba(255,255,255,.38);\n\n  border-radius:50%;\n}\n\n#fe-route-05 .r05-option.selected .r05-radio{\n  border-color:var(--teal);\n}\n\n#fe-route-05 .r05-option.selected .r05-radio:after{\n  content:\"\";\n\n  position:absolute;\n\n  inset:4px;\n\n  border-radius:50%;\n\n  background:var(--teal);\n}\n\n\n\/* OPTION COPY *\/\n\n#fe-route-05 .r05-option-copy{\n  min-width:0;\n}\n\n#fe-route-05 .r05-option-copy strong{\n  display:block;\n\n  margin-bottom:4px;\n\n  color:#fff;\n\n  font-size:15px;\n  line-height:1.35;\n\n  font-weight:650;\n}\n\n#fe-route-05 .r05-option-copy small{\n  display:block;\n\n  color:rgba(255,255,255,.62);\n\n  font-size:14px;\n  line-height:1.5;\n}\n\n\n\/* SELECTED *\/\n\n#fe-route-05 .r05-option.selected{\n  border-color:var(--teal);\n\n  background:\n    rgba(22,191,191,.11);\n}\n\n\n\/* BOTTOM *\/\n\n#fe-route-05 .r05-bottom{\n  margin-top:auto;\n\n  padding-top:27px;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n#fe-route-05 .r05-feedback{\n  display:flex;\n  align-items:center;\n\n  gap:12px;\n}\n\n#fe-route-05 .r05-status-dot{\n  width:8px;\n  height:8px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.28);\n}\n\n#fe-route-05 .r05-feedback > div{\n  display:flex;\n  flex-direction:column;\n\n  gap:2px;\n}\n\n#fe-route-05 .r05-feedback strong{\n  color:#fff;\n\n  font-size:15px;\n  line-height:1.4;\n\n  font-weight:600;\n}\n\n#fe-route-05 .r05-feedback small{\n  color:rgba(255,255,255,.56);\n\n  font-size:13px;\n  line-height:1.45;\n}\n\n#fe-route-05 .r05-feedback.complete .r05-status-dot{\n  background:var(--teal);\n\n  box-shadow:\n    0 0 12px rgba(22,191,191,.65);\n}\n\n\n\/* NEXT *\/\n\n#fe-route-05 .r05-next{\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n\n  gap:18px;\n\n  color:#fff;\n\n  text-decoration:none;\n\n  font-size:13px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.09em;\n}\n\n#fe-route-05 .r05-next.disabled{\n  opacity:.28;\n\n  pointer-events:none;\n}\n\n#fe-route-05 .r05-next > span{\n  width:45px;\n  height:45px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid var(--teal);\n\n  border-radius:50%;\n\n  color:var(--teal);\n\n  font-size:20px;\n}\n\n\n\/* SHORT LAPTOP *\/\n\n@media\n(max-height:820px)\nand\n(min-width:1101px){\n\n  #fe-route-05 .r05-inner{\n    padding:28px 0 22px;\n  }\n\n  #fe-route-05 .r05-intro{\n    margin-top:2.5vh;\n  }\n\n  #fe-route-05 h2{\n    font-size:clamp(46px,4.2vw,66px);\n  }\n\n  #fe-route-05 .r05-intro-copy > p{\n    font-size:17px;\n  }\n\n  #fe-route-05 .r05-tasks{\n    margin-top:2.8vh;\n  }\n\n  #fe-route-05 .r05-task-head{\n    padding-top:16px;\n    padding-bottom:16px;\n  }\n\n  #fe-route-05 .r05-task-body{\n    padding-top:14px;\n    padding-bottom:14px;\n  }\n\n  #fe-route-05 .r05-option{\n    min-height:82px;\n    padding:11px 13px;\n  }\n\n  #fe-route-05 .r05-bottom{\n    padding-top:17px;\n  }\n\n}\n\n\n\/* TABLET *\/\n\n@media(max-width:1100px){\n\n  #fe-route-05 .r05-inner{\n    width:92%;\n  }\n\n  #fe-route-05 .r05-intro{\n    gap:40px;\n  }\n\n  #fe-route-05 .r05-task{\n    grid-template-columns:80px 1fr;\n  }\n\n  #fe-route-05 .r05-task-body{\n    display:block;\n\n    padding:24px 0 24px 25px;\n  }\n\n  #fe-route-05 .r05-options{\n    margin-top:20px;\n  }\n\n}\n\n\n\/* MOBILE *\/\n\n@media(max-width:767px){\n\n  #fe-route-05{\n    width:100vw;\n\n    min-height:auto;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n  }\n\n  #fe-route-05 .r05-bg-number{\n    display:none;\n  }\n\n  #fe-route-05 .r05-inner{\n    width:100%;\n    min-height:auto;\n\n    margin:0;\n\n    padding:\n      30px\n      max(24px,env(safe-area-inset-right))\n      34px\n      max(24px,env(safe-area-inset-left));\n  }\n\n  #fe-route-05 .r05-label{\n    font-size:12px;\n  }\n\n  #fe-route-05 .r05-meta{\n    display:none;\n  }\n\n  #fe-route-05 .r05-intro{\n    display:block;\n\n    margin-top:58px;\n  }\n\n  #fe-route-05 .r05-eyebrow{\n    margin-bottom:15px;\n\n    font-size:12px;\n    line-height:1.5;\n  }\n\n  #fe-route-05 h2{\n    font-size:\n      clamp(46px,12.5vw,62px);\n\n    line-height:1.08;\n\n    letter-spacing:-.045em;\n  }\n\n  #fe-route-05 .r05-intro-copy{\n    margin-top:27px;\n  }\n\n  #fe-route-05 .r05-intro-copy > p{\n    font-size:18px;\n    line-height:1.65;\n  }\n\n  #fe-route-05 .r05-progress-mini{\n    margin-top:20px;\n  }\n\n  #fe-route-05 .r05-progress-mini small{\n    font-size:12px;\n  }\n\n  #fe-route-05 .r05-tasks{\n    margin-top:40px;\n  }\n\n  #fe-route-05 .r05-task{\n    display:block;\n\n    padding:25px 0;\n  }\n\n  #fe-route-05 .r05-task:first-child{\n    padding-top:22px;\n  }\n\n  #fe-route-05 .r05-task-head{\n    display:flex;\n    align-items:center;\n\n    gap:12px;\n\n    padding:0 0 17px;\n\n    border-right:0;\n  }\n\n  #fe-route-05 .r05-num{\n    font-size:18px;\n  }\n\n  #fe-route-05 .r05-category{\n    margin-top:0;\n\n    font-size:11px;\n  }\n\n  #fe-route-05 .r05-task-body{\n    display:block;\n\n    padding:0;\n  }\n\n  #fe-route-05 .r05-copy{\n    grid-template-columns:\n      46px\n      minmax(0,1fr);\n\n    align-items:start;\n\n    gap:15px;\n  }\n\n  #fe-route-05 .r05-icon{\n    width:46px;\n    height:46px;\n  }\n\n  #fe-route-05 .r05-icon svg{\n    width:25px;\n    height:25px;\n  }\n\n  #fe-route-05 .r05-copy h3{\n    font-size:21px;\n    line-height:1.3;\n  }\n\n  #fe-route-05 .r05-copy p{\n    font-size:16px;\n    line-height:1.6;\n  }\n\n  #fe-route-05 .r05-options{\n    grid-template-columns:1fr;\n\n    gap:9px;\n\n    margin-top:20px;\n  }\n\n  #fe-route-05 .r05-option{\n    min-height:0;\n\n    padding:16px;\n\n    gap:13px;\n  }\n\n  #fe-route-05 .r05-radio{\n    width:21px;\n    height:21px;\n  }\n\n  #fe-route-05 .r05-option-copy strong{\n    font-size:16px;\n  }\n\n  #fe-route-05 .r05-option-copy small{\n    font-size:15px;\n    line-height:1.5;\n  }\n\n  #fe-route-05 .r05-bottom{\n    margin-top:16px;\n\n    padding-top:25px;\n\n    flex-direction:column;\n    align-items:flex-start;\n\n    gap:24px;\n  }\n\n  #fe-route-05 .r05-feedback strong{\n    font-size:15px;\n  }\n\n  #fe-route-05 .r05-feedback small{\n    font-size:13px;\n  }\n\n  #fe-route-05 .r05-next{\n    width:100%;\n\n    justify-content:space-between;\n\n    font-size:12px;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n(function(){\n\n  const section =\n    document.getElementById(\"fe-route-05\");\n\n  if(\n    !section ||\n    section.dataset.ready === \"1\"\n  ){\n    return;\n  }\n\n  section.dataset.ready = \"1\";\n\n\n  \/* =====================================================\n     SHARED STATE\n  ===================================================== *\/\n\n  window.FEVerkooproute =\n    window.FEVerkooproute || {};\n\n  window.FEVerkooproute.tasks =\n    window.FEVerkooproute.tasks || {};\n\n\n  const data =\n    window.FEVerkooproute;\n\n  const tasksState =\n    data.tasks;\n\n\n  \/* =====================================================\n     ELEMENTS\n  ===================================================== *\/\n\n  const tasks =\n    section.querySelectorAll(\".r05-task\");\n\n  const feedback =\n    section.querySelector(\".r05-feedback\");\n\n  const feedbackStrong =\n    feedback.querySelector(\"strong\");\n\n  const feedbackSmall =\n    feedback.querySelector(\"small\");\n\n  const next =\n    section.querySelector(\".r05-next\");\n\n\n  \/* =====================================================\n     PROGRESS\n  ===================================================== *\/\n\n  function updateProgress(){\n\n    let completed = 0;\n\n\n    tasks.forEach(function(task){\n\n      const taskName =\n        task.dataset.task;\n\n      const value =\n        tasksState[taskName];\n\n\n      if(\n        value === \"self\" ||\n        value === \"us\"\n      ){\n        completed++;\n      }\n\n    });\n\n\n    feedbackStrong.textContent =\n      completed + \" van 3 gekozen\";\n\n\n    if(completed === 3){\n\n      feedback.classList.add(\"complete\");\n\n      feedbackSmall.textContent =\n        \"Goed. Ook deze keuzes nemen we mee in jouw verkooproute.\";\n\n      next.classList.remove(\"disabled\");\n\n      next.setAttribute(\n        \"aria-disabled\",\n        \"false\"\n      );\n\n    }else{\n\n      feedback.classList.remove(\"complete\");\n\n      feedbackSmall.textContent =\n        \"Maak voor ieder onderdeel een keuze.\";\n\n      next.classList.add(\"disabled\");\n\n      next.setAttribute(\n        \"aria-disabled\",\n        \"true\"\n      );\n\n    }\n\n  }\n\n\n  \/* =====================================================\n     RESTORE EXISTING ANSWERS\n  ===================================================== *\/\n\n  function restoreAnswers(){\n\n    tasks.forEach(function(task){\n\n      const taskName =\n        task.dataset.task;\n\n      const savedValue =\n        tasksState[taskName];\n\n      const buttons =\n        task.querySelectorAll(\".r05-option\");\n\n\n      buttons.forEach(function(button){\n\n        const isSelected =\n          button.dataset.value === savedValue;\n\n\n        button.classList.toggle(\n          \"selected\",\n          isSelected\n        );\n\n\n        button.setAttribute(\n          \"aria-pressed\",\n          isSelected ? \"true\" : \"false\"\n        );\n\n      });\n\n    });\n\n  }\n\n\n  \/* =====================================================\n     OPTIONS\n  ===================================================== *\/\n\n  tasks.forEach(function(task){\n\n    const buttons =\n      task.querySelectorAll(\".r05-option\");\n\n\n    buttons.forEach(function(button){\n\n      button.addEventListener(\n        \"click\",\n        function(){\n\n          const taskName =\n            task.dataset.task;\n\n          const value =\n            button.dataset.value;\n\n\n          \/*\n           * Store only the factual answer.\n           * No score and no route recommendation\n           * are calculated in this section.\n           *\/\n\n          tasksState[taskName] =\n            value;\n\n\n          buttons.forEach(function(item){\n\n            const isSelected =\n              item === button;\n\n\n            item.classList.toggle(\n              \"selected\",\n              isSelected\n            );\n\n\n            item.setAttribute(\n              \"aria-pressed\",\n              isSelected ? \"true\" : \"false\"\n            );\n\n          });\n\n\n          updateProgress();\n\n        }\n      );\n\n    });\n\n  });\n\n\n  restoreAnswers();\n  updateProgress();\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9914505 elementor-widget elementor-widget-html\" data-id=\"9914505\" 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<section id=\"fe-route-06\">\n\n  <div class=\"r06-grid\"><\/div>\n\n  <div class=\"r06-inner\">\n\n    <!-- TOP -->\n    <div class=\"r06-top\">\n\n      <div class=\"r06-label\">\n        <span><\/span>\n        06 \u2014 WAT HEB JE AL?\n      <\/div>\n\n      <div class=\"r06-meta\">\n        WONINGPRESENTATIE\n      <\/div>\n\n    <\/div>\n\n\n    <!-- INTRO -->\n    <div class=\"r06-intro\">\n\n      <div>\n\n        <div class=\"r06-eyebrow\">\n          NIET DUBBEL REGELEN\n        <\/div>\n\n        <h2>\n          Wat is er al<br>\n          <strong>beschikbaar?<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"r06-intro-right\">\n\n        <p>\n          Heb je bepaalde onderdelen al geregeld? Dan hoeven\n          we die natuurlijk niet opnieuw toe te voegen. Geef\n          aan wat er voor jouw woning al beschikbaar is.\n        <\/p>\n\n        <div class=\"r06-note\">\n          <span>i<\/span>\n\n          <p>\n            We gebruiken dit straks om te bepalen welke\n            diensten en pakketten nog relevant zijn.\n          <\/p>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- ITEMS -->\n    <div class=\"r06-items\">\n\n\n      <!-- PHOTOS -->\n      <article\n        class=\"r06-item\"\n        data-asset=\"photos\"\n      >\n\n        <div class=\"r06-item-number\">\n          01\n        <\/div>\n\n        <div class=\"r06-item-copy\">\n\n          <small>\n            BEELD\n          <\/small>\n\n          <h3>\n            Professionele woningfoto's\n          <\/h3>\n\n          <p>\n            Heb je al recente professionele foto's\n            die geschikt zijn voor de verkoop?\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"r06-options\">\n\n          <button\n            type=\"button\"\n            class=\"r06-option\"\n            data-value=\"have\"\n          >\n            <span class=\"r06-check\"><\/span>\n            <strong>Ja, heb ik al<\/strong>\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r06-option\"\n            data-value=\"need\"\n          >\n            <span class=\"r06-check\"><\/span>\n            <strong>Nee, nog nodig<\/strong>\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r06-option\"\n            data-value=\"unknown\"\n          >\n            <span class=\"r06-check\"><\/span>\n            <strong>Weet ik niet<\/strong>\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- FLOOR PLAN -->\n      <article\n        class=\"r06-item\"\n        data-asset=\"floorplan\"\n      >\n\n        <div class=\"r06-item-number\">\n          02\n        <\/div>\n\n        <div class=\"r06-item-copy\">\n\n          <small>\n            INDELING\n          <\/small>\n\n          <h3>\n            Plattegrond\n          <\/h3>\n\n          <p>\n            Heb je al een actuele professionele\n            plattegrond van de woning?\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"r06-options\">\n\n          <button\n            type=\"button\"\n            class=\"r06-option\"\n            data-value=\"have\"\n          >\n            <span class=\"r06-check\"><\/span>\n            <strong>Ja, heb ik al<\/strong>\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r06-option\"\n            data-value=\"need\"\n          >\n            <span class=\"r06-check\"><\/span>\n            <strong>Nee, nog nodig<\/strong>\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r06-option\"\n            data-value=\"unknown\"\n          >\n            <span class=\"r06-check\"><\/span>\n            <strong>Weet ik niet<\/strong>\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- MEASUREMENT -->\n      <article\n        class=\"r06-item\"\n        data-asset=\"measurement\"\n      >\n\n        <div class=\"r06-item-number\">\n          03\n        <\/div>\n\n        <div class=\"r06-item-copy\">\n\n          <small>\n            OPPERVLAKTE\n          <\/small>\n\n          <h3>\n            NEN 2580 meetrapport\n          <\/h3>\n\n          <p>\n            Heb je een actueel meetrapport met\n            de gebruiksoppervlakten van de woning?\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"r06-options\">\n\n          <button\n            type=\"button\"\n            class=\"r06-option\"\n            data-value=\"have\"\n          >\n            <span class=\"r06-check\"><\/span>\n            <strong>Ja, heb ik al<\/strong>\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r06-option\"\n            data-value=\"need\"\n          >\n            <span class=\"r06-check\"><\/span>\n            <strong>Nee, nog nodig<\/strong>\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r06-option\"\n            data-value=\"unknown\"\n          >\n            <span class=\"r06-check\"><\/span>\n            <strong>Weet ik niet<\/strong>\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- ENERGY LABEL -->\n      <article\n        class=\"r06-item\"\n        data-asset=\"energy\"\n      >\n\n        <div class=\"r06-item-number\">\n          04\n        <\/div>\n\n        <div class=\"r06-item-copy\">\n\n          <small>\n            ENERGIE\n          <\/small>\n\n          <h3>\n            Geldig energielabel\n          <\/h3>\n\n          <p>\n            Heeft de woning al een geldig\n            geregistreerd energielabel?\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"r06-options\">\n\n          <button\n            type=\"button\"\n            class=\"r06-option\"\n            data-value=\"have\"\n          >\n            <span class=\"r06-check\"><\/span>\n            <strong>Ja, heb ik al<\/strong>\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r06-option\"\n            data-value=\"need\"\n          >\n            <span class=\"r06-check\"><\/span>\n            <strong>Nee, nog nodig<\/strong>\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r06-option\"\n            data-value=\"unknown\"\n          >\n            <span class=\"r06-check\"><\/span>\n            <strong>Weet ik niet<\/strong>\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"r06-bottom\">\n\n      <div\n        class=\"r06-feedback\"\n        aria-live=\"polite\"\n      >\n\n        <span><\/span>\n\n        <div>\n          <strong>\n            0 van 4 ingevuld\n          <\/strong>\n\n          <small>\n            Geef voor ieder onderdeel aan wat de situatie is.\n          <\/small>\n        <\/div>\n\n      <\/div>\n\n\n      <a\n        href=\"#fe-route-07\"\n        class=\"r06-next disabled\"\n        aria-disabled=\"true\"\n      >\n        VOLGENDE\n        <span>\u2193<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SECTION 06\n========================================================= *\/\n\n#fe-route-06,\n#fe-route-06 *{\n  box-sizing:border-box;\n}\n\n#fe-route-06{\n  --navy:#001C51;\n  --teal:#16BFBF;\n  --ink:#071b3d;\n  --muted:#687583;\n  --line:#dbe2e5;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n\n  min-height:100svh;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 90% 10%,\n      rgba(22,191,191,.08),\n      transparent 26%\n    ),\n    #f7f9f7;\n\n  color:var(--ink);\n\n  font-family:\"Poppins\",sans-serif;\n}\n\n\n\/* BACKGROUND *\/\n\n#fe-route-06 .r06-grid{\n  position:absolute;\n  inset:0;\n\n  opacity:.28;\n\n  background-image:\n    linear-gradient(\n      rgba(0,28,81,.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(0,28,81,.035) 1px,\n      transparent 1px\n    );\n\n  background-size:80px 80px;\n\n  pointer-events:none;\n}\n\n\n\/* INNER *\/\n\n#fe-route-06 .r06-inner{\n  position:relative;\n  z-index:2;\n\n  width:90%;\n  max-width:1500px;\n\n  min-height:100svh;\n\n  margin:0 auto;\n\n  padding:46px 0 36px;\n\n  display:flex;\n  flex-direction:column;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n#fe-route-06 .r06-top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n#fe-route-06 .r06-label{\n  display:flex;\n  align-items:center;\n\n  gap:11px;\n\n  color:var(--navy);\n\n  font-size:14px;\n  line-height:1.3;\n\n  font-weight:650;\n  letter-spacing:.13em;\n}\n\n#fe-route-06 .r06-label > span{\n  width:8px;\n  height:8px;\n\n  border-radius:50%;\n\n  background:var(--teal);\n}\n\n#fe-route-06 .r06-meta{\n  color:#8b969f;\n\n  font-size:13px;\n  line-height:1.3;\n\n  font-weight:600;\n  letter-spacing:.12em;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n#fe-route-06 .r06-intro{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.05fr)\n    minmax(340px,.58fr);\n\n  align-items:end;\n\n  gap:80px;\n\n  margin-top:5.5vh;\n}\n\n#fe-route-06 .r06-eyebrow{\n  margin-bottom:14px;\n\n  color:var(--teal);\n\n  font-size:14px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.13em;\n}\n\n#fe-route-06 h2{\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:clamp(54px,5vw,82px);\n  line-height:1.04;\n\n  letter-spacing:-.052em;\n\n  font-weight:700;\n}\n\n#fe-route-06 h2 strong{\n  color:var(--teal);\n  font-weight:700;\n}\n\n#fe-route-06 .r06-intro-right > p{\n  max-width:520px;\n\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:19px;\n  line-height:1.65;\n}\n\n\n\/* NOTE *\/\n\n#fe-route-06 .r06-note{\n  display:flex;\n  align-items:center;\n\n  gap:11px;\n\n  margin-top:19px;\n}\n\n#fe-route-06 .r06-note > span{\n  width:25px;\n  height:25px;\n\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(22,191,191,.12);\n\n  color:var(--teal);\n\n  font-size:13px;\n  font-weight:700;\n}\n\n#fe-route-06 .r06-note p{\n  margin:0;\n\n  color:#7c8791;\n\n  font-size:13px;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   ITEMS\n========================================================= *\/\n\n#fe-route-06 .r06-items{\n  margin-top:5vh;\n\n  border-top:\n    1px solid var(--line);\n}\n\n#fe-route-06 .r06-item{\n  display:grid;\n\n  grid-template-columns:\n    65px\n    minmax(280px,.78fr)\n    minmax(550px,1.22fr);\n\n  align-items:center;\n\n  gap:25px;\n\n  padding:18px 0;\n\n  border-bottom:\n    1px solid var(--line);\n}\n\n\n\/* NUMBER *\/\n\n#fe-route-06 .r06-item-number{\n  color:var(--teal);\n\n  font-size:16px;\n  line-height:1.2;\n\n  font-weight:700;\n}\n\n\n\/* COPY *\/\n\n#fe-route-06 .r06-item-copy small{\n  display:block;\n\n  margin-bottom:4px;\n\n  color:#929ba4;\n\n  font-size:10px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.12em;\n}\n\n#fe-route-06 .r06-item-copy h3{\n  margin:0 0 4px;\n\n  color:var(--navy);\n\n  font-size:20px;\n  line-height:1.3;\n\n  font-weight:650;\n\n  letter-spacing:-.02em;\n}\n\n#fe-route-06 .r06-item-copy p{\n  max-width:410px;\n\n  margin:0;\n\n  color:var(--muted);\n\n  font-size:14px;\n  line-height:1.55;\n}\n\n\n\/* =========================================================\n   OPTIONS\n========================================================= *\/\n\n#fe-route-06 .r06-options{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:9px;\n}\n\n#fe-route-06 .r06-option{\n  min-width:0;\n  min-height:60px;\n\n  display:flex;\n  align-items:center;\n\n  gap:10px;\n\n  padding:12px 13px;\n\n  border:\n    1px solid #d7dfe3;\n\n  border-radius:8px;\n\n  background:\n    rgba(255,255,255,.78);\n\n  color:var(--navy);\n\n  text-align:left;\n\n  font-family:inherit;\n\n  cursor:pointer;\n\n  transition:\n    border-color .2s ease,\n    background .2s ease,\n    transform .2s ease;\n}\n\n#fe-route-06 .r06-option:hover{\n  border-color:\n    rgba(22,191,191,.7);\n\n  transform:\n    translateY(-2px);\n}\n\n#fe-route-06 .r06-option:focus-visible{\n  outline:\n    3px solid rgba(22,191,191,.2);\n\n  outline-offset:2px;\n}\n\n#fe-route-06 .r06-check{\n  position:relative;\n\n  width:18px;\n  height:18px;\n\n  flex:0 0 auto;\n\n  border:\n    1.5px solid #b9c3ca;\n\n  border-radius:50%;\n}\n\n#fe-route-06 .r06-option strong{\n  color:var(--navy);\n\n  font-size:13px;\n  line-height:1.35;\n\n  font-weight:600;\n}\n\n\n\/* SELECTED *\/\n\n#fe-route-06 .r06-option.selected{\n  border-color:var(--teal);\n\n  background:\n    rgba(22,191,191,.08);\n}\n\n#fe-route-06 .r06-option.selected\n.r06-check{\n  border-color:var(--teal);\n}\n\n#fe-route-06 .r06-option.selected\n.r06-check:after{\n  content:\"\";\n\n  position:absolute;\n\n  inset:4px;\n\n  border-radius:50%;\n\n  background:var(--teal);\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n#fe-route-06 .r06-bottom{\n  margin-top:auto;\n\n  padding-top:25px;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n#fe-route-06 .r06-feedback{\n  display:flex;\n  align-items:center;\n\n  gap:12px;\n}\n\n#fe-route-06 .r06-feedback > span{\n  width:8px;\n  height:8px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n  background:#bec6cd;\n}\n\n#fe-route-06 .r06-feedback.complete > span{\n  background:var(--teal);\n}\n\n#fe-route-06 .r06-feedback > div{\n  display:flex;\n  flex-direction:column;\n\n  gap:2px;\n}\n\n#fe-route-06 .r06-feedback strong{\n  color:var(--navy);\n\n  font-size:15px;\n  line-height:1.4;\n\n  font-weight:600;\n}\n\n#fe-route-06 .r06-feedback small{\n  color:#78838d;\n\n  font-size:13px;\n  line-height:1.45;\n}\n\n\n\/* NEXT *\/\n\n#fe-route-06 .r06-next{\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n\n  gap:18px;\n\n  color:var(--navy);\n\n  text-decoration:none;\n\n  font-size:13px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.1em;\n}\n\n#fe-route-06 .r06-next.disabled{\n  opacity:.28;\n\n  pointer-events:none;\n}\n\n#fe-route-06 .r06-next > span{\n  width:45px;\n  height:45px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid var(--teal);\n\n  border-radius:50%;\n\n  color:var(--teal);\n\n  font-size:20px;\n}\n\n\n\/* =========================================================\n   SHORT LAPTOP\n========================================================= *\/\n\n@media\n(max-height:820px)\nand\n(min-width:1101px){\n\n  #fe-route-06 .r06-inner{\n    padding:28px 0 22px;\n  }\n\n  #fe-route-06 .r06-intro{\n    margin-top:2.5vh;\n  }\n\n  #fe-route-06 h2{\n    font-size:clamp(46px,4.2vw,66px);\n  }\n\n  #fe-route-06 .r06-intro-right > p{\n    font-size:17px;\n  }\n\n  #fe-route-06 .r06-items{\n    margin-top:2.8vh;\n  }\n\n  #fe-route-06 .r06-item{\n    padding:13px 0;\n  }\n\n  #fe-route-06 .r06-option{\n    min-height:52px;\n    padding:10px 12px;\n  }\n\n  #fe-route-06 .r06-bottom{\n    padding-top:17px;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  #fe-route-06 .r06-inner{\n    width:92%;\n  }\n\n  #fe-route-06 .r06-intro{\n    gap:40px;\n  }\n\n  #fe-route-06 .r06-item{\n    grid-template-columns:\n      50px\n      minmax(250px,.65fr)\n      minmax(0,1.35fr);\n\n    gap:18px;\n  }\n\n  #fe-route-06 .r06-options{\n    grid-template-columns:1fr;\n  }\n\n  #fe-route-06 .r06-option{\n    min-height:48px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  #fe-route-06{\n    width:100vw;\n    min-height:auto;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n  }\n\n  #fe-route-06 .r06-grid{\n    background-size:55px 55px;\n  }\n\n  #fe-route-06 .r06-inner{\n    width:100%;\n    min-height:auto;\n\n    margin:0;\n\n    padding:\n      30px\n      max(24px,env(safe-area-inset-right))\n      34px\n      max(24px,env(safe-area-inset-left));\n  }\n\n  #fe-route-06 .r06-label{\n    font-size:12px;\n  }\n\n  #fe-route-06 .r06-meta{\n    display:none;\n  }\n\n  #fe-route-06 .r06-intro{\n    display:block;\n\n    margin-top:58px;\n  }\n\n  #fe-route-06 .r06-eyebrow{\n    margin-bottom:15px;\n\n    font-size:12px;\n    line-height:1.5;\n  }\n\n  #fe-route-06 h2{\n    font-size:\n      clamp(46px,12.5vw,62px);\n\n    line-height:1.08;\n\n    letter-spacing:-.045em;\n  }\n\n  #fe-route-06 .r06-intro-right{\n    margin-top:27px;\n  }\n\n  #fe-route-06 .r06-intro-right > p{\n    font-size:18px;\n    line-height:1.65;\n  }\n\n  #fe-route-06 .r06-note{\n    align-items:flex-start;\n\n    margin-top:20px;\n  }\n\n  #fe-route-06 .r06-note p{\n    font-size:14px;\n    line-height:1.55;\n  }\n\n  #fe-route-06 .r06-items{\n    margin-top:40px;\n  }\n\n  #fe-route-06 .r06-item{\n    display:block;\n\n    padding:25px 0;\n  }\n\n  #fe-route-06 .r06-item-number{\n    margin-bottom:13px;\n\n    font-size:15px;\n  }\n\n  #fe-route-06 .r06-item-copy small{\n    font-size:11px;\n  }\n\n  #fe-route-06 .r06-item-copy h3{\n    font-size:21px;\n    line-height:1.3;\n  }\n\n  #fe-route-06 .r06-item-copy p{\n    max-width:none;\n\n    font-size:16px;\n    line-height:1.6;\n  }\n\n  #fe-route-06 .r06-options{\n    grid-template-columns:1fr;\n\n    gap:8px;\n\n    margin-top:19px;\n  }\n\n  #fe-route-06 .r06-option{\n    min-height:0;\n\n    padding:15px;\n\n    gap:12px;\n  }\n\n  #fe-route-06 .r06-check{\n    width:21px;\n    height:21px;\n  }\n\n  #fe-route-06 .r06-option strong{\n    font-size:15px;\n  }\n\n  #fe-route-06 .r06-bottom{\n    margin-top:16px;\n\n    padding-top:25px;\n\n    flex-direction:column;\n    align-items:flex-start;\n\n    gap:24px;\n  }\n\n  #fe-route-06 .r06-next{\n    width:100%;\n\n    justify-content:space-between;\n\n    font-size:12px;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n(function(){\n\n  const section =\n    document.getElementById(\"fe-route-06\");\n\n  if(\n    !section ||\n    section.dataset.ready === \"1\"\n  ){\n    return;\n  }\n\n  section.dataset.ready = \"1\";\n\n\n  \/* =====================================================\n     SHARED STATE\n  ===================================================== *\/\n\n  window.FEVerkooproute =\n    window.FEVerkooproute || {};\n\n  window.FEVerkooproute.assets =\n    window.FEVerkooproute.assets || {};\n\n\n  const data =\n    window.FEVerkooproute;\n\n  const assets =\n    data.assets;\n\n\n  \/* =====================================================\n     ELEMENTS\n  ===================================================== *\/\n\n  const items =\n    section.querySelectorAll(\".r06-item\");\n\n  const feedback =\n    section.querySelector(\".r06-feedback\");\n\n  const feedbackStrong =\n    feedback.querySelector(\"strong\");\n\n  const feedbackSmall =\n    feedback.querySelector(\"small\");\n\n  const next =\n    section.querySelector(\".r06-next\");\n\n\n  \/* =====================================================\n     VALID ANSWER\n  ===================================================== *\/\n\n  function isValidAssetValue(value){\n\n    return (\n      value === \"have\" ||\n      value === \"need\" ||\n      value === \"unknown\"\n    );\n\n  }\n\n\n  \/* =====================================================\n     PROGRESS\n  ===================================================== *\/\n\n  function updateProgress(){\n\n    let completed = 0;\n\n\n    items.forEach(function(item){\n\n      const assetName =\n        item.dataset.asset;\n\n      if(\n        isValidAssetValue(\n          assets[assetName]\n        )\n      ){\n        completed++;\n      }\n\n    });\n\n\n    feedbackStrong.textContent =\n      completed + \" van 4 ingevuld\";\n\n\n    if(completed === 4){\n\n      feedback.classList.add(\"complete\");\n\n      feedbackSmall.textContent =\n        \"Goed. We weten welke onderdelen al beschikbaar zijn of nog aandacht nodig hebben.\";\n\n      next.classList.remove(\"disabled\");\n\n      next.setAttribute(\n        \"aria-disabled\",\n        \"false\"\n      );\n\n    }else{\n\n      feedback.classList.remove(\"complete\");\n\n      feedbackSmall.textContent =\n        \"Geef voor ieder onderdeel aan wat de situatie is.\";\n\n      next.classList.add(\"disabled\");\n\n      next.setAttribute(\n        \"aria-disabled\",\n        \"true\"\n      );\n\n    }\n\n  }\n\n\n  \/* =====================================================\n     RESTORE EXISTING ANSWERS\n  ===================================================== *\/\n\n  function restoreAnswers(){\n\n    items.forEach(function(item){\n\n      const assetName =\n        item.dataset.asset;\n\n      const savedValue =\n        assets[assetName];\n\n      const buttons =\n        item.querySelectorAll(\".r06-option\");\n\n\n      buttons.forEach(function(button){\n\n        const isSelected =\n          isValidAssetValue(savedValue) &&\n          button.dataset.value === savedValue;\n\n\n        button.classList.toggle(\n          \"selected\",\n          isSelected\n        );\n\n\n        button.setAttribute(\n          \"aria-pressed\",\n          isSelected ? \"true\" : \"false\"\n        );\n\n      });\n\n    });\n\n  }\n\n\n  \/* =====================================================\n     OPTIONS\n  ===================================================== *\/\n\n  items.forEach(function(item){\n\n    const buttons =\n      item.querySelectorAll(\".r06-option\");\n\n\n    buttons.forEach(function(button){\n\n      button.addEventListener(\n        \"click\",\n        function(){\n\n          const assetName =\n            item.dataset.asset;\n\n          const value =\n            button.dataset.value;\n\n\n          \/*\n           * Store only the factual answer.\n           * Package\/recommendation logic comes later.\n           *\/\n\n          assets[assetName] =\n            value;\n\n\n          buttons.forEach(function(other){\n\n            const isSelected =\n              other === button;\n\n\n            other.classList.toggle(\n              \"selected\",\n              isSelected\n            );\n\n\n            other.setAttribute(\n              \"aria-pressed\",\n              isSelected ? \"true\" : \"false\"\n            );\n\n          });\n\n\n          updateProgress();\n\n        }\n      );\n\n    });\n\n  });\n\n\n  restoreAnswers();\n  updateProgress();\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-860fd54 elementor-widget elementor-widget-html\" data-id=\"860fd54\" 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<section id=\"fe-route-07\">\n\n  <div class=\"r07-orb r07-orb-a\"><\/div>\n  <div class=\"r07-orb r07-orb-b\"><\/div>\n\n  <div class=\"r07-inner\">\n\n    <!-- TOP -->\n    <div class=\"r07-top\">\n\n      <div class=\"r07-label\">\n        <span><\/span>\n        07 \u2014 BEREIK & PUBLICATIE\n      <\/div>\n\n      <div class=\"r07-meta\">\n        HOE VER WIL JE JOUW BEREIK UITBREIDEN?\n      <\/div>\n\n    <\/div>\n\n\n    <!-- INTRO -->\n    <div class=\"r07-intro\">\n\n      <div>\n\n        <div class=\"r07-eyebrow\">\n          JOUW WONING IN DE MARKT\n        <\/div>\n\n        <h2>\n          Hoe wil je<br>\n          <strong>kopers bereiken?<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"r07-intro-copy\">\n\n        <p>\n          Je woning wordt via ons platform in de markt gezet.\n          Van daaruit kun je het bereik verder uitbreiden,\n          bijvoorbeeld met Funda en aanvullende promotie.\n        <\/p>\n\n        <div class=\"r07-principle\">\n\n          <span><\/span>\n\n          <p>\n            De basis staat. Jij bepaalt hoeveel extra bereik\n            je voor jouw woning wilt.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BASE PUBLICATION\n    ====================================================== -->\n\n    <article class=\"r07-base\">\n\n      <div class=\"r07-base-number\">\n        01\n      <\/div>\n\n\n      <div class=\"r07-base-icon\">\n\n        <svg\n          viewBox=\"0 0 48 48\"\n          aria-hidden=\"true\"\n        >\n          <circle\n            cx=\"24\"\n            cy=\"24\"\n            r=\"17\"\n          ><\/circle>\n\n          <path\n            d=\"M7 24H41\"\n          ><\/path>\n\n          <path\n            d=\"M24 7C29 12 32 18 32 24C32 30 29 36 24 41\"\n          ><\/path>\n\n          <path\n            d=\"M24 7C19 12 16 18 16 24C16 30 19 36 24 41\"\n          ><\/path>\n        <\/svg>\n\n      <\/div>\n\n\n      <div class=\"r07-base-copy\">\n\n        <div class=\"r07-micro\">\n          DE BASIS VAN IEDERE VERKOOPROUTE\n        <\/div>\n\n        <h3>\n          Publicatie via Flex Estate\n        <\/h3>\n\n        <p>\n          Je woning krijgt een eigen woningpresentatie\n          op ons platform. Dit is standaard onderdeel\n          van iedere verkooproute.\n        <\/p>\n\n      <\/div>\n\n\n      <div class=\"r07-base-status\">\n\n        <div class=\"r07-check\">\n          \u2713\n        <\/div>\n\n        <div>\n\n          <strong>\n            Standaard inbegrepen\n          <\/strong>\n\n          <p>\n            Hiervoor hoef je niets te kiezen.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n    <\/article>\n\n\n    <!-- DIVIDER -->\n    <div class=\"r07-divider\">\n\n      <span><\/span>\n\n      <strong>\n        BREID JE BEREIK UIT\n      <\/strong>\n\n      <span><\/span>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         QUESTIONS\n    ====================================================== -->\n\n    <div class=\"r07-questions\">\n\n\n      <!-- FUNDA -->\n      <article\n        class=\"r07-question\"\n        data-market=\"funda\"\n      >\n\n        <div class=\"r07-q-top\">\n\n          <div class=\"r07-q-number\">\n            02\n          <\/div>\n\n          <div class=\"r07-micro\">\n            LANDELIJK BEREIK\n          <\/div>\n\n        <\/div>\n\n\n        <h3>\n          Ook op Funda?\n        <\/h3>\n\n        <p class=\"r07-question-text\">\n          Wil je jouw woning ook op Funda presenteren\n          voor extra bereik onder woningzoekers?\n        <\/p>\n\n\n        <div class=\"r07-options\">\n\n          <button\n            type=\"button\"\n            class=\"r07-option\"\n            data-value=\"yes\"\n          >\n\n            <span class=\"r07-radio\"><\/span>\n\n            <span class=\"r07-option-copy\">\n              <strong>Ja<\/strong>\n              <span>Ik wil mijn woning ook op Funda<\/span>\n            <\/span>\n\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r07-option\"\n            data-value=\"no\"\n          >\n\n            <span class=\"r07-radio\"><\/span>\n\n            <span class=\"r07-option-copy\">\n              <strong>Nee<\/strong>\n              <span>Funda is voor mij niet nodig<\/span>\n            <\/span>\n\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r07-option\"\n            data-value=\"advice\"\n          >\n\n            <span class=\"r07-radio\"><\/span>\n\n            <span class=\"r07-option-copy\">\n              <strong>Adviseer mij<\/strong>\n              <span>Ik weet nog niet wat verstandig is<\/span>\n            <\/span>\n\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n\n\n      <!-- PROMOTION -->\n      <article\n        class=\"r07-question\"\n        data-market=\"promotion\"\n      >\n\n        <div class=\"r07-q-top\">\n\n          <div class=\"r07-q-number\">\n            03\n          <\/div>\n\n          <div class=\"r07-micro\">\n            EXTRA PROMOTIE\n          <\/div>\n\n        <\/div>\n\n\n        <h3>\n          Extra aandacht cre\u00ebren?\n        <\/h3>\n\n        <p class=\"r07-question-text\">\n          Wil je naast de standaard publicatie extra\n          mogelijkheden inzetten om je woning onder\n          de aandacht te brengen?\n        <\/p>\n\n\n        <div class=\"r07-options\">\n\n          <button\n            type=\"button\"\n            class=\"r07-option\"\n            data-value=\"yes\"\n          >\n\n            <span class=\"r07-radio\"><\/span>\n\n            <span class=\"r07-option-copy\">\n              <strong>Ja<\/strong>\n              <span>Ik wil extra promotie inzetten<\/span>\n            <\/span>\n\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r07-option\"\n            data-value=\"no\"\n          >\n\n            <span class=\"r07-radio\"><\/span>\n\n            <span class=\"r07-option-copy\">\n              <strong>Nee<\/strong>\n              <span>De standaard zichtbaarheid is voldoende<\/span>\n            <\/span>\n\n          <\/button>\n\n\n          <button\n            type=\"button\"\n            class=\"r07-option\"\n            data-value=\"advice\"\n          >\n\n            <span class=\"r07-radio\"><\/span>\n\n            <span class=\"r07-option-copy\">\n              <strong>Adviseer mij<\/strong>\n              <span>Laat zien wat bij mijn route past<\/span>\n            <\/span>\n\n          <\/button>\n\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         EXTRA PROMOTION EXAMPLES\n    ====================================================== -->\n\n    <div class=\"r07-examples\">\n\n      <div class=\"r07-examples-intro\">\n\n        <div class=\"r07-plus\">\n          +\n        <\/div>\n\n        <div>\n\n          <strong>\n            Denk bij extra promotie bijvoorbeeld aan:\n          <\/strong>\n\n          <p>\n            Later bepalen we welke mogelijkheden\n            daadwerkelijk relevant zijn voor jouw woning.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"r07-tags\">\n\n        <div class=\"r07-tag\">\n          Uitgelichte woning\n        <\/div>\n\n        <div class=\"r07-tag\">\n          Extra woningplatforms\n        <\/div>\n\n        <div class=\"r07-tag\">\n          Social media\n        <\/div>\n\n        <div class=\"r07-tag\">\n          Online advertenties\n        <\/div>\n\n        <div class=\"r07-tag\">\n          Extra zichtbaarheid\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BOTTOM\n    ====================================================== -->\n\n    <div class=\"r07-bottom\">\n\n      <div\n        class=\"r07-feedback\"\n        aria-live=\"polite\"\n      >\n\n        <span class=\"r07-status\"><\/span>\n\n        <div>\n\n          <strong>\n            0 van 2 ingevuld\n          <\/strong>\n\n          <p>\n            Geef aan welk bereik je voor jouw woning wilt.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <a\n        href=\"#fe-route-08\"\n        class=\"r07-next disabled\"\n        aria-disabled=\"true\"\n      >\n\n        VOLGENDE\n\n        <span>\u2193<\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n#fe-route-07,\n#fe-route-07 *{\n  box-sizing:border-box;\n}\n\n#fe-route-07{\n  --navy:#001C51;\n  --deep:#001238;\n  --teal:#16BFBF;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n\n  min-height:100svh;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 88% 12%,\n      rgba(22,191,191,.13),\n      transparent 28%\n    ),\n    linear-gradient(\n      135deg,\n      #001238 0%,\n      #001C51 55%,\n      #00143e 100%\n    );\n\n  color:#fff;\n\n  font-family:\"Poppins\",sans-serif;\n}\n\n\n\/* BACKGROUND GRID *\/\n\n#fe-route-07:before{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  opacity:.055;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.22) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.22) 1px,\n      transparent 1px\n    );\n\n  background-size:76px 76px;\n\n  pointer-events:none;\n}\n\n#fe-route-07 .r07-orb{\n  position:absolute;\n\n  border-radius:50%;\n\n  pointer-events:none;\n}\n\n#fe-route-07 .r07-orb-a{\n  width:520px;\n  height:520px;\n\n  right:-270px;\n  top:-220px;\n\n  background:\n    rgba(22,191,191,.08);\n}\n\n#fe-route-07 .r07-orb-b{\n  width:330px;\n  height:330px;\n\n  left:-230px;\n  bottom:-180px;\n\n  border:\n    1px solid rgba(22,191,191,.13);\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n#fe-route-07 .r07-inner{\n  position:relative;\n  z-index:2;\n\n  width:90%;\n  max-width:1500px;\n\n  min-height:100svh;\n\n  margin:0 auto;\n\n  padding:46px 0 38px;\n\n  display:flex;\n  flex-direction:column;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n#fe-route-07 .r07-top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n#fe-route-07 .r07-label{\n  display:flex;\n  align-items:center;\n\n  gap:11px;\n\n  font-size:14px;\n  line-height:1.4;\n\n  font-weight:650;\n  letter-spacing:.13em;\n}\n\n#fe-route-07 .r07-label > span{\n  width:8px;\n  height:8px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n  background:var(--teal);\n\n  box-shadow:\n    0 0 14px rgba(22,191,191,.7);\n}\n\n#fe-route-07 .r07-meta{\n  color:rgba(255,255,255,.48);\n\n  font-size:13px;\n  line-height:1.4;\n\n  font-weight:600;\n  letter-spacing:.11em;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n#fe-route-07 .r07-intro{\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.05fr)\n    minmax(360px,.58fr);\n\n  align-items:end;\n\n  gap:75px;\n\n  margin-top:5vh;\n}\n\n#fe-route-07 .r07-eyebrow{\n  margin-bottom:14px;\n\n  color:var(--teal);\n\n  font-size:14px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.13em;\n}\n\n#fe-route-07 h2{\n  margin:0;\n\n  color:#fff;\n\n  font-size:clamp(54px,5vw,82px);\n  line-height:1.04;\n\n  letter-spacing:-.052em;\n\n  font-weight:700;\n}\n\n#fe-route-07 h2 strong{\n  color:var(--teal);\n  font-weight:700;\n}\n\n#fe-route-07 .r07-intro-copy > p{\n  max-width:540px;\n\n  margin:0;\n\n  color:rgba(255,255,255,.76);\n\n  font-size:19px;\n  line-height:1.65;\n}\n\n#fe-route-07 .r07-principle{\n  display:flex;\n  align-items:flex-start;\n\n  gap:12px;\n\n  margin-top:20px;\n}\n\n#fe-route-07 .r07-principle > span{\n  width:8px;\n  height:8px;\n\n  flex:0 0 auto;\n\n  margin-top:8px;\n\n  border-radius:50%;\n\n  background:var(--teal);\n}\n\n#fe-route-07 .r07-principle p{\n  max-width:470px;\n\n  margin:0;\n\n  color:rgba(255,255,255,.58);\n\n  font-size:16px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   BASE PUBLICATION\n========================================================= *\/\n\n#fe-route-07 .r07-base{\n  display:grid;\n\n  grid-template-columns:\n    50px\n    64px\n    minmax(350px,1fr)\n    minmax(280px,.58fr);\n\n  align-items:center;\n\n  gap:24px;\n\n  margin-top:4.5vh;\n\n  padding:22px 25px;\n\n  border:\n    1px solid rgba(22,191,191,.43);\n\n  border-radius:12px;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(22,191,191,.12),\n      rgba(255,255,255,.045)\n    );\n}\n\n#fe-route-07 .r07-base-number,\n#fe-route-07 .r07-q-number{\n  color:var(--teal);\n\n  font-size:16px;\n  line-height:1.3;\n\n  font-weight:700;\n}\n\n#fe-route-07 .r07-base-icon{\n  width:58px;\n  height:58px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid rgba(22,191,191,.38);\n\n  border-radius:50%;\n\n  background:\n    rgba(22,191,191,.07);\n}\n\n#fe-route-07 .r07-base-icon svg{\n  width:30px;\n  height:30px;\n\n  fill:none;\n\n  stroke:var(--teal);\n  stroke-width:1.7;\n\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n\n\/* MICRO LABELS *\/\n\n#fe-route-07 .r07-micro{\n  margin-bottom:6px;\n\n  color:rgba(255,255,255,.48);\n\n  font-size:12px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.11em;\n}\n\n#fe-route-07 .r07-base-copy h3{\n  margin:0;\n\n  color:#fff;\n\n  font-size:23px;\n  line-height:1.3;\n\n  font-weight:650;\n\n  letter-spacing:-.025em;\n}\n\n#fe-route-07 .r07-base-copy p{\n  max-width:620px;\n\n  margin:7px 0 0;\n\n  color:rgba(255,255,255,.68);\n\n  font-size:16px;\n  line-height:1.6;\n}\n\n\n\/* STATUS *\/\n\n#fe-route-07 .r07-base-status{\n  display:flex;\n  align-items:center;\n\n  gap:14px;\n\n  padding-left:28px;\n\n  border-left:\n    1px solid rgba(255,255,255,.13);\n}\n\n#fe-route-07 .r07-check{\n  width:38px;\n  height:38px;\n\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:var(--teal);\n\n  color:var(--navy);\n\n  font-size:19px;\n  font-weight:800;\n}\n\n#fe-route-07 .r07-base-status strong{\n  display:block;\n\n  color:#fff;\n\n  font-size:17px;\n  line-height:1.4;\n\n  font-weight:650;\n}\n\n#fe-route-07 .r07-base-status p{\n  margin:3px 0 0;\n\n  color:rgba(255,255,255,.58);\n\n  font-size:15px;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   DIVIDER\n========================================================= *\/\n\n#fe-route-07 .r07-divider{\n  display:grid;\n\n  grid-template-columns:1fr auto 1fr;\n\n  align-items:center;\n\n  gap:18px;\n\n  margin:17px 0;\n}\n\n#fe-route-07 .r07-divider span{\n  height:1px;\n\n  background:\n    rgba(255,255,255,.12);\n}\n\n#fe-route-07 .r07-divider strong{\n  color:rgba(255,255,255,.48);\n\n  font-size:12px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.12em;\n}\n\n\n\/* =========================================================\n   QUESTIONS\n========================================================= *\/\n\n#fe-route-07 .r07-questions{\n  display:grid;\n\n  grid-template-columns:1fr 1fr;\n\n  gap:15px;\n}\n\n#fe-route-07 .r07-question{\n  min-width:0;\n\n  padding:25px;\n\n  border:\n    1px solid rgba(255,255,255,.14);\n\n  border-radius:12px;\n\n  background:\n    rgba(255,255,255,.05);\n}\n\n#fe-route-07 .r07-q-top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n\n  margin-bottom:15px;\n}\n\n#fe-route-07 .r07-q-top .r07-micro{\n  margin:0;\n}\n\n#fe-route-07 .r07-question h3{\n  margin:0;\n\n  color:#fff;\n\n  font-size:24px;\n  line-height:1.3;\n\n  font-weight:650;\n\n  letter-spacing:-.025em;\n}\n\n#fe-route-07 .r07-question-text{\n  max-width:590px;\n\n  min-height:58px;\n\n  margin:8px 0 0;\n\n  color:rgba(255,255,255,.67);\n\n  font-size:16px;\n  line-height:1.6;\n}\n\n\n\/* =========================================================\n   OPTIONS\n========================================================= *\/\n\n#fe-route-07 .r07-options{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap:10px;\n\n  margin-top:20px;\n}\n\n#fe-route-07 .r07-option{\n  min-width:0;\n  min-height:88px;\n\n  display:flex;\n  align-items:center;\n\n  gap:12px;\n\n  padding:15px;\n\n  border:\n    1px solid rgba(255,255,255,.17);\n\n  border-radius:9px;\n\n  background:\n    rgba(0,18,56,.3);\n\n  color:#fff;\n\n  text-align:left;\n\n  font-family:inherit;\n\n  cursor:pointer;\n\n  transition:\n    border-color .2s ease,\n    background .2s ease,\n    transform .2s ease;\n}\n\n#fe-route-07 .r07-option:hover{\n  border-color:\n    rgba(22,191,191,.75);\n\n  background:\n    rgba(22,191,191,.07);\n\n  transform:\n    translateY(-2px);\n}\n\n#fe-route-07 .r07-option:focus-visible{\n  outline:\n    3px solid rgba(22,191,191,.22);\n\n  outline-offset:2px;\n}\n\n\n\/* RADIO *\/\n\n#fe-route-07 .r07-radio{\n  position:relative;\n\n  width:21px;\n  height:21px;\n\n  flex:0 0 auto;\n\n  border:\n    1.5px solid rgba(255,255,255,.48);\n\n  border-radius:50%;\n}\n\n#fe-route-07 .r07-option.selected\n.r07-radio{\n  border-color:var(--teal);\n}\n\n#fe-route-07 .r07-option.selected\n.r07-radio:after{\n  content:\"\";\n\n  position:absolute;\n\n  inset:4px;\n\n  border-radius:50%;\n\n  background:var(--teal);\n}\n\n\n\/* OPTION TEXT *\/\n\n#fe-route-07 .r07-option-copy{\n  min-width:0;\n}\n\n#fe-route-07 .r07-option-copy strong{\n  display:block;\n\n  color:#fff;\n\n  font-size:18px;\n  line-height:1.35;\n\n  font-weight:650;\n}\n\n#fe-route-07 .r07-option-copy > span{\n  display:block;\n\n  margin-top:4px;\n\n  color:rgba(255,255,255,.68);\n\n  font-size:16px;\n  line-height:1.45;\n}\n\n#fe-route-07 .r07-option.selected{\n  border-color:var(--teal);\n\n  background:\n    rgba(22,191,191,.12);\n}\n\n\n\/* =========================================================\n   EXAMPLES\n========================================================= *\/\n\n#fe-route-07 .r07-examples{\n  display:grid;\n\n  grid-template-columns:\n    minmax(280px,.65fr)\n    minmax(0,1.35fr);\n\n  align-items:center;\n\n  gap:30px;\n\n  margin-top:18px;\n\n  padding:18px 0;\n}\n\n#fe-route-07 .r07-examples-intro{\n  display:flex;\n  align-items:flex-start;\n\n  gap:13px;\n}\n\n#fe-route-07 .r07-plus{\n  width:31px;\n  height:31px;\n\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid rgba(22,191,191,.45);\n\n  border-radius:50%;\n\n  color:var(--teal);\n\n  font-size:19px;\n}\n\n#fe-route-07 .r07-examples-intro strong{\n  display:block;\n\n  color:#fff;\n\n  font-size:16px;\n  line-height:1.45;\n\n  font-weight:600;\n}\n\n#fe-route-07 .r07-examples-intro p{\n  margin:4px 0 0;\n\n  color:rgba(255,255,255,.52);\n\n  font-size:15px;\n  line-height:1.5;\n}\n\n\n\/* TAGS *\/\n\n#fe-route-07 .r07-tags{\n  display:flex;\n  flex-wrap:wrap;\n\n  gap:9px;\n}\n\n#fe-route-07 .r07-tag{\n  padding:9px 14px;\n\n  border:\n    1px solid rgba(255,255,255,.15);\n\n  border-radius:100px;\n\n  background:\n    rgba(255,255,255,.035);\n\n  color:rgba(255,255,255,.8);\n\n  font-size:16px;\n  line-height:1.35;\n\n  font-weight:500;\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n#fe-route-07 .r07-bottom{\n  margin-top:auto;\n\n  padding-top:19px;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n#fe-route-07 .r07-feedback{\n  display:flex;\n  align-items:center;\n\n  gap:12px;\n}\n\n#fe-route-07 .r07-status{\n  width:9px;\n  height:9px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n  background:\n    rgba(255,255,255,.28);\n}\n\n#fe-route-07 .r07-feedback.complete\n.r07-status{\n  background:var(--teal);\n\n  box-shadow:\n    0 0 12px rgba(22,191,191,.65);\n}\n\n#fe-route-07 .r07-feedback > div{\n  display:flex;\n  flex-direction:column;\n\n  gap:2px;\n}\n\n#fe-route-07 .r07-feedback strong{\n  color:#fff;\n\n  font-size:16px;\n  line-height:1.4;\n\n  font-weight:600;\n}\n\n#fe-route-07 .r07-feedback p{\n  margin:0;\n\n  color:rgba(255,255,255,.58);\n\n  font-size:15px;\n  line-height:1.45;\n}\n\n#fe-route-07 .r07-next{\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n\n  gap:18px;\n\n  color:#fff;\n\n  text-decoration:none;\n\n  font-size:14px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.09em;\n}\n\n#fe-route-07 .r07-next.disabled{\n  opacity:.28;\n  pointer-events:none;\n}\n\n#fe-route-07 .r07-next > span{\n  width:47px;\n  height:47px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid var(--teal);\n\n  border-radius:50%;\n\n  color:var(--teal);\n\n  font-size:21px;\n}\n\n\n\/* =========================================================\n   SHORT LAPTOP\n========================================================= *\/\n\n@media\n(max-height:850px)\nand\n(min-width:1101px){\n\n  #fe-route-07 .r07-inner{\n    padding:27px 0 23px;\n  }\n\n  #fe-route-07 .r07-intro{\n    margin-top:2.5vh;\n  }\n\n  #fe-route-07 h2{\n    font-size:clamp(46px,4.2vw,66px);\n  }\n\n  #fe-route-07 .r07-intro-copy > p{\n    font-size:17px;\n  }\n\n  #fe-route-07 .r07-principle{\n    margin-top:12px;\n  }\n\n  #fe-route-07 .r07-base{\n    margin-top:2.5vh;\n\n    padding:15px 20px;\n  }\n\n  #fe-route-07 .r07-base-icon{\n    width:50px;\n    height:50px;\n  }\n\n  #fe-route-07 .r07-base-copy p{\n    margin-top:4px;\n\n    font-size:15px;\n  }\n\n  #fe-route-07 .r07-divider{\n    margin:11px 0;\n  }\n\n  #fe-route-07 .r07-question{\n    padding:18px 20px;\n  }\n\n  #fe-route-07 .r07-q-top{\n    margin-bottom:9px;\n  }\n\n  #fe-route-07 .r07-question-text{\n    min-height:0;\n\n    font-size:15px;\n  }\n\n  #fe-route-07 .r07-options{\n    margin-top:12px;\n  }\n\n  #fe-route-07 .r07-option{\n    min-height:72px;\n\n    padding:11px 12px;\n  }\n\n  #fe-route-07 .r07-option-copy strong{\n    font-size:16px;\n  }\n\n  #fe-route-07 .r07-option-copy > span{\n    font-size:14px;\n  }\n\n  #fe-route-07 .r07-examples{\n    margin-top:8px;\n\n    padding:8px 0;\n  }\n\n  #fe-route-07 .r07-tag{\n    padding:7px 11px;\n\n    font-size:14px;\n  }\n\n  #fe-route-07 .r07-bottom{\n    padding-top:10px;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  #fe-route-07 .r07-inner{\n    width:92%;\n  }\n\n  #fe-route-07 .r07-intro{\n    gap:40px;\n  }\n\n  #fe-route-07 .r07-base{\n    grid-template-columns:\n      45px\n      58px\n      1fr;\n  }\n\n  #fe-route-07 .r07-base-status{\n    grid-column:3;\n\n    padding:\n      15px 0 0;\n\n    border-left:0;\n\n    border-top:\n      1px solid rgba(255,255,255,.12);\n  }\n\n  #fe-route-07 .r07-options{\n    grid-template-columns:1fr;\n  }\n\n  #fe-route-07 .r07-option{\n    min-height:74px;\n  }\n\n  #fe-route-07 .r07-question-text{\n    min-height:0;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  #fe-route-07{\n    width:100vw;\n    min-height:auto;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n  }\n\n  #fe-route-07 .r07-inner{\n    width:100%;\n    min-height:auto;\n\n    margin:0;\n\n    padding:\n      30px\n      max(24px,env(safe-area-inset-right))\n      36px\n      max(24px,env(safe-area-inset-left));\n  }\n\n  #fe-route-07 .r07-label{\n    font-size:12px;\n  }\n\n  #fe-route-07 .r07-meta{\n    display:none;\n  }\n\n  #fe-route-07 .r07-intro{\n    display:block;\n\n    margin-top:58px;\n  }\n\n  #fe-route-07 .r07-eyebrow{\n    font-size:12px;\n  }\n\n  #fe-route-07 h2{\n    font-size:\n      clamp(46px,12.5vw,62px);\n\n    line-height:1.08;\n\n    letter-spacing:-.045em;\n  }\n\n  #fe-route-07 .r07-intro-copy{\n    margin-top:27px;\n  }\n\n  #fe-route-07 .r07-intro-copy > p{\n    font-size:18px;\n    line-height:1.65;\n  }\n\n  #fe-route-07 .r07-principle p{\n    font-size:16px;\n    line-height:1.6;\n  }\n\n  #fe-route-07 .r07-base{\n    display:block;\n\n    margin-top:40px;\n\n    padding:23px;\n  }\n\n  #fe-route-07 .r07-base-number{\n    margin-bottom:18px;\n  }\n\n  #fe-route-07 .r07-base-icon{\n    margin-bottom:18px;\n  }\n\n  #fe-route-07 .r07-micro{\n    font-size:11px;\n  }\n\n  #fe-route-07 .r07-base-copy h3{\n    font-size:23px;\n  }\n\n  #fe-route-07 .r07-base-copy p{\n    font-size:17px;\n    line-height:1.6;\n  }\n\n  #fe-route-07 .r07-base-status{\n    margin-top:21px;\n\n    padding:\n      20px 0 0;\n\n    border-left:0;\n\n    border-top:\n      1px solid rgba(255,255,255,.12);\n  }\n\n  #fe-route-07 .r07-base-status strong{\n    font-size:17px;\n  }\n\n  #fe-route-07 .r07-base-status p{\n    font-size:15px;\n  }\n\n  #fe-route-07 .r07-divider{\n    margin:20px 0;\n  }\n\n  #fe-route-07 .r07-divider strong{\n    font-size:11px;\n  }\n\n  #fe-route-07 .r07-questions{\n    grid-template-columns:1fr;\n\n    gap:13px;\n  }\n\n  #fe-route-07 .r07-question{\n    padding:23px;\n  }\n\n  #fe-route-07 .r07-question h3{\n    font-size:23px;\n  }\n\n  #fe-route-07 .r07-question-text{\n    min-height:0;\n\n    font-size:17px;\n    line-height:1.6;\n  }\n\n  #fe-route-07 .r07-options{\n    grid-template-columns:1fr;\n\n    gap:9px;\n\n    margin-top:21px;\n  }\n\n  #fe-route-07 .r07-option{\n    min-height:0;\n\n    padding:16px;\n\n    gap:13px;\n  }\n\n  #fe-route-07 .r07-radio{\n    width:22px;\n    height:22px;\n  }\n\n  #fe-route-07 .r07-option-copy strong{\n    font-size:18px;\n  }\n\n  #fe-route-07 .r07-option-copy > span{\n    font-size:16px;\n    line-height:1.5;\n  }\n\n  #fe-route-07 .r07-examples{\n    display:block;\n\n    margin-top:23px;\n\n    padding:19px 0;\n  }\n\n  #fe-route-07 .r07-examples-intro strong{\n    font-size:17px;\n  }\n\n  #fe-route-07 .r07-examples-intro p{\n    font-size:15px;\n    line-height:1.55;\n  }\n\n  #fe-route-07 .r07-tags{\n    margin-top:17px;\n\n    gap:9px;\n  }\n\n  #fe-route-07 .r07-tag{\n    padding:9px 13px;\n\n    font-size:16px;\n  }\n\n  #fe-route-07 .r07-bottom{\n    margin-top:20px;\n\n    padding-top:24px;\n\n    flex-direction:column;\n    align-items:flex-start;\n\n    gap:24px;\n  }\n\n  #fe-route-07 .r07-feedback strong{\n    font-size:16px;\n  }\n\n  #fe-route-07 .r07-feedback p{\n    font-size:15px;\n  }\n\n  #fe-route-07 .r07-next{\n    width:100%;\n\n    justify-content:space-between;\n\n    font-size:13px;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n(function(){\n\n  const section =\n    document.getElementById(\"fe-route-07\");\n\n  if(\n    !section ||\n    section.dataset.ready === \"1\"\n  ){\n    return;\n  }\n\n  section.dataset.ready = \"1\";\n\n\n  \/* =====================================================\n     SHARED STATE\n  ===================================================== *\/\n\n  window.FEVerkooproute =\n    window.FEVerkooproute || {};\n\n  window.FEVerkooproute.marketing =\n    window.FEVerkooproute.marketing || {};\n\n\n  const data =\n    window.FEVerkooproute;\n\n  const marketing =\n    data.marketing;\n\n\n  \/*\n   * Publication on the Flex Estate platform is\n   * the factual base of every route.\n   *\/\n\n  marketing.platform =\n    \"included\";\n\n\n  \/* =====================================================\n     ELEMENTS\n  ===================================================== *\/\n\n  const questions =\n    section.querySelectorAll(\".r07-question\");\n\n  const feedback =\n    section.querySelector(\".r07-feedback\");\n\n  const feedbackStrong =\n    feedback.querySelector(\"strong\");\n\n  const feedbackText =\n    feedback.querySelector(\"p\");\n\n  const next =\n    section.querySelector(\".r07-next\");\n\n\n  \/* =====================================================\n     VALID ANSWER\n  ===================================================== *\/\n\n  function isValidMarketingValue(value){\n\n    return (\n      value === \"yes\" ||\n      value === \"no\" ||\n      value === \"advice\"\n    );\n\n  }\n\n\n  \/* =====================================================\n     PROGRESS\n  ===================================================== *\/\n\n  function updateProgress(){\n\n    let completed = 0;\n\n\n    questions.forEach(function(question){\n\n      const name =\n        question.dataset.market;\n\n      if(\n        isValidMarketingValue(\n          marketing[name]\n        )\n      ){\n        completed++;\n      }\n\n    });\n\n\n    feedbackStrong.textContent =\n      completed + \" van 2 ingevuld\";\n\n\n    if(completed === 2){\n\n      feedback.classList.add(\"complete\");\n\n      feedbackText.textContent =\n        \"Goed. Jouw gewenste bereik nemen we mee in je verkooproute.\";\n\n      next.classList.remove(\"disabled\");\n\n      next.setAttribute(\n        \"aria-disabled\",\n        \"false\"\n      );\n\n    }else{\n\n      feedback.classList.remove(\"complete\");\n\n      feedbackText.textContent =\n        \"Geef aan welk bereik je voor jouw woning wilt.\";\n\n      next.classList.add(\"disabled\");\n\n      next.setAttribute(\n        \"aria-disabled\",\n        \"true\"\n      );\n\n    }\n\n  }\n\n\n  \/* =====================================================\n     RESTORE EXISTING ANSWERS\n  ===================================================== *\/\n\n  function restoreAnswers(){\n\n    questions.forEach(function(question){\n\n      const name =\n        question.dataset.market;\n\n      const savedValue =\n        marketing[name];\n\n      const buttons =\n        question.querySelectorAll(\".r07-option\");\n\n\n      buttons.forEach(function(button){\n\n        const isSelected =\n          isValidMarketingValue(savedValue) &&\n          button.dataset.value === savedValue;\n\n\n        button.classList.toggle(\n          \"selected\",\n          isSelected\n        );\n\n\n        button.setAttribute(\n          \"aria-pressed\",\n          isSelected ? \"true\" : \"false\"\n        );\n\n      });\n\n    });\n\n  }\n\n\n  \/* =====================================================\n     OPTIONS\n  ===================================================== *\/\n\n  questions.forEach(function(question){\n\n    const buttons =\n      question.querySelectorAll(\".r07-option\");\n\n\n    buttons.forEach(function(button){\n\n      button.addEventListener(\n        \"click\",\n        function(){\n\n          const name =\n            question.dataset.market;\n\n          const value =\n            button.dataset.value;\n\n\n          \/*\n           * Store the seller's desired reach only.\n           *\n           * IMPORTANT:\n           * funda === \"yes\" does NOT mean:\n           * \"add a standalone Funda product\".\n           *\n           * The final advisor later determines whether\n           * Funda is best supplied through a Funda package,\n           * Premium or another suitable route.\n           *\/\n\n          marketing[name] =\n            value;\n\n\n          buttons.forEach(function(other){\n\n            const isSelected =\n              other === button;\n\n\n            other.classList.toggle(\n              \"selected\",\n              isSelected\n            );\n\n\n            other.setAttribute(\n              \"aria-pressed\",\n              isSelected ? \"true\" : \"false\"\n            );\n\n          });\n\n\n          updateProgress();\n\n        }\n      );\n\n    });\n\n  });\n\n\n  restoreAnswers();\n  updateProgress();\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a98d101 elementor-widget elementor-widget-html\" data-id=\"a98d101\" 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<section id=\"fe-route-08\">\n\n  <div class=\"r08-bg-number\">08<\/div>\n\n  <div class=\"r08-inner\">\n\n    <!-- TOP -->\n    <div class=\"r08-top\">\n\n      <div class=\"r08-label\">\n        <span><\/span>\n        08 \u2014 JOUW PRIORITEITEN\n      <\/div>\n\n      <div class=\"r08-meta\">\n        WAT MAG MEEWEGEN IN JOUW ADVIES?\n      <\/div>\n\n    <\/div>\n\n\n    <!-- MAIN -->\n    <div class=\"r08-main\">\n\n      <!-- LEFT -->\n      <div class=\"r08-intro\">\n\n        <div class=\"r08-eyebrow\">\n          WAT WEEGT VOOR JOU HET ZWAARST?\n        <\/div>\n\n        <h2>\n          Wat vind jij<br>\n          <strong>het belangrijkst?<\/strong>\n        <\/h2>\n\n        <p>\n          Je keuzes tot nu toe laten zien wat je nodig hebt\n          en hoeveel je zelf wilt doen. Geef aan welke \u00e9\u00e9n\n          of twee prioriteiten we daarnaast mogen meewegen.\n        <\/p>\n\n        <div class=\"r08-rule\">\n\n          <span>2<\/span>\n\n          <div>\n\n            <strong>\n              Kies maximaal twee\n            <\/strong>\n\n            <p>\n              E\u00e9n prioriteit kiezen is ook voldoende.\n            <\/p>\n\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <!-- RIGHT -->\n      <div class=\"r08-priorities\">\n\n\n        <!-- COST -->\n        <button\n          type=\"button\"\n          class=\"r08-card\"\n          data-priority=\"cost\"\n          aria-pressed=\"false\"\n        >\n\n          <div class=\"r08-card-top\">\n\n            <span class=\"r08-number\">\n              01\n            <\/span>\n\n            <span class=\"r08-select\"><\/span>\n\n          <\/div>\n\n          <div class=\"r08-icon\">\n            \u20ac\n          <\/div>\n\n          <h3>\n            Kosten beperken\n          <\/h3>\n\n          <p>\n            Ik wil slim kiezen wat ik zelf kan doen\n            en alleen betalen voor wat ik echt nodig heb.\n          <\/p>\n\n        <\/button>\n\n\n\n        <!-- CONTROL -->\n        <button\n          type=\"button\"\n          class=\"r08-card\"\n          data-priority=\"control\"\n          aria-pressed=\"false\"\n        >\n\n          <div class=\"r08-card-top\">\n\n            <span class=\"r08-number\">\n              02\n            <\/span>\n\n            <span class=\"r08-select\"><\/span>\n\n          <\/div>\n\n          <div class=\"r08-icon\">\n            \u25ce\n          <\/div>\n\n          <h3>\n            Zelf de regie houden\n          <\/h3>\n\n          <p>\n            Ik wil zelf betrokken blijven en belangrijke\n            keuzes tijdens de verkoop zelf maken.\n          <\/p>\n\n        <\/button>\n\n\n\n        <!-- RESULT -->\n        <button\n          type=\"button\"\n          class=\"r08-card\"\n          data-priority=\"result\"\n          aria-pressed=\"false\"\n        >\n\n          <div class=\"r08-card-top\">\n\n            <span class=\"r08-number\">\n              03\n            <\/span>\n\n            <span class=\"r08-select\"><\/span>\n\n          <\/div>\n\n          <div class=\"r08-icon\">\n            \u2197\n          <\/div>\n\n          <h3>\n            Sterk de markt in\n          <\/h3>\n\n          <p>\n            Ik wil mijn woning professioneel presenteren,\n            goed positioneren en met sterk bereik verkopen.\n          <\/p>\n\n        <\/button>\n\n\n\n        <!-- CONVENIENCE -->\n        <button\n          type=\"button\"\n          class=\"r08-card\"\n          data-priority=\"convenience\"\n          aria-pressed=\"false\"\n        >\n\n          <div class=\"r08-card-top\">\n\n            <span class=\"r08-number\">\n              04\n            <\/span>\n\n            <span class=\"r08-select\"><\/span>\n\n          <\/div>\n\n          <div class=\"r08-icon\">\n            \u2713\n          <\/div>\n\n          <h3>\n            Zoveel mogelijk ontzorgd\n          <\/h3>\n\n          <p>\n            Ik wil zo weinig mogelijk zelf hoeven regelen\n            en het verkoopproces laten begeleiden.\n          <\/p>\n\n        <\/button>\n\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- BOTTOM -->\n    <div class=\"r08-bottom\">\n\n      <div\n        class=\"r08-feedback\"\n        aria-live=\"polite\"\n      >\n\n        <span class=\"r08-dot\"><\/span>\n\n        <div>\n\n          <strong>\n            Kies 1 of 2 prioriteiten\n          <\/strong>\n\n          <p>\n            Deze gebruiken we straks om je advies verder te verfijnen.\n          <\/p>\n\n        <\/div>\n\n      <\/div>\n\n\n      <a\n        href=\"#fe-route-09\"\n        class=\"r08-next disabled\"\n        aria-disabled=\"true\"\n      >\n\n        ONTDEK WAT JE KRIJGT\n\n        <span>\u2193<\/span>\n\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   SECTION 08\n========================================================= *\/\n\n#fe-route-08,\n#fe-route-08 *{\n  box-sizing:border-box;\n}\n\n#fe-route-08{\n  --navy:#001C51;\n  --teal:#16BFBF;\n  --ink:#071b3d;\n  --muted:#65727f;\n  --line:#dce3e5;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n\n  height:100svh;\n  min-height:680px;\n\n  overflow:hidden;\n\n  background:\n    radial-gradient(\n      circle at 88% 12%,\n      rgba(22,191,191,.10),\n      transparent 27%\n    ),\n    #f7f9f7;\n\n  color:var(--ink);\n\n  font-family:\"Poppins\",sans-serif;\n}\n\n\n\/* GRID *\/\n\n#fe-route-08:before{\n  content:\"\";\n\n  position:absolute;\n  inset:0;\n\n  opacity:.27;\n\n  background-image:\n    linear-gradient(\n      rgba(0,28,81,.035) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(0,28,81,.035) 1px,\n      transparent 1px\n    );\n\n  background-size:78px 78px;\n\n  pointer-events:none;\n}\n\n\n\/* GHOST NUMBER *\/\n\n#fe-route-08 .r08-bg-number{\n  position:absolute;\n\n  right:-1vw;\n  bottom:-9vh;\n\n  color:rgba(0,28,81,.025);\n\n  font-size:min(32vw,470px);\n  line-height:.8;\n\n  font-weight:800;\n  letter-spacing:-.08em;\n\n  pointer-events:none;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n#fe-route-08 .r08-inner{\n  position:relative;\n  z-index:2;\n\n  width:90%;\n  max-width:1500px;\n\n  height:100%;\n\n  margin:0 auto;\n\n  padding:38px 0 30px;\n\n  display:flex;\n  flex-direction:column;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n#fe-route-08 .r08-top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n}\n\n#fe-route-08 .r08-label{\n  display:flex;\n  align-items:center;\n\n  gap:11px;\n\n  color:var(--navy);\n\n  font-size:13px;\n  line-height:1.4;\n\n  font-weight:650;\n  letter-spacing:.13em;\n}\n\n#fe-route-08 .r08-label > span{\n  width:8px;\n  height:8px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n  background:var(--teal);\n}\n\n#fe-route-08 .r08-meta{\n  color:#8a969f;\n\n  font-size:12px;\n  line-height:1.4;\n\n  font-weight:600;\n  letter-spacing:.12em;\n}\n\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n#fe-route-08 .r08-main{\n  flex:1;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(350px,.72fr)\n    minmax(620px,1.28fr);\n\n  align-items:center;\n\n  gap:7vw;\n\n  min-height:0;\n\n  padding:3vh 0 2vh;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n#fe-route-08 .r08-eyebrow{\n  margin-bottom:13px;\n\n  color:var(--teal);\n\n  font-size:13px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.13em;\n}\n\n#fe-route-08 h2{\n  margin:0;\n\n  color:var(--navy);\n\n  font-size:clamp(50px,4.6vw,76px);\n  line-height:1.04;\n\n  letter-spacing:-.052em;\n\n  font-weight:700;\n}\n\n#fe-route-08 h2 strong{\n  color:var(--teal);\n  font-weight:700;\n}\n\n#fe-route-08 .r08-intro > p{\n  max-width:560px;\n\n  margin:23px 0 0;\n\n  color:var(--muted);\n\n  font-size:17px;\n  line-height:1.65;\n}\n\n\n\/* RULE *\/\n\n#fe-route-08 .r08-rule{\n  display:flex;\n  align-items:center;\n\n  gap:14px;\n\n  margin-top:25px;\n\n  padding-top:20px;\n\n  border-top:\n    1px solid var(--line);\n}\n\n#fe-route-08 .r08-rule > span{\n  width:42px;\n  height:42px;\n\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid rgba(22,191,191,.45);\n\n  border-radius:50%;\n\n  color:var(--teal);\n\n  font-size:18px;\n  font-weight:700;\n}\n\n#fe-route-08 .r08-rule strong{\n  display:block;\n\n  color:var(--navy);\n\n  font-size:16px;\n  line-height:1.4;\n\n  font-weight:650;\n}\n\n#fe-route-08 .r08-rule p{\n  margin:2px 0 0;\n\n  color:#75818a;\n\n  font-size:15px;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   PRIORITIES\n========================================================= *\/\n\n#fe-route-08 .r08-priorities{\n  display:grid;\n\n  grid-template-columns:\n    repeat(2,minmax(0,1fr));\n\n  gap:12px;\n}\n\n\n\/* CARD *\/\n\n#fe-route-08 .r08-card{\n  position:relative;\n\n  min-width:0;\n  min-height:205px;\n\n  padding:19px 20px;\n\n  border:\n    1px solid var(--line);\n\n  border-radius:11px;\n\n  background:\n    rgba(255,255,255,.78);\n\n  color:var(--ink);\n\n  text-align:left;\n\n  font-family:inherit;\n\n  cursor:pointer;\n\n  transition:\n    border-color .2s ease,\n    background .2s ease,\n    transform .2s ease,\n    box-shadow .2s ease,\n    opacity .2s ease;\n}\n\n#fe-route-08 .r08-card:hover{\n  border-color:\n    rgba(22,191,191,.65);\n\n  transform:\n    translateY(-2px);\n\n  box-shadow:\n    0 12px 30px rgba(0,28,81,.06);\n}\n\n#fe-route-08 .r08-card:focus-visible{\n  outline:\n    3px solid rgba(22,191,191,.2);\n\n  outline-offset:2px;\n}\n\n\n\/* CARD TOP *\/\n\n#fe-route-08 .r08-card-top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n#fe-route-08 .r08-number{\n  color:#9aa4ac;\n\n  font-size:12px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.1em;\n}\n\n#fe-route-08 .r08-select{\n  position:relative;\n\n  width:21px;\n  height:21px;\n\n  flex:0 0 auto;\n\n  border:\n    1.5px solid #b8c2c9;\n\n  border-radius:50%;\n}\n\n\n\/* ICON *\/\n\n#fe-route-08 .r08-icon{\n  width:39px;\n  height:39px;\n\n  margin-top:13px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n\n  background:\n    rgba(22,191,191,.08);\n\n  color:var(--teal);\n\n  font-size:20px;\n  line-height:1;\n\n  font-weight:600;\n}\n\n\n\/* COPY *\/\n\n#fe-route-08 .r08-card h3{\n  margin:12px 0 0;\n\n  color:var(--navy);\n\n  font-size:19px;\n  line-height:1.3;\n\n  font-weight:650;\n\n  letter-spacing:-.02em;\n}\n\n#fe-route-08 .r08-card p{\n  margin:6px 0 0;\n\n  color:var(--muted);\n\n  font-size:15px;\n  line-height:1.55;\n}\n\n\n\/* SELECTED *\/\n\n#fe-route-08 .r08-card.selected{\n  border-color:var(--teal);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(22,191,191,.10),\n      rgba(255,255,255,.92)\n    );\n\n  box-shadow:\n    0 12px 32px rgba(0,28,81,.07);\n}\n\n#fe-route-08 .r08-card.selected\n.r08-select{\n  border-color:var(--teal);\n}\n\n#fe-route-08 .r08-card.selected\n.r08-select:after{\n  content:\"\";\n\n  position:absolute;\n\n  inset:4px;\n\n  border-radius:50%;\n\n  background:var(--teal);\n}\n\n\n\/* LIMIT STATE *\/\n\n#fe-route-08 .r08-card.limit{\n  opacity:.48;\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n#fe-route-08 .r08-bottom{\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n\n  padding-top:20px;\n\n  border-top:\n    1px solid var(--line);\n}\n\n\n\/* FEEDBACK *\/\n\n#fe-route-08 .r08-feedback{\n  display:flex;\n  align-items:center;\n\n  gap:12px;\n}\n\n#fe-route-08 .r08-dot{\n  width:8px;\n  height:8px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n  background:#bdc5cb;\n}\n\n#fe-route-08 .r08-feedback.ready\n.r08-dot{\n  background:var(--teal);\n\n  box-shadow:\n    0 0 10px rgba(22,191,191,.4);\n}\n\n#fe-route-08 .r08-feedback strong{\n  display:block;\n\n  color:var(--navy);\n\n  font-size:16px;\n  line-height:1.4;\n\n  font-weight:600;\n}\n\n#fe-route-08 .r08-feedback p{\n  margin:2px 0 0;\n\n  color:#75818a;\n\n  font-size:15px;\n  line-height:1.45;\n}\n\n\n\/* NEXT *\/\n\n#fe-route-08 .r08-next{\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n\n  gap:18px;\n\n  color:var(--navy);\n\n  text-decoration:none;\n\n  font-size:13px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.08em;\n}\n\n#fe-route-08 .r08-next.disabled{\n  opacity:.28;\n  pointer-events:none;\n}\n\n#fe-route-08 .r08-next > span{\n  width:45px;\n  height:45px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid var(--teal);\n\n  border-radius:50%;\n\n  color:var(--teal);\n\n  font-size:20px;\n}\n\n\n\/* =========================================================\n   SHORTER DESKTOP \/ LAPTOP\n========================================================= *\/\n\n@media\n(max-height:800px)\nand\n(min-width:768px){\n\n  #fe-route-08 .r08-inner{\n    padding:\n      27px 0 24px;\n  }\n\n  #fe-route-08 .r08-main{\n    padding:\n      2vh 0 1.5vh;\n  }\n\n  #fe-route-08 h2{\n    font-size:\n      clamp(46px,4vw,66px);\n  }\n\n  #fe-route-08 .r08-intro > p{\n    margin-top:16px;\n\n    font-size:16px;\n    line-height:1.55;\n  }\n\n  #fe-route-08 .r08-rule{\n    margin-top:17px;\n    padding-top:15px;\n  }\n\n  #fe-route-08 .r08-card{\n    min-height:175px;\n\n    padding:15px 17px;\n  }\n\n  #fe-route-08 .r08-icon{\n    width:34px;\n    height:34px;\n\n    margin-top:9px;\n\n    font-size:18px;\n  }\n\n  #fe-route-08 .r08-card h3{\n    margin-top:8px;\n\n    font-size:18px;\n  }\n\n  #fe-route-08 .r08-card p{\n    font-size:15px;\n    line-height:1.45;\n  }\n\n  #fe-route-08 .r08-bottom{\n    padding-top:15px;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  #fe-route-08{\n    height:auto;\n    min-height:100svh;\n  }\n\n  #fe-route-08 .r08-inner{\n    width:92%;\n    height:auto;\n\n    min-height:100svh;\n  }\n\n  #fe-route-08 .r08-main{\n    grid-template-columns:\n      minmax(300px,.65fr)\n      minmax(0,1.35fr);\n\n    gap:40px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  #fe-route-08{\n    width:100vw;\n\n    height:auto;\n    min-height:auto;\n\n    margin-left:calc(50% - 50vw);\n    margin-right:calc(50% - 50vw);\n  }\n\n  #fe-route-08 .r08-bg-number{\n    display:none;\n  }\n\n  #fe-route-08 .r08-inner{\n    width:100%;\n    height:auto;\n    min-height:auto;\n\n    margin:0;\n\n    padding:\n      30px\n      max(24px,env(safe-area-inset-right))\n      36px\n      max(24px,env(safe-area-inset-left));\n  }\n\n  #fe-route-08 .r08-label{\n    font-size:12px;\n  }\n\n  #fe-route-08 .r08-meta{\n    display:none;\n  }\n\n  #fe-route-08 .r08-main{\n    display:block;\n\n    padding:0;\n  }\n\n  #fe-route-08 .r08-intro{\n    margin-top:58px;\n  }\n\n  #fe-route-08 .r08-eyebrow{\n    font-size:12px;\n  }\n\n  #fe-route-08 h2{\n    font-size:\n      clamp(46px,12.5vw,62px);\n\n    line-height:1.08;\n\n    letter-spacing:-.045em;\n  }\n\n  #fe-route-08 .r08-intro > p{\n    margin-top:24px;\n\n    font-size:18px;\n    line-height:1.65;\n  }\n\n  #fe-route-08 .r08-rule{\n    margin-top:23px;\n  }\n\n  #fe-route-08 .r08-rule strong{\n    font-size:16px;\n  }\n\n  #fe-route-08 .r08-rule p{\n    font-size:15px;\n  }\n\n  #fe-route-08 .r08-priorities{\n    grid-template-columns:1fr;\n\n    gap:10px;\n\n    margin-top:34px;\n  }\n\n  #fe-route-08 .r08-card{\n    min-height:0;\n\n    padding:20px;\n  }\n\n  #fe-route-08 .r08-icon{\n    margin-top:12px;\n  }\n\n  #fe-route-08 .r08-card h3{\n    font-size:20px;\n  }\n\n  #fe-route-08 .r08-card p{\n    font-size:16px;\n    line-height:1.6;\n  }\n\n  #fe-route-08 .r08-bottom{\n    margin-top:30px;\n\n    padding-top:24px;\n\n    flex-direction:column;\n    align-items:flex-start;\n\n    gap:24px;\n  }\n\n  #fe-route-08 .r08-feedback strong{\n    font-size:16px;\n  }\n\n  #fe-route-08 .r08-feedback p{\n    font-size:15px;\n  }\n\n  #fe-route-08 .r08-next{\n    width:100%;\n\n    justify-content:space-between;\n\n    font-size:12px;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n(function(){\n\n  const section =\n    document.getElementById(\"fe-route-08\");\n\n  if(\n    !section ||\n    section.dataset.ready === \"1\"\n  ){\n    return;\n  }\n\n  section.dataset.ready = \"1\";\n\n\n  \/* =====================================================\n     SHARED STATE\n  ===================================================== *\/\n\n  window.FEVerkooproute =\n    window.FEVerkooproute || {};\n\n\n  const data =\n    window.FEVerkooproute;\n\n\n  \/*\n   * Priorities are preferences only.\n   *\n   * They may help choose between solutions that genuinely\n   * fit the seller's needs, but they do NOT override\n   * requirements collected in earlier sections.\n   *\/\n\n  const validPriorities = [\n    \"cost\",\n    \"control\",\n    \"result\",\n    \"convenience\"\n  ];\n\n\n  const existingPriorities =\n    Array.isArray(data.priorities)\n      ? data.priorities\n      : [];\n\n\n  \/*\n   * Clean possible old\/invalid state and keep\n   * no more than two unique valid priorities.\n   *\/\n\n  data.priorities =\n    existingPriorities\n      .filter(function(value, index, array){\n\n        return (\n          validPriorities.includes(value) &&\n          array.indexOf(value) === index\n        );\n\n      })\n      .slice(0, 2);\n\n\n  \/* =====================================================\n     ELEMENTS\n  ===================================================== *\/\n\n  const cards =\n    section.querySelectorAll(\".r08-card\");\n\n  const feedback =\n    section.querySelector(\".r08-feedback\");\n\n  const feedbackStrong =\n    feedback.querySelector(\"strong\");\n\n  const feedbackText =\n    feedback.querySelector(\"p\");\n\n  const next =\n    section.querySelector(\".r08-next\");\n\n\n  \/* =====================================================\n     RENDER\n  ===================================================== *\/\n\n  function render(){\n\n    const selected =\n      data.priorities;\n\n\n    cards.forEach(function(card){\n\n      const value =\n        card.dataset.priority;\n\n      const isSelected =\n        selected.includes(value);\n\n\n      card.classList.toggle(\n        \"selected\",\n        isSelected\n      );\n\n\n      card.setAttribute(\n        \"aria-pressed\",\n        isSelected\n          ? \"true\"\n          : \"false\"\n      );\n\n\n      if(\n        selected.length >= 2 &&\n        !isSelected\n      ){\n\n        card.classList.add(\"limit\");\n\n      }else{\n\n        card.classList.remove(\"limit\");\n\n      }\n\n    });\n\n\n    \/* -----------------------------------------\n       FEEDBACK\n    ----------------------------------------- *\/\n\n    if(selected.length === 0){\n\n      feedback.classList.remove(\"ready\");\n\n      feedbackStrong.textContent =\n        \"Kies 1 of 2 prioriteiten\";\n\n      feedbackText.textContent =\n        \"Deze gebruiken we straks om je advies verder te verfijnen.\";\n\n      next.classList.add(\"disabled\");\n\n      next.setAttribute(\n        \"aria-disabled\",\n        \"true\"\n      );\n\n      return;\n    }\n\n\n    if(selected.length === 1){\n\n      feedback.classList.add(\"ready\");\n\n      feedbackStrong.textContent =\n        \"1 prioriteit gekozen\";\n\n      feedbackText.textContent =\n        \"Je kunt nog \u00e9\u00e9n prioriteit toevoegen of direct verdergaan.\";\n\n      next.classList.remove(\"disabled\");\n\n      next.setAttribute(\n        \"aria-disabled\",\n        \"false\"\n      );\n\n      return;\n    }\n\n\n    feedback.classList.add(\"ready\");\n\n    feedbackStrong.textContent =\n      \"2 prioriteiten gekozen\";\n\n    feedbackText.textContent =\n      \"Goed. Deze nemen we straks mee in jouw advies.\";\n\n    next.classList.remove(\"disabled\");\n\n    next.setAttribute(\n      \"aria-disabled\",\n      \"false\"\n    );\n\n  }\n\n\n  \/* =====================================================\n     CLICK\n  ===================================================== *\/\n\n  cards.forEach(function(card){\n\n    card.addEventListener(\n      \"click\",\n      function(){\n\n        const value =\n          card.dataset.priority;\n\n        if(\n          !validPriorities.includes(value)\n        ){\n          return;\n        }\n\n\n        const selected =\n          data.priorities;\n\n        const index =\n          selected.indexOf(value);\n\n\n        \/* DESELECT *\/\n\n        if(index !== -1){\n\n          selected.splice(\n            index,\n            1\n          );\n\n          render();\n\n          return;\n        }\n\n\n        \/* MAXIMUM TWO *\/\n\n        if(selected.length >= 2){\n          return;\n        }\n\n\n        selected.push(value);\n\n        render();\n\n      }\n    );\n\n  });\n\n\n  render();\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-246c1ff elementor-widget elementor-widget-html\" data-id=\"246c1ff\" 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<section id=\"fe-route-09\">\n\n  <div class=\"r09-bg-grid\"><\/div>\n  <div class=\"r09-glow r09-glow-a\"><\/div>\n  <div class=\"r09-glow r09-glow-b\"><\/div>\n\n  <div class=\"r09-inner\">\n\n    <!-- =====================================================\n         TOP\n    ====================================================== -->\n\n    <div class=\"r09-top\">\n\n      <div class=\"r09-label\">\n        <span><\/span>\n        09 \u2014 JOUW VERKOOPOVERZICHT\n      <\/div>\n\n      <div class=\"r09-meta\">\n        ALLES RONDOM JOUW VERKOOP OP \u00c9\u00c9N PLEK\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         INTRO\n    ====================================================== -->\n\n    <div class=\"r09-intro\">\n\n      <div class=\"r09-title\">\n\n        <div class=\"r09-eyebrow\">\n          MEER DAN EEN WONINGADVERTENTIE\n        <\/div>\n\n        <h2>\n          Alles voor jouw verkoop.<br>\n          <strong>In \u00e9\u00e9n omgeving.<\/strong>\n        <\/h2>\n\n      <\/div>\n\n\n      <div class=\"r09-intro-copy\">\n\n        <p>\n          Van bezichtigingen en documenten tot biedingen en\n          communicatie. Je houdt het verkoopproces overzichtelijk\n          bij elkaar en krijgt ondersteuning waar jij die nodig hebt.\n        <\/p>\n\n        <div class=\"r09-live\">\n          <span><\/span>\n          JOUW DIGITALE VERKOOPOVERZICHT\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         PRODUCT SHOWCASE\n    ====================================================== -->\n\n    <div class=\"r09-showcase\">\n\n\n      <!-- LEFT FEATURES -->\n      <div class=\"r09-side r09-side-left\">\n\n\n        <div class=\"r09-callout\">\n\n          <div class=\"r09-callout-number\">\n            01\n          <\/div>\n\n          <div>\n            <span>DASHBOARD<\/span>\n\n            <strong>\n              Alles in beeld\n            <\/strong>\n\n            <p>\n              Houd aanvragen, bezichtigingen,\n              biedingen en activiteiten overzichtelijk bij elkaar.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"r09-callout\">\n\n          <div class=\"r09-callout-number\">\n            02\n          <\/div>\n\n          <div>\n            <span>BEZICHTIGINGEN<\/span>\n\n            <strong>\n              Jouw agenda\n            <\/strong>\n\n            <p>\n              Bekijk aanvragen, plan momenten\n              en houd overzicht over jouw bezichtigingen.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"r09-callout\">\n\n          <div class=\"r09-callout-number\">\n            03\n          <\/div>\n\n          <div>\n            <span>COMMUNICATIE<\/span>\n\n            <strong>\n              Minder handmatig werk\n            <\/strong>\n\n            <p>\n              Bevestigingen en statusupdates helpen\n              om kopers tijdens het proces op de hoogte te houden.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- ===================================================\n           DASHBOARD MOCKUP\n      ==================================================== -->\n\n      <div class=\"r09-dashboard\">\n\n\n        <!-- APP TOP -->\n        <div class=\"r09-app-top\">\n\n          <div class=\"r09-brand\">\n\n            <div class=\"r09-brandmark\">\n              F\n            <\/div>\n\n            <div>\n              <strong>Verkoopdashboard<\/strong>\n              <span>Mijn woning<\/span>\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"r09-status\">\n            <span><\/span>\n            ACTIEF\n          <\/div>\n\n        <\/div>\n\n\n        <!-- NAV -->\n        <div class=\"r09-app-nav\">\n\n          <button class=\"active\" type=\"button\">\n            Overzicht\n          <\/button>\n\n          <button type=\"button\">\n            Bezichtigingen\n          <\/button>\n\n          <button type=\"button\">\n            Biedingen\n          <\/button>\n\n          <button type=\"button\">\n            Documenten\n          <\/button>\n\n        <\/div>\n\n\n        <!-- APP BODY -->\n        <div class=\"r09-app-body\">\n\n\n          <!-- PROPERTY -->\n          <div class=\"r09-property\">\n\n            <div class=\"r09-property-image\">\n\n              <div class=\"r09-house\">\n\n                <span class=\"roof\"><\/span>\n                <span class=\"body\"><\/span>\n                <span class=\"window w1\"><\/span>\n                <span class=\"window w2\"><\/span>\n                <span class=\"door\"><\/span>\n\n              <\/div>\n\n            <\/div>\n\n\n            <div class=\"r09-property-copy\">\n\n              <span>JOUW WONING<\/span>\n\n              <strong>\n                Verkoop actief\n              <\/strong>\n\n              <p>\n                Publicatie & verkoopproces\n              <\/p>\n\n            <\/div>\n\n\n            <div class=\"r09-property-platform\">\n              ONLINE\n            <\/div>\n\n          <\/div>\n\n\n\n          <!-- STATS -->\n          <div class=\"r09-stats\">\n\n            <div>\n              <span>INTERESSE<\/span>\n              <strong>12<\/strong>\n              <small>ge\u00efnteresseerden<\/small>\n            <\/div>\n\n            <div>\n              <span>AGENDA<\/span>\n              <strong>7<\/strong>\n              <small>bezichtigingen<\/small>\n            <\/div>\n\n            <div>\n              <span>BIEDINGEN<\/span>\n              <strong>4<\/strong>\n              <small>ontvangen<\/small>\n            <\/div>\n\n          <\/div>\n\n\n\n          <!-- LOWER -->\n          <div class=\"r09-app-lower\">\n\n\n            <!-- VIEWINGS -->\n            <div class=\"r09-widget\">\n\n              <div class=\"r09-widget-head\">\n\n                <div>\n                  <span>AGENDA<\/span>\n                  <strong>Bezichtigingen<\/strong>\n                <\/div>\n\n                <small>Vandaag<\/small>\n\n              <\/div>\n\n\n              <div class=\"r09-appointment\">\n\n                <strong>10:00<\/strong>\n\n                <span>\n                  Bezichtiging\n                <\/span>\n\n                <em class=\"confirmed\">\n                  Bevestigd\n                <\/em>\n\n              <\/div>\n\n\n              <div class=\"r09-appointment\">\n\n                <strong>10:20<\/strong>\n\n                <span>\n                  Bezichtiging\n                <\/span>\n\n                <em class=\"confirmed\">\n                  Bevestigd\n                <\/em>\n\n              <\/div>\n\n\n              <div class=\"r09-appointment\">\n\n                <strong>10:40<\/strong>\n\n                <span>\n                  Nieuwe aanvraag\n                <\/span>\n\n                <em>\n                  Bekijken\n                <\/em>\n\n              <\/div>\n\n            <\/div>\n\n\n\n            <!-- OFFERS -->\n            <div class=\"r09-widget r09-offer-widget\">\n\n              <div class=\"r09-widget-head\">\n\n                <div>\n                  <span>BIEDINGEN<\/span>\n                  <strong>Laatste biedingen<\/strong>\n                <\/div>\n\n                <small class=\"r09-transparent\">\n                  Transparant\n                <\/small>\n\n              <\/div>\n\n\n              <div class=\"r09-offer\">\n\n                <div>\n                  <strong>\u20ac 387.500<\/strong>\n                  <span>Financiering \u2713<\/span>\n                <\/div>\n\n                <button type=\"button\">\n                  Bekijk\n                <\/button>\n\n              <\/div>\n\n\n              <div class=\"r09-offer\">\n\n                <div>\n                  <strong>\u20ac 390.000<\/strong>\n                  <span>Voorbehoud financiering<\/span>\n                <\/div>\n\n                <button type=\"button\">\n                  Bekijk\n                <\/button>\n\n              <\/div>\n\n\n              <div class=\"r09-offer-actions\">\n\n                <span>Afwijzen<\/span>\n                <span>Onderhandelen<\/span>\n                <strong>Accepteren<\/strong>\n\n              <\/div>\n\n            <\/div>\n\n          <\/div>\n\n\n\n          <!-- DOCUMENT BAR -->\n          <div class=\"r09-docbar\">\n\n            <div class=\"r09-docbar-title\">\n              <span>DOCUMENTEN & WONINGDOSSIER<\/span>\n              <strong>Alles bij jouw woning<\/strong>\n            <\/div>\n\n\n            <div class=\"r09-doc\">\n              <span>\u2713<\/span>\n              Vragenlijst\n            <\/div>\n\n            <div class=\"r09-doc\">\n              <span>\u2713<\/span>\n              Lijst van zaken\n            <\/div>\n\n            <div class=\"r09-doc\">\n              <span>\u2713<\/span>\n              Templates\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"r09-demo-label\">\n            Voorbeeldweergave \u00b7 fictieve gegevens\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n\n      <!-- RIGHT FEATURES -->\n      <div class=\"r09-side r09-side-right\">\n\n\n        <div class=\"r09-callout\">\n\n          <div class=\"r09-callout-number\">\n            04\n          <\/div>\n\n          <div>\n            <span>BIEDINGEN<\/span>\n\n            <strong>\n              Beheer ieder bod\n            <\/strong>\n\n            <p>\n              Vergelijk prijs en voorwaarden en\n              accepteer, wijs af of ga in onderhandeling.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"r09-callout\">\n\n          <div class=\"r09-callout-number\">\n            05\n          <\/div>\n\n          <div>\n            <span>TRANSPARANT BIEDEN<\/span>\n\n            <strong>\n              Meer inzicht in het proces\n            <\/strong>\n\n            <p>\n              Deelnemende bieders kunnen biedingen die\n              binnen het transparante biedproces vallen volgen\n              en v\u00f3\u00f3r de deadline opnieuw reageren.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"r09-callout\">\n\n          <div class=\"r09-callout-number\">\n            06\n          <\/div>\n\n          <div>\n            <span>WONINGDOSSIER<\/span>\n\n            <strong>\n              Documenten digitaal\n            <\/strong>\n\n            <p>\n              Houd de vragenlijst, lijst van zaken,\n              documenten en handige templates bij elkaar.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         PROFESSIONAL LAYER\n    ====================================================== -->\n\n    <div class=\"r09-support\">\n\n      <div class=\"r09-support-intro\">\n\n        <span>\n          EN DAARNAAST\n        <\/span>\n\n        <strong>\n          Professionele hulp waar jij die nodig hebt.\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"r09-support-items\">\n\n        <div>\n          <span>01<\/span>\n          Verkoopstrategie\n        <\/div>\n\n        <div>\n          <span>02<\/span>\n          Woningpresentatie\n        <\/div>\n\n        <div>\n          <span>03<\/span>\n          Funda\n        <\/div>\n\n        <div>\n          <span>04<\/span>\n          Bezichtigingen\n        <\/div>\n\n        <div>\n          <span>05<\/span>\n          Onderhandeling\n        <\/div>\n\n        <div>\n          <span>06<\/span>\n          Afronding\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         BOTTOM\n    ====================================================== -->\n\n    <div class=\"r09-bottom\">\n\n      <p>\n        <strong>Jij houdt overzicht en de uiteindelijke beslissing.<\/strong>\n        Hoeveel je zelf doet en hoeveel wij ondersteunen, hangt af van jouw verkooproute.\n      <\/p>\n\n\n      <a href=\"#fe-route-10\" class=\"r09-next\">\n        MAAK JOUW ROUTE COMPLEET\n        <span>\u2193<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n#fe-route-09,\n#fe-route-09 *{\n  box-sizing:border-box;\n}\n\n#fe-route-09{\n  --navy:#001C51;\n  --deep:#001238;\n  --teal:#16BFBF;\n\n  position:relative;\n\n  width:100vw;\n  max-width:none;\n\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n\n  min-height:100svh;\n\n  overflow:hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #001238 0%,\n      #001c51 58%,\n      #001540 100%\n    );\n\n  color:#fff;\n\n  font-family:\"Poppins\",sans-serif;\n}\n\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n#fe-route-09 .r09-bg-grid{\n  position:absolute;\n  inset:0;\n\n  opacity:.045;\n\n  background-image:\n    linear-gradient(\n      rgba(255,255,255,.25) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.25) 1px,\n      transparent 1px\n    );\n\n  background-size:76px 76px;\n\n  pointer-events:none;\n}\n\n#fe-route-09 .r09-glow{\n  position:absolute;\n  border-radius:50%;\n  pointer-events:none;\n}\n\n#fe-route-09 .r09-glow-a{\n  width:600px;\n  height:600px;\n  right:-320px;\n  top:-340px;\n  background:rgba(22,191,191,.11);\n}\n\n#fe-route-09 .r09-glow-b{\n  width:450px;\n  height:450px;\n  left:-300px;\n  bottom:-280px;\n  background:rgba(22,191,191,.06);\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n#fe-route-09 .r09-inner{\n  position:relative;\n  z-index:2;\n\n  width:90%;\n  max-width:1500px;\n\n  min-height:100svh;\n\n  margin:0 auto;\n\n  padding:28px 0 24px;\n\n  display:flex;\n  flex-direction:column;\n}\n\n\n\/* =========================================================\n   TOP\n========================================================= *\/\n\n#fe-route-09 .r09-top{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:30px;\n}\n\n#fe-route-09 .r09-label{\n  display:flex;\n  align-items:center;\n  gap:10px;\n\n  font-size:13px;\n  line-height:1.4;\n  font-weight:650;\n  letter-spacing:.12em;\n}\n\n#fe-route-09 .r09-label > span{\n  width:8px;\n  height:8px;\n  flex:0 0 auto;\n\n  border-radius:50%;\n  background:var(--teal);\n\n  box-shadow:0 0 12px rgba(22,191,191,.55);\n}\n\n#fe-route-09 .r09-meta{\n  color:rgba(255,255,255,.45);\n\n  font-size:12px;\n  line-height:1.4;\n\n  font-weight:600;\n  letter-spacing:.1em;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n#fe-route-09 .r09-intro{\n  display:grid;\n\n  grid-template-columns:\n    minmax(520px,1fr)\n    minmax(370px,.65fr);\n\n  align-items:end;\n\n  gap:70px;\n\n  margin-top:2.5vh;\n}\n\n#fe-route-09 .r09-eyebrow{\n  margin-bottom:8px;\n\n  color:var(--teal);\n\n  font-size:13px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.12em;\n}\n\n#fe-route-09 h2{\n  margin:0;\n\n  font-size:clamp(42px,3.7vw,60px);\n  line-height:1.04;\n\n  letter-spacing:-.048em;\n\n  font-weight:700;\n}\n\n#fe-route-09 h2 strong{\n  color:var(--teal);\n  font-weight:700;\n}\n\n#fe-route-09 .r09-intro-copy > p{\n  max-width:560px;\n\n  margin:0;\n\n  color:rgba(255,255,255,.72);\n\n  font-size:17px;\n  line-height:1.6;\n}\n\n#fe-route-09 .r09-live{\n  display:flex;\n  align-items:center;\n\n  gap:8px;\n\n  margin-top:13px;\n\n  color:rgba(255,255,255,.52);\n\n  font-size:12px;\n  line-height:1.4;\n\n  font-weight:650;\n  letter-spacing:.09em;\n}\n\n#fe-route-09 .r09-live > span{\n  width:7px;\n  height:7px;\n\n  flex:0 0 auto;\n\n  border-radius:50%;\n\n  background:var(--teal);\n\n  box-shadow:\n    0 0 14px rgba(22,191,191,.8);\n}\n\n\n\/* =========================================================\n   SHOWCASE\n========================================================= *\/\n\n#fe-route-09 .r09-showcase{\n  display:grid;\n\n  grid-template-columns:\n    minmax(200px,.5fr)\n    minmax(600px,1.6fr)\n    minmax(200px,.5fr);\n\n  align-items:center;\n\n  gap:22px;\n\n  margin-top:2.5vh;\n}\n\n\n\/* =========================================================\n   SIDE CALLOUTS\n========================================================= *\/\n\n#fe-route-09 .r09-side{\n  min-width:0;\n\n  display:flex;\n  flex-direction:column;\n\n  gap:9px;\n}\n\n#fe-route-09 .r09-callout{\n  display:grid;\n\n  grid-template-columns:\n    28px 1fr;\n\n  gap:10px;\n\n  padding:13px 0;\n\n  border-bottom:\n    1px solid rgba(255,255,255,.10);\n}\n\n#fe-route-09 .r09-callout:last-child{\n  border-bottom:0;\n}\n\n#fe-route-09 .r09-callout-number{\n  color:rgba(255,255,255,.32);\n\n  font-size:12px;\n  line-height:1.4;\n\n  font-weight:700;\n}\n\n#fe-route-09 .r09-callout span{\n  display:block;\n\n  margin-bottom:4px;\n\n  color:var(--teal);\n\n  font-size:11px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.09em;\n}\n\n#fe-route-09 .r09-callout strong{\n  display:block;\n\n  color:#fff;\n\n  font-size:17px;\n  line-height:1.35;\n\n  font-weight:650;\n}\n\n#fe-route-09 .r09-callout p{\n  margin:5px 0 0;\n\n  color:rgba(255,255,255,.61);\n\n  font-size:15px;\n  line-height:1.5;\n}\n\n\n\/* =========================================================\n   DASHBOARD\n========================================================= *\/\n\n#fe-route-09 .r09-dashboard{\n  min-width:0;\n\n  overflow:hidden;\n\n  border:\n    1px solid rgba(22,191,191,.28);\n\n  border-radius:14px;\n\n  background:#f7f9fb;\n  color:#0a2148;\n\n  box-shadow:\n    0 30px 75px rgba(0,0,0,.23);\n}\n\n\n\/* APP TOP *\/\n\n#fe-route-09 .r09-app-top{\n  min-height:48px;\n\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:20px;\n\n  padding:8px 15px;\n\n  background:#fff;\n\n  border-bottom:\n    1px solid #e5e9ed;\n}\n\n#fe-route-09 .r09-brand{\n  display:flex;\n  align-items:center;\n  gap:9px;\n}\n\n#fe-route-09 .r09-brandmark{\n  width:29px;\n  height:29px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:7px;\n\n  background:var(--navy);\n  color:var(--teal);\n\n  font-size:15px;\n  font-weight:800;\n}\n\n#fe-route-09 .r09-brand strong{\n  display:block;\n\n  color:var(--navy);\n\n  font-size:12px;\n  line-height:1.25;\n}\n\n#fe-route-09 .r09-brand span{\n  display:block;\n\n  margin-top:1px;\n\n  color:#87939d;\n\n  font-size:9px;\n}\n\n#fe-route-09 .r09-status{\n  display:flex;\n  align-items:center;\n\n  gap:6px;\n\n  color:#60717b;\n\n  font-size:9px;\n  font-weight:700;\n}\n\n#fe-route-09 .r09-status > span{\n  width:6px;\n  height:6px;\n\n  border-radius:50%;\n\n  background:var(--teal);\n}\n\n\n\/* NAV *\/\n\n#fe-route-09 .r09-app-nav{\n  display:flex;\n\n  gap:4px;\n\n  padding:6px 13px;\n\n  background:#fff;\n\n  border-bottom:\n    1px solid #e8ecef;\n}\n\n#fe-route-09 .r09-app-nav button{\n  appearance:none;\n\n  padding:5px 9px;\n\n  border:0;\n  border-radius:5px;\n\n  background:transparent;\n\n  color:#74818c;\n\n  font-family:inherit;\n\n  font-size:9px;\n  font-weight:600;\n\n  cursor:default;\n}\n\n#fe-route-09 .r09-app-nav button.active{\n  background:rgba(22,191,191,.10);\n  color:#087f83;\n}\n\n\n\/* BODY *\/\n\n#fe-route-09 .r09-app-body{\n  padding:10px 12px 8px;\n}\n\n\n\/* PROPERTY *\/\n\n#fe-route-09 .r09-property{\n  display:grid;\n\n  grid-template-columns:\n    55px 1fr auto;\n\n  align-items:center;\n\n  gap:10px;\n\n  padding:8px;\n\n  border:\n    1px solid #e3e8eb;\n\n  border-radius:8px;\n\n  background:#fff;\n}\n\n#fe-route-09 .r09-property-image{\n  height:43px;\n\n  position:relative;\n  overflow:hidden;\n\n  border-radius:6px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #dbe6e7,\n      #bcd3d3\n    );\n}\n\n\n\/* HOUSE *\/\n\n#fe-route-09 .r09-house{\n  position:absolute;\n\n  left:50%;\n  bottom:3px;\n\n  width:35px;\n  height:30px;\n\n  transform:translateX(-50%);\n}\n\n#fe-route-09 .r09-house .roof{\n  position:absolute;\n\n  top:0;\n  left:3px;\n\n  width:29px;\n  height:29px;\n\n  transform:rotate(45deg);\n\n  border-radius:3px;\n\n  background:#496379;\n}\n\n#fe-route-09 .r09-house .body{\n  position:absolute;\n\n  left:4px;\n  bottom:0;\n\n  width:28px;\n  height:23px;\n\n  background:#fff;\n}\n\n#fe-route-09 .r09-house .window{\n  position:absolute;\n\n  bottom:11px;\n\n  width:5px;\n  height:6px;\n\n  background:#83b9ba;\n\n  z-index:2;\n}\n\n#fe-route-09 .r09-house .w1{\n  left:9px;\n}\n\n#fe-route-09 .r09-house .w2{\n  right:8px;\n}\n\n#fe-route-09 .r09-house .door{\n  position:absolute;\n\n  left:15px;\n  bottom:0;\n\n  width:6px;\n  height:10px;\n\n  background:#496379;\n\n  z-index:2;\n}\n\n\n#fe-route-09 .r09-property-copy > span{\n  display:block;\n\n  color:#9aa5ac;\n\n  font-size:8px;\n  font-weight:700;\n\n  letter-spacing:.08em;\n}\n\n#fe-route-09 .r09-property-copy strong{\n  display:block;\n\n  margin-top:1px;\n\n  color:var(--navy);\n\n  font-size:12px;\n}\n\n#fe-route-09 .r09-property-copy p{\n  margin:1px 0 0;\n\n  color:#7e8a93;\n\n  font-size:9px;\n}\n\n#fe-route-09 .r09-property-platform{\n  padding:5px 7px;\n\n  border-radius:100px;\n\n  background:rgba(22,191,191,.09);\n\n  color:#07858a;\n\n  font-size:8px;\n  font-weight:700;\n}\n\n\n\/* STATS *\/\n\n#fe-route-09 .r09-stats{\n  display:grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap:7px;\n\n  margin-top:7px;\n}\n\n#fe-route-09 .r09-stats > div{\n  padding:7px 9px;\n\n  border:\n    1px solid #e4e9ec;\n\n  border-radius:7px;\n\n  background:#fff;\n}\n\n#fe-route-09 .r09-stats span{\n  display:block;\n\n  color:#99a3aa;\n\n  font-size:7px;\n\n  font-weight:700;\n  letter-spacing:.07em;\n}\n\n#fe-route-09 .r09-stats strong{\n  display:inline-block;\n\n  margin-top:1px;\n\n  color:var(--navy);\n\n  font-size:18px;\n  line-height:1;\n}\n\n#fe-route-09 .r09-stats small{\n  margin-left:3px;\n\n  color:#7e8a93;\n\n  font-size:8px;\n}\n\n\n\/* LOWER *\/\n\n#fe-route-09 .r09-app-lower{\n  display:grid;\n\n  grid-template-columns:\n    .85fr 1.15fr;\n\n  gap:7px;\n\n  margin-top:7px;\n}\n\n\n\/* WIDGET *\/\n\n#fe-route-09 .r09-widget{\n  padding:8px 9px;\n\n  border:\n    1px solid #e3e8eb;\n\n  border-radius:7px;\n\n  background:#fff;\n}\n\n#fe-route-09 .r09-widget-head{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n\n  gap:10px;\n\n  margin-bottom:5px;\n}\n\n#fe-route-09 .r09-widget-head span{\n  display:block;\n\n  color:var(--teal);\n\n  font-size:7px;\n  font-weight:700;\n\n  letter-spacing:.07em;\n}\n\n#fe-route-09 .r09-widget-head strong{\n  display:block;\n\n  color:var(--navy);\n\n  font-size:10px;\n}\n\n#fe-route-09 .r09-widget-head small{\n  color:#8d989f;\n\n  font-size:7px;\n}\n\n\n\/* APPOINTMENT *\/\n\n#fe-route-09 .r09-appointment{\n  display:grid;\n\n  grid-template-columns:\n    35px 1fr auto;\n\n  align-items:center;\n\n  gap:5px;\n\n  min-height:23px;\n\n  border-top:\n    1px solid #eef1f2;\n\n  font-size:8px;\n}\n\n#fe-route-09 .r09-appointment strong{\n  color:var(--navy);\n}\n\n#fe-route-09 .r09-appointment span{\n  color:#6f7c85;\n}\n\n#fe-route-09 .r09-appointment em{\n  padding:2px 4px;\n\n  border-radius:100px;\n\n  background:#f0f3f4;\n\n  color:#7c888f;\n\n  font-size:7px;\n\n  font-style:normal;\n}\n\n#fe-route-09 .r09-appointment em.confirmed{\n  background:rgba(22,191,191,.09);\n  color:#087e82;\n}\n\n\n\/* OFFER *\/\n\n#fe-route-09 .r09-transparent{\n  padding:3px 5px;\n\n  border-radius:100px;\n\n  background:rgba(22,191,191,.09);\n\n  color:#087e82 !important;\n}\n\n#fe-route-09 .r09-offer{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:10px;\n\n  min-height:30px;\n\n  border-top:\n    1px solid #eef1f2;\n}\n\n#fe-route-09 .r09-offer strong{\n  display:block;\n\n  color:var(--navy);\n\n  font-size:10px;\n}\n\n#fe-route-09 .r09-offer span{\n  display:block;\n\n  margin-top:1px;\n\n  color:#7e8a92;\n\n  font-size:7px;\n}\n\n#fe-route-09 .r09-offer button{\n  padding:3px 6px;\n\n  border:\n    1px solid #dbe3e6;\n\n  border-radius:4px;\n\n  background:#fff;\n\n  color:#65747e;\n\n  font-family:inherit;\n\n  font-size:7px;\n}\n\n#fe-route-09 .r09-offer-actions{\n  display:flex;\n  justify-content:flex-end;\n\n  gap:5px;\n\n  margin-top:5px;\n}\n\n#fe-route-09 .r09-offer-actions span,\n#fe-route-09 .r09-offer-actions strong{\n  padding:3px 5px;\n\n  border-radius:4px;\n\n  font-size:7px;\n  font-weight:600;\n}\n\n#fe-route-09 .r09-offer-actions span{\n  background:#f1f3f4;\n  color:#74818a;\n}\n\n#fe-route-09 .r09-offer-actions strong{\n  background:var(--navy);\n  color:#fff;\n}\n\n\n\/* DOCBAR *\/\n\n#fe-route-09 .r09-docbar{\n  display:flex;\n  align-items:center;\n\n  gap:7px;\n\n  margin-top:7px;\n\n  padding:7px 9px;\n\n  border:\n    1px solid #e3e8eb;\n\n  border-radius:7px;\n\n  background:#fff;\n}\n\n#fe-route-09 .r09-docbar-title{\n  margin-right:auto;\n}\n\n#fe-route-09 .r09-docbar-title span{\n  display:block;\n\n  color:#9ba5ac;\n\n  font-size:7px;\n  font-weight:700;\n}\n\n#fe-route-09 .r09-docbar-title strong{\n  display:block;\n\n  color:var(--navy);\n\n  font-size:9px;\n}\n\n#fe-route-09 .r09-doc{\n  display:flex;\n  align-items:center;\n\n  gap:4px;\n\n  padding:4px 6px;\n\n  border-radius:5px;\n\n  background:#f4f7f7;\n\n  color:#64727c;\n\n  font-size:7px;\n  font-weight:600;\n}\n\n#fe-route-09 .r09-doc > span{\n  color:var(--teal);\n}\n\n\n\/* DEMO *\/\n\n#fe-route-09 .r09-demo-label{\n  margin-top:5px;\n\n  text-align:right;\n\n  color:#a1aab0;\n\n  font-size:8px;\n}\n\n\n\/* =========================================================\n   SUPPORT STRIP\n========================================================= *\/\n\n#fe-route-09 .r09-support{\n  display:grid;\n\n  grid-template-columns:\n    minmax(250px,.72fr)\n    minmax(650px,1.8fr);\n\n  align-items:center;\n\n  gap:30px;\n\n  margin-top:14px;\n\n  padding:13px 0;\n\n  border-top:\n    1px solid rgba(255,255,255,.11);\n\n  border-bottom:\n    1px solid rgba(255,255,255,.11);\n}\n\n#fe-route-09 .r09-support-intro span{\n  display:block;\n\n  color:var(--teal);\n\n  font-size:10px;\n\n  font-weight:700;\n  letter-spacing:.1em;\n}\n\n#fe-route-09 .r09-support-intro strong{\n  display:block;\n\n  margin-top:3px;\n\n  color:#fff;\n\n  font-size:15px;\n  line-height:1.4;\n}\n\n#fe-route-09 .r09-support-items{\n  display:grid;\n\n  grid-template-columns:\n    repeat(6,minmax(0,1fr));\n\n  gap:7px;\n}\n\n#fe-route-09 .r09-support-items > div{\n  min-width:0;\n\n  color:rgba(255,255,255,.72);\n\n  font-size:13px;\n  line-height:1.35;\n\n  font-weight:550;\n}\n\n#fe-route-09 .r09-support-items span{\n  display:block;\n\n  margin-bottom:3px;\n\n  color:rgba(22,191,191,.78);\n\n  font-size:9px;\n  font-weight:700;\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n#fe-route-09 .r09-bottom{\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n\n  gap:30px;\n\n  margin-top:auto;\n\n  padding-top:14px;\n}\n\n#fe-route-09 .r09-bottom p{\n  max-width:820px;\n\n  margin:0;\n\n  color:rgba(255,255,255,.60);\n\n  font-size:15px;\n  line-height:1.5;\n}\n\n#fe-route-09 .r09-bottom strong{\n  color:rgba(255,255,255,.88);\n\n  font-weight:600;\n}\n\n#fe-route-09 .r09-next{\n  flex:0 0 auto;\n\n  display:flex;\n  align-items:center;\n\n  gap:15px;\n\n  color:#fff;\n\n  text-decoration:none;\n\n  font-size:13px;\n  line-height:1.4;\n\n  font-weight:700;\n  letter-spacing:.06em;\n}\n\n#fe-route-09 .r09-next > span{\n  width:41px;\n  height:41px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border:\n    1px solid var(--teal);\n\n  border-radius:50%;\n\n  color:var(--teal);\n\n  font-size:19px;\n}\n\n\n\/* =========================================================\n   SHORT DESKTOP \/ LAPTOP\n========================================================= *\/\n\n@media\n(min-width:1101px)\nand\n(max-height:850px){\n\n  #fe-route-09 .r09-inner{\n    padding-top:20px;\n    padding-bottom:18px;\n  }\n\n  #fe-route-09 .r09-intro{\n    margin-top:1.5vh;\n  }\n\n  #fe-route-09 h2{\n    font-size:\n      clamp(38px,3.2vw,51px);\n  }\n\n  #fe-route-09 .r09-intro-copy > p{\n    font-size:16px;\n    line-height:1.5;\n  }\n\n  #fe-route-09 .r09-showcase{\n    margin-top:1.5vh;\n  }\n\n  #fe-route-09 .r09-callout{\n    padding:8px 0;\n  }\n\n  #fe-route-09 .r09-callout strong{\n    font-size:16px;\n  }\n\n  #fe-route-09 .r09-callout p{\n    font-size:14px;\n    line-height:1.4;\n  }\n\n  #fe-route-09 .r09-support{\n    margin-top:9px;\n    padding:9px 0;\n  }\n\n  #fe-route-09 .r09-bottom{\n    padding-top:10px;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1100px){\n\n  #fe-route-09 .r09-inner{\n    width:92%;\n  }\n\n  #fe-route-09 .r09-intro{\n    grid-template-columns:\n      minmax(0,1fr)\n      minmax(300px,.7fr);\n\n    gap:40px;\n  }\n\n  #fe-route-09 .r09-showcase{\n    grid-template-columns:1fr;\n  }\n\n  #fe-route-09 .r09-dashboard{\n    order:1;\n  }\n\n  #fe-route-09 .r09-side-left{\n    order:2;\n  }\n\n  #fe-route-09 .r09-side-right{\n    order:3;\n  }\n\n  #fe-route-09 .r09-side{\n    display:grid;\n\n    grid-template-columns:\n      repeat(3,1fr);\n\n    gap:14px;\n  }\n\n  #fe-route-09 .r09-support{\n    grid-template-columns:1fr;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  #fe-route-09{\n    min-height:auto;\n  }\n\n  #fe-route-09 .r09-inner{\n    width:100%;\n    min-height:auto;\n\n    padding:\n      30px\n      max(24px,env(safe-area-inset-right))\n      34px\n      max(24px,env(safe-area-inset-left));\n  }\n\n\n  \/* TOP *\/\n\n  #fe-route-09 .r09-label{\n    font-size:12px;\n  }\n\n  #fe-route-09 .r09-meta{\n    display:none;\n  }\n\n\n  \/* INTRO *\/\n\n  #fe-route-09 .r09-intro{\n    display:block;\n\n    margin-top:55px;\n  }\n\n  #fe-route-09 .r09-eyebrow{\n    font-size:12px;\n  }\n\n  #fe-route-09 h2{\n    font-size:\n      clamp(43px,11.5vw,57px);\n\n    line-height:1.08;\n  }\n\n  #fe-route-09 .r09-intro-copy{\n    margin-top:23px;\n  }\n\n  #fe-route-09 .r09-intro-copy > p{\n    font-size:18px;\n    line-height:1.65;\n  }\n\n  #fe-route-09 .r09-live{\n    margin-top:17px;\n\n    font-size:11px;\n  }\n\n\n  \/* SHOWCASE *\/\n\n  #fe-route-09 .r09-showcase{\n    display:flex;\n    flex-direction:column;\n\n    margin-top:34px;\n  }\n\n  #fe-route-09 .r09-dashboard{\n    width:100%;\n    order:1;\n  }\n\n\n  \/* DASHBOARD *\/\n\n  #fe-route-09 .r09-app-nav{\n    overflow-x:auto;\n  }\n\n  #fe-route-09 .r09-app-nav button{\n    flex:0 0 auto;\n  }\n\n  #fe-route-09 .r09-property{\n    grid-template-columns:\n      48px 1fr;\n  }\n\n  #fe-route-09 .r09-property-platform{\n    grid-column:2;\n    justify-self:start;\n  }\n\n  #fe-route-09 .r09-stats small{\n    display:block;\n    margin:2px 0 0;\n  }\n\n  #fe-route-09 .r09-app-lower{\n    grid-template-columns:1fr;\n  }\n\n  #fe-route-09 .r09-docbar{\n    align-items:flex-start;\n    flex-wrap:wrap;\n  }\n\n  #fe-route-09 .r09-docbar-title{\n    width:100%;\n  }\n\n\n  \/* CALLOUTS *\/\n\n  #fe-route-09 .r09-side{\n    width:100%;\n\n    order:2;\n\n    display:block;\n  }\n\n  #fe-route-09 .r09-side-right{\n    order:3;\n  }\n\n  #fe-route-09 .r09-callout{\n    padding:19px 0;\n  }\n\n  #fe-route-09 .r09-callout strong{\n    font-size:19px;\n  }\n\n  #fe-route-09 .r09-callout p{\n    font-size:16px;\n    line-height:1.6;\n  }\n\n\n  \/* SUPPORT *\/\n\n  #fe-route-09 .r09-support{\n    display:block;\n\n    margin-top:27px;\n\n    padding:21px 0;\n  }\n\n  #fe-route-09 .r09-support-intro strong{\n    font-size:17px;\n  }\n\n  #fe-route-09 .r09-support-items{\n    grid-template-columns:\n      repeat(2,1fr);\n\n    gap:16px 14px;\n\n    margin-top:20px;\n  }\n\n  #fe-route-09 .r09-support-items > div{\n    font-size:15px;\n  }\n\n\n  \/* BOTTOM *\/\n\n  #fe-route-09 .r09-bottom{\n    flex-direction:column;\n    align-items:flex-start;\n\n    gap:23px;\n\n    padding-top:23px;\n  }\n\n  #fe-route-09 .r09-bottom p{\n    font-size:16px;\n    line-height:1.6;\n  }\n\n  #fe-route-09 .r09-next{\n    width:100%;\n\n    justify-content:space-between;\n\n    font-size:12px;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4eea040 elementor-widget elementor-widget-html\" data-id=\"4eea040\" 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<section id=\"fe-route-10\" class=\"fe-r10\">\n\n  <div class=\"fe-r10__ambient\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"fe-r10__inner\">\n\n    <!-- TOP -->\n    <div class=\"fe-r10__top\">\n      <div class=\"fe-r10__meta\">\n        <span class=\"fe-r10__number\">10<\/span>\n        <span class=\"fe-r10__line\"><\/span>\n        <span>JOUW VERKOOPROUTE<\/span>\n      <\/div>\n\n      <div class=\"fe-r10__ready\">\n        <span><\/span>\n        ADVIES OP BASIS VAN JOUW KEUZES\n      <\/div>\n    <\/div>\n\n\n    <!-- INTRO -->\n    <div class=\"fe-r10__intro\">\n\n      <div>\n        <div class=\"fe-r10__eyebrow\">\n          DIT PAST HET BESTE BIJ JOUW VERKOOP\n        <\/div>\n\n        <h2>\n          Dit is jouw\n          <span>verkooproute.<\/span>\n        <\/h2>\n      <\/div>\n\n      <p>\n        We combineren wat je zelf wilt doen, welke ondersteuning\n        je nodig hebt en hoe je jouw woning wilt presenteren.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- RESULT -->\n    <div class=\"fe-r10__result\">\n\n      <!-- RECOMMENDATION -->\n      <article class=\"fe-r10__hero\">\n\n        <div class=\"fe-r10__hero-glow\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"fe-r10__hero-top\">\n\n          <div>\n            <span class=\"fe-r10__label\">\n              ONS ADVIES\n            <\/span>\n\n            <div id=\"fe-r10-route\" class=\"fe-r10__route\">\n              Zelf verkopen\n            <\/div>\n          <\/div>\n\n          <div id=\"fe-r10-badge\" class=\"fe-r10__badge\">\n            BESTE MATCH\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"fe-r10__product-row\">\n\n          <div>\n            <span class=\"fe-r10__small-label\">\n              AANBEVOLEN OPLOSSING\n            <\/span>\n\n            <h3 id=\"fe-r10-product\">\n              Basis\n            <\/h3>\n          <\/div>\n\n          <div id=\"fe-r10-price-wrap\" class=\"fe-r10__price\">\n            <span id=\"fe-r10-price\">\u20ac129<\/span>\n            <small id=\"fe-r10-price-note\">excl. btw<\/small>\n          <\/div>\n\n        <\/div>\n\n\n        <p id=\"fe-r10-reason\" class=\"fe-r10__reason\"><\/p>\n\n        <div id=\"fe-r10-signals\" class=\"fe-r10__signals\"><\/div>\n\n\n        <div class=\"fe-r10__hero-bottom\">\n\n          <div>\n            <span>WAAROM DEZE ROUTE?<\/span>\n\n            <strong id=\"fe-r10-summary\">\n              De onderdelen die jij nodig hebt komen in deze\n              oplossing logisch samen.\n            <\/strong>\n          <\/div>\n\n          <div id=\"fe-r10-saving\" class=\"fe-r10__saving\"><\/div>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- WHO DOES WHAT -->\n      <aside class=\"fe-r10__division\">\n\n        <div class=\"fe-r10__division-head\">\n          <span>DE VERDELING<\/span>\n          <strong>Wie regelt wat?<\/strong>\n\n          <p>\n            Zo ziet de taakverdeling binnen deze aanbevolen route eruit.\n          <\/p>\n        <\/div>\n\n\n        <div class=\"fe-r10__division-grid\">\n\n          <div class=\"fe-r10__division-block\">\n\n            <div class=\"fe-r10__division-title\">\n              <span class=\"fe-r10__icon fe-r10__icon--you\">\n                JIJ\n              <\/span>\n\n              <strong>Jij regelt zelf<\/strong>\n            <\/div>\n\n            <ul id=\"fe-r10-you\"><\/ul>\n\n          <\/div>\n\n\n          <div class=\"fe-r10__division-block\">\n\n            <div class=\"fe-r10__division-title\">\n              <span class=\"fe-r10__icon fe-r10__icon--we\">\n                WIJ\n              <\/span>\n\n              <strong>Wij ondersteunen<\/strong>\n            <\/div>\n\n            <ul id=\"fe-r10-we\"><\/ul>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div id=\"fe-r10-have-wrap\" class=\"fe-r10__already\">\n\n          <span>HEB JE AL<\/span>\n\n          <div id=\"fe-r10-have\"><\/div>\n\n        <\/div>\n\n      <\/aside>\n\n    <\/div>\n\n\n    <!-- EXPLANATION -->\n    <div class=\"fe-r10__explain\">\n\n      <div class=\"fe-r10__explain-mark\">\n        \u2713\n      <\/div>\n\n      <div>\n        <span>SLIM GECOMBINEERD<\/span>\n\n        <p id=\"fe-r10-explanation\">\n          We adviseren niet automatisch alle losse diensten.\n          We kijken welke combinatie logisch aansluit op jouw keuzes.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n\n    <!-- FOOTER -->\n    <div class=\"fe-r10__footer\">\n\n      <div class=\"fe-r10__footer-copy\">\n        <span>VOLGENDE STAP<\/span>\n\n        <strong>\n          Bekijk welke extra's je eventueel nog wilt toevoegen\n        <\/strong>\n      <\/div>\n\n\n      <a href=\"#fe-route-11\" class=\"fe-r10__next\">\n        <span>BEKIJK DE EXTRA'S<\/span>\n        <b>\u2192<\/b>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<style>\n\/* ==========================================================\n   SECTION 10 \u2014 LIGHT RECOMMENDATION\n   ========================================================== *\/\n\n#fe-route-10,\n#fe-route-10 * {\n  box-sizing: border-box;\n}\n\n#fe-route-10 {\n  --navy: #001c51;\n  --navy2: #06265e;\n  --teal: #16bfbf;\n  --teal-dark: #0ca8aa;\n  --paper: #f6f8fb;\n  --white: #ffffff;\n  --ink: #071b3d;\n  --muted: #6b788c;\n  --line: #dce4ec;\n\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  overflow: hidden;\n\n  background: var(--paper);\n  color: var(--ink);\n\n  font-family: \"Poppins\", sans-serif;\n}\n\n\n\/* BACKGROUND *\/\n\n.fe-r10__ambient {\n  position: absolute;\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    radial-gradient(\n      circle at 88% 12%,\n      rgba(22,191,191,.13),\n      transparent 26%\n    ),\n    radial-gradient(\n      circle at 8% 92%,\n      rgba(0,28,81,.055),\n      transparent 25%\n    ),\n    linear-gradient(\n      rgba(0,28,81,.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(0,28,81,.025) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    auto,\n    auto,\n    54px 54px,\n    54px 54px;\n}\n\n\n\/* INNER *\/\n\n.fe-r10__inner {\n  position: relative;\n  z-index: 2;\n\n  width: min(1460px, calc(100% - 88px));\n\n  min-height: 100svh;\n\n  margin: 0 auto;\n\n  padding:\n    clamp(28px, 3.5vh, 42px)\n    0\n    clamp(28px, 3.5vh, 38px);\n\n  display: flex;\n  flex-direction: column;\n}\n\n\n\/* ==========================================================\n   TOP\n   ========================================================== *\/\n\n.fe-r10__top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 30px;\n}\n\n.fe-r10__meta {\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  color: var(--navy);\n\n  font-size: 13px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .13em;\n}\n\n.fe-r10__number {\n  color: var(--teal);\n  font-size: 14px;\n}\n\n.fe-r10__line {\n  width: 42px;\n  height: 1px;\n\n  background: rgba(0,28,81,.22);\n}\n\n.fe-r10__ready {\n  display: flex;\n  align-items: center;\n\n  gap: 9px;\n\n  color: var(--muted);\n\n  font-size: 12px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .09em;\n}\n\n.fe-r10__ready > span {\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: var(--teal);\n\n  box-shadow:\n    0 0 0 5px rgba(22,191,191,.11);\n}\n\n\n\/* ==========================================================\n   INTRO\n   ========================================================== *\/\n\n.fe-r10__intro {\n  margin-top: clamp(24px, 3.6vh, 42px);\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    minmax(320px, 560px);\n\n  align-items: end;\n\n  gap: 60px;\n}\n\n.fe-r10__eyebrow {\n  margin-bottom: 8px;\n\n  color: var(--teal);\n\n  font-size: 13px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .13em;\n}\n\n.fe-r10__intro h2 {\n  margin: 0;\n\n  color: var(--navy);\n\n  font-size: clamp(42px, 4.4vw, 68px);\n  line-height: .98;\n\n  font-weight: 700;\n  letter-spacing: -.045em;\n}\n\n.fe-r10__intro h2 span {\n  color: var(--teal);\n}\n\n.fe-r10__intro > p {\n  margin: 0 0 4px;\n\n  color: var(--muted);\n\n  font-size: 16px;\n  line-height: 1.55;\n}\n\n\n\/* ==========================================================\n   RESULT\n   ========================================================== *\/\n\n.fe-r10__result {\n  margin-top: clamp(23px, 3vh, 34px);\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.2fr)\n    minmax(390px, .8fr);\n\n  gap: 14px;\n}\n\n\n\/* ==========================================================\n   DARK RECOMMENDATION CARD\n   ========================================================== *\/\n\n.fe-r10__hero {\n  position: relative;\n\n  min-width: 0;\n\n  padding: clamp(22px, 2.2vw, 31px);\n\n  overflow: hidden;\n\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #001641 0%,\n      var(--navy) 57%,\n      #07316b 100%\n    );\n\n  box-shadow:\n    0 24px 55px rgba(0,28,81,.15);\n\n  color: #fff;\n}\n\n.fe-r10__hero-glow {\n  position: absolute;\n\n  width: 360px;\n  height: 360px;\n\n  top: -220px;\n  right: -90px;\n\n  border-radius: 50%;\n\n  background: rgba(22,191,191,.17);\n\n  filter: blur(25px);\n\n  pointer-events: none;\n}\n\n.fe-r10__hero > *:not(.fe-r10__hero-glow) {\n  position: relative;\n  z-index: 2;\n}\n\n\n\/* HERO TOP *\/\n\n.fe-r10__hero-top {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n\n  gap: 25px;\n}\n\n.fe-r10__label,\n.fe-r10__small-label {\n  display: block;\n\n  color: var(--teal);\n\n  font-size: 12px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .1em;\n}\n\n.fe-r10__route {\n  margin-top: 4px;\n\n  color: rgba(255,255,255,.77);\n\n  font-size: 15px;\n  line-height: 1.3;\n\n  font-weight: 600;\n}\n\n.fe-r10__badge {\n  padding: 7px 10px;\n\n  border: 1px solid rgba(22,191,191,.35);\n\n  border-radius: 999px;\n\n  background: rgba(22,191,191,.10);\n\n  color: var(--teal);\n\n  font-size: 11px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .08em;\n}\n\n\n\/* PRODUCT *\/\n\n.fe-r10__product-row {\n  margin-top: 21px;\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n\n  gap: 30px;\n}\n\n.fe-r10__product-row h3 {\n  margin: 5px 0 0;\n\n  color: #fff;\n\n  font-size: clamp(35px, 3.2vw, 51px);\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: -.04em;\n}\n\n.fe-r10__price {\n  flex: 0 0 auto;\n\n  text-align: right;\n}\n\n.fe-r10__price > span {\n  display: block;\n\n  color: var(--teal);\n\n  font-size: clamp(28px, 2.4vw, 38px);\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: -.035em;\n}\n\n.fe-r10__price small {\n  display: block;\n\n  margin-top: 4px;\n\n  color: rgba(255,255,255,.58);\n\n  font-size: 12px;\n  line-height: 1.3;\n}\n\n\n\/* REASON *\/\n\n.fe-r10__reason {\n  max-width: 790px;\n\n  margin: 17px 0 0;\n\n  color: rgba(255,255,255,.78);\n\n  font-size: 14px;\n  line-height: 1.55;\n}\n\n\n\/* SIGNALS *\/\n\n.fe-r10__signals {\n  margin-top: 18px;\n\n  display: flex;\n  flex-wrap: wrap;\n\n  gap: 7px;\n}\n\n.fe-r10__signal {\n  padding: 7px 10px;\n\n  border: 1px solid rgba(255,255,255,.13);\n\n  border-radius: 999px;\n\n  background: rgba(255,255,255,.055);\n\n  color: rgba(255,255,255,.78);\n\n  font-size: 12px;\n  line-height: 1.2;\n\n  font-weight: 600;\n}\n\n.fe-r10__signal::before {\n  content: \"\u2713\";\n\n  margin-right: 6px;\n\n  color: var(--teal);\n\n  font-weight: 700;\n}\n\n\n\/* HERO BOTTOM *\/\n\n.fe-r10__hero-bottom {\n  margin-top: 20px;\n  padding-top: 17px;\n\n  border-top: 1px solid rgba(255,255,255,.11);\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n\n  gap: 30px;\n}\n\n.fe-r10__hero-bottom > div:first-child {\n  max-width: 660px;\n}\n\n.fe-r10__hero-bottom span {\n  display: block;\n\n  color: rgba(255,255,255,.51);\n\n  font-size: 11px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .09em;\n}\n\n.fe-r10__hero-bottom strong {\n  display: block;\n\n  margin-top: 4px;\n\n  color: #fff;\n\n  font-size: 14px;\n  line-height: 1.45;\n\n  font-weight: 600;\n}\n\n.fe-r10__saving {\n  max-width: 245px;\n\n  color: var(--teal);\n\n  font-size: 13px;\n  line-height: 1.4;\n\n  font-weight: 600;\n\n  text-align: right;\n}\n\n\n\/* ==========================================================\n   WHITE DIVISION PANEL\n   ========================================================== *\/\n\n.fe-r10__division {\n  padding: clamp(20px, 2vw, 27px);\n\n  border: 1px solid var(--line);\n\n  border-radius: 22px;\n\n  background: rgba(255,255,255,.91);\n\n  box-shadow:\n    0 18px 45px rgba(0,28,81,.055);\n}\n\n.fe-r10__division-head span,\n.fe-r10__division-head strong {\n  display: block;\n}\n\n.fe-r10__division-head span {\n  color: var(--teal);\n\n  font-size: 12px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .1em;\n}\n\n.fe-r10__division-head strong {\n  margin-top: 4px;\n\n  color: var(--navy);\n\n  font-size: 22px;\n  line-height: 1.2;\n\n  font-weight: 700;\n}\n\n.fe-r10__division-head p {\n  margin: 6px 0 0;\n\n  color: var(--muted);\n\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n.fe-r10__division-grid {\n  margin-top: 16px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 10px;\n}\n\n.fe-r10__division-block {\n  min-width: 0;\n\n  padding: 14px;\n\n  border: 1px solid var(--line);\n\n  border-radius: 15px;\n\n  background: #f8fafc;\n}\n\n.fe-r10__division-title {\n  display: flex;\n  align-items: center;\n\n  gap: 8px;\n}\n\n.fe-r10__division-title strong {\n  color: var(--navy);\n\n  font-size: 13px;\n  line-height: 1.3;\n\n  font-weight: 700;\n}\n\n.fe-r10__icon {\n  flex: 0 0 auto;\n\n  min-width: 31px;\n  height: 25px;\n\n  padding: 0 6px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 7px;\n\n  font-size: 9px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .04em;\n}\n\n.fe-r10__icon--you {\n  background: rgba(0,28,81,.075);\n  color: var(--navy);\n}\n\n.fe-r10__icon--we {\n  background: rgba(22,191,191,.12);\n  color: var(--teal-dark);\n}\n\n\n\/* LISTS *\/\n\n.fe-r10__division ul {\n  list-style: none;\n\n  margin: 12px 0 0;\n  padding: 0;\n}\n\n.fe-r10__division li {\n  position: relative;\n\n  margin-top: 7px;\n  padding-left: 13px;\n\n  color: var(--muted);\n\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.fe-r10__division li:first-child {\n  margin-top: 0;\n}\n\n.fe-r10__division li::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 0;\n  top: .58em;\n\n  width: 4px;\n  height: 4px;\n\n  border-radius: 50%;\n\n  background: var(--teal);\n}\n\n.fe-r10__division li.fe-r10__empty {\n  padding-left: 0;\n\n  color: #9aa5b3;\n\n  font-size: 12px;\n  font-style: italic;\n}\n\n.fe-r10__division li.fe-r10__empty::before {\n  display: none;\n}\n\n\n\/* ALREADY HAVE *\/\n\n.fe-r10__already {\n  margin-top: 12px;\n  padding-top: 13px;\n\n  border-top: 1px solid var(--line);\n}\n\n.fe-r10__already > span {\n  display: block;\n\n  color: #8792a3;\n\n  font-size: 11px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .09em;\n}\n\n#fe-r10-have {\n  margin-top: 7px;\n\n  display: flex;\n  flex-wrap: wrap;\n\n  gap: 6px;\n}\n\n.fe-r10__have-chip {\n  padding: 5px 8px;\n\n  border-radius: 7px;\n\n  background: #eef3f7;\n\n  color: var(--navy);\n\n  font-size: 12px;\n  line-height: 1.2;\n\n  font-weight: 500;\n}\n\n\n\/* ==========================================================\n   EXPLANATION\n   ========================================================== *\/\n\n.fe-r10__explain {\n  margin-top: 13px;\n\n  padding: 13px 17px;\n\n  display: flex;\n  align-items: center;\n\n  gap: 13px;\n\n  border: 1px solid rgba(22,191,191,.22);\n\n  border-radius: 14px;\n\n  background: rgba(22,191,191,.065);\n}\n\n.fe-r10__explain-mark {\n  flex: 0 0 auto;\n\n  width: 32px;\n  height: 32px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 50%;\n\n  background: rgba(22,191,191,.13);\n\n  color: var(--teal-dark);\n\n  font-size: 15px;\n  font-weight: 700;\n}\n\n.fe-r10__explain > div:last-child > span {\n  display: block;\n\n  color: var(--teal-dark);\n\n  font-size: 11px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .09em;\n}\n\n.fe-r10__explain p {\n  margin: 3px 0 0;\n\n  color: var(--muted);\n\n  font-size: 13px;\n  line-height: 1.45;\n}\n\n\n\/* ==========================================================\n   FOOTER\n   ========================================================== *\/\n\n.fe-r10__footer {\n  margin-top: auto;\n  padding-top: 17px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 30px;\n}\n\n.fe-r10__footer-copy span,\n.fe-r10__footer-copy strong {\n  display: block;\n}\n\n.fe-r10__footer-copy span {\n  color: #8792a3;\n\n  font-size: 11px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .09em;\n}\n\n.fe-r10__footer-copy strong {\n  margin-top: 3px;\n\n  color: var(--navy);\n\n  font-size: 14px;\n  line-height: 1.35;\n\n  font-weight: 600;\n}\n\n.fe-r10__next {\n  min-height: 55px;\n\n  padding: 0 20px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 22px;\n\n  border-radius: 13px;\n\n  background: var(--navy);\n\n  color: #fff !important;\n\n  text-decoration: none !important;\n\n  font-size: 13px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .04em;\n\n  box-shadow:\n    0 13px 28px rgba(0,28,81,.14);\n\n  transition:\n    transform .18s ease,\n    background .18s ease;\n}\n\n.fe-r10__next:hover {\n  transform: translateY(-2px);\n  background: var(--navy2);\n}\n\n.fe-r10__next b {\n  color: var(--teal);\n\n  font-size: 20px;\n  line-height: 1;\n}\n\n\n\/* FULL SERVICE *\/\n\n.fe-r10.is-full-service\n.fe-r10__price > span {\n  font-size: clamp(23px, 2vw, 31px);\n}\n\n\n\/* SHORT DESKTOP *\/\n\n@media\n(min-width: 1001px)\nand (max-height: 850px) {\n\n  .fe-r10__inner {\n    padding-top: 22px;\n    padding-bottom: 22px;\n  }\n\n  .fe-r10__intro {\n    margin-top: 19px;\n  }\n\n  .fe-r10__intro h2 {\n    font-size: clamp(39px, 3.8vw, 57px);\n  }\n\n  .fe-r10__result {\n    margin-top: 18px;\n  }\n\n  .fe-r10__hero {\n    padding: 20px;\n  }\n\n  .fe-r10__product-row {\n    margin-top: 15px;\n  }\n\n  .fe-r10__product-row h3 {\n    font-size: clamp(32px, 2.8vw, 43px);\n  }\n\n  .fe-r10__reason {\n    margin-top: 12px;\n    font-size: 13px;\n  }\n\n  .fe-r10__signals {\n    margin-top: 12px;\n  }\n\n  .fe-r10__hero-bottom {\n    margin-top: 14px;\n    padding-top: 13px;\n  }\n\n  .fe-r10__division {\n    padding: 19px;\n  }\n\n  .fe-r10__division-grid {\n    margin-top: 11px;\n  }\n\n  .fe-r10__explain {\n    margin-top: 10px;\n  }\n\n  .fe-r10__footer {\n    padding-top: 11px;\n  }\n}\n\n\n\/* TABLET *\/\n\n@media (max-width: 1100px) {\n\n  .fe-r10__inner {\n    width: min(100% - 48px, 1000px);\n  }\n\n  .fe-r10__intro {\n    grid-template-columns: 1fr;\n    gap: 15px;\n  }\n\n  .fe-r10__result {\n    grid-template-columns: 1fr;\n  }\n}\n\n\n\/* MOBILE *\/\n\n@media (max-width: 700px) {\n\n  .fe-r10__inner {\n    width: 100%;\n    min-height: auto;\n\n    padding:\n      25px\n      24px\n      30px;\n  }\n\n  .fe-r10__ready {\n    display: none;\n  }\n\n  .fe-r10__intro {\n    margin-top: 40px;\n  }\n\n  .fe-r10__intro h2 {\n    font-size: clamp(39px, 11vw, 52px);\n  }\n\n  .fe-r10__intro > p {\n    font-size: 16px;\n    line-height: 1.55;\n  }\n\n  .fe-r10__result {\n    margin-top: 25px;\n  }\n\n  .fe-r10__hero,\n  .fe-r10__division {\n    border-radius: 19px;\n  }\n\n  .fe-r10__hero {\n    padding: 21px;\n  }\n\n  .fe-r10__hero-top {\n    gap: 15px;\n  }\n\n  .fe-r10__badge {\n    font-size: 10px;\n  }\n\n  .fe-r10__product-row {\n    display: block;\n  }\n\n  .fe-r10__product-row h3 {\n    font-size: 39px;\n  }\n\n  .fe-r10__price {\n    margin-top: 16px;\n    text-align: left;\n  }\n\n  .fe-r10__price > span {\n    font-size: 32px;\n  }\n\n  .fe-r10__price small {\n    font-size: 13px;\n  }\n\n  .fe-r10__reason {\n    font-size: 14px;\n  }\n\n  .fe-r10__signal {\n    font-size: 12px;\n  }\n\n  .fe-r10__hero-bottom {\n    display: block;\n  }\n\n  .fe-r10__hero-bottom strong {\n    font-size: 14px;\n  }\n\n  .fe-r10__saving {\n    margin-top: 10px;\n\n    max-width: none;\n\n    text-align: left;\n\n    font-size: 14px;\n  }\n\n  .fe-r10__division {\n    padding: 20px;\n  }\n\n  .fe-r10__division-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .fe-r10__division-head p {\n    font-size: 13px;\n  }\n\n  .fe-r10__division-title strong {\n    font-size: 14px;\n  }\n\n  .fe-r10__division li {\n    font-size: 14px;\n  }\n\n  .fe-r10__division li.fe-r10__empty {\n    font-size: 13px;\n  }\n\n  .fe-r10__have-chip {\n    font-size: 13px;\n  }\n\n  .fe-r10__explain {\n    padding: 15px;\n\n    align-items: flex-start;\n  }\n\n  .fe-r10__explain p {\n    font-size: 14px;\n  }\n\n  .fe-r10__footer {\n    margin-top: 24px;\n\n    padding-top: 21px;\n\n    display: block;\n\n    border-top: 1px solid var(--line);\n  }\n\n  .fe-r10__footer-copy strong {\n    font-size: 14px;\n  }\n\n  .fe-r10__next {\n    width: 100%;\n\n    min-height: 61px;\n\n    margin-top: 17px;\n\n    justify-content: space-between;\n\n    font-size: 14px;\n  }\n}\n<\/style>\n\n\n<script>\n(function () {\n  \"use strict\";\n\n  const section =\n    document.getElementById(\"fe-route-10\");\n\n  if (!section) return;\n\n\n  \/* ========================================================\n     SHARED STATE\n     ======================================================== *\/\n\n  window.FEVerkooproute =\n    window.FEVerkooproute || {};\n\n  const state =\n    window.FEVerkooproute;\n\n  state.tasks =\n    state.tasks || {};\n\n  state.assets =\n    state.assets || {};\n\n  state.marketing =\n    state.marketing || {};\n\n  state.priorities =\n    state.priorities || [];\n\n\n  \/* ========================================================\n     PRODUCTS\n     ======================================================== *\/\n\n  const PRODUCTS = {\n\n    free: {\n      id: \"free\",\n      route: \"Zelf verkopen\",\n      name: \"Kosteloos\",\n      price: 0,\n      priceDisplay: \"\u20ac0\",\n      note: \"excl. btw\",\n      included: [\n        \"platform\",\n        \"dashboard\",\n        \"5-photos\"\n      ]\n    },\n\n    basic: {\n      id: \"basic\",\n      route: \"Zelf verkopen\",\n      name: \"Basis\",\n      price: 129,\n      priceDisplay: \"\u20ac129\",\n      note: \"excl. btw\",\n      included: [\n        \"platform\",\n        \"dashboard\",\n        \"social-promotion\"\n      ]\n    },\n\n    comfort: {\n      id: \"comfort\",\n      route: \"Met ondersteuning\",\n      name: \"Comfort\",\n      price: 249,\n      priceDisplay: \"\u20ac249\",\n      note: \"excl. btw\",\n      included: [\n        \"platform\",\n        \"dashboard\",\n        \"social-promotion\",\n        \"window-board\",\n        \"featured\"\n      ]\n    },\n\n    fundaEssential: {\n      id: \"funda-essential\",\n      route: \"Zelf verkopen met Funda\",\n      name: \"Funda Essential\",\n      price: 595,\n      priceDisplay: \"\u20ac595\",\n      note: \"excl. btw\",\n      included: [\n        \"platform\",\n        \"dashboard\",\n        \"funda-bronze\",\n        \"funda-publication\"\n      ]\n    },\n\n    fundaExtended: {\n      id: \"funda-extended\",\n      route: \"Verkopen met ondersteuning\",\n      name: \"Uitgebreide Funda-ondersteuning\",\n      price: 995,\n      priceDisplay: \"\u20ac995\",\n      note: \"excl. btw\",\n      included: [\n        \"platform\",\n        \"dashboard\",\n        \"funda-bronze\",\n        \"funda-publication\",\n        \"social-promotion\",\n        \"window-board\",\n        \"measurement\",\n        \"floorplans\",\n        \"cadastral-data\",\n        \"funda-statistics\",\n        \"listing-changes\",\n        \"purchase-agreement\"\n      ]\n    },\n\n    premium: {\n      id: \"premium\",\n      route: \"Zelf verkopen met uitgebreide ondersteuning\",\n      name: \"Premium\",\n      price: 1395,\n      priceDisplay: \"\u20ac1.395\",\n      note: \"excl. btw\",\n      included: [\n        \"platform\",\n        \"dashboard\",\n        \"professional-photography\",\n        \"professional-copy\",\n        \"funda-bronze\",\n        \"funda-publication\",\n        \"measurement\",\n        \"floorplans\",\n        \"desktop-valuation\",\n        \"negotiation-support\",\n        \"cadastral-data\",\n        \"funda-statistics\",\n        \"listing-changes\",\n        \"featured\",\n        \"social-promotion\"\n      ]\n    },\n\n    fullService: {\n      id: \"full-service\",\n      route: \"Full Service\",\n      name: \"Full Service\",\n      price: null,\n      priceDisplay: \"Persoonlijk voorstel\",\n      note: \"afgestemd op jouw verkoop\",\n      included: [\n        \"full-service\"\n      ]\n    }\n\n  };\n\n\n  \/* ========================================================\n     HELPERS\n     ======================================================== *\/\n\n  function task(key) {\n    return state.tasks[key] || null;\n  }\n\n  function asset(key) {\n    return state.assets[key] || null;\n  }\n\n  function priority(key) {\n    return state.priorities.includes(key);\n  }\n\n  function fundaWanted() {\n    return state.marketing.funda === \"yes\";\n  }\n\n  function fundaAdvice() {\n    return state.marketing.funda === \"advice\";\n  }\n\n  function promotionWanted() {\n    return state.marketing.promotion === \"yes\";\n  }\n\n  function needs(key) {\n    return asset(key) === \"need\";\n  }\n\n  function has(key) {\n    return asset(key) === \"have\";\n  }\n\n\n  \/* ========================================================\n     FULL SERVICE DECISION\n     ======================================================== *\/\n\n  function shouldRecommendFullService() {\n\n    const operationalUs = [\n      \"viewings\",\n      \"negotiation\",\n      \"completion\"\n    ].filter(\n      function (key) {\n        return task(key) === \"us\";\n      }\n    ).length;\n\n\n    const allTasksUs = [\n      \"strategy\",\n      \"presentation\",\n      \"publication\",\n      \"viewings\",\n      \"negotiation\",\n      \"completion\"\n    ].filter(\n      function (key) {\n        return task(key) === \"us\";\n      }\n    ).length;\n\n\n    if (operationalUs >= 2) {\n      return true;\n    }\n\n\n    if (\n      operationalUs >= 1 &&\n      allTasksUs >= 5\n    ) {\n      return true;\n    }\n\n\n    if (\n      priority(\"convenience\") &&\n      allTasksUs >= 4 &&\n      operationalUs >= 1\n    ) {\n      return true;\n    }\n\n\n    return false;\n  }\n\n\n  \/* ========================================================\n     RECOMMENDATION ENGINE\n     UNCHANGED \u2014 TEST SEPARATELY\n     ======================================================== *\/\n\n  function chooseProduct() {\n\n    if (shouldRecommendFullService()) {\n      return PRODUCTS.fullService;\n    }\n\n\n    const presentationNeeds = [\n      \"photos\",\n      \"floorplan\",\n      \"measurement\"\n    ].filter(needs).length;\n\n\n    const presentationAlready = [\n      \"photos\",\n      \"floorplan\",\n      \"measurement\"\n    ].filter(has).length;\n\n\n    \/* FUNDA WANTED *\/\n\n    if (fundaWanted()) {\n\n      if (presentationNeeds >= 2) {\n        return PRODUCTS.premium;\n      }\n\n\n      if (\n        needs(\"photos\") &&\n        (\n          needs(\"measurement\") ||\n          needs(\"floorplan\") ||\n          task(\"presentation\") === \"us\"\n        )\n      ) {\n        return PRODUCTS.premium;\n      }\n\n\n      if (\n        task(\"presentation\") === \"us\" &&\n        task(\"publication\") === \"us\" &&\n        (\n          priority(\"result\") ||\n          promotionWanted()\n        )\n      ) {\n        return PRODUCTS.premium;\n      }\n\n\n      if (\n        presentationAlready >= 2 &&\n        task(\"presentation\") !== \"us\"\n      ) {\n        return PRODUCTS.fundaEssential;\n      }\n\n\n      if (\n        !needs(\"photos\") &&\n        (\n          needs(\"measurement\") ||\n          needs(\"floorplan\") ||\n          task(\"publication\") === \"us\"\n        )\n      ) {\n        return PRODUCTS.fundaExtended;\n      }\n\n\n      return PRODUCTS.fundaEssential;\n    }\n\n\n    \/* FUNDA ADVICE *\/\n\n    if (fundaAdvice()) {\n\n      if (\n        presentationNeeds >= 2 &&\n        (\n          priority(\"result\") ||\n          task(\"presentation\") === \"us\" ||\n          task(\"publication\") === \"us\"\n        )\n      ) {\n        return PRODUCTS.premium;\n      }\n\n\n      if (\n        presentationAlready >= 2 &&\n        (\n          priority(\"result\") ||\n          promotionWanted()\n        )\n      ) {\n        return PRODUCTS.fundaEssential;\n      }\n\n    }\n\n\n    \/* NO STRONG FUNDA CASE *\/\n\n    const supportTasks = [\n      \"strategy\",\n      \"presentation\",\n      \"publication\"\n    ].filter(\n      function (key) {\n        return task(key) === \"us\";\n      }\n    ).length;\n\n\n    if (\n      supportTasks >= 2 ||\n      promotionWanted() ||\n      priority(\"convenience\")\n    ) {\n      return PRODUCTS.comfort;\n    }\n\n\n    if (\n      supportTasks === 1 ||\n      priority(\"result\") ||\n      !priority(\"cost\")\n    ) {\n      return PRODUCTS.basic;\n    }\n\n\n    return PRODUCTS.free;\n  }\n\n\n  \/* ========================================================\n     REASON\n     ======================================================== *\/\n\n  function getReason(product) {\n\n    if (product.id === \"full-service\") {\n      return (\n        \"Je wilt meerdere belangrijke onderdelen van het \" +\n        \"verkoopproces uit handen geven. Daarom past een \" +\n        \"Full Service-traject beter dan een combinatie van \" +\n        \"losse diensten of een Self-Service pakket.\"\n      );\n    }\n\n\n    if (product.id === \"premium\") {\n      return (\n        \"Je keuzes vragen om meerdere onderdelen voor \" +\n        \"presentatie, bereik en begeleiding. Premium brengt \" +\n        \"die onderdelen samen, zodat je niet onnodig meerdere \" +\n        \"diensten los hoeft te combineren.\"\n      );\n    }\n\n\n    if (product.id === \"funda-essential\") {\n\n      if (\n        has(\"photos\") &&\n        (\n          has(\"measurement\") ||\n          has(\"floorplan\")\n        )\n      ) {\n        return (\n          \"Je hebt al een belangrijk deel van de \" +\n          \"woningpresentatie geregeld en wilt vooral toegang \" +\n          \"tot Funda en de digitale verkoopomgeving. Daarom \" +\n          \"hoef je niet automatisch een uitgebreider pakket te nemen.\"\n        );\n      }\n\n\n      return (\n        \"Je wilt je woning op Funda presenteren, terwijl je \" +\n        \"een groot deel van de verkoop zelf wilt blijven doen. \" +\n        \"Deze route sluit daar het meest direct op aan.\"\n      );\n    }\n\n\n    if (product.id === \"funda-extended\") {\n      return (\n        \"Je wilt Funda combineren met extra ondersteuning \" +\n        \"rondom publicatie en woninginformatie. Daardoor past \" +\n        \"de uitgebreidere Funda-route beter dan alleen de basispublicatie.\"\n      );\n    }\n\n\n    if (product.id === \"comfort\") {\n      return (\n        \"Je wilt zelf de regie houden, maar wel meer \" +\n        \"ondersteuning en zichtbaarheid dan bij een eenvoudige \" +\n        \"basisvermelding. Comfort sluit daar het beste op aan.\"\n      );\n    }\n\n\n    if (product.id === \"basic\") {\n      return (\n        \"Je wilt het grootste deel zelf regelen en hebt geen \" +\n        \"uitgebreid verkooptraject nodig. Basis geeft je een \" +\n        \"betaalde verkooproute zonder onnodige extra onderdelen.\"\n      );\n    }\n\n\n    return (\n      \"Je wilt vooral zelf aan de slag en houdt de kosten \" +\n      \"belangrijk. Op basis van je huidige keuzes hoef je nog \" +\n      \"geen uitgebreider pakket te nemen.\"\n    );\n  }\n\n\n  \/* ========================================================\n     SIGNALS\n     ======================================================== *\/\n\n  function getSignals() {\n\n    const signals = [];\n\n\n    if (fundaWanted()) {\n      signals.push(\"Funda gewenst\");\n    }\n\n    if (fundaAdvice()) {\n      signals.push(\"Funda meenemen in advies\");\n    }\n\n    if (needs(\"photos\")) {\n      signals.push(\"Fotografie nodig\");\n    }\n\n    if (needs(\"measurement\")) {\n      signals.push(\"Woningmeting nodig\");\n    }\n\n    if (needs(\"floorplan\")) {\n      signals.push(\"Plattegronden nodig\");\n    }\n\n    if (promotionWanted()) {\n      signals.push(\"Extra bereik gewenst\");\n    }\n\n    if (priority(\"control\")) {\n      signals.push(\"Regie belangrijk\");\n    }\n\n    if (priority(\"cost\")) {\n      signals.push(\"Kosten belangrijk\");\n    }\n\n    if (priority(\"result\")) {\n      signals.push(\"Sterke presentatie belangrijk\");\n    }\n\n    if (priority(\"convenience\")) {\n      signals.push(\"Ontzorging belangrijk\");\n    }\n\n\n    return signals.slice(0, 4);\n  }\n\n\n  \/* ========================================================\n     RESPONSIBILITY \/ SUPPORT MODEL\n\n     IMPORTANT:\n     Earlier \"us\" answers express what the seller WANTS.\n     They do NOT automatically mean the recommended package\n     includes complete execution of that task.\n\n     This function describes the ACTUAL recommended route.\n     ======================================================== *\/\n\n  const TASK_LABELS = {\n    strategy: \"Strategie & prijs\",\n    presentation: \"Woningpresentatie\",\n    publication: \"Publicatie\",\n    viewings: \"Bezichtigingen\",\n    negotiation: \"Biedingen & onderhandeling\",\n    completion: \"Afronding & overdracht\"\n  };\n\n\n  function unique(items) {\n    return Array.from(\n      new Set(items)\n    );\n  }\n\n\n  function getTaskLists(product) {\n\n    const you = [];\n    const we = [];\n\n\n    \/* ------------------------------------------------------\n       FULL SERVICE\n       ------------------------------------------------------ *\/\n\n    if (product.id === \"full-service\") {\n\n      \/*\n        In Full Service, respect explicit self choices.\n        Everything the seller asked us to handle can sit\n        under our side of the process.\n      *\/\n\n      Object.keys(TASK_LABELS)\n        .forEach(\n          function (key) {\n\n            if (task(key) === \"self\") {\n\n              you.push(\n                TASK_LABELS[key]\n              );\n\n            } else {\n\n              we.push(\n                TASK_LABELS[key]\n              );\n\n            }\n\n          }\n        );\n\n\n      if (!we.length) {\n\n        we.push(\n          \"Begeleiding van het verkoopproces\"\n        );\n\n      }\n\n\n      return {\n        you: unique(you),\n        we: unique(we)\n      };\n    }\n\n\n    \/* ------------------------------------------------------\n       SELF-SERVICE \/ SUPPORT ROUTES\n\n       Operational responsibilities remain with the seller\n       unless the recommended product explicitly contains\n       support for them.\n       ------------------------------------------------------ *\/\n\n\n    \/*\n      STRATEGY\n\n      None of the Self-Service package definitions promises\n      that we completely perform the seller's pricing strategy.\n      Therefore keep this with the seller if they selected self.\n      If they selected us, don't falsely claim the package\n      executes it.\n    *\/\n\n    if (\n      task(\"strategy\") === \"self\" ||\n      task(\"strategy\") === \"us\"\n    ) {\n      you.push(\n        TASK_LABELS.strategy\n      );\n    }\n\n\n    \/*\n      PRESENTATION\n    *\/\n\n    if (\n      product.included.includes(\n        \"professional-photography\"\n      ) ||\n      product.included.includes(\n        \"professional-copy\"\n      ) ||\n      product.included.includes(\n        \"measurement\"\n      ) ||\n      product.included.includes(\n        \"floorplans\"\n      )\n    ) {\n\n      we.push(\n        \"Ondersteuning woningpresentatie\"\n      );\n\n    } else {\n\n      you.push(\n        TASK_LABELS.presentation\n      );\n\n    }\n\n\n    \/*\n      PUBLICATION\n\n      All these routes provide a platform\/dashboard.\n      Funda products additionally include Funda publication.\n    *\/\n\n    if (\n      product.included.includes(\n        \"funda-publication\"\n      )\n    ) {\n\n      we.push(\n        \"Publicatie op Funda\"\n      );\n\n    } else {\n\n      we.push(\n        \"Digitale verkoopomgeving\"\n      );\n\n      you.push(\n        \"Woninginformatie aanleveren\"\n      );\n\n    }\n\n\n    \/*\n      VIEWINGS\n\n      None of the current non-Full-Service product definitions\n      says that we conduct the physical viewings.\n    *\/\n\n    you.push(\n      TASK_LABELS.viewings\n    );\n\n\n    \/*\n      NEGOTIATION\n\n      Premium explicitly contains negotiation support.\n      Support \u2260 complete takeover.\n    *\/\n\n    if (\n      product.included.includes(\n        \"negotiation-support\"\n      )\n    ) {\n\n      we.push(\n        \"Ondersteuning bij onderhandeling\"\n      );\n\n      you.push(\n        \"Definitieve keuze van het bod\"\n      );\n\n    } else {\n\n      you.push(\n        TASK_LABELS.negotiation\n      );\n\n    }\n\n\n    \/*\n      COMPLETION\n\n      Extended Funda contains a concept purchase agreement,\n      but that is not the same as taking over the complete\n      completion\/transfer process.\n    *\/\n\n    if (\n      product.included.includes(\n        \"purchase-agreement\"\n      )\n    ) {\n\n      we.push(\n        \"Concept koopovereenkomst\"\n      );\n\n    }\n\n\n    you.push(\n      TASK_LABELS.completion\n    );\n\n\n    \/*\n      PACKAGE-SPECIFIC SUPPORT THAT IS ACTUALLY INCLUDED.\n    *\/\n\n    if (\n      product.included.includes(\n        \"social-promotion\"\n      )\n    ) {\n\n      we.push(\n        \"Social media promotie\"\n      );\n\n    }\n\n\n    if (\n      product.included.includes(\n        \"listing-changes\"\n      )\n    ) {\n\n      we.push(\n        \"Advertentiewijzigingen\"\n      );\n\n    }\n\n\n    return {\n      you: unique(you),\n      we: unique(we)\n    };\n  }\n\n\n  \/* ========================================================\n     EXISTING ASSETS\n     ======================================================== *\/\n\n  function getExistingAssets() {\n\n    const items = [];\n\n\n    if (has(\"photos\")) {\n      items.push(\"Professionele foto's\");\n    }\n\n    if (has(\"floorplan\")) {\n      items.push(\"Plattegrond\");\n    }\n\n    if (has(\"measurement\")) {\n      items.push(\"NEN2580-meting\");\n    }\n\n    if (has(\"energy\")) {\n      items.push(\"Energielabel\");\n    }\n\n\n    return items;\n  }\n\n\n  \/* ========================================================\n     SUMMARY\n     ======================================================== *\/\n\n  function getSummary(product) {\n\n    switch (product.id) {\n\n      case \"premium\":\n        return (\n          \"Meerdere diensten die je nodig hebt zitten al \" +\n          \"gebundeld in Premium.\"\n        );\n\n      case \"funda-essential\":\n        return (\n          \"Je betaalt niet opnieuw voor onderdelen die je \" +\n          \"zelf al hebt geregeld.\"\n        );\n\n      case \"funda-extended\":\n        return (\n          \"Funda en aanvullende verkoopondersteuning worden \" +\n          \"in \u00e9\u00e9n route gecombineerd.\"\n        );\n\n      case \"comfort\":\n        return (\n          \"Je houdt zelf de regie en voegt ondersteuning toe \" +\n          \"zonder naar een volledig traject te gaan.\"\n        );\n\n      case \"basic\":\n        return (\n          \"Een eenvoudige betaalde verkooproute past bij de \" +\n          \"mate waarin je zelf aan de slag wilt.\"\n        );\n\n      case \"free\":\n        return (\n          \"Je kunt eerst starten zonder voor een uitgebreider \" +\n          \"pakket te betalen.\"\n        );\n\n      case \"full-service\":\n        return (\n          \"Omdat je veel wilt uitbesteden, is \u00e9\u00e9n begeleid \" +\n          \"verkooptraject logischer dan losse diensten.\"\n        );\n\n      default:\n        return \"\";\n    }\n  }\n\n\n  function getSavingText(product) {\n\n    if (product.id === \"premium\") {\n      return (\n        \"Inclusief meerdere presentatie- en verkooponderdelen\"\n      );\n    }\n\n\n    if (product.id === \"funda-essential\") {\n      return (\n        \"Sluit aan op wat je zelf al hebt\"\n      );\n    }\n\n\n    if (product.id === \"full-service\") {\n      return (\n        \"Voorstel afgestemd op jouw woning en gewenste begeleiding\"\n      );\n    }\n\n\n    return \"\";\n  }\n\n\n  \/* ========================================================\n     LIST RENDER\n     ======================================================== *\/\n\n  function renderList(element, items) {\n\n    element.innerHTML = \"\";\n\n\n    if (!items.length) {\n\n      const li =\n        document.createElement(\"li\");\n\n      li.className =\n        \"fe-r10__empty\";\n\n      li.textContent =\n        \"Geen onderdelen binnen deze route\";\n\n      element.appendChild(li);\n\n      return;\n    }\n\n\n    items\n      .slice(0, 5)\n      .forEach(\n        function (item) {\n\n          const li =\n            document.createElement(\"li\");\n\n          li.textContent =\n            item;\n\n          element.appendChild(li);\n\n        }\n      );\n  }\n\n\n  \/* ========================================================\n     MAIN RENDER\n     ======================================================== *\/\n\n  function renderRecommendation() {\n\n    const product =\n      chooseProduct();\n\n\n    \/* SAVE FOR SECTION 11 + 12 *\/\n\n    state.recommendation = {\n      id: product.id,\n      route: product.route,\n      name: product.name,\n      price: product.price,\n      priceDisplay: product.priceDisplay,\n      priceNote: product.note,\n      included: product.included.slice()\n    };\n\n\n    const routeEl =\n      section.querySelector(\n        \"#fe-r10-route\"\n      );\n\n    const productEl =\n      section.querySelector(\n        \"#fe-r10-product\"\n      );\n\n    const priceEl =\n      section.querySelector(\n        \"#fe-r10-price\"\n      );\n\n    const priceNoteEl =\n      section.querySelector(\n        \"#fe-r10-price-note\"\n      );\n\n    const reasonEl =\n      section.querySelector(\n        \"#fe-r10-reason\"\n      );\n\n    const signalsEl =\n      section.querySelector(\n        \"#fe-r10-signals\"\n      );\n\n    const summaryEl =\n      section.querySelector(\n        \"#fe-r10-summary\"\n      );\n\n    const savingEl =\n      section.querySelector(\n        \"#fe-r10-saving\"\n      );\n\n    const youEl =\n      section.querySelector(\n        \"#fe-r10-you\"\n      );\n\n    const weEl =\n      section.querySelector(\n        \"#fe-r10-we\"\n      );\n\n    const haveEl =\n      section.querySelector(\n        \"#fe-r10-have\"\n      );\n\n    const haveWrap =\n      section.querySelector(\n        \"#fe-r10-have-wrap\"\n      );\n\n\n    routeEl.textContent =\n      product.route;\n\n    productEl.textContent =\n      product.name;\n\n    priceEl.textContent =\n      product.priceDisplay;\n\n    priceNoteEl.textContent =\n      product.note;\n\n    reasonEl.textContent =\n      getReason(product);\n\n    summaryEl.textContent =\n      getSummary(product);\n\n    savingEl.textContent =\n      getSavingText(product);\n\n\n    section.classList.toggle(\n      \"is-full-service\",\n      product.id === \"full-service\"\n    );\n\n\n    \/* SIGNALS *\/\n\n    signalsEl.innerHTML = \"\";\n\n\n    getSignals()\n      .forEach(\n        function (signal) {\n\n          const span =\n            document.createElement(\"span\");\n\n          span.className =\n            \"fe-r10__signal\";\n\n          span.textContent =\n            signal;\n\n          signalsEl.appendChild(span);\n\n        }\n      );\n\n\n    \/* ACTUAL ROUTE DIVISION *\/\n\n    const lists =\n      getTaskLists(product);\n\n\n    renderList(\n      youEl,\n      lists.you\n    );\n\n\n    renderList(\n      weEl,\n      lists.we\n    );\n\n\n    \/* EXISTING ASSETS *\/\n\n    const existing =\n      getExistingAssets();\n\n\n    haveEl.innerHTML = \"\";\n\n\n    if (!existing.length) {\n\n      haveWrap.style.display =\n        \"none\";\n\n    } else {\n\n      haveWrap.style.display =\n        \"\";\n\n\n      existing.forEach(\n        function (item) {\n\n          const span =\n            document.createElement(\"span\");\n\n          span.className =\n            \"fe-r10__have-chip\";\n\n          span.textContent =\n            item;\n\n          haveEl.appendChild(span);\n\n        }\n      );\n    }\n  }\n\n\n  \/* ========================================================\n     LIVE REFRESH\n     ======================================================== *\/\n\n  let lastSignature = \"\";\n\n\n  function getSignature() {\n\n    return JSON.stringify({\n      preference:\n        state.preference || null,\n\n      tasks:\n        state.tasks,\n\n      assets:\n        state.assets,\n\n      marketing:\n        state.marketing,\n\n      priorities:\n        state.priorities\n    });\n  }\n\n\n  function refresh() {\n\n    const signature =\n      getSignature();\n\n\n    if (\n      signature ===\n      lastSignature\n    ) {\n      return;\n    }\n\n\n    lastSignature =\n      signature;\n\n\n    renderRecommendation();\n  }\n\n\n  \/* INITIAL *\/\n\n  refresh();\n\n\n  \/* REFRESH WHEN ENTERING *\/\n\n  if (\n    \"IntersectionObserver\" in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              if (\n                entry.isIntersecting\n              ) {\n                refresh();\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold: .12\n        }\n      );\n\n\n    observer.observe(section);\n  }\n\n\n  \/* REFRESH FROM SECTION 09 *\/\n\n  document\n    .querySelectorAll(\n      'a[href=\"#fe-route-10\"]'\n    )\n    .forEach(\n      function (link) {\n\n        link.addEventListener(\n          \"click\",\n          function () {\n\n            window.setTimeout(\n              refresh,\n              25\n            );\n\n          }\n        );\n\n      }\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b340e6f elementor-widget elementor-widget-html\" data-id=\"b340e6f\" 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<section id=\"fe-route-11\" class=\"fe-r11\">\n\n  <div class=\"fe-r11__ambient\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"fe-r11__inner\">\n\n    <!-- =====================================================\n         TOP\n         ===================================================== -->\n    <div class=\"fe-r11__top\">\n\n      <div class=\"fe-r11__meta\">\n        <span class=\"fe-r11__number\">11<\/span>\n        <span class=\"fe-r11__line\"><\/span>\n        <span>MAAK JE VERKOOP COMPLEET<\/span>\n      <\/div>\n\n      <div class=\"fe-r11__package\">\n        <span>JOUW ADVIES<\/span>\n        <strong id=\"fe-r11-package-name\">\u2014<\/strong>\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         INTRO\n         ===================================================== -->\n    <div class=\"fe-r11__intro\">\n\n      <div>\n        <div class=\"fe-r11__eyebrow\">\n          ALLEEN WAT NOG RELEVANT IS\n        <\/div>\n\n        <h2>\n          Wil je nog iets\n          <span>extra's toevoegen?<\/span>\n        <\/h2>\n      <\/div>\n\n      <p id=\"fe-r11-intro-copy\">\n        Je verkooproute staat. Hieronder zie je alleen diensten\n        die daar nog aanvullend op kunnen zijn.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         PACKAGE AWARE NOTICE\n         ===================================================== -->\n    <div class=\"fe-r11__notice\">\n\n      <div class=\"fe-r11__notice-icon\">\u2713<\/div>\n\n      <div>\n        <span>AFGESTEMD OP JOUW ADVIES<\/span>\n\n        <p id=\"fe-r11-notice-text\">\n          Diensten die al in jouw aanbevolen oplossing zitten,\n          laten we hier niet opnieuw zien.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         ADD-ONS GRID\n         ===================================================== -->\n    <div id=\"fe-r11-grid\" class=\"fe-r11__grid\"><\/div>\n\n\n    <!-- =====================================================\n         SHOW MORE\n         ===================================================== -->\n    <div\n      id=\"fe-r11-more-wrap\"\n      class=\"fe-r11__more-wrap\">\n\n      <button\n        id=\"fe-r11-more\"\n        class=\"fe-r11__more\"\n        type=\"button\"\n        aria-expanded=\"false\">\n\n        <span>BEKIJK MEER<\/span>\n        <b>\u2193<\/b>\n\n      <\/button>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         SELECTION BAR\n         ===================================================== -->\n    <div class=\"fe-r11__selection\">\n\n      <div class=\"fe-r11__selection-copy\">\n\n        <span>JOUW EXTRA'S<\/span>\n\n        <strong id=\"fe-r11-selection-text\">\n          Geen extra's geselecteerd\n        <\/strong>\n\n      <\/div>\n\n\n      <div class=\"fe-r11__selection-right\">\n\n        <div\n          id=\"fe-r11-extra-total\"\n          class=\"fe-r11__extra-total\">\n\n          <span>EXTRA'S<\/span>\n          <strong>\u20ac0<\/strong>\n          <small>excl. btw<\/small>\n\n        <\/div>\n\n\n        <a\n          href=\"#fe-route-12\"\n          class=\"fe-r11__next\">\n\n          <span>BEKIJK JOUW KEUZE<\/span>\n          <b>\u2192<\/b>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<style>\n\/* ==========================================================\n   FLEX ESTATE \u2014 SECTION 11\n   PACKAGE-AWARE ADD-ONS\n   ========================================================== *\/\n\n#fe-route-11,\n#fe-route-11 * {\n  box-sizing: border-box;\n}\n\n#fe-route-11 {\n  --navy: #001c51;\n  --navy-light: #082b64;\n  --teal: #16bfbf;\n  --white: #ffffff;\n\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #00143c 0%,\n      #001c51 55%,\n      #06285e 100%\n    );\n\n  color: #fff;\n\n  font-family: \"Poppins\", sans-serif;\n}\n\n\n\/* ==========================================================\n   BACKGROUND\n   ========================================================== *\/\n\n.fe-r11__ambient {\n  position: absolute;\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    radial-gradient(\n      circle at 88% 12%,\n      rgba(22,191,191,.17),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 5% 92%,\n      rgba(22,191,191,.07),\n      transparent 27%\n    ),\n    linear-gradient(\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(255,255,255,.025) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    auto,\n    auto,\n    54px 54px,\n    54px 54px;\n}\n\n\n\/* ==========================================================\n   INNER\n   ========================================================== *\/\n\n.fe-r11__inner {\n  position: relative;\n  z-index: 2;\n\n  width: min(1460px, calc(100% - 88px));\n\n  min-height: 100svh;\n\n  margin: 0 auto;\n\n  padding:\n    clamp(28px, 3.4vh, 42px)\n    0\n    clamp(28px, 3.4vh, 40px);\n}\n\n\n\/* ==========================================================\n   TOP\n   ========================================================== *\/\n\n.fe-r11__top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 30px;\n}\n\n.fe-r11__meta {\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  color: rgba(255,255,255,.82);\n\n  font-size: 13px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .13em;\n}\n\n.fe-r11__number {\n  color: var(--teal);\n\n  font-size: 14px;\n}\n\n.fe-r11__line {\n  width: 42px;\n  height: 1px;\n\n  background:\n    rgba(255,255,255,.23);\n}\n\n.fe-r11__package {\n  display: flex;\n  align-items: center;\n\n  gap: 9px;\n\n  padding: 8px 12px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.11);\n\n  border-radius: 999px;\n\n  background:\n    rgba(255,255,255,.055);\n}\n\n.fe-r11__package span {\n  color:\n    rgba(255,255,255,.45);\n\n  font-size: 10px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .08em;\n}\n\n.fe-r11__package strong {\n  color: var(--teal);\n\n  font-size: 12px;\n  line-height: 1;\n\n  font-weight: 700;\n}\n\n\n\/* ==========================================================\n   INTRO\n   ========================================================== *\/\n\n.fe-r11__intro {\n  margin-top:\n    clamp(26px, 3.6vh, 43px);\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    minmax(330px, 530px);\n\n  align-items: end;\n\n  gap: 60px;\n}\n\n.fe-r11__eyebrow {\n  margin-bottom: 8px;\n\n  color: var(--teal);\n\n  font-size: 13px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .13em;\n}\n\n.fe-r11__intro h2 {\n  margin: 0;\n\n  color: #fff;\n\n  font-size:\n    clamp(42px, 4.25vw, 66px);\n\n  line-height: .98;\n\n  font-weight: 700;\n\n  letter-spacing: -.045em;\n}\n\n.fe-r11__intro h2 span {\n  color: var(--teal);\n}\n\n.fe-r11__intro > p {\n  margin: 0 0 4px;\n\n  color:\n    rgba(255,255,255,.67);\n\n  font-size: 16px;\n  line-height: 1.55;\n}\n\n\n\/* ==========================================================\n   NOTICE\n   ========================================================== *\/\n\n.fe-r11__notice {\n  margin-top: 22px;\n\n  padding: 12px 15px;\n\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  border:\n    1px solid\n    rgba(22,191,191,.17);\n\n  border-radius: 13px;\n\n  background:\n    rgba(22,191,191,.055);\n}\n\n.fe-r11__notice-icon {\n  flex: 0 0 auto;\n\n  width: 30px;\n  height: 30px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 50%;\n\n  background:\n    rgba(22,191,191,.13);\n\n  color: var(--teal);\n\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.fe-r11__notice span {\n  display: block;\n\n  color: var(--teal);\n\n  font-size: 11px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .09em;\n}\n\n.fe-r11__notice p {\n  margin: 2px 0 0;\n\n  color:\n    rgba(255,255,255,.66);\n\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n\n\/* ==========================================================\n   GRID\n   ========================================================== *\/\n\n.fe-r11__grid {\n  margin-top: 16px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(4, minmax(0, 1fr));\n\n  gap: 10px;\n}\n\n\n\/* ==========================================================\n   CARD\n   ========================================================== *\/\n\n.fe-r11__card {\n  position: relative;\n\n  min-width: 0;\n  min-height: 185px;\n\n  padding: 17px;\n\n  display: flex;\n  flex-direction: column;\n\n  border:\n    1px solid\n    rgba(255,255,255,.12);\n\n  border-radius: 17px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.085),\n      rgba(255,255,255,.035)\n    );\n\n  cursor: pointer;\n\n  transition:\n    border-color .18s ease,\n    background .18s ease,\n    transform .18s ease,\n    box-shadow .18s ease;\n}\n\n.fe-r11__card:hover {\n  transform: translateY(-2px);\n\n  border-color:\n    rgba(22,191,191,.38);\n}\n\n.fe-r11__card.is-selected {\n  border-color:\n    rgba(22,191,191,.68);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(22,191,191,.15),\n      rgba(255,255,255,.045)\n    );\n\n  box-shadow:\n    inset 0 0 0 1px\n    rgba(22,191,191,.08);\n}\n\n.fe-r11__card.is-hidden-extra {\n  display: none;\n}\n\n\n\/* CARD TOP *\/\n\n.fe-r11__card-top {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n\n  gap: 12px;\n}\n\n.fe-r11__tag {\n  min-height: 22px;\n\n  padding: 5px 7px;\n\n  display: inline-flex;\n  align-items: center;\n\n  border-radius: 6px;\n\n  background:\n    rgba(255,255,255,.07);\n\n  color:\n    rgba(255,255,255,.56);\n\n  font-size: 9px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .075em;\n}\n\n.fe-r11__tag.is-relevant {\n  background:\n    rgba(22,191,191,.12);\n\n  color: var(--teal);\n}\n\n\n\/* CHECK *\/\n\n.fe-r11__check {\n  flex: 0 0 auto;\n\n  width: 25px;\n  height: 25px;\n\n  display: grid;\n  place-items: center;\n\n  border:\n    1px solid\n    rgba(255,255,255,.19);\n\n  border-radius: 50%;\n\n  color: transparent;\n\n  font-size: 12px;\n  font-weight: 700;\n\n  transition:\n    background .18s ease,\n    border-color .18s ease,\n    color .18s ease;\n}\n\n.fe-r11__card.is-selected\n.fe-r11__check {\n  border-color: var(--teal);\n\n  background: var(--teal);\n\n  color: var(--navy);\n}\n\n\n\/* CARD TEXT *\/\n\n.fe-r11__card h3 {\n  margin: 14px 0 0;\n\n  color: #fff;\n\n  font-size: 20px;\n  line-height: 1.12;\n\n  font-weight: 700;\n\n  letter-spacing: -.025em;\n}\n\n.fe-r11__card p {\n  margin: 7px 0 0;\n\n  color:\n    rgba(255,255,255,.61);\n\n  font-size: 13px;\n  line-height: 1.42;\n}\n\n\n\/* SPECIAL INFO *\/\n\n.fe-r11__card-note {\n  margin-top: 8px;\n\n  padding: 7px 9px;\n\n  border-radius: 8px;\n\n  background:\n    rgba(22,191,191,.08);\n\n  color:\n    rgba(255,255,255,.72);\n\n  font-size: 11px;\n  line-height: 1.4;\n}\n\n.fe-r11__card-note strong {\n  color: var(--teal);\n  font-weight: 700;\n}\n\n\n\/* CARD FOOT *\/\n\n.fe-r11__card-foot {\n  margin-top: auto;\n  padding-top: 15px;\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n\n  gap: 10px;\n}\n\n.fe-r11__price {\n  color: var(--teal);\n\n  font-size: 18px;\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: -.02em;\n}\n\n.fe-r11__price small {\n  margin-left: 3px;\n\n  color:\n    rgba(255,255,255,.40);\n\n  font-size: 9px;\n\n  font-weight: 500;\n\n  letter-spacing: 0;\n}\n\n.fe-r11__card-action {\n  color:\n    rgba(255,255,255,.48);\n\n  font-size: 10px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .06em;\n}\n\n.fe-r11__card.is-selected\n.fe-r11__card-action {\n  color: var(--teal);\n}\n\n\n\/* ==========================================================\n   VIEW MORE\n   ========================================================== *\/\n\n.fe-r11__more-wrap {\n  margin-top: 13px;\n\n  display: flex;\n  justify-content: center;\n}\n\n.fe-r11__more {\n  min-height: 42px;\n\n  padding: 0 16px;\n\n  display: inline-flex;\n  align-items: center;\n\n  gap: 12px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.14);\n\n  border-radius: 999px;\n\n  background:\n    rgba(255,255,255,.045);\n\n  color: #fff;\n\n  font-family: inherit;\n\n  font-size: 11px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .07em;\n\n  cursor: pointer;\n}\n\n.fe-r11__more:hover {\n  border-color:\n    rgba(22,191,191,.38);\n}\n\n.fe-r11__more b {\n  color: var(--teal);\n\n  font-size: 15px;\n}\n\n\n\/* ==========================================================\n   SELECTION \/ FOOTER\n   ========================================================== *\/\n\n.fe-r11__selection {\n  margin-top: 17px;\n\n  padding-top: 17px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.11);\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 30px;\n}\n\n.fe-r11__selection-copy span,\n.fe-r11__selection-copy strong {\n  display: block;\n}\n\n.fe-r11__selection-copy span {\n  color:\n    rgba(255,255,255,.43);\n\n  font-size: 11px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .09em;\n}\n\n.fe-r11__selection-copy strong {\n  margin-top: 4px;\n\n  color: #fff;\n\n  font-size: 14px;\n  line-height: 1.4;\n\n  font-weight: 600;\n}\n\n.fe-r11__selection-right {\n  display: flex;\n  align-items: center;\n\n  gap: 22px;\n}\n\n.fe-r11__extra-total {\n  min-width: 105px;\n\n  text-align: right;\n}\n\n.fe-r11__extra-total > span {\n  display: block;\n\n  color:\n    rgba(255,255,255,.42);\n\n  font-size: 10px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .08em;\n}\n\n.fe-r11__extra-total strong {\n  display: block;\n\n  margin-top: 3px;\n\n  color: var(--teal);\n\n  font-size: 22px;\n  line-height: 1;\n\n  font-weight: 700;\n}\n\n.fe-r11__extra-total small {\n  display: block;\n\n  margin-top: 3px;\n\n  color:\n    rgba(255,255,255,.38);\n\n  font-size: 9px;\n  line-height: 1;\n}\n\n.fe-r11__next {\n  min-height: 55px;\n\n  padding: 0 20px;\n\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 24px;\n\n  border-radius: 13px;\n\n  background: var(--teal);\n\n  color: var(--navy) !important;\n\n  text-decoration: none !important;\n\n  font-size: 13px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .035em;\n\n  transition:\n    transform .18s ease,\n    filter .18s ease;\n}\n\n.fe-r11__next:hover {\n  transform: translateY(-2px);\n  filter: brightness(1.04);\n}\n\n.fe-r11__next b {\n  font-size: 20px;\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1150px) {\n\n  .fe-r11__inner {\n    width: min(100% - 48px, 1050px);\n  }\n\n  .fe-r11__intro {\n    grid-template-columns: 1fr;\n    gap: 15px;\n  }\n\n  .fe-r11__grid {\n    grid-template-columns:\n      repeat(2, minmax(0, 1fr));\n  }\n}\n\n\n\/* ==========================================================\n   MOBILE\n   ========================================================== *\/\n\n@media (max-width: 700px) {\n\n  .fe-r11__inner {\n    width: 100%;\n    min-height: auto;\n\n    padding:\n      25px\n      24px\n      30px;\n  }\n\n  .fe-r11__package {\n    display: none;\n  }\n\n  .fe-r11__intro {\n    margin-top: 40px;\n  }\n\n  .fe-r11__intro h2 {\n    font-size:\n      clamp(39px, 11vw, 52px);\n  }\n\n  .fe-r11__intro > p {\n    font-size: 16px;\n  }\n\n  .fe-r11__notice {\n    margin-top: 22px;\n\n    align-items: flex-start;\n  }\n\n  .fe-r11__notice p {\n    font-size: 14px;\n  }\n\n  .fe-r11__grid {\n    margin-top: 16px;\n\n    grid-template-columns: 1fr;\n\n    gap: 10px;\n  }\n\n  .fe-r11__card {\n    min-height: 0;\n\n    padding: 18px;\n  }\n\n  .fe-r11__card h3 {\n    font-size: 21px;\n  }\n\n  .fe-r11__card p {\n    font-size: 14px;\n  }\n\n  .fe-r11__card-note {\n    font-size: 12px;\n  }\n\n  .fe-r11__price {\n    font-size: 19px;\n  }\n\n  .fe-r11__selection {\n    display: block;\n\n    margin-top: 22px;\n    padding-top: 20px;\n  }\n\n  .fe-r11__selection-copy strong {\n    font-size: 14px;\n  }\n\n  .fe-r11__selection-right {\n    margin-top: 17px;\n\n    display: grid;\n\n    grid-template-columns:\n      auto 1fr;\n\n    gap: 14px;\n  }\n\n  .fe-r11__extra-total {\n    min-width: 85px;\n\n    text-align: left;\n  }\n\n  .fe-r11__next {\n    width: 100%;\n\n    min-height: 61px;\n\n    justify-content: space-between;\n\n    font-size: 13px;\n  }\n}\n<\/style>\n\n\n<script>\n(function () {\n  \"use strict\";\n\n  const section =\n    document.getElementById(\"fe-route-11\");\n\n  if (!section) return;\n\n\n  \/* ========================================================\n     STATE\n     ======================================================== *\/\n\n  window.FEVerkooproute =\n    window.FEVerkooproute || {};\n\n  const state =\n    window.FEVerkooproute;\n\n  state.assets =\n    state.assets || {};\n\n  state.marketing =\n    state.marketing || {};\n\n  state.extras =\n    state.extras || {\n      selected: []\n    };\n\n  if (!Array.isArray(state.extras.selected)) {\n    state.extras.selected = [];\n  }\n\n\n  \/* ========================================================\n     ADD-ON CATALOGUE\n\n     wooProductId:\n     Actual WooCommerce product.\n\n     checkoutOption:\n     Option\/variation that must also be selected on the\n     WooCommerce product itself.\n\n     Therefore:\n     - Funda Silver\/Gold have no separate Woo product.\n     - Photo editing\/make-over share Woo product 11980.\n     ======================================================== *\/\n\n  const ADDONS = [\n\n    {\n      id: \"professional-photography\",\n      name: \"Professionele fotografie\",\n      price: 299,\n      priceLabel: \"\u20ac299\",\n      description:\n        \"Professionele woningfotografie voor een sterke presentatie.\",\n      category: \"PRESENTATIE\",\n      asset: \"photos\",\n      wooProductId: 7666\n    },\n\n    {\n      id: \"measurement\",\n      name: \"NEN2580 meting + plattegronden\",\n      price: 329,\n      priceLabel: \"\u20ac329\",\n      description:\n        \"Professionele woningmeting met meetrapport en 2D + 3D plattegronden.\",\n      category: \"WONINGINFORMATIE\",\n      asset: \"measurement\",\n      wooProductId: 7698\n    },\n\n    {\n      id: \"floorplans\",\n      name: \"2D + 3D plattegronden\",\n      price: 99,\n      priceLabel: \"\u20ac99\",\n      description:\n        \"Alleen plattegronden nodig? Kies 2D- en 3D-plattegronden zonder de volledige woningmeting.\",\n      category: \"PRESENTATIE\",\n      asset: \"floorplan\",\n      wooProductId: 7775\n    },\n\n    {\n      id: \"energy-label\",\n      name: \"Energielabel\",\n      price: 299,\n      priceLabel: \"\u20ac299\",\n      description:\n        \"Laat een geldig energielabel voor de verkoop verzorgen.\",\n      category: \"WONINGINFORMATIE\",\n      asset: \"energy\",\n      wooProductId: 7696\n    },\n\n    {\n      id: \"professional-copy\",\n      name: \"Professionele advertentietekst\",\n      price: 75,\n      priceLabel: \"\u20ac75\",\n      description:\n        \"Een professionele verkooptekst die de woning helder presenteert.\",\n      category: \"PRESENTATIE\",\n      wooProductId: 12092\n    },\n\n    {\n      id: \"photo-editing\",\n      name: \"Fotobewerking\",\n      price: 79,\n      priceLabel: \"\u20ac79\",\n      description:\n        \"Laat bestaande geschikte woningfoto's professioneel nabewerken.\",\n      category: \"FOTO\",\n      photoOption: true,\n      checkoutOption: \"photo-editing\",\n      wooProductId: 11980,\n      note:\n        \"Kies bij het bestellen van dit product opnieuw de optie van <strong>\u20ac79<\/strong>.\"\n    },\n\n    {\n      id: \"photo-makeover\",\n      name: \"Foto make-over\",\n      price: 149,\n      priceLabel: \"\u20ac149\",\n      description:\n        \"Geef bestaande woningfoto's een uitgebreidere visuele make-over.\",\n      category: \"FOTO\",\n      photoOption: true,\n      checkoutOption: \"photo-makeover\",\n      wooProductId: 11980,\n      note:\n        \"Kies bij het bestellen van dit product opnieuw de optie van <strong>\u20ac149<\/strong>.\"\n    },\n\n    {\n      id: \"media-package\",\n      name: \"Mediapakket\",\n      price: 499,\n      priceLabel: \"\u20ac499\",\n      description:\n        \"Een uitgebreid mediapakket met foto's, video en 360\u00b0-presentatie.\",\n      category: \"PRESENTATIE\",\n      wooProductId: 12006\n    },\n\n    {\n      id: \"virtual-staging\",\n      name: \"Virtual staging\",\n      price: 149,\n      priceLabel: \"\u20ac149\",\n      description:\n        \"Laat lege of lastig ingerichte ruimtes digitaal aantrekkelijk presenteren.\",\n      category: \"PRESENTATIE\",\n      wooProductId: 7706\n    },\n\n    {\n      id: \"home-styling\",\n      name: \"Woningstyling aan Huis\",\n      price: 249,\n      priceLabel: \"\u20ac249\",\n      description:\n        \"Een uur styling op locatie met direct toepasbare aanpassingen en tips.\",\n      category: \"VOORBEREIDING\",\n      wooProductId: 12086\n    },\n\n    {\n      id: \"preparation-consult\",\n      name: \"Woningvoorbereidingsconsultatie\",\n      price: 95,\n      priceLabel: \"\u20ac95\",\n      description:\n        \"Praktisch advies om je woning goed voor te bereiden op de verkoop.\",\n      category: \"VOORBEREIDING\",\n      wooProductId: 12051\n    },\n\n    {\n      id: \"cleaning\",\n      name: \"Professionele schoonmaak\",\n      price: 295,\n      priceLabel: \"vanaf \u20ac295\",\n      description:\n        \"Laat de woning professioneel schoonmaken voor presentatie of bezichtigingen.\",\n      category: \"VOORBEREIDING\",\n      fromPrice: true,\n      wooProductId: 12055\n    },\n\n    {\n      id: \"furniture-rental\",\n      name: \"Meubelverhuur\",\n      price: 1250,\n      priceLabel: \"vanaf \u20ac1.250\",\n      description:\n        \"Tijdelijke inrichting om een lege woning aantrekkelijker te presenteren.\",\n      category: \"VOORBEREIDING\",\n      fromPrice: true,\n      wooProductId: 12071\n    },\n\n    {\n      id: \"desktop-valuation\",\n      name: \"Desktop waardebepaling\",\n      price: 99,\n      priceLabel: \"\u20ac99\",\n      description:\n        \"Een aanvullende digitale waardebepaling op basis van beschikbare woningdata.\",\n      category: \"WAARDE\",\n      wooProductId: 7690\n    },\n\n    {\n      id: \"valuation-report\",\n      name: \"Volledig taxatierapport\",\n      price: 895,\n      priceLabel: \"\u20ac895\",\n      description:\n        \"Een uitgebreid taxatierapport wanneer je een formele taxatie nodig hebt.\",\n      category: \"WAARDE\",\n      wooProductId: 7692\n    },\n\n    {\n      id: \"window-board\",\n      name: \"Te Koop-raambord\",\n      price: 49,\n      priceLabel: \"\u20ac49\",\n      description:\n        \"Extra zichtbaarheid bij de woning met een professioneel verkoopbord.\",\n      category: \"ZICHTBAARHEID\",\n      wooProductId: 11026\n    },\n\n    {\n      id: \"funda-silver\",\n      name: \"Funda Zilver\",\n      price: 140,\n      priceLabel: \"+ \u20ac140\",\n      description:\n        \"Upgrade je Funda-presentatie van Brons naar Zilver.\",\n      category: \"FUNDA\",\n      requiresFunda: true,\n      fundaUpgrade: true,\n      checkoutOption: \"silver\",\n      wooProductId: null,\n      note:\n        \"Deze upgrade telt mee in je totaal. Kies <strong>Zilver<\/strong> opnieuw bij het bestellen van je Funda-pakket.\"\n    },\n\n    {\n      id: \"funda-gold\",\n      name: \"Funda Goud\",\n      price: 306,\n      priceLabel: \"+ \u20ac306\",\n      description:\n        \"Upgrade je Funda-presentatie van Brons naar Goud.\",\n      category: \"FUNDA\",\n      requiresFunda: true,\n      fundaUpgrade: true,\n      checkoutOption: \"gold\",\n      wooProductId: null,\n      note:\n        \"Deze upgrade telt mee in je totaal. Kies <strong>Goud<\/strong> opnieuw bij het bestellen van je Funda-pakket.\"\n    },\n\n    {\n      id: \"funda-top-position\",\n      name: \"Funda Toppositie\",\n      price: 69,\n      priceLabel: \"vanaf \u20ac69\",\n      description:\n        \"Geef je woning tijdelijk extra zichtbaarheid binnen de Funda-resultaten.\",\n      category: \"FUNDA\",\n      requiresFunda: true,\n      fromPrice: true,\n      wooProductId: 12097\n    },\n\n    {\n      id: \"funda-in-picture\",\n      name: \"Funda Woning in Beeld\",\n      price: 299,\n      priceLabel: \"vanaf \u20ac299\",\n      description:\n        \"Aanvullende zichtbaarheid voor je woning binnen Funda.\",\n      category: \"FUNDA\",\n      requiresFunda: true,\n      fromPrice: true,\n      wooProductId: 11985\n    },\n\n    {\n      id: \"premium-funda-boost\",\n      name: \"Premium Funda Boost Pakket\",\n      price: 359,\n      priceLabel: \"\u20ac359\",\n      description:\n        \"Breid je Funda-presentatie uit met extra mediaweergave voor een sterkere en uitgebreidere woningpresentatie.\",\n      category: \"FUNDA\",\n      requiresFunda: true,\n      wooProductId: 12104,\n      note:\n        \"Dit pakket is bedoeld voor het <strong>plaatsen en tonen van bestaand materiaal<\/strong>. Het maken van nieuw beeldmateriaal op locatie is niet inbegrepen.\"\n    }\n\n  ];\n\n\n  \/* ========================================================\n     HELPERS\n     ======================================================== *\/\n\n  function recommendation() {\n    return state.recommendation || {};\n  }\n\n\n  function includedIds() {\n\n    const rec =\n      recommendation();\n\n    return Array.isArray(rec.included)\n      ? rec.included\n      : [];\n  }\n\n\n  function hasFunda() {\n\n    const rec =\n      recommendation();\n\n    const included =\n      includedIds();\n\n\n    return (\n      included.includes(\"funda-bronze\") ||\n      included.includes(\"funda-publication\") ||\n      rec.id === \"premium\" ||\n      rec.id === \"funda-essential\" ||\n      rec.id === \"funda-extended\"\n    );\n  }\n\n\n  function isAlreadyIncluded(addon) {\n\n    return includedIds()\n      .includes(addon.id);\n  }\n\n\n  function isSelected(id) {\n\n    return state.extras.selected\n      .includes(id);\n  }\n\n\n  function isRelevant(addon) {\n\n    \/*\n      Measurement bundle is especially relevant if either\n      measurement or floorplans are still needed.\n    *\/\n\n    if (\n      addon.id === \"measurement\" &&\n      (\n        state.assets.measurement === \"need\" ||\n        state.assets.floorplan === \"need\"\n      )\n    ) {\n      return true;\n    }\n\n\n    if (\n      addon.asset &&\n      state.assets[addon.asset] === \"need\"\n    ) {\n      return true;\n    }\n\n\n    if (\n      addon.requiresFunda &&\n      hasFunda()\n    ) {\n      return true;\n    }\n\n\n    return false;\n  }\n\n\n  function isSuitable(addon) {\n\n    \/*\n      Funda-specific extras only belong to routes\n      that actually contain Funda.\n    *\/\n\n    if (\n      addon.requiresFunda &&\n      !hasFunda()\n    ) {\n      return false;\n    }\n\n\n    \/*\n      Never offer something already included in\n      the recommended package.\n    *\/\n\n    if (isAlreadyIncluded(addon)) {\n      return false;\n    }\n\n\n    \/*\n      The \u20ac329 measurement product includes floorplans.\n      Once selected, do not show the separate \u20ac99 option.\n    *\/\n\n    if (\n      addon.id === \"floorplans\" &&\n      isSelected(\"measurement\")\n    ) {\n      return false;\n    }\n\n\n    \/*\n      Measurement bundle:\n      hide it only if BOTH components are already available.\n    *\/\n\n    if (addon.id === \"measurement\") {\n\n      const measurementAlreadyIncluded =\n        includedIds().includes(\"measurement\");\n\n      const floorplansAlreadyIncluded =\n        includedIds().includes(\"floorplans\");\n\n      const hasMeasurement =\n        state.assets.measurement === \"have\" ||\n        measurementAlreadyIncluded;\n\n      const hasFloorplans =\n        state.assets.floorplan === \"have\" ||\n        floorplansAlreadyIncluded;\n\n\n      if (hasMeasurement && hasFloorplans) {\n        return false;\n      }\n\n\n      return true;\n    }\n\n\n    \/*\n      Standard asset filtering.\n    *\/\n\n    if (\n      addon.asset &&\n      state.assets[addon.asset] === \"have\"\n    ) {\n      return false;\n    }\n\n\n    return true;\n  }\n\n\n  function getVisibleAddons() {\n\n    const suitable =\n      ADDONS.filter(isSuitable);\n\n\n    return suitable.sort(\n      function (a, b) {\n\n        const aRelevant =\n          isRelevant(a) ? 1 : 0;\n\n        const bRelevant =\n          isRelevant(b) ? 1 : 0;\n\n\n        if (aRelevant !== bRelevant) {\n          return bRelevant - aRelevant;\n        }\n\n\n        return 0;\n      }\n    );\n  }\n\n\n  function formatMoney(value) {\n\n    return \"\u20ac\" +\n      Number(value)\n        .toLocaleString(\n          \"nl-NL\",\n          {\n            maximumFractionDigits: 0\n          }\n        );\n  }\n\n\n  \/* ========================================================\n     SELECTION\n     ======================================================== *\/\n\n  function deselect(id) {\n\n    state.extras.selected =\n      state.extras.selected.filter(\n        function (selectedId) {\n          return selectedId !== id;\n        }\n      );\n  }\n\n\n  function select(id) {\n\n    if (!isSelected(id)) {\n      state.extras.selected.push(id);\n    }\n  }\n\n\n  function toggleAddon(addon) {\n\n    if (isSelected(addon.id)) {\n\n      deselect(addon.id);\n\n    } else {\n\n      \/*\n        FUNDA:\n        Zilver OR Goud.\n      *\/\n\n      if (addon.fundaUpgrade) {\n\n        deselect(\"funda-silver\");\n        deselect(\"funda-gold\");\n\n      }\n\n\n      \/*\n        PHOTO PRODUCT 11980:\n        \u20ac79 OR \u20ac149.\n      *\/\n\n      if (addon.photoOption) {\n\n        deselect(\"photo-editing\");\n        deselect(\"photo-makeover\");\n\n      }\n\n\n      \/*\n        MEASUREMENT:\n        \u20ac329 already contains floorplans.\n      *\/\n\n      if (addon.id === \"measurement\") {\n\n        deselect(\"floorplans\");\n\n      }\n\n\n      \/*\n        If the seller explicitly chooses only the\n        \u20ac99 floorplans, remove the larger bundle.\n      *\/\n\n      if (addon.id === \"floorplans\") {\n\n        deselect(\"measurement\");\n\n      }\n\n\n      select(addon.id);\n    }\n\n\n    cleanSelections();\n\n    render();\n  }\n\n\n  function cleanSelections() {\n\n    \/*\n      NEN2580 \/ floorplan safety.\n    *\/\n\n    if (\n      isSelected(\"measurement\") &&\n      isSelected(\"floorplans\")\n    ) {\n      deselect(\"floorplans\");\n    }\n\n\n    \/*\n      Funda Silver \/ Gold safety.\n    *\/\n\n    if (\n      isSelected(\"funda-silver\") &&\n      isSelected(\"funda-gold\")\n    ) {\n      deselect(\"funda-silver\");\n    }\n\n\n    \/*\n      Photo \u20ac79 \/ \u20ac149 safety.\n    *\/\n\n    if (\n      isSelected(\"photo-editing\") &&\n      isSelected(\"photo-makeover\")\n    ) {\n      deselect(\"photo-editing\");\n    }\n\n\n    const suitableIds =\n      getVisibleAddons()\n        .map(\n          function (addon) {\n            return addon.id;\n          }\n        );\n\n\n    state.extras.selected =\n      state.extras.selected.filter(\n        function (id) {\n          return suitableIds.includes(id);\n        }\n      );\n\n\n    \/*\n      Rich data for Section 12 and WooCommerce.\n    *\/\n\n    state.extras.items =\n      ADDONS\n        .filter(\n          function (addon) {\n            return isSelected(addon.id);\n          }\n        )\n        .map(\n          function (addon) {\n\n            return {\n              id: addon.id,\n              name: addon.name,\n              price: addon.price,\n              priceLabel: addon.priceLabel,\n\n              fromPrice:\n                !!addon.fromPrice,\n\n              wooProductId:\n                addon.wooProductId || null,\n\n              checkoutOption:\n                addon.checkoutOption || null,\n\n              requiresManualWooSelection:\n                !!addon.checkoutOption,\n\n              fundaUpgrade:\n                !!addon.fundaUpgrade,\n\n              photoOption:\n                !!addon.photoOption\n            };\n\n          }\n        );\n\n\n    state.extras.total =\n      state.extras.items\n        .reduce(\n          function (sum, item) {\n            return sum + Number(item.price || 0);\n          },\n          0\n        );\n\n\n    state.extras.hasFromPrice =\n      state.extras.items.some(\n        function (item) {\n          return item.fromPrice;\n        }\n      );\n\n\n    state.extras.hasManualWooSelection =\n      state.extras.items.some(\n        function (item) {\n          return item.requiresManualWooSelection;\n        }\n      );\n  }\n\n\n  \/* ========================================================\n     CARD\n     ======================================================== *\/\n\n  function createCard(addon, index) {\n\n    const card =\n      document.createElement(\"article\");\n\n\n    card.className =\n      \"fe-r11__card\";\n\n\n    if (index >= 4 && !expanded) {\n      card.classList.add(\n        \"is-hidden-extra\"\n      );\n    }\n\n\n    if (isSelected(addon.id)) {\n      card.classList.add(\n        \"is-selected\"\n      );\n    }\n\n\n    card.setAttribute(\n      \"role\",\n      \"button\"\n    );\n\n    card.setAttribute(\n      \"tabindex\",\n      \"0\"\n    );\n\n    card.setAttribute(\n      \"aria-pressed\",\n      isSelected(addon.id)\n        ? \"true\"\n        : \"false\"\n    );\n\n\n    const relevant =\n      isRelevant(addon);\n\n\n    const note =\n      addon.note\n        ? `\n          <div class=\"fe-r11__card-note\">\n            ${addon.note}\n          <\/div>\n        `\n        : \"\";\n\n\n    card.innerHTML = `\n      <div class=\"fe-r11__card-top\">\n\n        <span class=\"fe-r11__tag ${relevant ? \"is-relevant\" : \"\"}\">\n          ${\n            relevant\n              ? \"PAST BIJ JOUW KEUZES\"\n              : addon.category\n          }\n        <\/span>\n\n        <span class=\"fe-r11__check\">\n          \u2713\n        <\/span>\n\n      <\/div>\n\n      <h3>${addon.name}<\/h3>\n\n      <p>${addon.description}<\/p>\n\n      ${note}\n\n      <div class=\"fe-r11__card-foot\">\n\n        <div class=\"fe-r11__price\">\n          ${addon.priceLabel}\n          <small>excl. btw<\/small>\n        <\/div>\n\n        <span class=\"fe-r11__card-action\">\n          ${\n            isSelected(addon.id)\n              ? \"TOEGEVOEGD\"\n              : \"TOEVOEGEN\"\n          }\n        <\/span>\n\n      <\/div>\n    `;\n\n\n    card.addEventListener(\n      \"click\",\n      function () {\n        toggleAddon(addon);\n      }\n    );\n\n\n    card.addEventListener(\n      \"keydown\",\n      function (event) {\n\n        if (\n          event.key === \"Enter\" ||\n          event.key === \" \"\n        ) {\n\n          event.preventDefault();\n\n          toggleAddon(addon);\n\n        }\n\n      }\n    );\n\n\n    return card;\n  }\n\n\n  \/* ========================================================\n     SUMMARY\n     ======================================================== *\/\n\n  function renderSummary() {\n\n    const text =\n      section.querySelector(\n        \"#fe-r11-selection-text\"\n      );\n\n    const total =\n      section.querySelector(\n        \"#fe-r11-extra-total strong\"\n      );\n\n\n    const items =\n      state.extras.items || [];\n\n\n    if (!items.length) {\n\n      text.textContent =\n        \"Geen extra's geselecteerd\";\n\n      total.textContent =\n        \"\u20ac0\";\n\n      return;\n    }\n\n\n    if (items.length === 1) {\n\n      text.textContent =\n        items[0].name;\n\n    } else {\n\n      text.textContent =\n        items.length +\n        \" extra's geselecteerd\";\n\n    }\n\n\n    total.textContent =\n      (\n        state.extras.hasFromPrice\n          ? \"vanaf \"\n          : \"\"\n      ) +\n      formatMoney(\n        state.extras.total\n      );\n  }\n\n\n  \/* ========================================================\n     PACKAGE NOTICE\n     ======================================================== *\/\n\n  function renderPackageInfo() {\n\n    const rec =\n      recommendation();\n\n\n    const name =\n      section.querySelector(\n        \"#fe-r11-package-name\"\n      );\n\n\n    const notice =\n      section.querySelector(\n        \"#fe-r11-notice-text\"\n      );\n\n\n    name.textContent =\n      rec.name ||\n      \"Jouw verkooproute\";\n\n\n    if (rec.id === \"premium\") {\n\n      notice.textContent =\n        \"Je Premium-pakket bevat al meerdere onderdelen voor presentatie, Funda en verkoopondersteuning. Die bieden we hier niet nogmaals aan.\";\n\n      return;\n    }\n\n\n    if (\n      rec.id === \"funda-essential\" ||\n      rec.id === \"funda-extended\"\n    ) {\n\n      notice.textContent =\n        \"Je Funda-route is al meegenomen. Hieronder zie je alleen diensten en upgrades die nog aanvullend relevant kunnen zijn.\";\n\n      return;\n    }\n\n\n    if (rec.id === \"full-service\") {\n\n      notice.textContent =\n        \"Je Full Service-traject wordt persoonlijk samengesteld. Hieronder kun je aanvullende voorbereidings- en presentatiewensen aangeven.\";\n\n      return;\n    }\n\n\n    notice.textContent =\n      \"Diensten die al in jouw aanbevolen oplossing zitten, laten we hier niet opnieuw zien.\";\n  }\n\n\n  \/* ========================================================\n     SHOW MORE\n     ======================================================== *\/\n\n  let expanded = false;\n\n\n  const moreButton =\n    section.querySelector(\n      \"#fe-r11-more\"\n    );\n\n\n  moreButton.addEventListener(\n    \"click\",\n    function () {\n\n      expanded = !expanded;\n\n      render();\n\n    }\n  );\n\n\n  \/* ========================================================\n     RENDER\n     ======================================================== *\/\n\n  function render() {\n\n    cleanSelections();\n\n    renderPackageInfo();\n\n\n    const grid =\n      section.querySelector(\n        \"#fe-r11-grid\"\n      );\n\n\n    const moreWrap =\n      section.querySelector(\n        \"#fe-r11-more-wrap\"\n      );\n\n\n    const addons =\n      getVisibleAddons();\n\n\n    grid.innerHTML = \"\";\n\n\n    addons.forEach(\n      function (addon, index) {\n\n        grid.appendChild(\n          createCard(\n            addon,\n            index\n          )\n        );\n\n      }\n    );\n\n\n    if (addons.length <= 4) {\n\n      moreWrap.style.display =\n        \"none\";\n\n    } else {\n\n      moreWrap.style.display =\n        \"flex\";\n\n\n      moreButton.setAttribute(\n        \"aria-expanded\",\n        expanded\n          ? \"true\"\n          : \"false\"\n      );\n\n\n      moreButton.innerHTML =\n        expanded\n          ? \"<span>TOON MINDER<\/span><b>\u2191<\/b>\"\n          : \"<span>BEKIJK MEER<\/span><b>\u2193<\/b>\";\n\n    }\n\n\n    renderSummary();\n  }\n\n\n  \/* ========================================================\n     LIVE REFRESH\n     ======================================================== *\/\n\n  let lastRecommendationSignature =\n    \"\";\n\n\n  function getSignature() {\n\n    return JSON.stringify({\n      recommendation:\n        state.recommendation || null,\n\n      assets:\n        state.assets || {},\n\n      marketing:\n        state.marketing || {}\n    });\n  }\n\n\n  function refresh() {\n\n    const signature =\n      getSignature();\n\n\n    if (\n      signature !==\n      lastRecommendationSignature\n    ) {\n\n      lastRecommendationSignature =\n        signature;\n\n      expanded = false;\n\n    }\n\n\n    render();\n  }\n\n\n  refresh();\n\n\n  if (\n    \"IntersectionObserver\" in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              if (\n                entry.isIntersecting\n              ) {\n                refresh();\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold: .12\n        }\n      );\n\n\n    observer.observe(section);\n  }\n\n\n  document\n    .querySelectorAll(\n      'a[href=\"#fe-route-11\"]'\n    )\n    .forEach(\n      function (link) {\n\n        link.addEventListener(\n          \"click\",\n          function () {\n\n            window.setTimeout(\n              refresh,\n              30\n            );\n\n          }\n        );\n\n      }\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-134bd4d elementor-widget elementor-widget-html\" data-id=\"134bd4d\" 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<section id=\"fe-route-12\" class=\"fe-r12\">\n\n  <div class=\"fe-r12__ambient\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"fe-r12__inner\">\n\n    <!-- =====================================================\n         TOP\n         ===================================================== -->\n    <div class=\"fe-r12__top\">\n\n      <div class=\"fe-r12__meta\">\n        <span class=\"fe-r12__number\">12<\/span>\n        <span class=\"fe-r12__line\"><\/span>\n        <span>JOUW KEUZE<\/span>\n      <\/div>\n\n      <div class=\"fe-r12__status\">\n        <span><\/span>\n        JOUW VERKOOPROUTE STAAT KLAAR\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         INTRO\n         ===================================================== -->\n    <div class=\"fe-r12__intro\">\n\n      <div>\n        <div class=\"fe-r12__eyebrow\">\n          ALLES KOMT HIER SAMEN\n        <\/div>\n\n        <h2>\n          Klaar om jouw verkoop\n          <span>te starten?<\/span>\n        <\/h2>\n      <\/div>\n\n      <p>\n        Dit is de verkooproute op basis van jouw keuzes.\n        Controleer je pakket en eventuele extra's voordat je verdergaat.\n      <\/p>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         MAIN SUMMARY\n         ===================================================== -->\n    <div class=\"fe-r12__layout\">\n\n      <!-- LEFT \/ PACKAGE -->\n      <article class=\"fe-r12__package-card\">\n\n        <div\n          class=\"fe-r12__package-glow\"\n          aria-hidden=\"true\">\n        <\/div>\n\n\n        <div class=\"fe-r12__package-top\">\n\n          <div>\n            <span class=\"fe-r12__small-label\">\n              JOUW VERKOOPROUTE\n            <\/span>\n\n            <div\n              id=\"fe-r12-route\"\n              class=\"fe-r12__route\">\n              Zelf verkopen\n            <\/div>\n          <\/div>\n\n          <div class=\"fe-r12__match\">\n            JOUW MATCH\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"fe-r12__package-main\">\n\n          <div>\n            <span class=\"fe-r12__small-label\">\n              GEKOZEN OPLOSSING\n            <\/span>\n\n            <h3 id=\"fe-r12-package-name\">\n              Basis\n            <\/h3>\n          <\/div>\n\n          <div class=\"fe-r12__package-price\">\n\n            <strong id=\"fe-r12-package-price\">\n              \u20ac129\n            <\/strong>\n\n            <small id=\"fe-r12-package-note\">\n              excl. btw\n            <\/small>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"fe-r12__package-line\"><\/div>\n\n\n        <div class=\"fe-r12__included\">\n\n          <span>IN JOUW OPLOSSING<\/span>\n\n          <div\n            id=\"fe-r12-included\"\n            class=\"fe-r12__included-grid\">\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"fe-r12__package-footer\">\n\n          <span>\n            Toch iets aanpassen?\n          <\/span>\n\n          <a href=\"#fe-route-10\">\n            BEKIJK JOUW ADVIES \u2191\n          <\/a>\n\n        <\/div>\n\n      <\/article>\n\n\n      <!-- RIGHT \/ SUMMARY -->\n      <aside class=\"fe-r12__summary\">\n\n        <div class=\"fe-r12__summary-head\">\n\n          <div>\n            <span>OVERZICHT<\/span>\n            <h3>Jouw keuze<\/h3>\n          <\/div>\n\n          <a\n            href=\"#fe-route-11\"\n            class=\"fe-r12__edit\">\n            EXTRA'S WIJZIGEN\n          <\/a>\n\n        <\/div>\n\n\n        <!-- PACKAGE -->\n        <div\n          class=\"\n            fe-r12__summary-row\n            fe-r12__summary-row--package\n          \">\n\n          <div>\n            <span>PAKKET<\/span>\n\n            <strong id=\"fe-r12-summary-package\">\n              Basis\n            <\/strong>\n\n            <small\n              id=\"fe-r12-package-variation\"\n              class=\"fe-r12__variation-label\">\n            <\/small>\n          <\/div>\n\n          <b id=\"fe-r12-summary-package-price\">\n            \u20ac129\n          <\/b>\n\n        <\/div>\n\n\n        <!-- EXTRAS -->\n        <div\n          id=\"fe-r12-extras-wrap\"\n          class=\"fe-r12__extras\">\n\n          <div class=\"fe-r12__extras-title\">\n            <span>EXTRA'S<\/span>\n          <\/div>\n\n          <div id=\"fe-r12-extras\"><\/div>\n\n        <\/div>\n\n\n        <!-- NO EXTRAS -->\n        <div\n          id=\"fe-r12-no-extras\"\n          class=\"fe-r12__no-extras\">\n\n          <span class=\"fe-r12__no-extras-check\">\n            \u2713\n          <\/span>\n\n          <p>\n            Geen extra's toegevoegd. Je kunt direct verder\n            met de aanbevolen oplossing.\n          <\/p>\n\n        <\/div>\n\n\n        <!-- TOTAL -->\n        <div class=\"fe-r12__total\">\n\n          <div>\n            <span id=\"fe-r12-total-label\">\n              TOTAAL\n            <\/span>\n\n            <small id=\"fe-r12-total-sub\">\n              excl. btw\n            <\/small>\n          <\/div>\n\n          <strong id=\"fe-r12-total\">\n            \u20ac129\n          <\/strong>\n\n        <\/div>\n\n\n        <!-- VARIABLE PRICE NOTICE -->\n        <div\n          id=\"fe-r12-variable-note\"\n          class=\"fe-r12__variable-note\">\n\n          <span>i<\/span>\n\n          <p>\n            Je hebt \u00e9\u00e9n of meer diensten met een vanafprijs\n            geselecteerd. Het definitieve bedrag kan daardoor\n            afwijken.\n          <\/p>\n\n        <\/div>\n\n\n        <!-- CHECKOUT NOTICE -->\n        <div\n          id=\"fe-r12-checkout-note\"\n          class=\"fe-r12__checkout-note\">\n\n          <span>\u2713<\/span>\n\n          <p id=\"fe-r12-checkout-note-text\">\n            Je pakket en geselecteerde extra's worden meegenomen\n            naar de volgende stap.\n          <\/p>\n\n        <\/div>\n\n\n        <!-- CTA -->\n        <button\n          id=\"fe-r12-cta\"\n          class=\"fe-r12__cta\"\n          type=\"button\">\n\n          <span id=\"fe-r12-cta-text\">\n            START MIJN VERKOOP\n          <\/span>\n\n          <b>\u2192<\/b>\n\n        <\/button>\n\n\n        <p\n          id=\"fe-r12-cta-note\"\n          class=\"fe-r12__cta-note\">\n\n          Je controleert je bestelling nog voordat je betaalt.\n        <\/p>\n\n      <\/aside>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         TRUST\n         ===================================================== -->\n    <div class=\"fe-r12__trust\">\n\n      <div>\n        <span class=\"fe-r12__trust-icon\">\u2713<\/span>\n\n        <p>\n          <strong>Jij houdt de regie.<\/strong>\n          Je kiest alleen de ondersteuning die bij jouw verkoop past.\n        <\/p>\n      <\/div>\n\n\n      <div>\n        <span class=\"fe-r12__trust-icon\">\u2713<\/span>\n\n        <p>\n          <strong>Geen dubbele diensten.<\/strong>\n          Wat al in je pakket zit, wordt niet opnieuw berekend.\n        <\/p>\n      <\/div>\n\n\n      <div>\n        <span class=\"fe-r12__trust-icon\">\u2713<\/span>\n\n        <p>\n          <strong>Alles overzichtelijk.<\/strong>\n          Pakket, extra's en vervolgstap staan bij elkaar.\n        <\/p>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<style>\n\/* ==========================================================\n   FLEX ESTATE \u2014 SECTION 12\n   FINAL CHOICE + WOOCOMMERCE HANDOFF\n   ========================================================== *\/\n\n#fe-route-12,\n#fe-route-12 * {\n  box-sizing: border-box;\n}\n\n#fe-route-12 {\n  --navy: #001c51;\n  --navy2: #06275f;\n  --teal: #16bfbf;\n  --teal-dark: #0ba6a8;\n  --paper: #f6f8fb;\n  --white: #ffffff;\n  --ink: #071b3d;\n  --muted: #69778a;\n  --line: #dce4ec;\n\n  position: relative;\n\n  width: 100vw;\n  max-width: none;\n\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  overflow: hidden;\n\n  background: var(--paper);\n  color: var(--ink);\n\n  font-family: \"Poppins\", sans-serif;\n}\n\n\n\/* ==========================================================\n   BACKGROUND\n   ========================================================== *\/\n\n.fe-r12__ambient {\n  position: absolute;\n  inset: 0;\n\n  pointer-events: none;\n\n  background:\n    radial-gradient(\n      circle at 92% 8%,\n      rgba(22,191,191,.13),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 4% 92%,\n      rgba(0,28,81,.055),\n      transparent 25%\n    ),\n    linear-gradient(\n      rgba(0,28,81,.025) 1px,\n      transparent 1px\n    ),\n    linear-gradient(\n      90deg,\n      rgba(0,28,81,.025) 1px,\n      transparent 1px\n    );\n\n  background-size:\n    auto,\n    auto,\n    54px 54px,\n    54px 54px;\n}\n\n\n\/* ==========================================================\n   INNER\n   ========================================================== *\/\n\n.fe-r12__inner {\n  position: relative;\n  z-index: 2;\n\n  width: min(1460px, calc(100% - 88px));\n\n  min-height: 100svh;\n\n  margin: 0 auto;\n\n  padding:\n    clamp(28px, 3.4vh, 42px)\n    0\n    clamp(28px, 3.4vh, 40px);\n\n  display: flex;\n  flex-direction: column;\n}\n\n\n\/* ==========================================================\n   TOP\n   ========================================================== *\/\n\n.fe-r12__top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 30px;\n}\n\n.fe-r12__meta {\n  display: flex;\n  align-items: center;\n\n  gap: 12px;\n\n  color: var(--navy);\n\n  font-size: 13px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .13em;\n}\n\n.fe-r12__number {\n  color: var(--teal);\n  font-size: 14px;\n}\n\n.fe-r12__line {\n  width: 42px;\n  height: 1px;\n\n  background: rgba(0,28,81,.22);\n}\n\n.fe-r12__status {\n  display: flex;\n  align-items: center;\n\n  gap: 9px;\n\n  color: var(--muted);\n\n  font-size: 12px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .08em;\n}\n\n.fe-r12__status > span {\n  width: 8px;\n  height: 8px;\n\n  border-radius: 50%;\n\n  background: var(--teal);\n\n  box-shadow:\n    0 0 0 5px\n    rgba(22,191,191,.11);\n}\n\n\n\/* ==========================================================\n   INTRO\n   ========================================================== *\/\n\n.fe-r12__intro {\n  margin-top:\n    clamp(25px, 3.4vh, 40px);\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    minmax(330px, 530px);\n\n  align-items: end;\n\n  gap: 60px;\n}\n\n.fe-r12__eyebrow {\n  margin-bottom: 8px;\n\n  color: var(--teal);\n\n  font-size: 13px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .13em;\n}\n\n.fe-r12__intro h2 {\n  margin: 0;\n\n  color: var(--navy);\n\n  font-size:\n    clamp(42px, 4.2vw, 66px);\n\n  line-height: .98;\n\n  font-weight: 700;\n  letter-spacing: -.045em;\n}\n\n.fe-r12__intro h2 span {\n  color: var(--teal);\n}\n\n.fe-r12__intro > p {\n  margin: 0 0 4px;\n\n  color: var(--muted);\n\n  font-size: 16px;\n  line-height: 1.55;\n}\n\n\n\/* ==========================================================\n   LAYOUT\n   ========================================================== *\/\n\n.fe-r12__layout {\n  margin-top:\n    clamp(22px, 2.8vh, 31px);\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.15fr)\n    minmax(410px, .85fr);\n\n  gap: 14px;\n}\n\n\n\/* ==========================================================\n   PACKAGE CARD\n   ========================================================== *\/\n\n.fe-r12__package-card {\n  position: relative;\n\n  min-width: 0;\n\n  padding:\n    clamp(22px, 2.2vw, 30px);\n\n  overflow: hidden;\n\n  border-radius: 22px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #00143e 0%,\n      var(--navy) 58%,\n      #07316c 100%\n    );\n\n  color: #fff;\n\n  box-shadow:\n    0 24px 55px\n    rgba(0,28,81,.14);\n}\n\n.fe-r12__package-glow {\n  position: absolute;\n\n  width: 380px;\n  height: 380px;\n\n  top: -250px;\n  right: -100px;\n\n  border-radius: 50%;\n\n  background:\n    rgba(22,191,191,.18);\n\n  filter: blur(24px);\n\n  pointer-events: none;\n}\n\n.fe-r12__package-card >\n*:not(.fe-r12__package-glow) {\n  position: relative;\n  z-index: 2;\n}\n\n\n\/* PACKAGE TOP *\/\n\n.fe-r12__package-top {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n\n  gap: 25px;\n}\n\n.fe-r12__small-label {\n  display: block;\n\n  color: var(--teal);\n\n  font-size: 11px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .1em;\n}\n\n.fe-r12__route {\n  margin-top: 4px;\n\n  color:\n    rgba(255,255,255,.70);\n\n  font-size: 14px;\n  line-height: 1.35;\n\n  font-weight: 600;\n}\n\n.fe-r12__match {\n  padding: 7px 10px;\n\n  border:\n    1px solid\n    rgba(22,191,191,.35);\n\n  border-radius: 999px;\n\n  background:\n    rgba(22,191,191,.10);\n\n  color: var(--teal);\n\n  font-size: 10px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .08em;\n}\n\n\n\/* PACKAGE MAIN *\/\n\n.fe-r12__package-main {\n  margin-top: 24px;\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n\n  gap: 30px;\n}\n\n.fe-r12__package-main h3 {\n  margin: 5px 0 0;\n\n  color: #fff;\n\n  font-size:\n    clamp(35px, 3.1vw, 50px);\n\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: -.04em;\n}\n\n.fe-r12__package-price {\n  flex: 0 0 auto;\n\n  text-align: right;\n}\n\n.fe-r12__package-price strong {\n  display: block;\n\n  color: var(--teal);\n\n  font-size:\n    clamp(28px, 2.3vw, 37px);\n\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: -.035em;\n}\n\n.fe-r12__package-price small {\n  display: block;\n\n  margin-top: 4px;\n\n  color:\n    rgba(255,255,255,.48);\n\n  font-size: 11px;\n}\n\n\n\/* LINE *\/\n\n.fe-r12__package-line {\n  margin: 21px 0 17px;\n\n  height: 1px;\n\n  background:\n    rgba(255,255,255,.11);\n}\n\n\n\/* INCLUDED *\/\n\n.fe-r12__included > span {\n  display: block;\n\n  color:\n    rgba(255,255,255,.44);\n\n  font-size: 10px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .09em;\n}\n\n.fe-r12__included-grid {\n  margin-top: 11px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2, minmax(0, 1fr));\n\n  gap: 7px 18px;\n}\n\n.fe-r12__included-item {\n  position: relative;\n\n  padding-left: 17px;\n\n  color:\n    rgba(255,255,255,.75);\n\n  font-size: 13px;\n  line-height: 1.4;\n}\n\n.fe-r12__included-item::before {\n  content: \"\u2713\";\n\n  position: absolute;\n\n  left: 0;\n  top: 0;\n\n  color: var(--teal);\n\n  font-weight: 700;\n}\n\n\n\/* PACKAGE FOOTER *\/\n\n.fe-r12__package-footer {\n  margin-top: 19px;\n  padding-top: 15px;\n\n  border-top:\n    1px solid\n    rgba(255,255,255,.10);\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 20px;\n}\n\n.fe-r12__package-footer span {\n  color:\n    rgba(255,255,255,.43);\n\n  font-size: 12px;\n}\n\n.fe-r12__package-footer a {\n  color: var(--teal) !important;\n\n  text-decoration: none !important;\n\n  font-size: 10px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .07em;\n}\n\n\n\/* ==========================================================\n   SUMMARY\n   ========================================================== *\/\n\n.fe-r12__summary {\n  min-width: 0;\n\n  padding:\n    clamp(20px, 2vw, 27px);\n\n  border:\n    1px solid var(--line);\n\n  border-radius: 22px;\n\n  background:\n    rgba(255,255,255,.93);\n\n  box-shadow:\n    0 18px 45px\n    rgba(0,28,81,.055);\n}\n\n.fe-r12__summary-head {\n  display: flex;\n  align-items: flex-start;\n  justify-content: space-between;\n\n  gap: 20px;\n}\n\n.fe-r12__summary-head span {\n  display: block;\n\n  color: var(--teal);\n\n  font-size: 11px;\n  line-height: 1.2;\n\n  font-weight: 700;\n  letter-spacing: .1em;\n}\n\n.fe-r12__summary-head h3 {\n  margin: 4px 0 0;\n\n  color: var(--navy);\n\n  font-size: 23px;\n  line-height: 1.2;\n\n  font-weight: 700;\n}\n\n.fe-r12__edit {\n  margin-top: 5px;\n\n  color: var(--navy) !important;\n\n  text-decoration: none !important;\n\n  font-size: 9px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .07em;\n\n  border-bottom:\n    1px solid\n    rgba(0,28,81,.20);\n\n  padding-bottom: 3px;\n}\n\n\n\/* SUMMARY ROW *\/\n\n.fe-r12__summary-row {\n  margin-top: 18px;\n  padding: 14px 0;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  border-top:\n    1px solid var(--line);\n\n  border-bottom:\n    1px solid var(--line);\n}\n\n.fe-r12__summary-row span {\n  display: block;\n\n  color: #8a96a6;\n\n  font-size: 9px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .08em;\n}\n\n.fe-r12__summary-row strong {\n  display: block;\n\n  margin-top: 4px;\n\n  color: var(--navy);\n\n  font-size: 14px;\n  line-height: 1.3;\n\n  font-weight: 700;\n}\n\n.fe-r12__summary-row > b {\n  color: var(--navy);\n\n  font-size: 16px;\n  line-height: 1;\n\n  font-weight: 700;\n}\n\n.fe-r12__variation-label {\n  display: none;\n\n  margin-top: 4px;\n\n  color: var(--teal-dark);\n\n  font-size: 10px;\n  line-height: 1.3;\n\n  font-weight: 700;\n}\n\n.fe-r12__variation-label.is-visible {\n  display: block;\n}\n\n\n\/* ==========================================================\n   EXTRAS\n   ========================================================== *\/\n\n.fe-r12__extras {\n  margin-top: 14px;\n}\n\n.fe-r12__extras-title span {\n  color: #8a96a6;\n\n  font-size: 9px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .08em;\n}\n\n.fe-r12__extra {\n  padding: 9px 0;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1fr)\n    auto\n    25px;\n\n  align-items: center;\n\n  gap: 11px;\n\n  border-bottom:\n    1px solid #edf1f5;\n}\n\n.fe-r12__extra-name {\n  color: var(--navy);\n\n  font-size: 12px;\n  line-height: 1.35;\n\n  font-weight: 600;\n}\n\n.fe-r12__extra-price {\n  color: var(--navy);\n\n  font-size: 12px;\n  line-height: 1;\n\n  font-weight: 700;\n}\n\n.fe-r12__remove {\n  width: 25px;\n  height: 25px;\n\n  padding: 0;\n\n  display: grid;\n  place-items: center;\n\n  border: 0;\n  border-radius: 50%;\n\n  background: #eef2f6;\n\n  color: #8290a1;\n\n  font-family: inherit;\n\n  font-size: 13px;\n\n  cursor: pointer;\n\n  transition:\n    background .18s ease,\n    color .18s ease;\n}\n\n.fe-r12__remove:hover {\n  background:\n    rgba(22,191,191,.12);\n\n  color: var(--teal-dark);\n}\n\n\n\/* ==========================================================\n   NO EXTRAS\n   ========================================================== *\/\n\n.fe-r12__no-extras {\n  margin-top: 14px;\n\n  padding: 13px;\n\n  display: flex;\n  align-items: flex-start;\n\n  gap: 10px;\n\n  border-radius: 12px;\n\n  background: #f5f8fa;\n}\n\n.fe-r12__no-extras-check {\n  flex: 0 0 auto;\n\n  width: 23px;\n  height: 23px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 50%;\n\n  background:\n    rgba(22,191,191,.12);\n\n  color: var(--teal-dark);\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.fe-r12__no-extras p {\n  margin: 1px 0 0;\n\n  color: var(--muted);\n\n  font-size: 12px;\n  line-height: 1.45;\n}\n\n\n\/* ==========================================================\n   TOTAL\n   ========================================================== *\/\n\n.fe-r12__total {\n  margin-top: 15px;\n  padding-top: 15px;\n\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  border-top:\n    1px solid var(--line);\n}\n\n.fe-r12__total span,\n.fe-r12__total small {\n  display: block;\n}\n\n.fe-r12__total span {\n  color: var(--navy);\n\n  font-size: 11px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .08em;\n}\n\n.fe-r12__total small {\n  margin-top: 4px;\n\n  color: #8b97a7;\n\n  font-size: 10px;\n}\n\n.fe-r12__total > strong {\n  color: var(--teal-dark);\n\n  font-size: 28px;\n  line-height: 1;\n\n  font-weight: 700;\n\n  letter-spacing: -.035em;\n\n  text-align: right;\n}\n\n\n\/* ==========================================================\n   NOTICES\n   ========================================================== *\/\n\n.fe-r12__variable-note,\n.fe-r12__checkout-note {\n  display: none;\n\n  margin-top: 11px;\n\n  padding: 10px 11px;\n\n  align-items: flex-start;\n\n  gap: 9px;\n\n  border-radius: 10px;\n}\n\n.fe-r12__variable-note {\n  border:\n    1px solid\n    rgba(22,191,191,.18);\n\n  background:\n    rgba(22,191,191,.055);\n}\n\n.fe-r12__checkout-note {\n  border:\n    1px solid\n    rgba(0,28,81,.08);\n\n  background:\n    rgba(0,28,81,.035);\n}\n\n.fe-r12__variable-note.is-visible,\n.fe-r12__checkout-note.is-visible {\n  display: flex;\n}\n\n.fe-r12__variable-note > span,\n.fe-r12__checkout-note > span {\n  flex: 0 0 auto;\n\n  width: 20px;\n  height: 20px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 50%;\n\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.fe-r12__variable-note > span {\n  background:\n    rgba(22,191,191,.14);\n\n  color: var(--teal-dark);\n}\n\n.fe-r12__checkout-note > span {\n  background:\n    rgba(22,191,191,.12);\n\n  color: var(--teal-dark);\n}\n\n.fe-r12__variable-note p,\n.fe-r12__checkout-note p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 11px;\n  line-height: 1.45;\n}\n\n\n\/* ==========================================================\n   CTA\n   ========================================================== *\/\n\n.fe-r12__cta {\n  width: 100%;\n  min-height: 55px;\n\n  margin-top: 15px;\n  padding: 0 18px;\n\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  gap: 20px;\n\n  border: 0;\n  border-radius: 13px;\n\n  background: var(--navy);\n\n  color: #fff;\n\n  font-family: inherit;\n\n  font-size: 12px;\n  line-height: 1;\n\n  font-weight: 700;\n  letter-spacing: .04em;\n\n  cursor: pointer;\n\n  box-shadow:\n    0 13px 28px\n    rgba(0,28,81,.14);\n\n  transition:\n    transform .18s ease,\n    background .18s ease,\n    opacity .18s ease;\n}\n\n.fe-r12__cta:hover {\n  transform: translateY(-2px);\n\n  background: var(--navy2);\n}\n\n.fe-r12__cta b {\n  color: var(--teal);\n\n  font-size: 20px;\n  line-height: 1;\n}\n\n.fe-r12__cta.is-loading {\n  opacity: .72;\n  pointer-events: none;\n}\n\n.fe-r12__cta-note {\n  margin: 8px 0 0;\n\n  color: #8b97a7;\n\n  font-size: 10px;\n  line-height: 1.4;\n\n  text-align: center;\n}\n\n\n\/* ==========================================================\n   FULL SERVICE\n   ========================================================== *\/\n\n.fe-r12.is-full-service\n.fe-r12__package-price strong {\n  max-width: 260px;\n\n  font-size:\n    clamp(22px, 2vw, 29px);\n\n  line-height: 1.08;\n}\n\n.fe-r12.is-full-service\n.fe-r12__total > strong {\n  max-width: 260px;\n\n  font-size: 22px;\n  line-height: 1.1;\n}\n\n\n\/* ==========================================================\n   TRUST\n   ========================================================== *\/\n\n.fe-r12__trust {\n  margin-top: auto;\n  padding-top: 18px;\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3, minmax(0, 1fr));\n\n  gap: 10px;\n}\n\n.fe-r12__trust > div {\n  min-width: 0;\n\n  padding: 11px 13px;\n\n  display: flex;\n  align-items: flex-start;\n\n  gap: 9px;\n\n  border:\n    1px solid var(--line);\n\n  border-radius: 12px;\n\n  background:\n    rgba(255,255,255,.55);\n}\n\n.fe-r12__trust-icon {\n  flex: 0 0 auto;\n\n  width: 22px;\n  height: 22px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 50%;\n\n  background:\n    rgba(22,191,191,.11);\n\n  color: var(--teal-dark);\n\n  font-size: 10px;\n  font-weight: 700;\n}\n\n.fe-r12__trust p {\n  margin: 0;\n\n  color: var(--muted);\n\n  font-size: 11px;\n  line-height: 1.4;\n}\n\n.fe-r12__trust strong {\n  color: var(--navy);\n\n  font-weight: 700;\n}\n\n\n\/* ==========================================================\n   SHORT DESKTOP\n   ========================================================== *\/\n\n@media\n(min-width: 1001px)\nand (max-height: 850px) {\n\n  .fe-r12__inner {\n    padding-top: 22px;\n    padding-bottom: 22px;\n  }\n\n  .fe-r12__intro {\n    margin-top: 19px;\n  }\n\n  .fe-r12__intro h2 {\n    font-size:\n      clamp(39px, 3.7vw, 56px);\n  }\n\n  .fe-r12__layout {\n    margin-top: 18px;\n  }\n\n  .fe-r12__package-card,\n  .fe-r12__summary {\n    padding: 20px;\n  }\n\n  .fe-r12__package-main {\n    margin-top: 17px;\n  }\n\n  .fe-r12__package-main h3 {\n    font-size:\n      clamp(31px, 2.7vw, 42px);\n  }\n\n  .fe-r12__package-line {\n    margin: 16px 0 13px;\n  }\n\n  .fe-r12__trust {\n    padding-top: 12px;\n  }\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1100px) {\n\n  .fe-r12__inner {\n    width:\n      min(100% - 48px, 1000px);\n  }\n\n  .fe-r12__intro {\n    grid-template-columns: 1fr;\n    gap: 15px;\n  }\n\n  .fe-r12__layout {\n    grid-template-columns: 1fr;\n  }\n\n  .fe-r12__trust {\n    margin-top: 18px;\n  }\n}\n\n\n\/* ==========================================================\n   MOBILE\n   ========================================================== *\/\n\n@media (max-width: 700px) {\n\n  .fe-r12__inner {\n    width: 100%;\n    min-height: auto;\n\n    padding:\n      25px\n      24px\n      30px;\n  }\n\n  .fe-r12__status {\n    display: none;\n  }\n\n  .fe-r12__intro {\n    margin-top: 40px;\n  }\n\n  .fe-r12__intro h2 {\n    font-size:\n      clamp(39px, 11vw, 52px);\n  }\n\n  .fe-r12__intro > p {\n    font-size: 16px;\n  }\n\n  .fe-r12__layout {\n    margin-top: 25px;\n  }\n\n  .fe-r12__package-card,\n  .fe-r12__summary {\n    border-radius: 19px;\n  }\n\n  .fe-r12__package-card {\n    padding: 21px;\n  }\n\n  .fe-r12__package-main {\n    display: block;\n  }\n\n  .fe-r12__package-main h3 {\n    font-size: 38px;\n  }\n\n  .fe-r12__package-price {\n    margin-top: 16px;\n\n    text-align: left;\n  }\n\n  .fe-r12__package-price strong {\n    font-size: 31px;\n  }\n\n  .fe-r12__included-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .fe-r12__included-item {\n    font-size: 14px;\n  }\n\n  .fe-r12__package-footer {\n    align-items: flex-start;\n  }\n\n  .fe-r12__summary {\n    padding: 20px;\n  }\n\n  .fe-r12__summary-head h3 {\n    font-size: 22px;\n  }\n\n  .fe-r12__summary-row strong,\n  .fe-r12__summary-row > b {\n    font-size: 14px;\n  }\n\n  .fe-r12__extra-name,\n  .fe-r12__extra-price {\n    font-size: 13px;\n  }\n\n  .fe-r12__no-extras p {\n    font-size: 13px;\n  }\n\n  .fe-r12__total > strong {\n    font-size: 27px;\n  }\n\n  .fe-r12__variable-note p,\n  .fe-r12__checkout-note p {\n    font-size: 12px;\n  }\n\n  .fe-r12__cta {\n    min-height: 61px;\n\n    font-size: 13px;\n  }\n\n  .fe-r12__cta-note {\n    font-size: 11px;\n  }\n\n  .fe-r12__trust {\n    margin-top: 22px;\n\n    grid-template-columns: 1fr;\n  }\n\n  .fe-r12__trust p {\n    font-size: 13px;\n  }\n}\n<\/style>\n\n\n<script>\n(function () {\n  \"use strict\";\n\n  const section =\n    document.getElementById(\"fe-route-12\");\n\n  if (!section) return;\n\n\n  \/* ========================================================\n     SHARED STATE\n     ======================================================== *\/\n\n  window.FEVerkooproute =\n    window.FEVerkooproute || {};\n\n  const state =\n    window.FEVerkooproute;\n\n\n  state.extras =\n    state.extras || {\n      selected: [],\n      items: [],\n      total: 0,\n      hasFromPrice: false\n    };\n\n\n  \/* ========================================================\n     FLEX ESTATE URLS\n\n     Free + Full Service remain separate because they are\n     not WooCommerce products.\n\n     IMPORTANT:\n     We do NOT invent those two URLs.\n     Fill them when the exact live routes are confirmed.\n     ======================================================== *\/\n\n  const ROUTES = {\n\n  free: \"\",\n\n  fullService: \"https:\/\/flexestate.nl\/onze-verkoopaanpak\/\"\n\n};\n\n\n  \/* ========================================================\n     WOOCOMMERCE PACKAGE MAP\n\n     SIMPLE PRODUCTS:\n     Basis       7564\n     Comfort     7655\n\n     VARIABLE FUNDA PRODUCTS:\n     Funda Essential 11950\n     Extended Funda  11873\n     Premium          7658\n     ======================================================== *\/\n\n  const PACKAGE_MAP = {\n\n    basic: {\n      type: \"simple\",\n      productId: 7564\n    },\n\n    comfort: {\n      type: \"simple\",\n      productId: 7655\n    },\n\n    \"funda-essential\": {\n      type: \"funda-variable\",\n      productId: 11950,\n\n      variations: {\n        bronze: 16873,\n        silver: 16875,\n        gold: 16874\n      }\n    },\n\n    \"funda-extended\": {\n      type: \"funda-variable\",\n      productId: 11873,\n\n      variations: {\n        bronze: 16867,\n        silver: 16869,\n        gold: 16868\n      }\n    },\n\n    premium: {\n      type: \"funda-variable\",\n      productId: 7658,\n\n      variations: {\n        bronze: 16890,\n        silver: 16892,\n        gold: 16891\n      }\n    }\n\n  };\n\n\n  \/* ========================================================\n     VARIATION EXTRAS\n\n     Product 11980:\n     variation 12003 = Fotobewerking \u20ac79\n     variation 12004 = Foto make-over \u20ac149\n     ======================================================== *\/\n\n  const EXTRA_VARIATIONS = {\n\n    \"photo-editing\": {\n      parentProductId: 11980,\n      variationId: 12003\n    },\n\n    \"photo-makeover\": {\n      parentProductId: 11980,\n      variationId: 12004\n    }\n\n  };\n\n\n  \/* ========================================================\n     INCLUDED LABELS\n     ======================================================== *\/\n\n  const INCLUDED_LABELS = {\n\n    \"platform\":\n      \"Publicatie op ons platform\",\n\n    \"dashboard\":\n      \"Persoonlijk verkoopdashboard\",\n\n    \"5-photos\":\n      \"Tot 5 woningfoto's\",\n\n    \"social-promotion\":\n      \"Social media promotie\",\n\n    \"window-board\":\n      \"Te Koop-raambord\",\n\n    \"featured\":\n      \"Extra zichtbaarheid\",\n\n    \"funda-bronze\":\n      \"Funda Brons\",\n\n    \"funda-publication\":\n      \"Publicatie op Funda\",\n\n    \"professional-photography\":\n      \"Professionele woningfotografie\",\n\n    \"professional-copy\":\n      \"Professionele advertentietekst\",\n\n    \"measurement\":\n      \"NEN2580 woningmeting + plattegronden\",\n\n    \"floorplans\":\n      \"2D + 3D plattegronden\",\n\n    \"desktop-valuation\":\n      \"Desktop waardebepaling\",\n\n    \"negotiation-support\":\n      \"Ondersteuning bij onderhandeling\",\n\n    \"cadastral-data\":\n      \"Kadastrale informatie\",\n\n    \"funda-statistics\":\n      \"Funda statistieken\",\n\n    \"listing-changes\":\n      \"Wijzigingen aan de advertentie\",\n\n    \"purchase-agreement\":\n      \"Concept koopovereenkomst\",\n\n    \"full-service\":\n      \"Persoonlijk begeleid verkooptraject\"\n\n  };\n\n\n  \/* ========================================================\n     HELPERS\n     ======================================================== *\/\n\n  function recommendation() {\n\n    return state.recommendation || {\n      id: \"free\",\n      route: \"Zelf verkopen\",\n      name: \"Kosteloos\",\n      price: 0,\n      priceDisplay: \"\u20ac0\",\n      priceNote: \"excl. btw\",\n      included: []\n    };\n  }\n\n\n  function extras() {\n\n    return Array.isArray(state.extras.items)\n      ? state.extras.items\n      : [];\n  }\n\n\n  function selectedExtra(id) {\n\n    return extras().find(\n      function (item) {\n        return item.id === id;\n      }\n    ) || null;\n  }\n\n\n  function formatMoney(value) {\n\n    return \"\u20ac\" +\n      Number(value || 0)\n        .toLocaleString(\n          \"nl-NL\",\n          {\n            maximumFractionDigits: 0\n          }\n        );\n  }\n\n\n  function isFullService() {\n\n    return (\n      recommendation().id ===\n      \"full-service\"\n    );\n  }\n\n\n  function isFree() {\n\n    return (\n      recommendation().id ===\n      \"free\"\n    );\n  }\n\n\n  \/* ========================================================\n     FUNDA LEVEL\n\n     Default = Brons.\n     Zilver \/ Goud are selected in Section 11.\n     ======================================================== *\/\n\n  function getFundaLevel() {\n\n    if (\n      selectedExtra(\"funda-gold\")\n    ) {\n      return \"gold\";\n    }\n\n\n    if (\n      selectedExtra(\"funda-silver\")\n    ) {\n      return \"silver\";\n    }\n\n\n    return \"bronze\";\n  }\n\n\n  function getFundaLabel() {\n\n    const level =\n      getFundaLevel();\n\n\n    if (level === \"gold\") {\n      return \"Funda Goud\";\n    }\n\n\n    if (level === \"silver\") {\n      return \"Funda Zilver\";\n    }\n\n\n    return \"Funda Brons\";\n  }\n\n\n  \/* ========================================================\n     DISPLAY EXTRAS\n\n     Funda Silver\/Gold changes the package variation itself.\n     It therefore remains visible in the price summary,\n     but it must NOT be added as a second WooCommerce item.\n     ======================================================== *\/\n\n  function checkoutExtras() {\n\n    return extras().filter(\n      function (item) {\n\n        return (\n          item.id !== \"funda-silver\" &&\n          item.id !== \"funda-gold\"\n        );\n\n      }\n    );\n  }\n\n\n  \/* ========================================================\n     INCLUDED ITEMS\n     ======================================================== *\/\n\n  function renderIncluded() {\n\n    const container =\n      section.querySelector(\n        \"#fe-r12-included\"\n      );\n\n\n    container.innerHTML = \"\";\n\n\n    const rec =\n      recommendation();\n\n\n    let included =\n      Array.isArray(rec.included)\n        ? rec.included.slice()\n        : [];\n\n\n    included =\n      included.slice(0, 8);\n\n\n    if (!included.length) {\n\n      included = [\n        \"platform\",\n        \"dashboard\"\n      ];\n\n    }\n\n\n    included.forEach(\n      function (id) {\n\n        const item =\n          document.createElement(\"div\");\n\n\n        item.className =\n          \"fe-r12__included-item\";\n\n\n        \/*\n          If Funda Brons is part of the package but\n          the visitor upgraded it, display the actual\n          selected presentation level.\n        *\/\n\n        if (\n          id === \"funda-bronze\" &&\n          (\n            selectedExtra(\"funda-silver\") ||\n            selectedExtra(\"funda-gold\")\n          )\n        ) {\n\n          item.textContent =\n            getFundaLabel();\n\n        } else {\n\n          item.textContent =\n            INCLUDED_LABELS[id] || id;\n\n        }\n\n\n        container.appendChild(item);\n\n      }\n    );\n  }\n\n\n  \/* ========================================================\n     RECALCULATE EXTRAS\n     ======================================================== *\/\n\n  function recalculateExtras() {\n\n    state.extras.items =\n      extras();\n\n\n    state.extras.total =\n      state.extras.items.reduce(\n        function (sum, item) {\n\n          return (\n            sum +\n            Number(item.price || 0)\n          );\n\n        },\n        0\n      );\n\n\n    state.extras.hasFromPrice =\n      state.extras.items.some(\n        function (item) {\n          return !!item.fromPrice;\n        }\n      );\n  }\n\n\n  \/* ========================================================\n     REMOVE EXTRA\n     ======================================================== *\/\n\n  function removeExtra(id) {\n\n    state.extras.selected =\n      (\n        state.extras.selected || []\n      ).filter(\n        function (selectedId) {\n          return selectedId !== id;\n        }\n      );\n\n\n    state.extras.items =\n      extras().filter(\n        function (item) {\n          return item.id !== id;\n        }\n      );\n\n\n    recalculateExtras();\n\n    render();\n  }\n\n\n  \/* ========================================================\n     EXTRAS\n     ======================================================== *\/\n\n  function renderExtras() {\n\n    const container =\n      section.querySelector(\n        \"#fe-r12-extras\"\n      );\n\n\n    const wrap =\n      section.querySelector(\n        \"#fe-r12-extras-wrap\"\n      );\n\n\n    const empty =\n      section.querySelector(\n        \"#fe-r12-no-extras\"\n      );\n\n\n    const selectedExtras =\n      extras();\n\n\n    container.innerHTML = \"\";\n\n\n    if (!selectedExtras.length) {\n\n      wrap.style.display =\n        \"none\";\n\n      empty.style.display =\n        \"flex\";\n\n      return;\n    }\n\n\n    wrap.style.display =\n      \"\";\n\n    empty.style.display =\n      \"none\";\n\n\n    selectedExtras.forEach(\n      function (item) {\n\n        const row =\n          document.createElement(\"div\");\n\n\n        row.className =\n          \"fe-r12__extra\";\n\n\n        row.innerHTML = `\n          <span class=\"fe-r12__extra-name\">\n            ${item.name}\n          <\/span>\n\n          <strong class=\"fe-r12__extra-price\">\n            ${\n              item.priceLabel ||\n              formatMoney(item.price)\n            }\n          <\/strong>\n\n          <button\n            class=\"fe-r12__remove\"\n            type=\"button\"\n            aria-label=\"Verwijder ${item.name}\">\n            \u00d7\n          <\/button>\n        `;\n\n\n        row\n          .querySelector(\n            \".fe-r12__remove\"\n          )\n          .addEventListener(\n            \"click\",\n            function () {\n\n              removeExtra(item.id);\n\n            }\n          );\n\n\n        container.appendChild(row);\n\n      }\n    );\n  }\n\n\n  \/* ========================================================\n     TOTAL\n     ======================================================== *\/\n\n  function renderTotal() {\n\n    const rec =\n      recommendation();\n\n\n    const totalEl =\n      section.querySelector(\n        \"#fe-r12-total\"\n      );\n\n\n    const totalLabel =\n      section.querySelector(\n        \"#fe-r12-total-label\"\n      );\n\n\n    const totalSub =\n      section.querySelector(\n        \"#fe-r12-total-sub\"\n      );\n\n\n    const variableNote =\n      section.querySelector(\n        \"#fe-r12-variable-note\"\n      );\n\n\n    const extraTotal =\n      Number(\n        state.extras.total || 0\n      );\n\n\n    if (isFullService()) {\n\n      totalLabel.textContent =\n        \"FULL SERVICE\";\n\n\n      totalEl.textContent =\n        \"Persoonlijk voorstel\";\n\n\n      if (extraTotal > 0) {\n\n        totalSub.textContent =\n          (\n            state.extras.hasFromPrice\n              ? \"extra's vanaf \"\n              : \"extra's \"\n          ) +\n          formatMoney(extraTotal) +\n          \" excl. btw\";\n\n      } else {\n\n        totalSub.textContent =\n          \"afgestemd op jouw verkoop\";\n\n      }\n\n\n      variableNote.classList.toggle(\n        \"is-visible\",\n        !!state.extras.hasFromPrice\n      );\n\n\n      return;\n    }\n\n\n    const packagePrice =\n      Number(rec.price || 0);\n\n\n    const total =\n      packagePrice +\n      extraTotal;\n\n\n    totalLabel.textContent =\n      \"TOTAAL\";\n\n\n    totalEl.textContent =\n      (\n        state.extras.hasFromPrice\n          ? \"vanaf \"\n          : \"\"\n      ) +\n      formatMoney(total);\n\n\n    totalSub.textContent =\n      \"excl. btw\";\n\n\n    variableNote.classList.toggle(\n      \"is-visible\",\n      !!state.extras.hasFromPrice\n    );\n  }\n\n\n  \/* ========================================================\n     PACKAGE VARIATION DISPLAY\n     ======================================================== *\/\n\n  function renderVariationLabel() {\n\n    const label =\n      section.querySelector(\n        \"#fe-r12-package-variation\"\n      );\n\n\n    const map =\n      PACKAGE_MAP[\n        recommendation().id\n      ];\n\n\n    if (\n      !map ||\n      map.type !== \"funda-variable\"\n    ) {\n\n      label.textContent = \"\";\n\n      label.classList.remove(\n        \"is-visible\"\n      );\n\n      return;\n    }\n\n\n    label.textContent =\n      \"Inclusief \" +\n      getFundaLabel();\n\n\n    label.classList.add(\n      \"is-visible\"\n    );\n  }\n\n\n  \/* ========================================================\n     BUILD CHECKOUT ITEMS\n\n     WooCommerce checkout-link accepts product OR variation\n     IDs. We therefore send variation IDs directly where\n     an exact variation is known.\n     ======================================================== *\/\n\n  function buildCheckoutItems() {\n\n    const rec =\n      recommendation();\n\n\n    const packageConfig =\n      PACKAGE_MAP[rec.id];\n\n\n    const items = [];\n\n\n    \/*\n      PACKAGE\n    *\/\n\n    if (packageConfig) {\n\n      if (\n        packageConfig.type ===\n        \"simple\"\n      ) {\n\n        items.push({\n          id:\n            packageConfig.productId,\n\n          quantity: 1,\n\n          source: \"package\"\n        });\n\n      }\n\n\n      if (\n        packageConfig.type ===\n        \"funda-variable\"\n      ) {\n\n        const level =\n          getFundaLevel();\n\n\n        const variationId =\n          packageConfig\n            .variations[level];\n\n\n        if (variationId) {\n\n          items.push({\n            id: variationId,\n            quantity: 1,\n            source: \"package\",\n            parentProductId:\n              packageConfig.productId,\n            variation:\n              level\n          });\n\n        }\n\n      }\n\n    }\n\n\n    \/*\n      EXTRAS\n\n      Silver\/Gold are intentionally excluded because\n      they already determine the package variation.\n    *\/\n\n    checkoutExtras().forEach(\n      function (item) {\n\n        \/*\n          Known variable extra:\n          photo product 11980.\n        *\/\n\n        if (\n          EXTRA_VARIATIONS[item.id]\n        ) {\n\n          const variation =\n            EXTRA_VARIATIONS[item.id];\n\n\n          items.push({\n            id:\n              variation.variationId,\n\n            quantity: 1,\n\n            source: \"extra\",\n\n            parentProductId:\n              variation.parentProductId,\n\n            extraId:\n              item.id\n          });\n\n\n          return;\n        }\n\n\n        \/*\n          Normal WooCommerce product.\n        *\/\n\n        if (item.wooProductId) {\n\n          items.push({\n            id:\n              Number(\n                item.wooProductId\n              ),\n\n            quantity: 1,\n\n            source: \"extra\",\n\n            extraId:\n              item.id\n          });\n\n        }\n\n      }\n    );\n\n\n    return items;\n  }\n\n\n  \/* ========================================================\n     CHECKOUT URL\n\n     WooCommerce native sharable checkout URL:\n\n     \/checkout-link\/?products=ID:QTY,ID:QTY\n\n     Variation IDs can be used as the ID.\n     ======================================================== *\/\n\n  function buildCheckoutURL() {\n\n    const items =\n      buildCheckoutItems();\n\n\n    if (!items.length) {\n      return \"\";\n    }\n\n\n    const productString =\n      items\n        .map(\n          function (item) {\n\n            return (\n              item.id +\n              \":\" +\n              item.quantity\n            );\n\n          }\n        )\n        .join(\",\");\n\n\n    const base =\n      window.location.origin +\n      \"\/checkout-link\/\";\n\n\n    return (\n      base +\n      \"?products=\" +\n      encodeURIComponent(\n        productString\n      )\n    );\n  }\n\n\n  \/* ========================================================\n     FINAL CHOICE\n     ======================================================== *\/\n\n  function saveFinalChoice() {\n\n    state.finalChoice = {\n\n      recommendation:\n        state.recommendation || null,\n\n      fundaLevel:\n        getFundaLevel(),\n\n      extras:\n        state.extras || null,\n\n      checkoutItems:\n        buildCheckoutItems(),\n\n      checkoutURL:\n        buildCheckoutURL(),\n\n      createdAt:\n        new Date().toISOString()\n\n    };\n\n\n    window.dispatchEvent(\n      new CustomEvent(\n        \"FEVerkooprouteComplete\",\n        {\n          detail:\n            state.finalChoice\n        }\n      )\n    );\n  }\n\n\n  \/* ========================================================\n     CHECKOUT NOTICE\n     ======================================================== *\/\n\n  function renderCheckoutNotice() {\n\n    const wrap =\n      section.querySelector(\n        \"#fe-r12-checkout-note\"\n      );\n\n\n    const text =\n      section.querySelector(\n        \"#fe-r12-checkout-note-text\"\n      );\n\n\n    if (\n      isFree() ||\n      isFullService()\n    ) {\n\n      wrap.classList.remove(\n        \"is-visible\"\n      );\n\n      return;\n    }\n\n\n    const itemCount =\n      buildCheckoutItems().length;\n\n\n    if (itemCount <= 1) {\n\n      text.textContent =\n        \"Je gekozen pakket wordt meegenomen naar de bestelstap.\";\n\n    } else {\n\n      text.textContent =\n        \"Je pakket en \" +\n        (itemCount - 1) +\n        (\n          itemCount - 1 === 1\n            ? \" geselecteerde extra worden\"\n            : \" geselecteerde extra's worden\"\n        ) +\n        \" meegenomen naar de bestelstap.\";\n\n    }\n\n\n    wrap.classList.add(\n      \"is-visible\"\n    );\n  }\n\n\n  \/* ========================================================\n     CTA\n     ======================================================== *\/\n\n  function renderCTA() {\n\n    const rec =\n      recommendation();\n\n\n    const button =\n      section.querySelector(\n        \"#fe-r12-cta\"\n      );\n\n\n    const text =\n      section.querySelector(\n        \"#fe-r12-cta-text\"\n      );\n\n\n    const note =\n      section.querySelector(\n        \"#fe-r12-cta-note\"\n      );\n\n\n    button.classList.remove(\n      \"is-loading\"\n    );\n\n\n    \/*\n      FULL SERVICE\n    *\/\n\n    if (isFullService()) {\n\n      text.textContent =\n        \"BESPREEK MIJN VERKOOP\";\n\n\n      note.textContent =\n        \"We stemmen het Full Service-traject persoonlijk af op jouw woning en jouw wensen.\";\n\n\n      button.onclick =\n        function () {\n\n          saveFinalChoice();\n\n\n          if (ROUTES.fullService) {\n\n            window.location.href =\n              ROUTES.fullService;\n\n            return;\n          }\n\n\n          \/*\n            Exact Full Service URL has not yet\n            been supplied. Do not invent it.\n          *\/\n\n          window.dispatchEvent(\n            new CustomEvent(\n              \"FEFullServiceRequested\",\n              {\n                detail:\n                  state.finalChoice\n              }\n            )\n          );\n\n        };\n\n\n      return;\n    }\n\n\n    \/*\n      FREE\n    *\/\n\n    if (isFree()) {\n\n      text.textContent =\n        \"START GRATIS\";\n\n\n      note.textContent =\n        \"Je start met de kosteloze verkooproute en kunt later altijd uitbreiden.\";\n\n\n      button.onclick =\n        function () {\n\n          saveFinalChoice();\n\n\n          if (ROUTES.free) {\n\n            window.location.href =\n              ROUTES.free;\n\n            return;\n          }\n\n\n          \/*\n            Exact free activation URL has not yet\n            been supplied. Do not invent it.\n          *\/\n\n          window.dispatchEvent(\n            new CustomEvent(\n              \"FEFreeRouteRequested\",\n              {\n                detail:\n                  state.finalChoice\n              }\n            )\n          );\n\n        };\n\n\n      return;\n    }\n\n\n    \/*\n      PAID CHECKOUT\n    *\/\n\n    text.textContent =\n      \"NAAR BESTELLEN\";\n\n\n    note.textContent =\n      \"Je controleert je bestelling nog voordat je betaalt.\";\n\n\n    button.onclick =\n      function () {\n\n        const checkoutURL =\n          buildCheckoutURL();\n\n\n        if (!checkoutURL) {\n          return;\n        }\n\n\n        button.classList.add(\n          \"is-loading\"\n        );\n\n\n        text.textContent =\n          \"BESTELLING LADEN...\";\n\n\n        saveFinalChoice();\n\n\n        window.location.href =\n          checkoutURL;\n\n      };\n  }\n\n\n  \/* ========================================================\n     PACKAGE\n     ======================================================== *\/\n\n  function renderPackage() {\n\n    const rec =\n      recommendation();\n\n\n    section\n      .querySelector(\n        \"#fe-r12-route\"\n      )\n      .textContent =\n        rec.route ||\n        \"Jouw verkooproute\";\n\n\n    section\n      .querySelector(\n        \"#fe-r12-package-name\"\n      )\n      .textContent =\n        rec.name ||\n        \"Jouw pakket\";\n\n\n    section\n      .querySelector(\n        \"#fe-r12-package-price\"\n      )\n      .textContent =\n        rec.priceDisplay ||\n        formatMoney(rec.price);\n\n\n    section\n      .querySelector(\n        \"#fe-r12-package-note\"\n      )\n      .textContent =\n        rec.priceNote ||\n        \"excl. btw\";\n\n\n    section\n      .querySelector(\n        \"#fe-r12-summary-package\"\n      )\n      .textContent =\n        rec.name ||\n        \"Jouw pakket\";\n\n\n    section\n      .querySelector(\n        \"#fe-r12-summary-package-price\"\n      )\n      .textContent =\n        rec.priceDisplay ||\n        formatMoney(rec.price);\n\n\n    section.classList.toggle(\n      \"is-full-service\",\n      isFullService()\n    );\n\n\n    renderVariationLabel();\n\n    renderIncluded();\n  }\n\n\n  \/* ========================================================\n     RENDER\n     ======================================================== *\/\n\n  function render() {\n\n    recalculateExtras();\n\n    renderPackage();\n\n    renderExtras();\n\n    renderTotal();\n\n    renderCheckoutNotice();\n\n    renderCTA();\n  }\n\n\n  \/* ========================================================\n     LIVE REFRESH\n     ======================================================== *\/\n\n  let lastSignature = \"\";\n\n\n  function getSignature() {\n\n    return JSON.stringify({\n\n      recommendation:\n        state.recommendation || null,\n\n      extras:\n        state.extras || null\n\n    });\n  }\n\n\n  function refresh() {\n\n    const signature =\n      getSignature();\n\n\n    if (\n      signature ===\n      lastSignature\n    ) {\n      return;\n    }\n\n\n    lastSignature =\n      signature;\n\n\n    render();\n  }\n\n\n  \/*\n    INITIAL\n  *\/\n\n  render();\n\n\n  \/*\n    REFRESH WHEN ENTERING SECTION 12\n  *\/\n\n  if (\n    \"IntersectionObserver\" in window\n  ) {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries) {\n\n          entries.forEach(\n            function (entry) {\n\n              if (\n                entry.isIntersecting\n              ) {\n\n                refresh();\n\n              }\n\n            }\n          );\n\n        },\n        {\n          threshold: .12\n        }\n      );\n\n\n    observer.observe(section);\n  }\n\n\n  \/*\n    REFRESH AFTER SECTION 11 CTA\n  *\/\n\n  document\n    .querySelectorAll(\n      'a[href=\"#fe-route-12\"]'\n    )\n    .forEach(\n      function (link) {\n\n        link.addEventListener(\n          \"click\",\n          function () {\n\n            window.setTimeout(\n              refresh,\n              30\n            );\n\n          }\n        );\n\n      }\n    );\n\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>JOUW VERKOOPROUTE 01 \/ START ZELF VERKOPEN ONDERSTEUNING FULL SERVICE Hoe wil jij verkopen? Niet iedere verkoper heeft hetzelfde nodig. Ontdek welke verkooproute past bij wat jij zelf wilt doen, waar je hulp bij wilt en hoeveel je uit handen wilt geven. JOUW KEUZE \u00e9\u00e9n verkooproutedie bij jou past 01 Zelf verkopen Jij houdt de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-147064","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.5 - aioseo.com -->\n\t<meta name=\"description\" content=\"JOUW VERKOOPROUTE 01 \/ START ZELF VERKOPEN ONDERSTEUNING FULL SERVICE Hoe wil jij verkopen? Niet iedere verkoper heeft hetzelfde nodig. Ontdek welke verkooproute past bij wat jij zelf wilt doen, waar je hulp bij wilt en hoeveel je uit handen wilt geven. JOUW KEUZE \u00e9\u00e9n verkooproutedie bij jou past 01 Zelf verkopen Jij houdt de | Flex Estate is the transparent real estate platform where owners manage listings, viewings, offers, and negotiations with structured tools and clear pricing.\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"google-site-verification\" content=\"CumjIagfYfr3zFWdz938PntgYZ_pIyfiaHk5S1xTQ28\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.5\" \/>\n\t\t<meta property=\"og:locale\" content=\"nl_NL\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Flex Estate | Own Your Deal\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Jouw verkooproute | Flex Estate - Own Your Deal\" \/>\n\t\t<meta property=\"og:description\" content=\"JOUW VERKOOPROUTE 01 \/ START ZELF VERKOPEN ONDERSTEUNING FULL SERVICE Hoe wil jij verkopen? Niet iedere verkoper heeft hetzelfde nodig. Ontdek welke verkooproute past bij wat jij zelf wilt doen, waar je hulp bij wilt en hoeveel je uit handen wilt geven. JOUW KEUZE \u00e9\u00e9n verkooproutedie bij jou past 01 Zelf verkopen Jij houdt de | Flex Estate is the transparent real estate platform where owners manage listings, viewings, offers, and negotiations with structured tools and clear pricing.\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/flexestate.nl\/wp-content\/uploads\/2025\/11\/Flex-Estate-1170-x-850-px-e1764862817268.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/flexestate.nl\/wp-content\/uploads\/2025\/11\/Flex-Estate-1170-x-850-px-e1764862817268.png\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2026-10-17T11:58:24+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-10-17T17:09:41+00:00\" \/>\n\t\t<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/share\/1Bz3UBdWSg\/?mibextid=wwXIfr\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Jouw verkooproute | Flex Estate - Own Your Deal\" \/>\n\t\t<meta name=\"twitter:description\" content=\"JOUW VERKOOPROUTE 01 \/ START ZELF VERKOPEN ONDERSTEUNING FULL SERVICE Hoe wil jij verkopen? Niet iedere verkoper heeft hetzelfde nodig. Ontdek welke verkooproute past bij wat jij zelf wilt doen, waar je hulp bij wilt en hoeveel je uit handen wilt geven. JOUW KEUZE \u00e9\u00e9n verkooproutedie bij jou past 01 Zelf verkopen Jij houdt de | Flex Estate is the transparent real estate platform where owners manage listings, viewings, offers, and negotiations with structured tools and clear pricing.\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/flexestate.nl\/wp-content\/uploads\/2025\/11\/Flex-Estate-1170-x-850-px-e1764862817268.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/jouw-verkooproute\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/jouw-verkooproute\\\/#listItem\",\"name\":\"Jouw verkooproute\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/jouw-verkooproute\\\/#listItem\",\"position\":2,\"name\":\"Jouw verkooproute\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/#organization\",\"name\":\"Flex Estate\",\"description\":\"A transparent real estate platform where owners can list, manage, and market their property with structured tools, clear pricing, and flexible support.\",\"url\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/\",\"email\":\"info@flexestate.nl\",\"telephone\":\"+31853332978\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":1,\"maxValue\":10},\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/flexestate.nl\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/Last-logo-Flex-Estate-dark-BG500-x-500-px-e1762980971882.png\",\"@id\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/jouw-verkooproute\\\/#organizationLogo\",\"width\":429,\"height\":218,\"caption\":\"Logo Flex Estate Dark Background\"},\"image\":{\"@id\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/jouw-verkooproute\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/share\\\/1Bz3UBdWSg\\\/?mibextid=wwXIfr\",\"https:\\\/\\\/www.instagram.com\\\/flex_estate_nl?igsh=MWt1eTF6Z2RmaXQwdw&utm_source=qr\",\"https:\\\/\\\/www.tiktok.com\\\/@flex.estate?_r=1&_t=ZG-94UcRjD078b\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/flex-estate-76b56a356?utm_source=share&utm_campaign=share_via&utm_content=profile&ut-m_medium=ios_app\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/jouw-verkooproute\\\/#webpage\",\"url\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/jouw-verkooproute\\\/\",\"name\":\"Jouw verkooproute | Flex Estate - Own Your Deal\",\"description\":\"JOUW VERKOOPROUTE 01 \\\/ START ZELF VERKOPEN ONDERSTEUNING FULL SERVICE Hoe wil jij verkopen? Niet iedere verkoper heeft hetzelfde nodig. Ontdek welke verkooproute past bij wat jij zelf wilt doen, waar je hulp bij wilt en hoeveel je uit handen wilt geven. JOUW KEUZE \\u00e9\\u00e9n verkooproutedie bij jou past 01 Zelf verkopen Jij houdt de | Flex Estate is the transparent real estate platform where owners manage listings, viewings, offers, and negotiations with structured tools and clear pricing.\",\"inLanguage\":\"nl-NL\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/jouw-verkooproute\\\/#breadcrumblist\"},\"datePublished\":\"2026-10-17T13:58:24+02:00\",\"dateModified\":\"2026-10-17T19:09:41+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/#website\",\"url\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/\",\"name\":\"Flex Estate\",\"alternateName\":\"FlexEstate.nl\",\"description\":\"Jouw vastgoedplatform voor kopen, verkopen, huren en verhuren\",\"inLanguage\":\"nl-NL\",\"publisher\":{\"@id\":\"https:\\\/\\\/flexestate.nl\\\/nl\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Jouw verkooproute | Flex Estate - Own Your Deal","description":"JOUW VERKOOPROUTE 01 \/ START ZELF VERKOPEN ONDERSTEUNING FULL SERVICE Hoe wil jij verkopen? Niet iedere verkoper heeft hetzelfde nodig. Ontdek welke verkooproute past bij wat jij zelf wilt doen, waar je hulp bij wilt en hoeveel je uit handen wilt geven. JOUW KEUZE \u00e9\u00e9n verkooproutedie bij jou past 01 Zelf verkopen Jij houdt de | Flex Estate is the transparent real estate platform where owners manage listings, viewings, offers, and negotiations with structured tools and clear pricing.","canonical_url":"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"google-site-verification":"CumjIagfYfr3zFWdz938PntgYZ_pIyfiaHk5S1xTQ28","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/flexestate.nl\/nl\/#listItem","position":1,"name":"Home","item":"https:\/\/flexestate.nl\/nl\/","nextItem":{"@type":"ListItem","@id":"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/#listItem","name":"Jouw verkooproute"}},{"@type":"ListItem","@id":"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/#listItem","position":2,"name":"Jouw verkooproute","previousItem":{"@type":"ListItem","@id":"https:\/\/flexestate.nl\/nl\/#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/flexestate.nl\/nl\/#organization","name":"Flex Estate","description":"A transparent real estate platform where owners can list, manage, and market their property with structured tools, clear pricing, and flexible support.","url":"https:\/\/flexestate.nl\/nl\/","email":"info@flexestate.nl","telephone":"+31853332978","numberOfEmployees":{"@type":"QuantitativeValue","minValue":1,"maxValue":10},"logo":{"@type":"ImageObject","url":"https:\/\/flexestate.nl\/wp-content\/uploads\/2025\/06\/Last-logo-Flex-Estate-dark-BG500-x-500-px-e1762980971882.png","@id":"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/#organizationLogo","width":429,"height":218,"caption":"Logo Flex Estate Dark Background"},"image":{"@id":"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/share\/1Bz3UBdWSg\/?mibextid=wwXIfr","https:\/\/www.instagram.com\/flex_estate_nl?igsh=MWt1eTF6Z2RmaXQwdw&utm_source=qr","https:\/\/www.tiktok.com\/@flex.estate?_r=1&_t=ZG-94UcRjD078b","https:\/\/www.linkedin.com\/in\/flex-estate-76b56a356?utm_source=share&utm_campaign=share_via&utm_content=profile&ut-m_medium=ios_app"]},{"@type":"WebPage","@id":"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/#webpage","url":"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/","name":"Jouw verkooproute | Flex Estate - Own Your Deal","description":"JOUW VERKOOPROUTE 01 \/ START ZELF VERKOPEN ONDERSTEUNING FULL SERVICE Hoe wil jij verkopen? Niet iedere verkoper heeft hetzelfde nodig. Ontdek welke verkooproute past bij wat jij zelf wilt doen, waar je hulp bij wilt en hoeveel je uit handen wilt geven. JOUW KEUZE \u00e9\u00e9n verkooproutedie bij jou past 01 Zelf verkopen Jij houdt de | Flex Estate is the transparent real estate platform where owners manage listings, viewings, offers, and negotiations with structured tools and clear pricing.","inLanguage":"nl-NL","isPartOf":{"@id":"https:\/\/flexestate.nl\/nl\/#website"},"breadcrumb":{"@id":"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/#breadcrumblist"},"datePublished":"2026-10-17T13:58:24+02:00","dateModified":"2026-10-17T19:09:41+02:00"},{"@type":"WebSite","@id":"https:\/\/flexestate.nl\/nl\/#website","url":"https:\/\/flexestate.nl\/nl\/","name":"Flex Estate","alternateName":"FlexEstate.nl","description":"Jouw vastgoedplatform voor kopen, verkopen, huren en verhuren","inLanguage":"nl-NL","publisher":{"@id":"https:\/\/flexestate.nl\/nl\/#organization"}}]},"og:locale":"nl_NL","og:site_name":"Flex Estate | Own Your Deal","og:type":"article","og:title":"Jouw verkooproute | Flex Estate - Own Your Deal","og:description":"JOUW VERKOOPROUTE 01 \/ START ZELF VERKOPEN ONDERSTEUNING FULL SERVICE Hoe wil jij verkopen? Niet iedere verkoper heeft hetzelfde nodig. Ontdek welke verkooproute past bij wat jij zelf wilt doen, waar je hulp bij wilt en hoeveel je uit handen wilt geven. JOUW KEUZE \u00e9\u00e9n verkooproutedie bij jou past 01 Zelf verkopen Jij houdt de | Flex Estate is the transparent real estate platform where owners manage listings, viewings, offers, and negotiations with structured tools and clear pricing.","og:url":"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/","og:image":"https:\/\/flexestate.nl\/wp-content\/uploads\/2025\/11\/Flex-Estate-1170-x-850-px-e1764862817268.png","og:image:secure_url":"https:\/\/flexestate.nl\/wp-content\/uploads\/2025\/11\/Flex-Estate-1170-x-850-px-e1764862817268.png","article:published_time":"2026-10-17T11:58:24+00:00","article:modified_time":"2026-10-17T17:09:41+00:00","article:publisher":"https:\/\/www.facebook.com\/share\/1Bz3UBdWSg\/?mibextid=wwXIfr","twitter:card":"summary_large_image","twitter:title":"Jouw verkooproute | Flex Estate - Own Your Deal","twitter:description":"JOUW VERKOOPROUTE 01 \/ START ZELF VERKOPEN ONDERSTEUNING FULL SERVICE Hoe wil jij verkopen? Niet iedere verkoper heeft hetzelfde nodig. Ontdek welke verkooproute past bij wat jij zelf wilt doen, waar je hulp bij wilt en hoeveel je uit handen wilt geven. JOUW KEUZE \u00e9\u00e9n verkooproutedie bij jou past 01 Zelf verkopen Jij houdt de | Flex Estate is the transparent real estate platform where owners manage listings, viewings, offers, and negotiations with structured tools and clear pricing.","twitter:image":"https:\/\/flexestate.nl\/wp-content\/uploads\/2025\/11\/Flex-Estate-1170-x-850-px-e1764862817268.png"},"aioseo_meta_data":{"post_id":"147064","title":null,"description":null,"keywords":null,"keyphrases":{"focus":[],"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2026-10-17 13:49:48","updated":"2026-10-20 16:09:52","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/flexestate.nl\/nl\/\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tJouw verkooproute\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/flexestate.nl\/nl\/"},{"label":"Jouw verkooproute","link":"https:\/\/flexestate.nl\/nl\/jouw-verkooproute\/"}],"_links":{"self":[{"href":"https:\/\/flexestate.nl\/nl\/wp-json\/wp\/v2\/pages\/147064","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flexestate.nl\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/flexestate.nl\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/flexestate.nl\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flexestate.nl\/nl\/wp-json\/wp\/v2\/comments?post=147064"}],"version-history":[{"count":24,"href":"https:\/\/flexestate.nl\/nl\/wp-json\/wp\/v2\/pages\/147064\/revisions"}],"predecessor-version":[{"id":147103,"href":"https:\/\/flexestate.nl\/nl\/wp-json\/wp\/v2\/pages\/147064\/revisions\/147103"}],"wp:attachment":[{"href":"https:\/\/flexestate.nl\/nl\/wp-json\/wp\/v2\/media?parent=147064"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}