Behandelingen met vergoeding Nieuw

<!-- Behandelingen met vergoeding · NedDev · eigen werk. -->
<div class="jouw-container">
<div class="xbv">
  <div class="xbv__inner">
    <div class="xbv__intro">
      <span class="xbv__eyebrow">Fysio Kralingen · Rotterdam</span>
      <h2 class="xbv__h">Behandelingen en tarieven 2026</h2>
      <p class="xbv__lead">Wat het kost en wat uw zorgverzekeraar meestal vergoedt. Twijfelt u? Wij checken uw polis bij de intake.</p>
      <ul class="xbv__legend">
        <li><span class="xbv__tag xbv__tag--ja">Aanvullend</span>vergoed uit aanvullende verzekering</li>
        <li><span class="xbv__tag xbv__tag--basis">Basis</span>ook uit basisverzekering, onder voorwaarden</li>
        <li><span class="xbv__tag xbv__tag--nee">Zelf</span>meestal niet vergoed</li>
      </ul>
    </div>
    <div class="xbv__list">
      <details class="xbv__item" open><summary><span class="xbv__name">Intake en onderzoek</span><span class="xbv__dur">45 min</span><span class="xbv__prijs">€ 58</span><span class="xbv__tag xbv__tag--ja">Aanvullend</span></summary>
        <div class="xbv__body">Eerste afspraak zonder verwijzing. We brengen uw klacht in kaart, testen kracht en beweging en maken samen een behandelplan. Neem uw zorgpas en eventuele verwijsbrief mee.</div></details>
      <details class="xbv__item"><summary><span class="xbv__name">Fysiotherapie, zitting</span><span class="xbv__dur">30 min</span><span class="xbv__prijs">€ 42</span><span class="xbv__tag xbv__tag--basis">Basis</span></summary>
        <div class="xbv__body">Reguliere behandeling. Bij een chronische aandoening op de lijst van het Zorginstituut vergoedt de basisverzekering vanaf de 21e behandeling. Daarvoor geldt uw aanvullende verzekering of eigen betaling.</div></details>
      <details class="xbv__item"><summary><span class="xbv__name">Manuele therapie</span><span class="xbv__dur">30 min</span><span class="xbv__prijs">€ 55</span><span class="xbv__tag xbv__tag--ja">Aanvullend</span></summary>
        <div class="xbv__body">Gerichte mobilisatie van wervelkolom en gewrichten, door een geregistreerd manueel therapeut. Meestal vergoed binnen het aantal fysiobehandelingen van uw aanvullende polis.</div></details>
      <details class="xbv__item"><summary><span class="xbv__name">Bekkenfysiotherapie</span><span class="xbv__dur">30 min</span><span class="xbv__prijs">€ 49</span><span class="xbv__tag xbv__tag--basis">Basis</span></summary>
        <div class="xbv__body">Bij urineverlies vergoedt de basisverzekering de eerste 9 behandelingen (eigen risico geldt). Voor andere klachten rond zwangerschap en herstel geldt uw aanvullende verzekering.</div></details>
      <details class="xbv__item"><summary><span class="xbv__name">Sportmassage</span><span class="xbv__dur">45 min</span><span class="xbv__prijs">€ 52</span><span class="xbv__tag xbv__tag--nee">Zelf</span></summary>
        <div class="xbv__body">Ontspannen of voorbereiden op een wedstrijd. Valt niet onder fysiotherapie en wordt daarom meestal niet vergoed. Wel inbegrepen in de strippenkaart van 5 voor € 235.</div></details>
    </div>
  </div>
</div>
</div>

/* Behandelingen met vergoeding · NedDev · eigen werk. */
.xbv{background:#eef4f9;color:#17324d;font-family:'Switzer',sans-serif;box-sizing:border-box}
.xbv *{box-sizing:border-box}
.xbv__inner{max-width:1120px;margin:0 auto;padding:46px 32px;display:grid;grid-template-columns:330px 1fr;gap:44px;align-items:start}
.xbv__eyebrow{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#2a6fb0;margin-bottom:12px}
.xbv__h{font-size:clamp(26px,3vw,34px);line-height:1.08;letter-spacing:-.02em;font-weight:700;margin:0 0 12px}
.xbv__lead{font-size:15px;line-height:1.55;color:#4b6178;margin:0 0 20px}
.xbv__legend{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:13px;color:#4b6178}
.xbv__legend li{display:flex;align-items:center;gap:10px}
.xbv__legend .xbv__tag{flex:none;width:86px;text-align:center}
.xbv__tag{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:3px;white-space:nowrap}
.xbv__tag--ja{background:#dcf1e6;color:#1d6b45}
.xbv__tag--basis{background:#17324d;color:#fff}
.xbv__tag--nee{background:#f1e6e1;color:#8b3b24}
.xbv__list{background:#fff;border-radius:6px;border:1px solid #d8e3ee;overflow:hidden}
.xbv__item+.xbv__item{border-top:1px solid #e3ebf3}
.xbv__item summary{list-style:none;display:grid;grid-template-columns:1fr 70px 60px 104px 18px;gap:12px;align-items:center;padding:16px 20px;cursor:pointer;transition:background .2s}
.xbv__item summary::-webkit-details-marker{display:none}
.xbv__item summary::after{content:'';width:9px;height:9px;border-right:2px solid #17324d;border-bottom:2px solid #17324d;transform:rotate(45deg);justify-self:end;margin-top:-4px;transition:transform .25s}
.xbv__item[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.xbv__item summary:hover{background:#f6f9fc}
.xbv__item summary:focus-visible{outline:2px solid #2a6fb0;outline-offset:-2px}
.xbv__item summary .xbv__tag{justify-self:start}
.xbv__name{font-weight:600;font-size:15.5px}
.xbv__dur{font-size:13px;color:#6a7f94}
.xbv__prijs{font-weight:700;font-size:15px;font-variant-numeric:tabular-nums}
.xbv__body{padding:0 20px 18px;font-size:14px;line-height:1.55;color:#40576d;max-width:62ch;animation:xbv-open .3s ease}
@keyframes xbv-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.xbv__body{animation:none}.xbv__item summary::after{transition:none}}
@media(max-width:860px){.xbv__inner{grid-template-columns:minmax(0,1fr);padding:30px 14px;gap:22px}.xbv__item summary{grid-template-columns:auto auto 1fr 14px;grid-template-areas:'n n n a' 'd p t t';row-gap:6px;padding:14px}.xbv__name{grid-area:n}.xbv__dur{grid-area:d}.xbv__prijs{grid-area:p}.xbv__item summary .xbv__tag{grid-area:t;justify-self:end}.xbv__item summary::after{grid-area:a}.xbv__body{padding:0 14px 16px}}

// Behandelingen met vergoeding · NedDev · eigen werk.
// root = het element waarin de HTML staat
function init(root){
var w=root.querySelector('.xbv');if(!w)return;var ds=w.querySelectorAll('.xbv__item');
ds.forEach(function(d){d.addEventListener('toggle',function(){if(d.open)ds.forEach(function(o){if(o!==d)o.open=false;});});});
}
init(document.querySelector('.jouw-container'));