*{box-sizing:border-box;margin:0;padding:0}
  [hidden]{display:none !important}
  html{-webkit-text-size-adjust:100%}
  body{
    font-family:var(--font);
    background:var(--surface);
    color:var(--ink);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    font-size:16px;
  }
  .wrap{max-width:1140px;margin:0 auto;padding:0 24px}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit;cursor:pointer;border:none;background:none}
  header{
    position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);
    backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line-soft);
  }
  .hbar{display:flex;align-items:center;gap:14px;min-height:68px;flex-wrap:wrap}
  @media(max-width:1620px){ .hbar{gap:10px} nav.main{gap:8px} }
  @media(max-width:1380px){ nav.main{font-size:13.5px} nav.main a{padding:6px 2px} .hbar{gap:8px} }
  .logo{display:flex;align-items:center;gap:9px;font-weight:600;font-size:17px;letter-spacing:-.02em}
  .mark{
    width:31px;height:24px;background-image:var(--krans);
    background-size:contain;background-repeat:no-repeat;background-position:center;
    image-rendering:-webkit-optimize-contrast;
  }
  @media (min-resolution:2dppx){ .mark{background-image:url('/assets/logo-krans@3x.png')} }
  .woordmerk{display:inline-flex;align-items:center;gap:7px;font-weight:400}
  .woordmerk b{font-weight:var(--w-h2)}
  .woordmerk-streep{display:inline-block;width:1.5px;height:.95em;background:currentColor;opacity:.45;border-radius:1px}
  nav.main{display:flex;gap:12px;font-size:14.5px;font-weight:400;color:var(--ink-soft);flex:none}
  nav.main a{padding:6px 4px;display:inline-block;white-space:nowrap}
  nav.main a:hover{color:var(--brand-700)}
  .hspacer{flex:1 1 0;min-width:0}
  .hactions{display:flex;align-items:center;gap:8px}
  .hactions .btn-primary{font-size:19px;font-weight:700;padding:10px 15px}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    border-radius:10px;font-weight:600;font-size:15px;padding:10px 18px;transition:.15s;white-space:nowrap;
  }
  .btn-primary{
    background:var(--action);color:#fff;box-shadow:0 1px 2px rgba(42,107,48,.22);
    font-size:19px;font-weight:700;padding:11px 20px;
  }
  .btn-primary:hover{background:var(--action-hover)}
  .btn-ghost{color:var(--ink-soft)}
  .btn-ghost:hover{color:var(--ink);background:var(--sand-deep)}
  .btn-outline{border:1px solid var(--line);background:var(--surface);color:var(--ink)}
  .btn-outline:hover{border-color:var(--action);color:var(--action-text)}
  .btn-lg{padding:15px 26px;font-size:19px;font-weight:700;border-radius:12px}
  .btn-sm{padding:7px 13px;font-size:13.5px;border-radius:8px}
  .btn-sm.btn-primary{font-size:19px;font-weight:700;padding:8px 15px}
  h1{font-size:clamp(34px,4.4vw,50px);line-height:1.12;letter-spacing:-.022em;font-weight:var(--w-h1)}
  h2{font-size:clamp(26px,2.9vw,32px);line-height:1.15;letter-spacing:-.018em;font-weight:var(--w-h2)}
  h3{font-size:19px;line-height:1.3;letter-spacing:-.015em;font-weight:600}
  .lead{font-size:18.5px;color:var(--ink-soft);line-height:1.55}
  .eyebrow{
    font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--amber-text);
  }
  .muted{color:var(--ink-faint)}
  section{padding:80px 0}
  .sec-head{max-width:640px;margin-bottom:40px}
  .sec-head h2{margin:10px 0 12px}
  .hero{padding:26px 0 72px;position:relative;overflow:hidden;background:var(--hero-gradient);color:#fff}
  .hero-grid{display:none}
  .hero h1{color:#fff}
  .hero .eyebrow{color:var(--amber);background:rgba(245,135,31,.14);border:1px solid rgba(245,135,31,.3);
    padding:5px 12px;border-radius:100px;display:inline-block}
  .hero p.lead{margin-top:20px;max-width:470px;color:rgba(255,255,255,.76)}
  .trust-row{display:flex;align-items:center;gap:18px;margin-top:30px;flex-wrap:wrap}
  .stars{color:var(--amber-text);font-size:15px;letter-spacing:2px}
  .hero .stars{color:var(--amber)}
  .trust-row .t{font-size:14px;color:rgba(255,255,255,.66)}
  .trust-row .t b{color:#fff;font-weight:600}
  .picker{
    background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
    padding:28px;box-shadow:var(--shadow-lg);color:var(--ink);
  }
  .picker h3{margin-bottom:18px;font-weight:400;font-size:21px;color:var(--ink);letter-spacing:-.012em}
  .picker .sub{font-size:14.5px;color:var(--ink-faint);margin-bottom:22px}
  .field{margin-bottom:16px}
  .field label{display:block;font-size:14.5px;font-weight:400;color:var(--ink-body);margin-bottom:7px}
  .field label b{font-weight:600;color:var(--ink)}
  .field select{
    width:100%;appearance:none;font-family:inherit;font-size:15.5px;color:var(--ink);
    background:var(--sand);border:1px solid var(--line);border-radius:11px;padding:13px 42px 13px 14px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%236B7C75' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 15px center;transition:.15s;
  }
  .field select:focus{outline:none;border-color:var(--action);background-color:#fff;box-shadow:0 0 0 3px var(--action-050)}
  .picker .btn{width:100%;margin-top:10px}
  .picker .note{font-size:13px;color:var(--ink-faint);text-align:center;margin-top:14px}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm)}
  .step .n{
    width:30px;height:30px;border-radius:9px;background:var(--brand-900);color:#fff;
    display:grid;place-items:center;font-size:14px;font-weight:600;margin-bottom:16px;
  }
  .step h3{font-size:17px;margin-bottom:7px}
  .step p{font-size:14.5px;color:var(--ink-soft);line-height:1.5}
  .unis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
  .uni{
    background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:15px 16px;
    font-size:14.5px;font-weight:400;transition:.15s;
  }
  .uni:hover{border-color:var(--brand-600);color:var(--brand-700);box-shadow:var(--shadow-sm)}
  .uni span{display:block;font-size:12.5px;color:var(--ink-faint);font-weight:400;margin-top:2px}
  .faq{max-width:760px}
  .faq details,.vragen details{border-bottom:1px solid var(--line);padding:18px 0}
  .faq details summary,.vragen details summary{
    list-style:none;cursor:pointer;font-weight:600;font-size:16.5px;
    display:flex;justify-content:space-between;align-items:center;gap:20px;
  }
  .faq summary::-webkit-details-marker,.vragen summary::-webkit-details-marker{display:none}
  .faq summary::after,.vragen summary::after{
    content:"+";font-size:22px;color:var(--ink-faint);font-weight:400;line-height:1}
  .faq details[open] summary::after,.vragen details[open] summary::after{content:"\2013"}
  .faq details p,.vragen details p{
    margin-top:12px;color:var(--ink-soft);font-size:15.5px;line-height:1.6;max-width:640px}
  .vt-voet{position:relative;isolation:isolate;overflow:hidden;background:var(--hero-gradient);color:rgba(255,255,255,.74);
    font-size:15px;line-height:1.5;--mx:20%;--my:0%}
  .vt-voet::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
    background:radial-gradient(600px circle at var(--mx) var(--my), rgba(245,135,31,.16), transparent 62%)}
  .vt-voet::before{content:"";position:absolute;right:-90px;top:-70px;width:460px;height:356px;z-index:0;pointer-events:none;
    background:var(--krans) center/contain no-repeat;opacity:.07;transform:rotate(-12deg)}
  .vt-voet > .wrap{position:relative;z-index:1}
  .vt-voet a{color:inherit;text-decoration:none}
  .vt-voet a:hover{color:#fff}
  .vt-voet :focus-visible{outline:2px solid var(--brand-op-donker);outline-offset:3px;border-radius:8px}
  .vt-kop{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;
    padding:48px 0 36px;border-bottom:1px solid rgba(255,255,255,.12)}
  .vt-merk{display:flex;flex-direction:column;gap:10px;max-width:420px}
  .vt-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600;font-size:20px;letter-spacing:-.01em}
  .vt-logo .mark{width:34px;height:26px}
  .vt-merk p{margin:0}
  .vt-acties{display:flex;align-items:center;gap:14px 20px;flex-wrap:wrap}
  .vt-voet .vt-cta{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;
    color:#fff;font-size:17px;font-weight:700;text-decoration:none;
    border-bottom:2px solid transparent;transition:border-color .15s}
  .vt-voet .vt-cta::after{content:"\2192";color:var(--amber)}
  .vt-voet .vt-cta:hover{border-bottom-color:var(--amber)}
  .vt-mail{display:inline-flex;align-items:center;gap:8px;padding:10px 4px;color:#fff}
  .vt-mail svg{width:18px;height:18px;flex:none;opacity:.8}
  .vt-mail:hover span{text-decoration:underline;text-underline-offset:4px}
  .vt-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.05fr) minmax(0,1.9fr) minmax(0,1.05fr);gap:40px;padding:44px 0}
  .vt-grid h2{font-family:inherit;color:#fff;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px;line-height:1.3}
  .vt-grid ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
  .vt-kolom li a{display:inline-block;padding:5px 0;min-height:24px;
    background:linear-gradient(var(--amber),var(--amber)) 0 calc(100% - 3px)/0 2px no-repeat;transition:background-size .2s ease,color .15s}
  .vt-kolom li a:hover{background-size:100% 2px}
  @media (min-width:641px){ .vt-kolom li a{white-space:nowrap} }
  .vt-grid .vt-chips{flex-direction:row;flex-wrap:wrap;gap:8px}
  .vt-chips a{display:inline-flex;align-items:baseline;gap:6px;padding:8px 13px;border-radius:999px;
    background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:14px;
    transition:background .15s,color .15s,border-color .15s,transform .15s}
  .vt-chips a b{font-weight:700}
  .vt-chips a span{color:rgba(255,255,255,.62);font-size:13px}
  .vt-chips a:hover{background:#fff;border-color:#fff;color:var(--brand-900);transform:translateY(-2px)}
  .vt-chips a:hover span{color:var(--brand-700)}
  .vt-chips .vt-alle a{background:var(--amber);border-color:var(--amber);color:var(--brand-900);font-weight:700}
  .vt-chips .vt-alle a:hover{background:#fff;border-color:#fff}
  .vt-grid .vt-sociaal ul{gap:6px}
  .vt-s{display:flex;align-items:center;gap:12px;padding:4px 10px 4px 4px;margin-left:-4px;border-radius:16px;transition:background .15s}
  .vt-s:hover{background:rgba(255,255,255,.07)}
  .vt-tegel{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;flex:none;
    box-shadow:0 4px 14px rgba(0,0,0,.22);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
  .vt-s:hover .vt-tegel{transform:translateY(-2px) rotate(-6deg)}
  .vt-tegel svg{width:22px;height:22px}
  .vt-yt svg{width:24px;height:24px}
  .vt-ig{background:radial-gradient(120% 120% at 0% 100%,#FFD86B 0%,#F5871F 25%,#E1306C 55%,#9A5BAF 90%)}
  .vt-tt{background:#111}
  .vt-tt svg{filter:drop-shadow(-1.5px -1.5px 0 #25F4EE) drop-shadow(1.5px 1.5px 0 #FE2C55)}
  .vt-yt{background:linear-gradient(160deg,#FF3B30 0%,#C4170F 100%)}
  .vt-wie{display:flex;flex-direction:column;line-height:1.25;min-width:0}
  .vt-wie b{color:#fff;font-weight:600;font-size:14.5px}
  .vt-wie span{font-size:13px;color:rgba(255,255,255,.6);white-space:nowrap}
  .vt-bodem{display:flex;justify-content:space-between;align-items:center;gap:12px 28px;flex-wrap:wrap;
    padding:22px 0 30px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px;color:rgba(255,255,255,.6)}
  .vt-bodem nav{display:flex;flex-wrap:wrap;gap:4px 20px}
  .vt-bodem a,.vt-bodem button{display:inline-block;padding:4px 0;min-height:24px;font:inherit;color:inherit;background:none;border:0;cursor:pointer}
  .vt-bodem a:hover,.vt-bodem button:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
  @media (min-width:1100px){ .vt-bodem{flex-wrap:nowrap;font-size:12.5px;gap:20px} .vt-bodem > div{white-space:nowrap} .vt-bodem nav{flex-wrap:nowrap;white-space:nowrap;gap:4px 16px} }
  @media (prefers-reduced-motion:reduce){ .vt-voet *{transition:none !important} .vt-s:hover .vt-tegel,.vt-chips a:hover{transform:none} }
  @media (max-width:1020px){
    .vt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px;
      grid-template-areas:"aanbod athena sociaal" "unis unis unis"}
    .vt-aanbod{grid-area:aanbod}
    .vt-athena{grid-area:athena}
    .vt-unis{grid-area:unis;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}
    .vt-sociaal{grid-area:sociaal}
  }
  @media (max-width:640px){
    .vt-voet::before{width:300px;height:232px;right:-80px;top:-50px}
    .vt-kop{flex-direction:column;align-items:flex-start;padding:36px 0 28px}
    .vt-acties{width:100%}
    .vt-grid{gap:30px 20px;padding:32px 0;grid-template-columns:repeat(2,minmax(0,1fr));
      grid-template-areas:"aanbod athena" "sociaal sociaal" "unis unis"}
    .vt-bodem{flex-direction:column;align-items:flex-start}
  }
  .dash-hero{padding:44px 0 8px}
  .greet{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
  .greet h1{font-size:clamp(28px,3.4vw,38px)}
  .greet .ctx{font-size:15px;color:var(--ink-faint);margin-top:8px}
  .greet .ctx b{color:var(--ink-soft);font-weight:400}
  .next-up{
    display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;
    background:var(--brand-900);color:#fff;border-radius:var(--radius-lg);padding:28px 30px;margin-bottom:16px;
  }
  .next-up .lbl{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-500);margin-bottom:9px}
  .next-up h3{font-size:22px;letter-spacing:-.02em;color:#fff}
  .next-meta{display:flex;gap:22px;margin-top:12px;font-size:14.5px;color:rgba(255,255,255,.66);flex-wrap:wrap}
  .next-up .btn{background:#fff;color:var(--brand-900)}
  .two{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
  .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-sm);min-width:0}
  .card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}
  .card-head h3{font-size:17.5px}
  .card-head a{font-size:14px;color:var(--action-text);font-weight:600}
  .doc{display:grid;grid-template-columns:46px 1fr auto;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line-soft)}
  .doc:last-child{border-bottom:none;padding-bottom:0}
  .doc .thumb{
    width:46px;height:58px;border-radius:7px;background:var(--sand-deep);border:1px solid var(--line);
    display:grid;place-items:center;font-size:17px;
  }
  .doc .dn{font-weight:400;font-size:15px}
  .doc .dm{font-size:13px;color:var(--ink-faint);margin-top:3px}
  .bar{height:5px;border-radius:100px;background:var(--sand-deep);margin-top:8px;overflow:hidden;max-width:250px}
  .bar i{display:block;height:100%;background:var(--action);border-radius:100px}
  .vaklist{display:flex;flex-direction:column;gap:9px}
  .vakrow{border-left:4px solid var(--vak,var(--line))}
  .vk{--vak:#3B6FE0} .vk2{--vak:#E07A16} .vk3{--vak:#8B46C4} .vk4{--vak:#1E9E86}
  .vdot{width:9px;height:9px;border-radius:50%;background:var(--vak);display:inline-block;margin-right:8px;flex-shrink:0}
  .vakrow .vn{display:flex;align-items:center}
  .vakrow{
    display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
    padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--sand);transition:.15s;
  }
  .vakrow > div{min-width:0;flex:1 1 11em}
  .vakrow > .btn{flex:0 0 auto}
  .vakrow:hover{border-color:var(--action);background:#fff}
  .vakrow .vn{font-weight:400;font-size:15px}
  .vakrow .vm{font-size:13px;color:var(--ink-faint);margin-top:2px}
  .owned{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}
  .pill{font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--action-050);color:var(--action-text)}
  .pill.miss{background:transparent;color:var(--ink-faint);border:1px dashed var(--line)}
  .suggest{background:linear-gradient(135deg,var(--amber-050),#fff);border:1px solid var(--amber-100)}
  .suggest h3{margin-bottom:8px}
  .suggest p{font-size:14.5px;color:var(--ink-soft);line-height:1.55;margin-bottom:18px}
  .countdown{
    display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13.5px;
    color:var(--action-text);background:var(--action-050);border-radius:8px;padding:8px 13px;font-weight:400;
  }
  .fmt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:26px 28px 0}
  .fmt{
    text-align:left;border:1.5px solid var(--line);border-radius:12px;padding:14px 14px 13px;
    background:var(--surface);transition:.14s;position:relative;
  }
  .fmt:hover{border-color:var(--action)}
  .fmt.sel{border-color:var(--action);background:var(--action-050);box-shadow:0 0 0 3px rgba(30,122,52,.09)}
  .fmt .fn{font-weight:600;font-size:14.5px;display:block;margin-bottom:7px;letter-spacing:-.005em}
  .fmt .fp{font-weight:600;font-size:17.5px;letter-spacing:-.025em;display:block}
  .fmt .ft{font-size:12.5px;color:var(--ink-faint);margin-top:3px;display:block}
  .fmt .fb{
    position:absolute;top:-9px;left:12px;font-size:10px;font-weight:600;letter-spacing:.05em;
    text-transform:uppercase;background:var(--amber);color:#3B2200;padding:3px 8px;border-radius:5px;
  }
  .fmt-detail{display:grid;grid-template-columns:1fr 268px;gap:30px;padding:26px 28px 8px;align-items:start}
  .fmt-detail h4{font-size:18.5px;letter-spacing:-.02em;font-weight:600;margin-bottom:9px}
  .fmt-detail .fd{font-size:14.5px;color:var(--ink-soft);line-height:1.56;margin-bottom:18px}
  .facts{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--ink-faint);margin:-3px 0 13px}
  .facts span{display:flex;align-items:center;gap:6px}
  .facts span::before{content:"";width:3px;height:3px;border-radius:50%;background:var(--line);flex-shrink:0}
  .facts span:first-child::before{display:none}
  .incl{list-style:none;display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--ink-soft)}
  .incl li{display:flex;gap:10px;align-items:flex-start}
  .incl .tick{color:var(--action);font-weight:600;flex-shrink:0;line-height:1.4}
  .buybox{background:var(--sand);border:1px solid var(--line);border-radius:14px;padding:19px}
  .buybox .bp{font-size:27px;font-weight:600;letter-spacing:-.032em;line-height:1}
  .buybox .bmeta{font-size:13px;color:var(--ink-faint);margin:7px 0 15px}
  .buybox .btn{width:100%}
  .prem{margin-top:13px;padding-top:13px;border-top:1px solid var(--line);font-size:12.8px;color:var(--ink-faint);line-height:1.5}
  .prem b{color:var(--action-text);font-weight:600}
  .cmp{display:block;text-align:center;font-size:14px;color:var(--action);font-weight:400;padding:14px 28px 22px}
  .cmp:hover{text-decoration:underline}
  .pcards{display:flex;flex-direction:column;gap:16px}
  .pcard{
    background:linear-gradient(135deg,#4A1B4C 0%,#2E1330 70%);
    border-radius:var(--radius-lg);padding:40px;color:#fff;
    display:grid;grid-template-columns:1fr 400px;gap:44px;align-items:center;
    position:relative;overflow:hidden;
  }
  .pcard::before{
    content:"";position:absolute;left:-90px;top:-90px;width:340px;height:340px;border-radius:50%;
    background:radial-gradient(circle,rgba(169,111,187,.28),rgba(169,111,187,0) 70%);pointer-events:none;
  }
  .pcard > *{position:relative}
  .pill-eyebrow{
    display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
    color:var(--amber);background:rgba(245,135,31,.12);border:1px solid rgba(245,135,31,.38);
    padding:6px 14px;border-radius:100px;margin-bottom:18px;
  }
  .pcard h2{color:#fff;margin-bottom:14px;max-width:14em}
  .pcard p{color:rgba(255,255,255,.72);font-size:15.5px;line-height:1.6;max-width:34em}
  .pcard p + p{margin-top:12px}
  .media{
    position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/11;
    border:3px solid rgba(255,255,255,.16);display:grid;place-items:center;
  }
  .media.vid{background:linear-gradient(140deg,#8B5A2B,#C97B2E 45%,#6E3B7A)}
  .media.team{background:linear-gradient(140deg,#3E6B4A,#7C9B5A 50%,#4A5F7A)}
  .media .play{
    width:58px;height:58px;border-radius:50%;background:#fff;display:grid;place-items:center;
    box-shadow:0 4px 18px rgba(0,0,0,.28);
  }
  .media .play::after{content:"";border-left:16px solid var(--brand-900);border-top:10px solid transparent;
    border-bottom:10px solid transparent;margin-left:4px}
  .media .tag{
    position:absolute;left:14px;bottom:14px;font-size:12.5px;font-weight:600;
    background:var(--action);color:#fff;padding:6px 12px;border-radius:100px;
  }
  .media .tag.warm{left:auto;right:14px;background:var(--orange-strong,#E0760E)}
  .media .ph{position:absolute;top:12px;left:14px;font-size:11px;letter-spacing:.08em;
    text-transform:uppercase;color:rgba(255,255,255,.7);font-weight:600}
  @media(max-width:940px){ .pcard{grid-template-columns:1fr;gap:26px;padding:28px} }
  .stats{
    display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
    border-top:1px solid rgba(255,255,255,.14);margin-top:64px;padding-top:34px;
  }
  .stats div{display:flex;flex-direction:column;gap:3px}
  .stats b{font-size:34px;font-weight:600;letter-spacing:-.03em;color:var(--amber);line-height:1.05}
  .stats span{font-size:14px;color:rgba(255,255,255,.6)}
  .unipills{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
  @media(max-width:940px){
    .stats{grid-template-columns:1fr 1fr;gap:22px}
  }
  .reis-sec{padding:80px 0}
  .reis{
    display:grid;grid-template-columns:1fr .78fr;gap:44px;align-items:center;
    background:linear-gradient(140deg,#4A1D47 0%,#3A1636 55%,#2B1229 100%);
    border-radius:var(--radius-lg);padding:44px 48px;color:#fff;position:relative;overflow:hidden;
  }
  .reis::before{
    content:"";position:absolute;left:-90px;bottom:-140px;width:340px;height:340px;
    border-radius:50%;background:rgba(245,135,31,.09);pointer-events:none;
  }
  .reis-tekst{position:relative;z-index:2}
  .reis-ey{
    display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;
    text-transform:uppercase;color:var(--amber);
    border:1.5px solid rgba(245,135,31,.45);border-radius:100px;padding:7px 16px;
  }
  @media(max-width:430px){ .reis-ey{font-size:10.5px;letter-spacing:.03em;padding:6px 12px} }
  .reis-tekst h2{margin:20px 0 14px;color:#fff;font-size:clamp(26px,2.9vw,34px);line-height:1.15}
  .reis-tekst p{font-size:16.5px;line-height:1.6;color:rgba(255,255,255,.74);max-width:34em}
  .reis-video{
    position:relative;z-index:2;display:block;aspect-ratio:16/9;border-radius:16px;
    border:3px solid var(--amber);overflow:hidden;background-color:var(--brand-900);
    box-shadow:0 18px 44px rgba(20,8,20,.45);
    transition:transform .2s cubic-bezier(.2,.7,.3,1),box-shadow .2s;
  }
  .reis-video:hover{transform:translateY(-3px);box-shadow:0 24px 56px rgba(20,8,20,.55)}
  .reis-video .playbtn{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
    width:62px;height:62px;border-radius:50%;background:rgba(255,255,255,.94);
    display:grid;place-content:center;transition:transform .2s cubic-bezier(.2,.7,.3,1);
  }
  .reis-video:hover .playbtn{transform:translate(-50%,-50%) scale(1.08)}
  .reis-video .playbtn::after{
    content:"";border-left:17px solid var(--brand-900);
    border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px;
  }
  @media(max-width:860px){
    .reis{grid-template-columns:1fr;gap:28px;padding:30px 24px;border-radius:20px}
    .reis-sec{padding:56px 0}
    .reis-tekst p{font-size:15.5px}
  }
  @media(prefers-reduced-motion:reduce){
    .reis-video,.reis-video .playbtn{transition:none}
  }
  .bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
  .bx{
    border-radius:18px;padding:24px;position:relative;overflow:hidden;
    display:flex;flex-direction:column;justify-content:flex-start;
    background:var(--surface);border:1.5px solid var(--line);
    box-shadow:var(--shadow-sm);color:var(--ink);
    transition:transform .22s cubic-bezier(.2,.7,.3,1), box-shadow .22s;
  }
  .bx::before{content:"";width:34px;height:4px;border-radius:99px;
              background:var(--brand-600);margin-bottom:14px}
  .bx:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(43,18,41,.14)}
  .bx h3{font-size:20px;line-height:1.2;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}
  .bx p{font-size:14.5px;line-height:1.55;color:var(--ink-soft)}
  .bx .ey{
    font-size:11px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;
    margin-bottom:auto;padding-bottom:22px;opacity:.7;
  }
  .bx .huge{font-size:clamp(38px,4.4vw,58px);font-weight:600;letter-spacing:-.04em;line-height:.95;margin-bottom:6px}
  .bx.photo{color:#fff;min-height:250px;background-color:#2B1229}
  .bx.photo::after{content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(20,8,20,0) 30%,rgba(20,8,20,.82) 100%)}
  .bx.photo > *{position:relative;z-index:1}
  .b-sv   {grid-column:span 4}
  .b-str  {grid-column:span 4}
  .b-live {grid-column:span 4}
  .b-sv::before  {background:var(--kleur-samenvatting)}
  .b-str::before {background:var(--kleur-stream)}
  .b-live::before{background:var(--kleur-tentamentraining)}
  .bx .playbtn{
    position:absolute;top:22px;right:24px;z-index:3;
    width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;
    box-shadow:0 6px 22px rgba(0,0,0,.28);transition:transform .2s;
  }
  .bx:hover .playbtn{transform:scale(1.08)}
  .bx .playbtn::after{content:"";border-left:15px solid var(--brand-900);border-top:9px solid transparent;
    border-bottom:9px solid transparent;margin-left:4px}
  .pill-oranje{
    display:inline-block;border:1.5px solid var(--amber);background:var(--amber-050);
    color:var(--amber-text);font-size:12px;font-weight:700;letter-spacing:.1em;
    text-transform:uppercase;border-radius:999px;padding:8px 17px;
  }
  .cijfers-sec{background:var(--sand)}
  .cijfers{
    background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);
    padding:46px 34px 40px;text-align:center;
  }
  .cijfers h2{margin:16px 0 34px;color:var(--brand-700)}
  .cf-rij{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
  .cf{padding:0 24px}
  .cf + .cf{border-left:1px solid var(--line)}
  .cf-label{
    font-size:12.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
    color:var(--amber-text);
  }
  .cf-getal{
    font-size:clamp(40px,4.6vw,56px);font-weight:700;letter-spacing:-.035em;
    color:var(--brand-700);line-height:1.05;margin:8px 0 10px;font-variant-numeric:tabular-nums;
  }
  .cf-getal small{font-size:22px;font-weight:600;color:var(--brand-700);margin-left:6px}
  .cf-getal b{color:var(--amber-text);font-weight:700}
  .cf p{font-size:14.5px;color:var(--ink-faint);line-height:1.55;max-width:30em;margin:0 auto}
  .overons{
    background:linear-gradient(120deg,var(--brand-700),var(--brand-600) 70%,var(--brand-550));
    border-radius:var(--radius-lg);color:#fff;
    display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;
    padding:46px;overflow:hidden;
  }
  .oo-tekst h2{color:#fff;margin:18px 0 16px}
  .oo-tekst p{font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.88);max-width:34em}
  .oo-tekst p + p{margin-top:14px}
  .oo-foto{
    position:relative;border-radius:18px;min-height:320px;
    background-image:url('https://athenastudies.nl/Teamfoto.jpg');
    background-size:cover;background-position:center;
  }
  .oo-badge{
    position:absolute;right:16px;bottom:16px;background:var(--amber);color:var(--brand-900);
    font-size:13.5px;font-weight:700;border-radius:999px;padding:8px 16px;
  }
  .faq-kop{text-align:center;margin:0 auto 26px}
  .faq-kop h2{margin-top:16px;color:var(--brand-700)}
  .faq-kaarten{max-width:860px;margin:0 auto}
  .faq-kaarten details{
    background:var(--surface);border:1px solid var(--line);border-radius:14px;
    box-shadow:var(--shadow-sm);padding:4px 22px;margin-bottom:12px;
  }
  .faq-kaarten details summary{padding:18px 44px 18px 0;position:relative}
  .faq-kaarten summary::after{
    content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);
    width:30px;height:30px;border-radius:50%;background:var(--amber);color:#fff;
    font-size:20px;font-weight:700;display:grid;place-items:center;line-height:1;
    transition:transform .18s;
  }
  .faq-kaarten details[open] summary::after{transform:translateY(-50%) rotate(45deg);content:"+"}
  .faq-kaarten details p{padding:0 0 18px}
  .faq-alle{text-align:center;margin-top:20px;font-size:15px}
  .faq-alle a{color:var(--action-text);font-weight:650}
  @media(max-width:820px){
    .cf-rij{grid-template-columns:1fr;gap:22px}
    .cf + .cf{border-left:0;border-top:1px solid var(--line);padding-top:22px}
    .overons{grid-template-columns:1fr;padding:26px;gap:26px}
    .oo-foto{min-height:230px}
  }
  .bchip{
    display:inline-flex;align-items:center;align-self:flex-start;gap:6px;margin-top:14px;
    font-size:12.5px;font-weight:600;background:var(--sand);border:1px solid var(--line);
    color:var(--ink-soft);padding:6px 12px;border-radius:100px;
  }
  @media(max-width:940px){
    .bento{grid-template-columns:1fr}
    .b-live,.b-sv,.b-str{grid-column:span 1}
  }
  .kiesvak{
    background:var(--surface);border-radius:var(--radius-lg);padding:26px;
    box-shadow:var(--shadow-md);max-width:880px;margin:0 auto;
  }
  .kv-kop h3{font-size:24px;font-weight:var(--w-h2);letter-spacing:-.02em;margin:0 0 3px}
  .kv-kop p{color:var(--ink-faint);font-size:14.5px;margin:0 0 22px}
  .kv-stap{font-size:14.5px;font-weight:700;margin:0 0 10px;padding:0;
           display:flex;align-items:baseline;gap:9px}
  .kv-stap i{font-style:normal;background:var(--brand-050);color:var(--brand-700);
             font-size:12px;border-radius:999px;padding:3px 9px;font-weight:700}
  .kv-chips{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0 0 22px}
  .kv-chip{
    position:relative;border:1.5px solid var(--line);background:var(--surface);
    border-radius:999px;padding:10px 16px;font-size:14.5px;font-weight:650;
    color:var(--ink);cursor:pointer;text-align:center;
    transition:border-color .14s,background .14s;
  }
  .kv-chip:hover{border-color:var(--brand-500)}
  .kv-chip input{position:absolute;opacity:0;width:1px;height:1px}
  .kv-chip small{display:block;font-weight:400;font-size:11.5px;color:var(--ink-faint);margin-top:1px}
  .kv-chip.aan{border-color:var(--action);background:var(--action-050);color:var(--action-text)}
  .kv-chip.aan small{color:var(--action-text);opacity:.82}
  .kv-chip:focus-within{outline:3px solid var(--brand-600);outline-offset:2px}
  .kv-pakketten{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;padding:0;margin:0}
  .kv-pakketten .kv-stap{grid-column:1 / -1}
  .kv-pak{
    position:relative;display:flex;flex-direction:column;
    border:1.5px solid var(--line);border-radius:16px;padding:17px 15px 15px;
    background:var(--surface);cursor:pointer;transition:border-color .14s,background .14s;
  }
  .kv-pak:hover{border-color:var(--brand-500)}
  .kv-pak:focus-within{outline:3px solid var(--brand-600);outline-offset:2px}
  .kv-pak.aan{border-color:var(--action);border-width:2px;background:var(--action-050)}
  .kv-pak input{position:absolute;opacity:0;width:1px;height:1px}
  .kv-tip{
    position:absolute;top:-11px;left:50%;transform:translateX(-50%);
    background:var(--action-text);color:#fff;font-size:11.5px;font-weight:700;
    border-radius:999px;padding:4px 13px;white-space:nowrap;
  }
  .kv-pak .kv-naam{font-size:17px;font-weight:700;margin-bottom:4px}
  .kv-pak .kv-voor{color:var(--ink-faint);font-size:12.5px;line-height:1.45;min-height:36px}
  .kv-pak .kv-prijs{font-size:27px;font-weight:700;letter-spacing:-.02em;margin:10px 0 1px}
  .kv-pak .kv-oud{font-size:12.5px;color:var(--ink-faint);min-height:18px;margin-bottom:9px}
  .kv-pak .kv-oud b{color:var(--action-text);font-weight:700}
  .kv-regels{display:grid;gap:6px}
  .kv-regels span{font-size:13px;line-height:1.4;color:var(--ink-soft);padding-left:20px;position:relative}
  .kv-regels .ja::before{content:"\2713";position:absolute;left:0;color:var(--action-text);font-weight:700}
  .kv-regels .nee{color:var(--ink-faint)}
  .kv-regels .nee::before{content:"\00D7";position:absolute;left:0;color:var(--ink-faint);font-weight:700}
  .kv-erbij{margin-top:18px;border:2px solid var(--action);border-radius:14px;overflow:hidden}
  .kv-erbij:focus-within{outline:3px solid var(--brand-600);outline-offset:2px}
  .kv-lint{background:var(--action);color:#fff;font-size:12.5px;font-weight:700;padding:7px 16px}
  .kv-lijf{display:flex;gap:14px;align-items:flex-start;padding:16px;cursor:pointer;background:var(--action-050)}
  .kv-lijf input{width:22px;height:22px;accent-color:var(--action);margin:2px 0 0;flex-shrink:0}
  .kv-t{font-weight:700;font-size:16.5px}
  .kv-u{font-size:13.5px;color:var(--ink-soft);line-height:1.55;margin-top:4px;display:block}
  .kv-p{margin-left:auto;font-weight:700;font-size:17px;white-space:nowrap}
  .kv-alleen{margin:14px 0 0;font-size:13.5px;color:var(--ink-faint)}
  .kv-alleen a{color:var(--action-text);font-weight:650}
  .kv-staaf{
    margin-top:20px;background:linear-gradient(120deg,var(--brand-700),var(--brand-600) 70%,var(--brand-550));border-radius:14px;padding:16px 19px;
    display:flex;align-items:center;gap:16px;color:#fff;flex-wrap:wrap;
    box-shadow:0 10px 26px rgba(94,33,99,.25);
  }
  .kv-l{font-size:14px;color:rgba(255,255,255,.85);line-height:1.45}
  .kv-l b{display:block;color:#fff;font-size:15.5px;font-weight:650}
  .kv-g{margin-left:auto;font-size:26px;font-weight:700;letter-spacing:-.02em}
  .kv-staaf .btn-primary{flex-shrink:0}
  @media(max-width:720px){
    .kiesvak{padding:20px}
    .kv-pakketten{grid-template-columns:1fr}
    .kv-g{margin-left:0}
    .kv-staaf .btn-primary{flex-basis:100%;text-align:center}
  }
  .promo{
    background:linear-gradient(90deg,#5E2163 0%,#7E4292 45%,#E0760E 100%);
    color:#fff;font-size:13.5px;font-weight:600;position:relative;z-index:120;
  }
  .promo .inner{
    max-width:1140px;margin:0 auto;padding:10px 48px 10px 24px;
    display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;
  }
  .promo .tag{
    background:rgba(255,255,255,.2);border-radius:6px;padding:2px 8px;
    font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;
  }
  .promo .code{
    display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.94);color:#3A1838;
    border-radius:8px;padding:4px 6px 4px 11px;font-weight:600;letter-spacing:.04em;font-size:13px;
  }
  .promo .code button{
    background:rgba(94,33,99,.1);border-radius:5px;padding:3px 8px;font-size:11px;font-weight:600;
    color:#5E2163;transition:.15s;
  }
  .promo .code button:hover{background:rgba(94,33,99,.2)}
  #fd-prem a{display:inline-block;padding:4px 2px;min-height:24px}
  .promo a.go{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:600;white-space:nowrap;
    display:inline-block;padding:4px 2px;min-height:24px}
  .promo .close{
    position:absolute;right:16px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.75);
    font-size:19px;line-height:1;padding:4px 8px;border-radius:6px;
  }
  .promo .close:hover{color:#fff;background:rgba(255,255,255,.14)}
  @media(max-width:700px){ .promo .inner{font-size:12.5px;gap:9px;padding:9px 42px 9px 16px} }
  .reis-video{background-image:url('https://i.ytimg.com/vi/5ab6G2rh4jw/maxresdefault.jpg');
           background-size:cover;background-position:center}
  .mnav{display:none;position:relative}
  .mnav > summary{
    list-style:none;cursor:pointer;width:42px;height:42px;border-radius:11px;
    border:1.5px solid var(--line);display:grid;place-content:center;background:var(--surface);
  }
  .mnav > summary::-webkit-details-marker{display:none}
  .mnav > summary::marker{content:""}
  .mnav > summary i{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;position:relative}
  .mnav > summary i::before,.mnav > summary i::after{
    content:"";position:absolute;left:0;width:18px;height:2px;background:var(--ink);border-radius:2px;
  }
  .mnav > summary i::before{top:-6px}
  .mnav > summary i::after{top:6px}
  .mnav[open] > summary{border-color:var(--action);background:var(--action-050)}
  .mnav-paneel{
    position:absolute;right:0;top:calc(100% + 10px);z-index:120;min-width:238px;
    background:var(--surface);border:1.5px solid var(--line);border-radius:16px;
    box-shadow:var(--shadow-lg);padding:10px;display:flex;flex-direction:column;gap:2px;
  }
  .mnav-paneel a{
    padding:11px 13px;border-radius:10px;font-size:15.5px;font-weight:600;color:var(--ink);
  }
  .mnav-paneel a:hover{background:var(--sand-deep)}
  .mnav-paneel a[aria-current]{background:var(--brand-050);color:var(--brand-700)}
  .mnav-paneel .btn{margin-top:8px;justify-content:center}
  .mnav-paneel hr{border:0;border-top:1px solid var(--line-soft);margin:7px 4px}
  nav.main a[aria-current]{color:var(--brand-700);font-weight:600}
  .skip{
    position:absolute;left:-9999px;top:0;z-index:400;background:var(--brand-900);color:#fff;
    padding:12px 20px;border-radius:0 0 10px 0;font-weight:700;font-size:15px;
  }
  .skip:focus{left:0}
  a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,
  input:focus-visible,[tabindex]:focus-visible{
    outline:3px solid var(--action);outline-offset:2px;border-radius:6px;
    transition-property:none;
  }
  .hero a:focus-visible,.hero button:focus-visible,.promo a:focus-visible,.promo button:focus-visible,
  .bx a:focus-visible{outline-color:var(--amber)}
  @media(max-width:700px){
    .wrap{padding:0 18px}
    .hbar{height:60px;gap:12px}
    .logo{font-size:16.5px;gap:8px}
    .hactions .btn-primary{display:none}
    #h-in .btn-outline{display:none}
    .promo .inner{padding:9px 38px 9px 16px;font-size:12.5px}
    .promo .code{font-size:12px}
    section{padding:56px 0}
    .hero{padding:36px 0 52px}
    .sec-head{margin-bottom:28px}
    .picker{padding:22px;border-radius:20px}
    .bx{padding:22px;min-height:auto}
    .bx.photo{min-height:230px}
    .dpanel,.fmt-detail{margin-left:0;margin-right:0}
    .stats b{font-size:28px}
    .trust-row{gap:10px;margin-top:22px}
  }
  @media(max-width:420px){
    .seg button{min-width:0;flex-basis:calc(50% - 3px);font-size:13.5px;padding:10px 8px}
    .vk-price .p{font-size:29px}
  }
  @media(max-width:380px){
    .hactions{display:none}
    .doc{grid-template-columns:46px minmax(0,1fr)}
    .doc > .btn{grid-column:2;justify-self:start;margin-top:4px}
  }
  .rise{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
  .rise.in{opacity:1;transform:none}
  .rise[data-d="1"]{transition-delay:.08s}
  .rise[data-d="2"]{transition-delay:.16s}
  .rise[data-d="3"]{transition-delay:.24s}
  .rise[data-d="4"]{transition-delay:.32s}
  .rise[data-d="5"]{transition-delay:.40s}
  .hero{--mx:20%;--my:0%}
  .hero::after{
    content:"";position:absolute;inset:0;pointer-events:none;transition:opacity .4s;z-index:0;
    background:radial-gradient(600px circle at var(--mx) var(--my), rgba(245,135,31,.16), transparent 62%);
  }
  .hero .kiezer{position:relative;z-index:1}
  .pk-terug{
    font-size:13.5px;font-weight:650;color:var(--action-text);background:none;border:0;
    padding:4px 0;margin:0 0 8px;cursor:pointer;text-decoration:underline;
    text-underline-offset:3px;
  }
  .pk-terug:focus-visible{outline:3px solid var(--brand-600);outline-offset:2px}
  .pk-slaging{
    margin-left:auto;font-size:12.5px;font-weight:600;color:var(--ink-soft);
    background:var(--action-050);border:1px solid var(--action);
    border-radius:100px;padding:2px 10px;white-space:nowrap;line-height:1.4;
  }
  .pk-slaging b{color:var(--action-text);font-weight:750}
  @media(max-width:560px){ .pk-slaging{display:none} }
  .abo-cta{text-align:center;margin-top:26px}
  .abo-cta .btn{max-width:100%;white-space:normal}
  .abo-kaart{background:var(--surface);border:1.5px solid var(--action);border-radius:16px;
             padding:20px 22px;box-shadow:var(--shadow-sm);margin-top:18px}
  .abo-kop{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .abo-kop b{font-size:19px}
  .abo-prijs{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}
  .abo-prijs small{font-size:13px;font-weight:600;color:var(--ink-faint)}
  .abo-lijst{list-style:none;margin:14px 0 0;padding:0;font-size:14.5px;line-height:1.6}
  .abo-lijst li{padding-left:22px;position:relative;margin-bottom:6px}
  .abo-lijst li::before{content:"\2713";position:absolute;left:0;color:var(--action-text);font-weight:800}
  .abo-vragen{margin:44px 0}
  .cap{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:650;
       color:var(--ink-soft);margin-top:4px}
  .cap::before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}
  .cap-open::before{background:var(--action)}
  .cap-vol::before{background:#C0392B}
  .kv-uur{display:block;font-size:12.5px;font-weight:650;color:var(--action-text);
          font-variant-numeric:tabular-nums;margin-top:2px}
  .vk-verg{margin:10px 0 4px}
  .vk-verg summary{
    cursor:pointer;font-size:13.5px;font-weight:650;color:var(--action-text);
    text-decoration:underline;text-underline-offset:3px;list-style:none;
  }
  .vk-verg summary::-webkit-details-marker{display:none}
  .vk-verg-schuif{overflow-x:auto;margin-top:10px}
  .vk-verg table{border-collapse:collapse;font-size:13.5px;min-width:520px}
  .vk-verg th,.vk-verg td{
    border:1px solid var(--line);padding:8px 12px;text-align:left;
    background:var(--surface);
  }
  .vk-verg thead th{background:var(--sand);font-weight:650}
  .vk-verg tbody th{font-weight:650}
  .vk-verg td:nth-child(n+3){text-align:center;color:var(--action-text);font-weight:700}
  .count{font-variant-numeric:tabular-nums}
  .btn-primary{position:relative;overflow:hidden}
  .btn-primary::after{
    content:"";position:absolute;inset:0;background:radial-gradient(120px circle at var(--bx,50%) var(--by,50%),rgba(255,255,255,.22),transparent 60%);
    opacity:0;transition:opacity .3s;
  }
  .btn-primary:hover::after{opacity:1}
  .btn-primary:active{transform:translateY(1px)}
  .bx{will-change:transform}
  .dgrid2,#fd-incl,#fd-title,#fd-price{transition:opacity .22s}
  @media (prefers-reduced-motion: reduce){
    *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
      transition-duration:.001ms !important;scroll-behavior:auto !important}
    .rise{opacity:1;transform:none}
    .hero::after{display:none}
  }
  .mark-u{position:relative;white-space:nowrap}
  .mark-u::after{
    content:"";position:absolute;left:-2%;right:-2%;bottom:-.06em;height:.34em;
    background:var(--amber);opacity:.9;
    -webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M2 11C34 4 78 3 118 6c22 1.6 44 4 78 2.4' stroke='%23000' stroke-width='7' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;
    mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M2 11C34 4 78 3 118 6c22 1.6 44 4 78 2.4' stroke='%23000' stroke-width='7' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/100% 100%;
    transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.2,.7,.3,1) .5s;
  }
  .hero.in-beeld .mark-u::after{transform:scaleX(1)}
  .pk-top{display:flex;align-items:center;gap:12px;margin-bottom:20px}
  .pk-top[hidden]{display:none}
  .pk-dots{display:flex;gap:5px}
  .pk-dots i{width:22px;height:4px;border-radius:99px;background:var(--line);transition:background .3s}
  .pk-dots i.on{background:var(--action)}
  .pk-step{font-size:13px;color:var(--ink-faint);font-weight:600}
  .pk-step b{color:var(--ink);font-weight:750}
  .pk-back{margin-left:auto;font-size:13.5px;font-weight:650;color:var(--action-text)}
  .pk-back:hover{text-decoration:underline}
  .pk-body{position:relative}
  .pk-stap h3{font-size:20px;font-weight:400;letter-spacing:-.012em;margin-bottom:16px;color:var(--ink)}
  .pk-stap h3 b{font-weight:700}
  .pk-stap[hidden]{display:none}
  .pk-stap:not([hidden]){animation:pkIn .34s cubic-bezier(.2,.7,.3,1)}
  @keyframes pkIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
  .chips-kies{display:flex;flex-wrap:wrap;gap:8px}
  .chip-k{
    border:1.5px solid var(--line);background:var(--surface);border-radius:100px;
    padding:10px 16px;font-size:14.5px;font-weight:600;color:var(--ink);
    transition:transform .14s cubic-bezier(.2,.7,.3,1),border-color .14s,background .14s,color .14s;
  }
  .chip-k:hover{border-color:var(--action);background:var(--action-050)}
  .chip-k.on{background:var(--action);border-color:var(--action);color:#fff}
  .chip-k .n{font-size:12px;opacity:.6;margin-left:6px;font-weight:600}
  .pk-klaar{text-align:center;padding:6px 0 2px}
  .pk-vink{
    width:52px;height:52px;border-radius:50%;background:var(--action-050);color:var(--action-text);
    display:grid;place-items:center;font-size:26px;font-weight:900;margin:0 auto 16px;
    animation:pop .45s cubic-bezier(.2,1.4,.4,1);
  }
  @keyframes pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
  .pk-klaar h3{font-size:21px;font-weight:700;margin-bottom:6px}
  .pk-aantal{font-size:14.5px;color:var(--ink-faint);margin-bottom:20px}
  .pk-aantal b{color:var(--action-text);font-weight:750}
  .pk-klaar .btn{width:100%}
  .pk-opnieuw{display:block;margin:12px auto 0;font-size:13.5px;color:var(--ink-faint);font-weight:600}
  .pk-opnieuw:hover{color:var(--ink);text-decoration:underline}
  @media(max-width:700px){
    .chips-kies{gap:7px}
    .chip-k{padding:9px 13px;font-size:13.5px}
  }
  .pk-bar{width:74px;height:5px;border-radius:99px;background:var(--line);overflow:hidden;flex-shrink:0}
  .pk-bar i{display:block;height:100%;width:18%;background:var(--action);border-radius:99px;
    transition:width .45s cubic-bezier(.2,.7,.3,1)}
  .pk-uitweg{
    display:block;margin-top:14px;font-size:13px;color:var(--ink-faint);font-weight:600;
    text-decoration:underline;text-underline-offset:3px;
  }
  .pk-uitweg:hover{color:var(--ink)}
  .pk-zoek{
    width:100%;font-family:inherit;font-size:15px;color:var(--ink);margin-bottom:12px;
    background:var(--sand);border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;
  }
  .pk-zoek:focus{outline:none;border-color:var(--action);background:#fff;box-shadow:0 0 0 3px var(--action-050)}
  .pk-zoek[hidden]{display:none}
  .chip-k[hidden]{display:none}
  .pk-geen{font-size:14px;color:var(--ink-faint);padding:6px 2px}
  .hero-mid{position:relative;max-width:820px;text-align:center}
  .hero-tekst{margin-bottom:24px}
  .hero-tekst .lead{margin:0 auto;max-width:30em;color:rgba(255,255,255,.72)}
  .h1-vormen{
    margin:0 0 4px;font-size:clamp(24px,3.5vw,45px);line-height:1.08;
    letter-spacing:-.035em;font-weight:var(--w-h1);
    max-width:none;width:auto;
  }
  .h1-vormen .regel{display:block}
  @media(min-width:1000px){
    .h1-vormen{margin-inline:calc((820px - min(1092px, 100vw - 48px)) / 2)}
  }
  .h1-vormen .w{
    display:inline-block;font-weight:var(--w-h2);
    opacity:0;transform:translateY(14px);
    animation:vormIn .5s cubic-bezier(.2,.8,.3,1) forwards;
  }
  .h1-vormen .w:nth-of-type(1){animation-delay:.15s;color:var(--kleur-tentamentraining-op-donker)}
  .h1-vormen .w:nth-of-type(2){animation-delay:.33s;color:var(--kleur-stream-op-donker)}
  .h1-vormen .w:nth-of-type(3){animation-delay:.51s;color:var(--kleur-samenvatting-op-donker)}
  @keyframes vormIn{to{opacity:1;transform:none}}
  .h1-vormen .slot{
    display:block;margin-top:6px;color:#fff;
    opacity:0;animation:vormIn .6s cubic-bezier(.2,.8,.3,1) .74s forwards;
  }
  .h1-vormen .slot b{font-weight:var(--w-h2)}
  .h1-vormen .slot .mark-u::after{
    bottom:-.16em;height:.18em;left:-1.5%;right:-1.5%;
    transition:none;animation:vormStreep .65s cubic-bezier(.2,.7,.3,1) 1.15s forwards;
  }
  @keyframes vormStreep{to{transform:scaleX(1)}}
  @media(prefers-reduced-motion:reduce){
    .h1-vormen .w,.h1-vormen .slot{animation:none;opacity:1;transform:none}
    .h1-vormen .slot .mark-u::after{animation:none;transform:scaleX(1)}
  }
  .kiezer{
    background:var(--surface);border-radius:24px;padding:26px 28px 24px;
    box-shadow:var(--shadow-lg);color:var(--ink);text-align:left;
    scroll-margin-top:92px;
  }
  .pk-vraag{
    font-size:clamp(20px,2.3vw,25px);font-weight:400;letter-spacing:-.015em;
    margin-bottom:18px;color:var(--ink);line-height:1.25;
  }
  .pk-vraag b{font-weight:700}
  .chips-kies{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
  .hero-proof{
    display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
    margin-top:24px;font-size:14px;color:rgba(255,255,255,.66);
  }
  .hero-proof b{color:#fff;font-weight:700}
  .hero-proof .dot{opacity:.45}
  .uit-kop{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
  .uit-titel{font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2}
  .uit-sub{font-size:14px;color:var(--ink-faint);margin-top:4px}
  .uit-wijzig{
    font-size:13.5px;font-weight:650;color:var(--action-text);flex-shrink:0;
    border:1.5px solid var(--line);border-radius:100px;padding:7px 14px;transition:.15s;
  }
  .uit-wijzig:hover{border-color:var(--action);background:var(--action-050)}
  .vakkenlijst{list-style:none;display:flex;flex-direction:column;gap:8px}
  .uit-leeg{
    border:1.5px dashed var(--line);border-radius:14px;padding:18px 16px;background:var(--sand);
  }
  .uit-leeg p{font-size:14px;color:var(--ink-soft);line-height:1.5;max-width:44em}
  .leeg-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
  .leeg-link{
    font-size:13.5px;font-weight:650;color:var(--action-text);
    border:1.5px solid var(--line);border-radius:100px;padding:7px 14px;background:var(--surface);
    transition:border-color .15s,background .15s;
  }
  .leeg-link:hover{border-color:var(--action);background:var(--action-050)}
  .vakli{display:flex;align-items:stretch;gap:8px}
  .vakli > .vakrij{flex:1;min-width:0}
  .vakli.aan > .vakrij{border-color:var(--action);background:var(--action-050)}
  .vakli.li-open > .vakrij{border-color:var(--action);border-radius:14px 14px 0 0}
  .vakli.li-open > .vakrij:hover{transform:none;box-shadow:none}
  .kies{
    flex-shrink:0;align-self:center;border:1.5px solid var(--line);border-radius:12px;
    background:var(--surface);padding:12px 16px;font-size:14.5px;font-weight:700;
    color:var(--action-text);cursor:pointer;white-space:nowrap;min-height:48px;
    transition:border-color .14s,background .14s;
  }
  .kies:hover{border-color:var(--action)}
  .kies[aria-pressed="true"]{background:var(--action);border-color:var(--action);color:#fff}
  .kies:focus-visible{outline:3px solid var(--brand-600);outline-offset:2px}
  .vk-vertel{
    border:1.5px solid var(--line);border-radius:14px;background:var(--sand);
    padding:14px 16px;margin:10px 0 16px;
  }
  .vv-kern{font-size:14.5px;line-height:1.55;margin:0;max-width:64ch}
  .vv-kolom{display:grid;grid-template-columns:1.1fr 1fr;gap:8px 24px;margin-top:12px}
  .vv-kop{font-size:11.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;
          color:var(--ink-faint);margin:0 0 8px}
  .vv-route{list-style:none;margin:0;padding:0}
  .vv-route li{position:relative;padding:0 0 14px 28px;font-size:13.5px;line-height:1.5}
  .vv-route li:last-child{padding-bottom:0}
  .vv-route li::before{content:"";position:absolute;left:8px;top:18px;bottom:-2px;width:2px;background:var(--line)}
  .vv-route li:last-child::before{display:none}
  .vv-route i{position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;
              background:var(--brand-700);color:#fff;font-style:normal;font-size:10px;
              font-weight:800;display:grid;place-items:center}
  .vv-krijgt{border:1.5px solid var(--action);border-radius:12px;background:var(--action-050);
             padding:12px 14px}
  .vv-krijgt ul{list-style:none;margin:0;padding:0;font-size:13.5px;line-height:1.5}
  .vv-krijgt li{padding-left:20px;position:relative;margin-bottom:6px}
  .vv-krijgt li:last-child{margin-bottom:0}
  .vv-krijgt li::before{content:"\2713";position:absolute;left:0;color:var(--action-text);font-weight:800}
  .vv-lang{margin-top:12px}
  .vv-lang summary{cursor:pointer;font-size:13.5px;font-weight:650;color:var(--action-text);
                   text-decoration:underline;text-underline-offset:3px;list-style:none}
  .vv-lang summary::-webkit-details-marker{display:none}
  .vv-lang p{font-size:13.5px;line-height:1.6;color:var(--ink-soft);margin:10px 0 0;max-width:66ch}
  .vv-docent{display:flex;align-items:center;gap:14px;margin-top:12px;
             border-top:1px solid var(--line);padding-top:12px}
  .vv-docent p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-soft)}
  .vv-docent b{color:var(--ink);font-weight:650}
  .vv-sticker{margin-left:auto;flex-shrink:0;transform:rotate(3deg);text-align:center;
              background:var(--amber-050);border:2px dashed var(--orange-text,#B45309);
              border-radius:12px;padding:6px 12px}
  .vv-sticker b{display:block;font-size:19px;font-weight:700;color:var(--orange-text,#B45309)}
  .vv-sticker span{font-size:10px;letter-spacing:.07em;text-transform:uppercase;
                   color:var(--ink-soft);font-weight:700}
  @media(max-width:700px){ .vv-kolom{grid-template-columns:1fr} }
  .taal{position:relative}
  .taal summary{
    list-style:none;cursor:pointer;font-size:14px;font-weight:700;color:var(--ink);
    border:1.5px solid var(--line);border-radius:999px;padding:8px 12px;
    display:flex;align-items:center;gap:7px;
  }
  .vlag{width:20px;height:20px;flex-shrink:0;border-radius:50%;
        box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
  .taal-pijl{
    width:8px;height:8px;border-right:2px solid var(--ink-faint);
    border-bottom:2px solid var(--ink-faint);transform:rotate(45deg);
    margin-top:-3px;transition:transform .15s;
  }
  .taal[open] .taal-pijl{transform:rotate(225deg);margin-top:3px}
  .taal-paneel a{display:flex;align-items:center;gap:9px}
  .taal summary::-webkit-details-marker{display:none}
  .taal summary:hover{border-color:var(--brand-500)}
  .taal-paneel{
    position:absolute;right:0;top:calc(100% + 8px);z-index:130;min-width:150px;
    background:var(--surface);border:1px solid var(--line);border-radius:12px;
    box-shadow:var(--shadow-md);padding:8px;display:grid;gap:2px;
  }
  .taal-paneel a{padding:9px 12px;border-radius:8px;font-size:14.5px;font-weight:600}
  .taal-paneel a:hover{background:var(--sand)}
  .taal-paneel a[aria-current]{color:var(--ink-faint);pointer-events:none}
  @media(max-width:1060px){
    .taal{margin-left:auto}
    .hactions{display:none}
  }
  @media(max-width:380px){
    .logo{font-size:0;gap:0}
    .mand-icoon{width:36px;height:36px}
  }
  @media(max-width:560px){
    .taal-code{display:none}
    .taal summary{padding:8px 10px}
    .mand-icoon{width:38px;height:38px}
  }
  .faq-zoek{width:100%;margin:4px 0 14px}
  .faq-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
  .b-chip2{
    border:1.5px solid var(--line);background:var(--surface);border-radius:999px;
    padding:9px 16px;font-size:14px;font-weight:650;color:var(--ink);
  }
  .b-chip2:hover{border-color:var(--action);color:var(--action-text)}
  .vraaggroep{scroll-margin-top:92px}
  .vraaggroep + .vraaggroep{margin-top:34px}
  .faq-leeg{background:var(--sand);border-radius:12px;padding:14px 16px;
            color:var(--ink-soft);font-size:14.5px}
  .faq-leeg a{color:var(--action-text);font-weight:650}
  .usp-slaging,.usp-sinds{
    display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 15px 7px 9px;
  }
  .usp-sinds{padding:7px 15px;flex-direction:column;gap:0;align-items:flex-start}
  .usp-ring{
    width:52px;height:52px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;
    background:conic-gradient(var(--action) calc(var(--pct)*1%), rgba(255,255,255,.16) 0);
  }
  .usp-ring b{
    width:40px;height:40px;border-radius:50%;background:var(--brand-900);
    display:grid;place-items:center;font-size:13.5px;font-weight:700;color:#fff;
  }
  .usp-tekst b,.usp-sinds b{display:block;color:#fff;font-size:15.5px;font-weight:700}
  .usp-tekst small,.usp-sinds small{font-size:12.5px;color:rgba(255,255,255,.65)}
  .mand-icoon{
    position:relative;display:grid;place-items:center;width:40px;height:40px;
    border:1.5px solid var(--line);border-radius:999px;color:var(--ink);flex-shrink:0;
  }
  .mand-icoon:hover{border-color:var(--action);color:var(--action-text)}
  .mand-icoon svg{width:20px;height:20px}
  .mand-tel{
    position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;border-radius:999px;
    background:var(--action-text);color:#fff;font-size:11px;font-weight:700;
    display:grid;place-items:center;padding:0 4px;
  }
  @media(max-width:1280px){
    html[lang="de"] nav.main{display:none}
    html[lang="de"] .mnav{display:block}
  }
  @media(max-width:1180px){
    html[lang="en"] nav.main{display:none}
    html[lang="en"] .mnav{display:block}
  }
  .mand-lijst{list-style:none;padding:0;margin:0;display:grid;gap:12px;
              grid-template-columns:minmax(0,1fr)}
  .mand-regel:focus-visible,.mand-leeg h2:focus-visible,.mand-blok:focus-visible{
    outline:3px solid var(--brand-600);outline-offset:2px}
  body:has(#mand-lijst) .pkop,
  body:has(.kassa-stap) .pkop,
  body:has(.bon-vlak) .pkop{padding:20px 0 18px}
  body:has(#mand-lijst) .pkop h1,
  body:has(.kassa-stap) .pkop h1,
  body:has(.bon-vlak) .pkop h1{font-size:clamp(24px,3vw,32px)}
  body:has(#mand-lijst) .pkop .plead,
  body:has(.kassa-stap) .pkop .plead,
  body:has(.bon-vlak) .pkop .plead{display:none}
  body:has(#mand-lijst) .pkop .kruimel,
  body:has(.kassa-stap) .pkop .kruimel,
  body:has(.bon-vlak) .pkop .kruimel{display:none}
  .mand-regel{
    border:1.5px solid var(--line);border-radius:16px;padding:16px 18px;
    background:var(--surface);box-shadow:var(--shadow-sm);
  }
  .mr-tegel{
    width:46px;height:46px;border-radius:13px;background:var(--brand-700);color:#fff;
    display:grid;place-items:center;font-weight:800;font-size:15px;letter-spacing:.02em;
    flex-shrink:0;
  }
  .mb-rij .mr-tegel{width:38px;height:38px;border-radius:11px;font-size:13px}
  .mr-kop{display:flex;gap:14px;align-items:center}
  .mr-kop > div:first-child{min-width:0}
  .mr-kop b{font-size:17px;letter-spacing:-.01em;display:block}
  .mr-blok{font-size:12.5px;color:var(--ink-faint);margin-right:10px}
  .mr-wat{font-size:13.5px;color:var(--action-text);font-weight:650}
  .mr-prijs{margin-left:auto;font-size:19px;font-weight:700;white-space:nowrap;
            font-variant-numeric:tabular-nums;text-align:right}
  .mr-datum{display:block;font-size:12.5px;color:var(--ink-faint);margin-top:2px}
  .mr-groep{border:0;margin:12px 0 0;padding:0;min-width:0}
  .mr-groep legend{font-weight:650;font-size:14.5px;margin-bottom:8px;padding:0}
  .mr-gkeus{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:var(--radius);
    padding:10px 12px;margin-top:8px;cursor:pointer;background:var(--surface)}
  .mr-gkeus:has(input:checked){border-color:var(--action);background:var(--action-050)}
  .mr-gkeus:has(input:focus-visible){outline:3px solid var(--brand-600);outline-offset:2px}
  .mr-gkeus input{accent-color:var(--action);width:18px;height:18px;flex-shrink:0;margin:0}
  .mr-gkeus span{display:flex;flex-direction:column;min-width:0}
  .mr-gkeus b{font-size:14.5px}
  .mr-gkeus small{font-size:13px;color:var(--ink-soft)}
  .mr-papier{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 12px;
             border:1.5px solid var(--line);border-radius:10px;background:var(--surface);
             font-size:14.5px;cursor:pointer}
  .mr-papier:has(input:checked){border-color:var(--action);background:var(--action-050)}
  .mr-papier:has(input:focus-visible){outline:3px solid var(--brand-600);outline-offset:2px}
  .mr-papier input{accent-color:var(--action);width:18px;height:18px;flex-shrink:0;margin:0}
  .mr-papier b{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap}
  .mr-niet,.mr-mist{margin:12px 0 0;font-size:14px;color:var(--ink)}
  .mr-mist{font-weight:650;color:var(--amber-text)}
  .mr-upsell .mr-los{color:var(--ink);font-weight:650;margin-top:4px}
  .mand-meer{display:inline-block;margin-top:14px;color:var(--action-text);
             font-weight:650;font-size:14.5px}
  .mand-meer[hidden]{display:none}
  .mz-bespaar{font-size:14.5px;font-weight:700;margin:12px 0 0;color:#fff;
              background:rgba(255,255,255,.14);border-radius:10px;padding:9px 12px}
  .mz-bespaar[hidden]{display:none}
  .mr-upsell{
    margin-top:13px;display:flex;gap:14px;align-items:center;
    border:1.5px solid var(--amber-100);background:var(--amber-050);border-radius:12px;
    padding:12px 14px;
  }
  .mr-upsell b{font-weight:700}
  .mr-upsell small{display:block;font-size:12.5px;color:var(--ink-soft);margin-top:2px}
  .mr-up-knop{
    margin-left:auto;flex-shrink:0;background:var(--surface);color:var(--action-text);
    border:1.5px solid var(--action);
    border-radius:12px;padding:11px 16px;font:inherit;font-size:16px;font-weight:700;
    cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums;
  }
  .mr-up-knop:hover{background:var(--action-050)}
  .mr-up-knop:focus-visible{outline:3px solid var(--brand-600);outline-offset:2px}
  .mb-lijst{list-style:none;padding:0;margin:6px 0 0;display:grid;gap:8px}
  .mb-rij{display:flex;align-items:center;gap:12px;background:var(--surface);
          border:1px solid var(--line);border-radius:11px;padding:11px 13px}
  .mb-naam{font-weight:650;display:block}
  .mb-blok{font-size:12px;color:var(--ink-faint);margin-right:8px}
  .mb-wat{font-size:12.5px;color:var(--action-text);font-weight:650}
  .mb-plus{
    margin-left:auto;flex-shrink:0;background:var(--surface);color:var(--action-text);
    border:1.5px solid var(--action);
    border-radius:12px;padding:9px 14px;font:inherit;font-size:15px;font-weight:700;
    cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums;
  }
  .mb-plus:hover{background:var(--action-050)}
  .mb-plus:focus-visible{outline:3px solid var(--brand-600);outline-offset:2px}
  .mb-alles{
    display:block;width:100%;margin:10px 0 0;background:var(--surface);color:var(--action-text);
    border:1.5px solid var(--action);border-radius:12px;padding:12px 16px;
    font:inherit;font-size:16px;font-weight:700;cursor:pointer;font-variant-numeric:tabular-nums;
  }
  .mb-alles:hover{background:var(--action-050)}
  .mb-alles:focus-visible{outline:3px solid var(--brand-600);outline-offset:2px}
  .mr-enige-groep{margin:12px 0 0;font-size:14.5px;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline}
  .mr-enige-groep span{color:var(--ink-soft)}
  .mr-enige-groep small{color:var(--ink-faint);font-size:12.5px}
  .mr-weg{font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:underline;
    text-underline-offset:3px;background:none;border:0;padding:8px 0 0;
          cursor:pointer;text-decoration:underline;text-underline-offset:3px}
  .mand-blok{
    margin-top:16px;border:1.5px solid var(--line);border-radius:14px;
    padding:16px 18px;background:var(--surface);
  }
  .mand-blok b{display:block;margin-bottom:4px}
  .mand-blok p{font-size:14.5px;color:var(--ink-soft);margin:0 0 8px}
  .mand-blok-link{color:var(--action-text);font-weight:650;font-size:14.5px}
  .mand-stappen{display:flex;gap:8px;align-items:center;margin:0 0 16px;
                font-size:13.5px;font-weight:650}
  .mstap{display:flex;align-items:center;gap:7px;color:var(--ink-faint);white-space:nowrap}
  .mstap i{font-style:normal;width:24px;height:24px;border-radius:50%;
           display:grid;place-items:center;background:var(--sand);
           color:var(--ink-faint);border:1.5px solid var(--line);
           font-size:12px;font-weight:700;flex-shrink:0}
  .mstap.aan{color:var(--ink)}
  .mstap.aan i{background:var(--brand-700);color:#fff;border-color:var(--brand-700)}
  .mlijn{flex:0 1 60px;min-width:14px;height:2px;background:var(--line);border-radius:2px}
  @media(max-width:480px){
    .mstap:not(.aan){font-size:0;gap:0}
    .mstap:not(.aan) i{font-size:12px}
  }
  .mand-kolom{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;align-items:start}
  .mand-zij{
    position:sticky;top:84px;border-radius:16px;padding:20px;color:#fff;
    background:linear-gradient(120deg,var(--brand-700),var(--brand-600) 70%,var(--brand-550));
    box-shadow:0 12px 30px rgba(94,33,99,.32);
  }
  .mz-label{display:block;font-size:13px;color:rgba(255,255,255,.85)}
  .mz-groot{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.1;
            font-variant-numeric:tabular-nums}
  .mz-balk{height:7px;border-radius:99px;background:rgba(255,255,255,.25);
           margin-top:12px;overflow:hidden}
  .mz-balk i{display:block;height:100%;width:0;background:#fff;border-radius:99px;
             transition:width .3s ease}
  @media(prefers-reduced-motion:reduce){ .mz-balk i{transition:none} }
  .mz-vgt{font-size:12.5px;color:rgba(255,255,255,.9);margin:7px 0 0;font-weight:650}
  .mz-rijen{list-style:none;margin:12px 0 0;padding:10px 0 0;
            border-top:1px solid rgba(255,255,255,.28);display:grid;gap:4px}
  .mz-rijen:empty{display:none}
  .mz-rijen li{display:flex;justify-content:space-between;gap:12px;
               font-size:14px;color:rgba(255,255,255,.85)}
  .mz-rijen li span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
  .mz-knop{display:flex;justify-content:space-between;gap:12px;margin-top:14px}
  .mz-knop .mand-totaal{font-variant-numeric:tabular-nums}
  .mz-zeker{font-size:12px;color:rgba(255,255,255,.8);margin:10px 0 0;text-align:center}
  .mand-cta{position:sticky;bottom:12px;z-index:40;margin-top:16px}
  .mand-cta .btn{display:flex;justify-content:space-between;align-items:center;
                 width:100%;box-shadow:0 12px 26px rgba(42,107,48,.35)}
  .mand-cta .mand-totaal{font-variant-numeric:tabular-nums}
  @media(min-width:900px){ .mand-cta{display:none} }
  .mand-kassa{margin-top:12px;font-size:13px;color:var(--ink-faint)}
  .mand-leeg{text-align:center;padding:30px 0 10px}
  .mand-vervallen{background:var(--brand-050);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;margin:0 0 18px;color:var(--ink)}
  .mand-vervallen[hidden]{display:none}
  .mand-leeg p{color:var(--ink-soft);margin:10px 0 20px}
  body:has(#inlog-kaart) .pkop{padding:20px 0 18px}
  body:has(#inlog-kaart) .pkop h1{font-size:clamp(24px,3vw,32px)}
  body:has(#inlog-kaart) .pkop .plead{display:none}
  .inlog{
    border-radius:16px;padding:clamp(28px,6vw,56px) 18px;
    display:grid;place-items:center;
    background:linear-gradient(120deg,var(--brand-700),var(--brand-600) 70%,var(--brand-550));
    box-shadow:0 12px 30px rgba(94,33,99,.32);
  }
  .inlog-kaart{
    background:var(--surface);border-radius:20px;padding:30px 28px;
    width:min(420px,100%);box-sizing:border-box;box-shadow:var(--shadow-md);
  }
  .iveld{margin-bottom:14px}
  .iveld-rij{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px}
  @media(max-width:380px){ .iveld-rij{grid-template-columns:minmax(0,1fr)} }
  .iveld label{display:block;font-weight:650;font-size:15px;margin-bottom:6px}
  .iveld input{
    width:100%;box-sizing:border-box;border:1.5px solid var(--line);
    border-radius:12px;padding:13px 14px;font:inherit;font-size:16px;
    background:var(--surface);color:var(--ink);
  }
  .iveld input:focus-visible{outline:3px solid var(--brand-600);outline-offset:1px}
  .iww{position:relative}
  .iww input{padding-right:84px}
  .itoon{
    position:absolute;right:12px;bottom:13px;background:none;border:0;
    font:inherit;font-size:13.5px;font-weight:650;color:var(--action-text);
    cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:2px;
  }
  .itoon:focus-visible{outline:3px solid var(--brand-600);outline-offset:2px;border-radius:6px}
  .ivergeten{
    display:block;text-align:right;font-size:13.5px;margin:-6px 0 16px;
    color:var(--action-text);font-weight:650;
  }
  .inlog-knop{display:block;width:100%;box-sizing:border-box;text-align:center;white-space:normal}
  .inlog-kop{font-size:22px;margin:0 0 8px}
  .inlog-tekst{color:var(--ink-soft);font-size:15px;line-height:1.55;margin:0 0 18px}
  .ihulp{font-size:14px;margin:12px 0 0}
  .ihulp a{color:var(--action-text);font-weight:650}
  .account-sso{padding:6px 0 2px}
  .account-sso .inlog-kop{font-size:26px;line-height:1.2;margin:0 0 10px;letter-spacing:-.01em}
  .account-sso .inlog-tekst{font-size:16px;margin:0 0 22px}
  .account-sso .ihulp{margin-top:16px;text-align:center}
  .inlog-melding{background:var(--action-050);color:var(--action-text);border-radius:10px;
                 padding:12px 14px;font-size:14.5px;font-weight:600;margin:0 0 12px}
  @media(max-width:899px){
    .mand-kolom{display:flex;flex-direction:column;gap:14px}
    .mand-zij{order:-1;position:static;width:100%;box-sizing:border-box}
    .mand-hoofd{width:100%;min-width:0}
    .mz-rijen,.mz-knop{display:none}
    #kassa-rijen.mz-rijen{display:block}
    .mz-zeker{text-align:left}
    .mb-lijst{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}
    .mb-rij{flex-direction:column;align-items:stretch;flex-shrink:0;
            min-width:200px;max-width:230px;border-radius:14px;padding:12px;
            border-width:1.5px}
    .mb-plus{margin-left:0;width:100%;margin-top:8px}
  }
  @media(max-width:380px){
    .mr-kop{flex-wrap:wrap;align-items:flex-start}
    .mr-kop > div:first-of-type{flex:1 1 150px}
    .mr-prijs{margin-left:58px;text-align:left;display:flex;align-items:baseline;gap:8px}
    .mr-upsell{flex-wrap:wrap}
    .mr-up-knop{margin-left:0}
  }
  .kassa-kaart{
    background:var(--surface);border:1.5px solid var(--line);border-radius:16px;
    padding:22px;box-shadow:var(--shadow-sm);
  }
  .kassa-sub{font-weight:650;font-size:15px;margin:18px 0 10px}
  .kassa-knop{width:100%;margin-top:6px}
  .mand-stappen .mstap[href]{text-decoration:none;color:var(--action-text)}
  .mand-stappen .mstap[href]:hover{text-decoration:underline;text-underline-offset:3px}
  .wijzen{display:grid;gap:8px;margin-bottom:16px}
  @media(min-width:900px){ .wijzen{grid-template-columns:1fr 1fr} }
  .wijze{
    display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);
    border-radius:12px;padding:12px 14px;cursor:pointer;background:var(--surface);
  }
  .wijze:hover{border-color:var(--action)}
  .wijze:has(input:checked){border-color:var(--action);background:var(--action-050)}
  .wijze input{accent-color:var(--action);width:18px;height:18px;flex-shrink:0}
  .wijze b{font-weight:650}
  .wijze small{display:block;font-size:12.5px;color:var(--ink-soft)}
  .wijze:has(input:focus-visible){outline:3px solid var(--brand-600);outline-offset:2px}
  .bon-vlak{display:grid;place-items:center;padding:8px 0 4px}
  .bon{
    width:min(430px,100%);background:var(--surface);padding:26px 24px 30px;
    filter:drop-shadow(0 14px 28px rgba(43,18,41,.18));
    -webkit-mask:radial-gradient(circle 8px at 10px calc(100% - 2px),transparent 97%,#000) 0 0/20px 100%;
    mask:radial-gradient(circle 8px at 10px calc(100% - 2px),transparent 97%,#000) 0 0/20px 100%;
  }
  .bon-kop{text-align:center;border-bottom:2px dashed var(--line);padding-bottom:14px;margin-bottom:10px}
  .bon-kop b{font-size:19px;letter-spacing:-.01em}
  .bon-kop small{display:block;color:var(--ink-faint);font-size:12.5px;margin-top:3px}
  .bon-lijst{list-style:none;margin:0;padding:0}
  .bon-lijst li{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;padding:7px 0}
  .bon-lijst li span:last-child{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
  .bon-totaal{border-top:2px dashed var(--line);margin-top:10px;padding-top:12px;
              display:flex;justify-content:space-between;font-size:18px;font-weight:700}
  .bon-btw{color:var(--ink-faint);font-size:12px;text-align:right;margin:4px 0 0}
  .bon-terug{text-align:center;margin-top:18px;font-size:14.5px}
  .bon-terug a{color:var(--action-text);font-weight:650}
  .bon-docs{width:min(430px,100%);text-align:center;margin-top:24px;padding:20px 22px 22px;
            background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}
  .bon-docs h2{font-size:19px;margin:0 0 6px}
  .bon-docs p{color:var(--ink-soft);font-size:14.5px;margin:0 0 16px}
  .bon-docs p:last-child{margin-bottom:0}
  .bon-vlak .bon-uitleg{max-width:420px;text-align:center;color:var(--ink-soft);
                        font-size:14.5px;margin:16px auto 0}
  .kassa-voor{font-size:14.5px;color:var(--ink-soft);margin:0 0 16px;padding-bottom:14px;
              border-bottom:1.5px solid var(--line-soft);overflow-wrap:anywhere}
  .kassa-voor b{color:var(--ink)}
  .kassa-voor a{color:var(--action-text);font-weight:650;margin-left:4px}
  .kvink{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.5;
         margin:0 0 12px;cursor:pointer}
  .kvink input{accent-color:var(--action);width:18px;height:18px;flex-shrink:0;margin:2px 0 0}
  .kvink input:focus-visible{outline:3px solid var(--brand-600);outline-offset:2px}
  .kvink a{color:var(--action-text)}
  .kassa-fout{background:var(--amber-050);border-left:3px solid var(--amber);
              color:var(--amber-text);border-radius:10px;padding:12px 14px;
              font-size:14.5px;font-weight:600;margin:0 0 12px}
  .kassa-knop[aria-busy="true"]{opacity:.8;cursor:progress}
  .kassa-leeg p{margin:0 0 16px;color:var(--ink-soft)}
  .uitslag{max-width:520px;margin:8px auto 0}
  .uitslag p{margin:0 0 16px;line-height:1.6}
  .uitslag .uitslag-mand{text-align:center;margin:14px 0 0;font-size:14.5px}
  .uitslag .uitslag-mand a{color:var(--action-text);font-weight:650}
  .bon-vlak[hidden],.kassa-kaart[hidden],.mand-zij[hidden],.kassa-voor[hidden],
  .kassa-fout[hidden],.bon-nr[hidden],#k-adres[hidden]{display:none}
  .kiezer-spot::before{
    content:"";position:fixed;inset:0;z-index:150;
    background:rgba(43,18,41,.42);
    -webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);
  }
  .kiezer-spot .kiezer{position:relative;z-index:160}
  .li-open{display:block}
  .vakkiezer{
    border:1.5px solid var(--action);border-top:0;border-radius:0 0 14px 14px;
    position:relative;margin:-2px 0 4px;padding:16px 16px 14px;background:var(--surface);
  }
  .vk-stapje{font-size:13.5px;font-weight:700;margin:0 0 8px;display:flex;
             align-items:baseline;gap:8px}
  .vk-stapje i{font-style:normal;background:var(--brand-050);color:var(--brand-700);
               font-size:11px;border-radius:999px;padding:2px 8px;font-weight:700}
  .vk-pak-klein .kv-pak{padding:14px 13px 12px}
  .vk-pak-klein .kv-naam{font-size:15.5px}
  .vk-pak-klein .kv-prijs{font-size:22px;margin-top:8px}
  .vk-pak-klein .kv-voor{min-height:0}
  .vk-onder{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
  .vk-chips-klein{gap:10px;margin:0 0 12px}
  .vk-chips-klein .kv-chip[data-vorm="tentamen"]{--band:var(--kleur-tentamentraining);--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%224%22%20width=%2218%22%20height=%2212%22%20rx=%221.5%22/%3E%3Cpath%20d=%22M8%2021l4-5%204%205M7%209h6M7%2012h9%22/%3E%3C/svg%3E")}
  .vk-chips-klein .kv-chip[data-vorm="stoom"]{--band:var(--brand-550);--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M13%202L4%2014h7l-1%208%209-12h-7z%22/%3E%3C/svg%3E")}
  .vk-chips-klein .kv-chip[data-vorm="superstoom"]{--band:var(--brand-900);--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M9%202L3%2012h5l-1%207%206-9H8zM17%207l-4%206h4l-1%205%205-7h-4z%22/%3E%3C/svg%3E")}
  .vk-chips-klein .kv-chip[data-vorm="oefen"]{--band:var(--brand-050);--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M10%206h10M10%2012h10M10%2018h10M3.5%206l1.5%201.5%202.5-3M3.5%2012l1.5%201.5%202.5-3M3.5%2018l1.5%201.5%202.5-3%22/%3E%3C/svg%3E");--ik-kleur:var(--brand-700);--rondje-rand:rgba(94,33,99,.4)}
  .vk-chips-klein .kv-chip[data-vorm="stream"]{--band:linear-gradient(120deg,var(--amber-strong),var(--kleur-stream));--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229.5%22/%3E%3Cpath%20d=%22M10%208.5l5.5%203.5-5.5%203.5z%22/%3E%3C/svg%3E")}
  .vk-chips-klein .kv-chip{
    --bandbreed:46px;--ik-kleur:#fff;--rondje-rand:rgba(255,255,255,.75);
    display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;
    overflow:hidden;min-height:76px;padding:12px 14px 12px 60px;border:1px solid var(--line);
    border-radius:16px;background:var(--surface);box-shadow:0 1px 2px rgba(43,18,41,.06);
    text-align:left;font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--ink);
    transition:transform .18s,box-shadow .18s,border-color .18s;
  }
  .vk-chips-klein .kv-chip small{margin:0;font-size:13px;font-weight:400;letter-spacing:0;color:var(--ink-faint);opacity:1}
  .vk-chips-klein .kv-band{position:absolute;left:0;top:0;bottom:0;width:var(--bandbreed);
    background:radial-gradient(180% 120% at 0% 0%,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),var(--band)}
  .vk-chips-klein .kv-ik{position:absolute;left:50%;top:14px;width:20px;height:20px;margin:0 0 0 -10px;
    background:var(--ik-kleur);-webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat}
  .vk-chips-klein .kv-rondje{position:absolute;left:13px;bottom:12px;box-sizing:border-box;width:20px;height:20px;
    border-radius:50%;border:2px solid var(--rondje-rand)}
  .vk-chips-klein .kv-rondje::after{content:"";position:absolute;inset:0;background:var(--action-text);
    -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2012%2012%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M2.5%206.2l2.3%202.3%204.7-5%22/%3E%3C/svg%3E") center/11px no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2012%2012%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M2.5%206.2l2.3%202.3%204.7-5%22/%3E%3C/svg%3E") center/11px no-repeat;opacity:0}
  .vk-chips-klein .kv-chip:hover{border-color:var(--line);transform:translateY(-3px);box-shadow:0 14px 30px rgba(43,18,41,.14)}
  .vk-chips-klein .kv-chip.aan{border-color:var(--action);background:var(--surface);color:var(--ink);
    box-shadow:0 0 0 2px var(--action),0 16px 34px rgba(65,151,69,.2)}
  .vk-chips-klein .kv-chip.aan small{color:var(--ink-faint);opacity:1}
  .vk-chips-klein .kv-chip.aan .kv-rondje{border:0;background:var(--surface)}
  .vk-chips-klein .kv-chip.aan .kv-rondje::after{opacity:1}
  .vk-chips-klein .cap{display:inline-flex;width:max-content;margin:9px 0 0;gap:6px;border-radius:999px;
    padding:4px 10px 4px 8px;background:var(--sand);font-size:11.5px;font-weight:700;line-height:1.3;
    letter-spacing:0;white-space:nowrap}
  .vk-chips-klein .cap::before{width:7px;height:7px}
  .vk-chips-klein .cap-open{background:var(--action-050);color:var(--action-text)}
  .vk-chips-klein .cap-bijna-vol{background:var(--geel-050);color:var(--geel-text)}
  .vk-chips-klein .cap-laatste-plekken{background:var(--amber-050);color:var(--amber-text-op-tint)}
  .vk-chips-klein .cap-vol{background:var(--rood-050);color:var(--rood-text)}
  @media(min-width:561px){
    .vk-chips-klein{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
    .vk-chips-klein:has(> .kv-chip:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
    .vk-chips-klein:has(> .kv-chip:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}
    .vk-chips-klein:has(> .kv-chip:nth-child(5):last-child) > .kv-chip{grid-column:span 2}
    .vk-chips-klein:has(> .kv-chip:nth-child(5):last-child) > .kv-chip:nth-child(n+4){grid-column:span 3}
  }
  @media(max-width:560px){
    .vk-chips-klein{display:flex;flex-direction:column;gap:8px;margin:0 0 10px}
    .vk-chips-klein .kv-chip{--bandbreed:40px;min-height:58px;padding:9px 42px 9px 52px;font-size:15px;gap:2px}
    .vk-chips-klein .kv-chip small{font-size:12.5px}
    .vk-chips-klein .kv-chip:has(.cap) small{display:none}
    .vk-chips-klein .kv-ik{top:50%;width:20px;height:20px;margin:-10px 0 0 -10px}
    .vk-chips-klein .kv-rondje{left:auto;bottom:auto;right:12px;top:50%;width:22px;height:22px;margin-top:-11px;
      border-color:var(--line);background:var(--surface)}
    .vk-chips-klein .kv-rondje::after{-webkit-mask-size:12px;mask-size:12px}
    .vk-chips-klein .kv-chip[data-vorm="oefen"] .kv-rondje{border-color:var(--rondje-rand)}
    .vk-chips-klein .kv-chip.aan .kv-rondje{background:var(--action)}
    .vk-chips-klein .kv-chip.aan .kv-rondje::after{background:#fff}
    .vk-chips-klein .kv-chip:hover{transform:none}
    .vk-chips-klein .cap{margin-top:4px;padding:2px 8px 2px 6px;font-size:11px}
  }
  @media(prefers-reduced-motion:reduce){
    .vk-chips-klein .kv-chip{transition:none}
    .vk-chips-klein .kv-chip:hover{transform:none}
  }
  .vk-vertel{margin:16px 0 0}
  .vk-verg{margin:8px 0 16px}
  .vv-opbouw > summary{list-style:none}
  .vv-opbouw > summary::-webkit-details-marker{display:none}
  @media(min-width:561px){ .vv-opbouw > summary{pointer-events:none} }
  @media(min-width:701px){
    .vv-kolom > .vv-opbouw{grid-column:1;grid-row:1}
    .vv-kolom > .vv-krijgt{grid-column:2;grid-row:1}
  }
  @media(max-width:560px){
    .vv-opbouw{border-top:1px solid var(--line);margin-top:4px;padding-top:8px}
    .vv-opbouw > summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;
      margin:0;padding:6px 0;min-height:32px}
    .vv-opbouw > summary::after{content:"+";font-size:18px;letter-spacing:0;color:var(--action-text)}
    .vv-opbouw[open] > summary::after{content:"\2212"}
    .vv-opbouw .vv-route{margin-top:6px}
  }
  .vt-balk{display:none}
  @media(max-width:820px){
    .vt-balk{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;align-items:center;gap:12px;
      background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(43,18,41,.12);
      padding:10px 16px calc(10px + env(safe-area-inset-bottom));
      transform:translateY(110%);transition:transform .22s ease;visibility:hidden}
    .vt-balk.zichtbaar{transform:none;visibility:visible}
    .vt-balk .vt-tekst{min-width:0;flex:1}
    .vt-balk .vt-wat{display:block;font-size:12.5px;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .vt-balk .vt-prijs{display:block;font-size:19px;font-weight:700;letter-spacing:-.02em}
    .vt-balk .btn-primary{flex-shrink:0;font-size:19px;font-weight:700;padding:11px 22px}
  }
  @media(prefers-reduced-motion:reduce){ .vt-balk{transition:none} }
  @media(max-width:560px){
    .uit-kop{position:relative;gap:0;margin-bottom:14px}
    .uit-kop .uit-titel{padding-right:92px}
    .uit-wijzig{position:absolute;top:0;right:0}
    .vakli > .vakrij{padding:11px 13px;gap:10px}
    .vakli > .vakrij .vn2{font-size:15px;line-height:1.3}
  }
  @media(max-width:560px){
    .vakkiezer{padding:12px 12px 12px}
    .vk-vertel{padding:12px 12px}
    .vk-vertel .vv-kolom{gap:6px 0;margin-top:10px}
    .vk-vertel .vv-route li{padding-bottom:10px}
    .vk-vertel .vv-krijgt{padding:10px 12px}
    .vk-vertel .vv-krijgt li{margin-bottom:4px}
    .vk-pak-klein{gap:10px}
    .vk-pak-klein .kv-pak{display:grid;grid-template-columns:minmax(0,1fr) auto;
                          column-gap:12px;align-items:start;padding:12px 12px 10px}
    .vk-pak-klein .kv-naam{grid-column:1 / -1;grid-row:1;margin:0}
    .vk-pak-klein .kv-voor{grid-column:1;grid-row:2 / span 2;margin:3px 0 0}
    .vk-pak-klein .kv-prijs{grid-column:2;grid-row:2;margin:3px 0 0;text-align:right;line-height:1.1}
    .vk-pak-klein .kv-uur{grid-column:2;grid-row:3;margin:2px 0 0;text-align:right;white-space:nowrap}
    .vk-pak-klein .kv-oud{grid-column:1 / -1;grid-row:4;margin:6px 0 0;min-height:0}
    .vk-pak-klein .kv-oud:empty{display:none}
    .vk-pak-klein .kv-regels{grid-column:1 / -1;grid-row:5;margin-top:8px;gap:4px}
  }
  .vk-alleen-sv{
    font-size:13.5px;font-weight:650;color:var(--action-text);background:none;
    border:0;padding:6px 0;cursor:pointer;text-decoration:underline;
    text-underline-offset:3px;
  }
  .vk-voegtoe{margin-left:auto}
  .vk-weg{font-size:13px;color:var(--ink-faint);background:none;border:0;
          padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
  .vm2-keuze{color:var(--action-text);font-weight:650;font-size:13px;margin-top:2px}
  @media(max-width:640px){
    .vk-pak-klein{grid-template-columns:1fr}
    .vk-voegtoe{margin-left:0;flex-basis:100%;text-align:center}
  }
  .mand{
    margin-top:14px;background:linear-gradient(120deg,var(--brand-700),var(--brand-600) 70%,var(--brand-550));border-radius:14px;padding:15px 18px;
    display:flex;align-items:center;gap:14px;color:#fff;flex-wrap:wrap;
    box-shadow:0 10px 26px rgba(94,33,99,.35);
    position:sticky;bottom:14px;z-index:60;scroll-margin-top:96px;
  }
  .mand.tik{animation:mand-tik .5s cubic-bezier(.3,1.3,.5,1)}
  @keyframes mand-tik{35%{transform:scale(1.03)}}
  @media(prefers-reduced-motion:reduce){ .mand.tik{animation:none} }
  .mand[hidden]{display:none}
  .mand-stappen[hidden]{display:none}
  .mand-cta[hidden]{display:none}
  .m-l{font-size:13.5px;color:rgba(255,255,255,.85);line-height:1.45;min-width:0}
  .m-l b{display:block;color:#fff;font-size:15px;font-weight:650}
  .m-l span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34em}
  .m-tot{margin-left:auto;font-size:23px;font-weight:700;letter-spacing:-.02em;
         font-variant-numeric:tabular-nums}
  .mand .btn-primary{flex-shrink:0}
  .m-rest{flex-basis:100%;border-top:1px solid rgba(255,255,255,.24);padding-top:11px;
          font-size:13px;color:rgba(255,255,255,.85);line-height:1.5}
  .m-rest b{color:#fff;font-weight:600}
  @media(max-width:899px){
    .mand{position:sticky;bottom:10px;z-index:60}
  }
  @media(max-width:560px){
    .vakli{flex-direction:column;gap:6px}
    .kies{align-self:stretch}
    .m-tot{margin-left:0}
    .mand .btn-primary{flex-basis:100%;text-align:center}
  }
  .vakrij{
    display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;
    border:1.5px solid var(--line);border-radius:14px;padding:13px 15px;background:var(--surface);
    transition:transform .14s cubic-bezier(.2,.7,.3,1),border-color .14s,box-shadow .14s;
  }
  .vakrij:hover{border-color:var(--action);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
  .vakrij .vn2{font-weight:680;font-size:15.5px;letter-spacing:-.008em}
  .vakrij .vm2{font-size:13px;color:var(--ink-faint);margin-top:3px;display:flex;gap:8px;flex-wrap:wrap}
  .vakrij .vormen{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}
  .vorm{
    font-size:11.5px;font-weight:650;padding:3px 8px;border-radius:6px;
    background:var(--brand-050);color:var(--brand-700);
  }
  .vorm.live{background:var(--action-050);color:var(--action-text)}
  .vakrij .prijs{text-align:right;flex-shrink:0}
  .vakrij .prijs .vanaf{display:block;font-size:11.5px;color:var(--ink-faint);font-weight:600}
  .vakrij .prijs .bedrag{display:block;font-size:18px;font-weight:800;letter-spacing:-.025em}
  .vakrij .prijs .pijl{
    display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;
    border-radius:50%;background:var(--action);color:#fff;font-size:15px;margin-top:6px;
  }
  .uit-alles{
    display:block;text-align:center;margin-top:16px;font-size:14px;font-weight:650;
    color:var(--action-text);text-decoration:underline;text-underline-offset:3px;
  }
  @media(max-width:700px){
    .hero-mid{text-align:left}
    .hero-tekst .lead{margin:0}
    .h1-vormen{letter-spacing:-.03em}
    .h1-vormen .regel{white-space:normal}
    .kiezer{padding:22px 18px 20px;border-radius:20px}
    .hero-proof{justify-content:flex-start;font-size:13px}
    .uit-kop{flex-direction:column;gap:10px}
    .vakrij{grid-template-columns:1fr auto;gap:10px}
    .vakrij .prijs .bedrag{font-size:16.5px}
  }
  .tegel-grid{display:grid;gap:9px;grid-template-columns:repeat(var(--kol,5),1fr)}
  .tegel{
    border:1.5px solid var(--line);border-radius:14px;background:var(--surface);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    padding:12px 8px;text-align:center;
    text-decoration:none;color:inherit;cursor:pointer;
    transition:transform .14s cubic-bezier(.2,.7,.3,1),border-color .14s,background .14s,box-shadow .14s;
  }
  .tegel:hover{
    border-color:var(--action);background:var(--action-050);
    box-shadow:var(--shadow-sm);
  }
  .tegel.uni{padding:15px 8px 13px}
  .tegel .kort{
    font-size:clamp(20px,2vw,24px);font-weight:800;letter-spacing:-.035em;
    color:var(--brand-700);line-height:1;
  }
  .tegel .stad{font-size:12.5px;font-weight:620;color:var(--ink-soft);line-height:1.15;margin-top:5px}
  .tegel.uni:hover .kort{color:var(--action-text)}
  .tegel.studie{
    min-height:0;padding:13px 15px;gap:0;
    align-items:flex-start;justify-content:center;text-align:left;
  }
  .tegel-grid.lang{
    max-height:min(52vh,392px);overflow-y:auto;padding:2px 4px 2px 2px;
    scrollbar-width:thin;border-bottom:1px solid var(--line);
  }
  .tegel .naam2{
    font-size:14.5px;font-weight:650;color:var(--ink);line-height:1.3;
    letter-spacing:-.006em;hyphens:none;
  }
  .tegel.studie:hover .naam2{color:var(--action-text)}
  .tegel.jaar{aspect-ratio:5/3}
  .tegel .jr{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.015em}
  .tegel.jaar:hover .jr{color:var(--action-text)}
  @media(max-width:820px){
    .tegel-grid{grid-template-columns:repeat(var(--kol-md,4),1fr)}
  }
  @media(max-width:560px){
    .tegel-grid{grid-template-columns:repeat(var(--kol-sm,3),1fr);gap:7px}
    .tegel{border-radius:12px;padding:10px 6px}
    .tegel .stad{font-size:12px}
    .tegel.studie{padding:12px 13px}
    .tegel .naam2{font-size:13.5px}
    .tegel .jr{font-size:14.5px}
  }
  .hidden{display:none}
  @media(max-width:1180px){
    nav.main{display:none}
    .mnav{display:block}
  }
  @media(max-width:940px){
    .hero-grid{grid-template-columns:1fr;gap:36px}
    .steps{grid-template-columns:1fr}
    .unis{grid-template-columns:repeat(2,1fr)}
    .two{grid-template-columns:minmax(0,1fr)}
    .next-up{grid-template-columns:minmax(0,1fr)}
    .opt{grid-template-columns:40px 1fr;row-gap:10px}
    .opt .right{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}
    .fmt-grid{grid-template-columns:repeat(2,1fr)}
    .fmt-detail{grid-template-columns:1fr;gap:22px}
  }
  .h1-stijl{font-size:clamp(34px,4.4vw,50px);line-height:1.12;letter-spacing:-.022em;font-weight:var(--w-h1)}
  .card-head > a{display:inline-block;padding:4px 2px;min-height:24px}
  .alleen-voorlezen{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;
    overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
  }
  .pk-geenjs{
    font-size:14.5px;line-height:1.55;color:var(--ink-soft);
    background:var(--amber-050);border:1px solid var(--amber-100);
    border-radius:10px;padding:12px 14px;margin-top:14px;
  }
body:has(.wa-held) .pkop{padding:26px 0 22px}
body:has(.wa-held) .pkop h1{font-size:clamp(22px,2.6vw,28px)}
body:has(.wa-held) .pkop .plead{display:none}
body:has(.wa-held) .pbody{padding-top:44px}
.wa-held{text-align:center;max-width:640px;margin:0 auto 30px}
.wa-ey{font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--amber-text);margin:0 0 10px}
.wa-held h2{font-size:clamp(30px,4.6vw,44px);font-weight:var(--w-h2);letter-spacing:-.025em;
  line-height:1.08;margin:0 0 14px}
.wa-onder{box-shadow:inset 0 -0.32em 0 var(--action-050);border-bottom:3px solid var(--action)}
.wa-intro{font-size:16.5px;line-height:1.65;color:var(--ink-soft);margin:0}
.wa-ballonnen{display:grid;gap:10px;max-width:640px;margin:0 auto 26px;justify-items:start}
.wa-bal{position:relative;background:#fff;border-radius:14px;border-top-left-radius:4px;
  padding:9px 14px;font-size:15px;font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,.13)}
.wa-bal::before{content:"";position:absolute;left:-7px;top:0;border:8px solid transparent;
  border-top-color:#fff;border-right-color:#fff}
.wa-bal small{float:right;margin:9px -4px -4px 12px;font-size:11px;font-weight:600;color:#54656F}
.wa-bal small .vinkjes{color:#34B7F1;font-weight:800;letter-spacing:-.18em}
.wa-bal.rechts{justify-self:end;background:#DCF8C6;border-top-left-radius:14px;border-top-right-radius:4px}
.wa-bal.rechts::before{left:auto;right:-7px;border-top-color:#DCF8C6;
  border-right-color:transparent;border-left-color:#DCF8C6}
.wa-typ3{justify-self:end;display:inline-flex;gap:4px;background:#DCF8C6;border-radius:14px;
  border-top-right-radius:4px;padding:12px 13px;box-shadow:0 1px 2px rgba(0,0,0,.13)}
.wa-typ3 i{width:6px;height:6px;border-radius:50%;background:#5F8f66;animation:wa-tik3 1.1s infinite}
.wa-typ3 i:nth-child(2){animation-delay:.18s}
.wa-typ3 i:nth-child(3){animation-delay:.36s}
@keyframes wa-tik3{30%{transform:translateY(-3px);opacity:1}60%{opacity:.4}}
.wa-js .wa-ballonnen .wa-bal,.wa-js .wa-ballonnen .wa-typ3{opacity:0}
.wa-js .wa-ballonnen.in .wa-bal{animation:wa-plop .4s cubic-bezier(.3,1.4,.5,1) forwards}
.wa-js .wa-ballonnen.in .b1{animation-delay:.15s}
.wa-js .wa-ballonnen.in .b2{animation-delay:.9s}
.wa-js .wa-ballonnen.in .wa-typ3{animation:wa-typaan 1.5s linear 1.6s forwards}
.wa-js .wa-ballonnen.in .b3{animation-delay:3.1s}
@keyframes wa-plop{from{opacity:0;transform:scale(.7) translateY(10px)}to{opacity:1;transform:none}}
@keyframes wa-typaan{0%{opacity:0}8%{opacity:1}86%{opacity:1}100%{opacity:0;height:0;padding:0;margin:0}}
@media(prefers-reduced-motion:reduce){
  .wa-js .wa-ballonnen .wa-bal{opacity:1;animation:none}
  .wa-js .wa-ballonnen .wa-typ3{display:none}
  .wa-typ3 i{animation:none}
}
.wa-chatkaart{border-radius:20px;overflow:hidden;border:1.5px solid var(--line);
  box-shadow:var(--shadow-lg);margin:0 0 22px}
.wac-kop{display:flex;align-items:center;gap:13px;background:#075E54;color:#fff;
  padding:13px 18px}
.wac-kop::before{content:"\2039";font-size:26px;line-height:1;margin-right:-4px;opacity:.9}
.wac-app{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;
  place-items:center;flex:none}
.wac-app .wa-icoon{width:26px;height:26px;color:#25D366}
.wac-kop b{display:block;font-size:16px}
.wac-kop small{font-size:12.5px;color:#fff}
.wac-lijf{background:#ECE5DD;padding:16px;
  background-image:radial-gradient(rgba(60,40,20,.06) 1.2px, transparent 1.2px);
  background-size:16px 16px}
.wac-vast{margin:0 auto 14px;max-width:34em;text-align:center;font-size:13px;line-height:1.5;
  background:#FFF3C2;border-radius:10px;box-shadow:0 1px 1px rgba(0,0,0,.08);
  padding:8px 14px;color:#54503B}
.wac-lijst{list-style:none;margin:0;padding:0;background:#fff;border-radius:14px;
  box-shadow:0 1px 2px rgba(0,0,0,.09);overflow:hidden}
.wac-uni{display:flex;justify-content:center;padding:12px 0 6px}
.wac-uni span{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:#54656F;background:#F0F2F5;border-radius:8px;padding:4px 12px;
  box-shadow:0 1px 1px rgba(0,0,0,.06)}
a.wac-rij{display:flex;align-items:center;gap:13px;padding:11px 15px;color:inherit;
  text-decoration:none;transition:background .12s}
a.wac-rij:hover{background:#F5F6F6}
.wac-join{flex:none;font-size:13.5px;font-weight:800;color:#fff;background:#075E54;
  border-radius:100px;padding:8px 16px;box-shadow:0 2px 0 rgba(0,0,0,.15)}
a.wac-rij:hover .wac-join{background:#0A7265}
li + li > a.wac-rij{border-top:1px solid #F0F2F5}
.wac-avatar{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;
  background:var(--brand-050);color:var(--brand-700);font-weight:800;font-size:12.5px}
.wac-wie{flex:1;min-width:0}
.wac-wie b{display:block;font-size:15.5px;line-height:1.4;color:#111B21}
.wac-wie small{font-size:12.5px;color:#54656F}
.wac-vinkjes{color:#34B7F1;letter-spacing:-.18em;margin-right:2px}
.wac-pijl{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:#E7F8EF;color:#075E54;font-weight:800;font-size:15px}
.wac-typt{display:flex;align-items:center;gap:9px;margin:14px 4px 12px;font-size:13.5px;
  font-style:italic;color:#075E54;font-weight:650}
.wac-tikjes{display:inline-flex;gap:3px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.08);
  border-radius:14px;border-bottom-left-radius:4px;padding:8px 10px}
.wac-tikjes i{width:5px;height:5px;border-radius:50%;background:#8696A0;
  animation:wa-tik 1.1s infinite}
.wac-tikjes i:nth-child(2){animation-delay:.18s}
.wac-tikjes i:nth-child(3){animation-delay:.36s}
@keyframes wa-tik{30%{transform:translateY(-3px);opacity:1}60%{opacity:.4}}
@media(prefers-reduced-motion:reduce){ .wac-tikjes i{animation:none} }
.wac-invoer{display:flex;align-items:center;gap:8px}
.wac-veld{flex:1;background:#fff;border-radius:100px;padding:10px 16px;font-size:14px;
  color:#54656F;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.wac-stuur{flex:none;width:40px;height:40px;border-radius:50%;background:#00A884;color:#fff;
  display:grid;place-items:center;font-size:16px;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.wa-hulp{font-size:15px;color:var(--ink-soft);text-align:center;margin:0 0 30px}
.wa-regels{margin:0;padding-left:22px;font-size:14px;line-height:1.7;color:var(--ink-soft)}
@media(max-width:520px){
  .wac-rij{padding:10px 12px;gap:10px}
}
@media(min-width:831px) and (max-width:1380px){
  nav.main{font-size:13.5px}
  nav.main a{padding:6px 2px}
}
header .wrap{max-width:1320px}
nav.main a[href="whatsapp.html"],.mnav-paneel a[href="whatsapp.html"]{
  font-weight:700;display:inline-flex;align-items:center;gap:7px}
nav.main a[href="whatsapp.html"]::before,.mnav-paneel a[href="whatsapp.html"]::before{
  content:"";flex:none;width:17px;height:17px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%2325D366' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z'/%3E%3C/svg%3E") center/contain no-repeat}
.wa-kies{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 22px}
.wa-kies a{font-size:13.5px;font-weight:600;color:var(--ink);background:var(--surface);
  border:1.5px solid var(--line);border-radius:100px;padding:7px 14px;
  transition:border-color .15s,transform .12s}
.wa-kies a b{font-weight:800}
.wa-kies a:hover{border-color:#25D366;transform:translateY(-1px)}
.wac-uni{scroll-margin-top:96px}
@media(prefers-reduced-motion:no-preference){ html:has(.wa-kies){scroll-behavior:smooth} }
img.wac-avatar{flex:none;width:44px;height:44px;border-radius:50%;object-fit:cover;display:block}
body:has(.wa-chatkaart) .pkop .wrap{text-align:center}
body:has(.wa-chatkaart) .pkop h1{font-weight:700;font-size:clamp(38px,6vw,64px);
  max-width:none;letter-spacing:-.03em}
body:has(.wa-chatkaart) .kruimel{justify-content:center}
.lp-upd{position:relative;overflow:hidden;padding:70px 0;color:#fff;
  background:
    radial-gradient(700px 420px at 85% 15%, rgba(245,135,31,.2), transparent 60%),
    radial-gradient(600px 400px at 5% 90%, rgba(65,151,69,.12), transparent 60%),
    var(--brand-900)}
.lp-upd-in{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}
.lp-upd-chip{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--amber);background:rgba(245,135,31,.14);
  border:1.5px solid rgba(245,135,31,.55);border-radius:100px;padding:6px 14px;margin-bottom:14px;
  max-width:100%;box-sizing:border-box}
.lp-upd h2{font-size:clamp(28px,4vw,46px);font-weight:var(--w-h2);letter-spacing:-.025em;
  line-height:1.06;margin:0 0 12px;color:#fff}
.lp-upd p{font-size:15.5px;line-height:1.65;color:rgba(255,255,255,.82);margin:0 0 22px;max-width:52ch}
.lp-upd .btn{max-width:100%;white-space:normal}
.lp-upd-lijst{list-style:none;counter-reset:upd;margin:18px 0 16px;padding:0;display:grid;gap:9px;max-width:52ch}
.lp-upd-lijst li{counter-increment:upd;position:relative;padding-left:40px;font-size:15.5px;line-height:1.5;color:#fff}
.lp-upd-lijst li::before{content:"0" counter(upd);position:absolute;left:0;top:.05em;font-size:12.5px;font-weight:800;
  letter-spacing:.04em;color:var(--amber)}
.lp-upd .lp-upd-live{margin:0 0 22px}
.lp-upd-route{display:grid;gap:24px;justify-items:center}
.lp-upd-stappen{display:flex;align-items:center;gap:6px}
.lp-upd-stappen span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  font-weight:800;font-size:14px;background:var(--surface);border:3px solid;box-shadow:var(--shadow-md)}
.lp-upd-stappen i{width:18px;border-top:2.5px dashed rgba(255,255,255,.35)}
.lp-upd-stappen .s1,.lp-upd-stappen .s4{color:var(--amber-text);border-color:var(--amber)}
.lp-upd-stappen .s2{color:var(--brand-700);border-color:var(--brand-500)}
.lp-upd-stappen .s3{color:var(--action-text);border-color:var(--action)}
.lp-upd-stappen .s5{color:#fff;background:var(--action);border-color:var(--action);font-size:19px}
.lp-upd-tags{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.lp-upd-tags span{font-size:13.5px;font-weight:700;padding:7px 14px;border-radius:100px;
  background:rgba(255,255,255,.08);border:1.5px solid}
.lp-upd-tags span:nth-child(1){transform:rotate(-2deg);border-color:rgba(255,255,255,.4);color:#fff}
.lp-upd-tags span:nth-child(2){transform:rotate(1.5deg);border-color:var(--amber);color:var(--amber)}
.lp-upd-tags span:nth-child(3){transform:rotate(-1deg);border-color:var(--action);color:var(--action-op-donker)}
.lp-upd .iph2{width:250px}
@media(max-width:880px){
  .lp-upd{padding:50px 0}
  .lp-upd-in{grid-template-columns:1fr;gap:34px}
  .lp-upd-stappen span{width:40px;height:40px;font-size:12.5px}
  .lp-upd-stappen i{width:12px}
  .lp-upd .iph2{width:210px}
}
@media(max-width:400px){
  .lp-upd-stappen{gap:4px}
  .lp-upd-stappen span{width:36px;height:36px;font-size:11.5px;border-width:2.5px}
  .lp-upd-stappen i{width:8px}
}
.vg-formaat{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:0 0 12px}
.vg-formaat-optie{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer;background:var(--surface)}
.vg-formaat-optie:hover{border-color:var(--action)}
.vg-formaat-optie:has(input:checked){border-color:var(--action);background:var(--action-050)}
.vg-formaat-optie:has(input:focus-visible){outline:3px solid var(--brand-600);outline-offset:2px}
.vg-formaat-optie input{accent-color:var(--action);width:16px;height:16px;margin:0}
.vg-formaat-optie span{font-weight:650;font-size:14px;line-height:1.25}
.vg-formaat-optie small{grid-column:2;font-size:12.5px;color:var(--ink-soft)}
.wijze .wijze-logo{width:auto;height:24px;margin-left:auto;flex:none}
.mand-test{display:inline-block;background:var(--brand-050);color:var(--brand-700);border-radius:999px;
           padding:6px 12px;font-size:13.5px;font-weight:600;margin:0 0 12px}
.usp-klarna{display:flex;flex-direction:row;align-items:center;gap:12px;flex-wrap:nowrap;padding-left:12px}
.usp-klarna img{width:auto;height:16px;display:block}
.usp-klarna .klarna-badge{flex:none;height:26px;width:auto;border-radius:7px}
.usp-klarna > span:last-child{min-width:0}
.iph-vlak{display:grid;place-items:center;position:relative;perspective:1100px}
.iph-vlak::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(245,135,31,.28),transparent 65%);filter:blur(12px);pointer-events:none}
.iph2{position:relative;width:290px;animation:iph-zweef 6.5s ease-in-out infinite;transform-style:preserve-3d}
@keyframes iph-zweef{50%{transform:translateY(-10px)}}
@media(prefers-reduced-motion:reduce){ .iph2{animation:none} }
.iph2-beeld{position:relative;display:block;width:100%;height:auto;z-index:2;pointer-events:none;
  filter:drop-shadow(0 30px 50px rgba(0,0,0,.5))}
.iph2-scherm{
  container-type:inline-size;
  position:absolute;left:3.72%;top:1.68%;width:92.47%;height:96.6%;z-index:1;
  border-radius:13% / 6.3%;overflow:hidden;
  background:linear-gradient(165deg,#1b0d20,#120716 55%,#1e0b24);
  display:flex;flex-direction:column;
}
.iph-status{display:flex;justify-content:space-between;align-items:center;padding:5.966cqw 9.694cqw 2.237cqw;
  font-size:4.847cqw;font-weight:700;color:#fff}
.iph-status .rechts{display:flex;gap:1.864cqw;align-items:center}
.iph-balkjes{display:inline-flex;gap:1.5px;align-items:flex-end}
.iph-balkjes i{width:0.932cqw;background:#fff;border-radius:1px}
.iph-balkjes i:nth-child(1){height:1.491cqw}.iph-balkjes i:nth-child(2){height:2.237cqw}
.iph-balkjes i:nth-child(3){height:2.983cqw}.iph-balkjes i:nth-child(4){height:3.729cqw}
.iph-wifi{width:4.474cqw;height:4.474cqw;position:relative;overflow:hidden}
.iph-wifi::before{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%,-50%) rotate(45deg);
  width:5.22cqw;height:5.22cqw;border:0.932cqw solid #fff;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%}
.iph-bat{width:7.457cqw;height:3.729cqw;border:1px solid rgba(255,255,255,.6);border-radius:1.119cqw;position:relative}
.iph-bat::before{content:"";position:absolute;inset:1.5px;right:1.864cqw;background:#fff;border-radius:1px}
.iph-bat::after{content:"";position:absolute;right:-3px;top:0.932cqw;width:1.5px;height:1.491cqw;background:rgba(255,255,255,.6);border-radius:1px}
.iph-app{padding:5.22cqw 5.966cqw 2.983cqw;display:grid;gap:3.356cqw;align-content:space-evenly;flex:1}
.iph-kop{display:flex;justify-content:space-between;align-items:center}
.iph-kop b{font-size:5.22cqw;font-weight:700;color:#fff}
.iph-xp{font-size:3.729cqw;font-weight:700;color:var(--amber);border:1px solid rgba(245,135,31,.5);
  background:rgba(245,135,31,.12);border-radius:37.286cqw;padding:0.746cqw 2.983cqw}
.iph-kaart{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:4.847cqw;
  padding:4.101cqw 4.474cqw;font-size:4.474cqw;font-weight:650;line-height:1.45;color:#fff}
.iph-lab{display:block;font-size:3.356cqw;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.55);margin-bottom:1.119cqw}
.iph-rij{display:flex;gap:1.864cqw;flex-wrap:wrap}
.iph-rij span{font-size:3.729cqw;font-weight:700;background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);border-radius:37.286cqw;padding:1.119cqw 2.983cqw;color:rgba(255,255,255,.8)}
.iph-zeus{background:linear-gradient(135deg,var(--brand-600),var(--brand-550));border:1px solid rgba(255,255,255,.2);
  color:#fff;border-radius:4.847cqw;border-bottom-left-radius:1.491cqw;padding:3.356cqw 4.101cqw;font-size:4.101cqw;line-height:1.45}
.iph-zeus b{display:block;font-size:3.356cqw;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin-bottom:0.746cqw}
.iph-tabs{display:flex;justify-content:space-around;padding:3.729cqw 8.203cqw 1.491cqw;margin-top:auto;
  border-top:1px solid rgba(255,255,255,.1)}
.iph-tabs i{width:5.966cqw;height:5.966cqw;border-radius:1.864cqw;background:rgba(255,255,255,.22)}
.iph-tabs i:first-child{background:var(--amber)}
.iph-thuis{width:37.286cqw;height:1.491cqw;border-radius:37.286cqw;background:rgba(255,255,255,.45);margin:1.491cqw auto 3.729cqw}
@media(max-width:560px){
  .wac-lijf{padding:10px;margin:0 -6px}
  a.wac-rij{padding:9px 10px;gap:10px}
  .wac-avatar,img.wac-avatar{width:36px;height:36px;font-size:11px}
  .wac-wie b{font-size:14px}
  .wac-join{font-size:12px;padding:7px 12px}
  .wac-kop{padding:11px 13px;gap:10px}
  .wac-kop b{font-size:14.5px}
  .wa-kies{gap:6px}
  .wa-kies a{font-size:12.5px;padding:6px 11px}
  .wa-bal{font-size:13.5px;padding:8px 12px}
}
.prem{display:grid;grid-template-columns:1.05fr 1fr;gap:36px;align-items:center;
  margin:34px 0 26px;border-radius:22px;padding:clamp(24px,3.6vw,44px);color:#fff;
  position:relative;overflow:hidden;border:1.5px solid rgba(65,151,69,.5);
  background:
    radial-gradient(600px 380px at 90% 10%, rgba(65,151,69,.22), transparent 60%),
    radial-gradient(500px 360px at 0% 100%, rgba(245,135,31,.14), transparent 60%),
    var(--brand-900)}
.prem-chip{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--amber);border:1.5px solid rgba(245,135,31,.55);
  border-radius:100px;padding:5px 13px;margin-bottom:14px}
.prem-links h3{font-size:clamp(24px,3vw,34px);font-weight:700;letter-spacing:-.02em;
  color:#fff;margin:0}
.prem-sub{display:block;font-size:12px;font-weight:700;letter-spacing:.11em;
  text-transform:uppercase;color:var(--amber);margin:4px 0 12px}
.prem-links p{font-size:15px;line-height:1.6;color:rgba(255,255,255,.82);margin:0 0 16px;max-width:48ch}
.prem-checks{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14.5px;
  font-weight:600;color:rgba(255,255,255,.92)}
.prem-checks li{padding-left:28px;position:relative}
.prem-checks li::before{content:"\2713";position:absolute;left:0;top:-1px;width:19px;height:19px;
  border-radius:50%;background:var(--amber);color:var(--brand-900);font-weight:800;
  font-size:12px;display:grid;place-items:center}
.prem-app{position:relative;background:#241028;border-radius:16px;overflow:hidden;
  border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px rgba(0,0,0,.45);
  transition:transform .25s,box-shadow .25s}
.prem:hover .prem-app{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 30px 70px rgba(0,0,0,.55)}
@media(prefers-reduced-motion:reduce){ .prem:hover .prem-app{transform:none} }
.prem-lint{position:absolute;top:17px;right:-34px;transform:rotate(45deg);z-index:2;
  background:var(--action);color:#fff;font-size:11px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;padding:5px 40px}
.prem-balk{display:flex;align-items:center;gap:6px;padding:10px 14px;
  border-bottom:1px solid rgba(255,255,255,.12)}
.prem-balk i{width:10px;height:10px;border-radius:50%}
.prem-balk i:nth-child(1){background:#FF5F57}.prem-balk i:nth-child(2){background:#FEBC2E}
.prem-balk i:nth-child(3){background:#28C840}
.prem-balk b{font-size:12px;font-weight:700;color:#fff;margin-left:6px}
.prem-pro{margin-left:auto;margin-right:42px;font-size:10px;font-weight:800;letter-spacing:.1em;
  background:var(--amber);color:var(--brand-900);border-radius:6px;padding:2px 8px}
.prem-lijf{background:#fff;margin:12px;border-radius:10px;padding:14px;position:relative}
.prem-vak{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:var(--amber-text);background:var(--amber-050);
  border-radius:6px;padding:3px 9px;margin-bottom:8px}
.prem-h{display:block;font-size:15px;font-weight:700;color:var(--ink);margin-bottom:10px}
.prem-rijen{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.prem-rijen li{display:flex;align-items:center;gap:9px;background:var(--sand);
  border-radius:9px;padding:8px 11px;font-size:12.5px;transition:background .15s,transform .15s}
.prem-rijen li:hover{background:var(--amber-050);transform:translateX(2px)}
.prem-rijen i{font-style:normal;font-size:13px;flex:none}
.prem-rijen span{font-weight:650;color:var(--ink);min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.prem-rijen em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;
  color:var(--ink-soft);flex:none}
.prem-voort{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;
  font-size:11px;font-weight:700;color:var(--ink-soft)}
.prem-voort em{font-style:normal;color:var(--amber-text)}
.prem-bar{grid-column:1 / -1;height:7px;border-radius:100px;background:var(--sand);overflow:hidden}
.prem-bar i{display:block;height:100%;width:67%;border-radius:100px;background:var(--amber)}
@media(prefers-reduced-motion:no-preference){
  .prem-bar i{animation:prem-groei 1.1s cubic-bezier(.2,.8,.3,1)}
  @keyframes prem-groei{from{width:0}}
}
.prem-editie{position:absolute;right:10px;bottom:-9px;font-size:10.5px;font-weight:800;
  background:var(--amber);color:var(--brand-900);border-radius:100px;padding:4px 12px;
  box-shadow:0 2px 6px rgba(0,0,0,.25)}
@media(max-width:840px){
  .prem{grid-template-columns:1fr;gap:26px}
}
.hero-proof{gap:8px}
.usp-slaging,.usp-sinds{padding:6px 12px 6px 8px}
.usp-sinds{padding:6px 13px}
.usp-ring{width:44px;height:44px}
.usp-ring b{width:34px;height:34px;font-size:12px}
.usp-tekst b,.usp-sinds b{font-size:14px}
.usp-tekst small,.usp-sinds small{font-size:11.5px}
.usp-klarna{gap:9px;padding-left:9px}
.usp-klarna img{height:14px}
.usp-klarna .klarna-badge{height:23px}
@media(min-width:881px){ .hero-proof{flex-wrap:nowrap} }
.usp-sinds.usp-teller{flex-direction:row;align-items:center;gap:10px;padding:6px 15px 6px 6px}
.usp-slaging,.usp-sinds{min-height:58px;box-sizing:border-box}
.usp-teller-rond{flex:none;width:40px;height:40px;border-radius:50%;background:var(--amber);
  display:grid;place-items:center;color:#fff}
.usp-teller-rond svg{width:20px;height:20px}
.usp-teller-tekst{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0}
.usp-teller-regel{white-space:nowrap;color:rgba(255,255,255,.78);font-size:14px;line-height:1.25}
.usp-sinds .usp-teller-regel b{display:inline;font-size:18px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}
.usp-teller-tekst small{white-space:nowrap}
@media(min-width:881px){
  .hero-proof{align-items:stretch;width:max-content;max-width:calc(100vw - 48px);text-align:left;
    margin-left:50%;transform:translateX(-50%)}
  .usp-tekst,.usp-klarna > span:last-child{white-space:nowrap}
}
[data-vorm="samenvatting"]{--band:var(--kleur-samenvatting);--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%204.5A1.5%201.5%200%200%201%205.5%203H19v16H5.5A1.5%201.5%200%200%200%204%2020.5zM4%2020.5A1.5%201.5%200%200%200%205.5%2022H19v-3%22/%3E%3Cpath%20d=%22M8%207h7M8%2010h5%22/%3E%3C/svg%3E")}
[data-vorm="flashcards"]{--band:var(--action-050);--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%226%22%20y=%223%22%20width=%2213%22%20height=%2216%22%20rx=%222%22/%3E%3Cpath%20d=%22M3%207v12a2%202%200%200%200%202%202h10%22/%3E%3C/svg%3E");--ik-kleur:var(--action-text);--rondje-rand:rgba(46,125,50,.45)}
[data-vorm="oefenvragen"]{--band:var(--amber-050);--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229.5%22/%3E%3Cpath%20d=%22M9.5%209a2.5%202.5%200%201%201%203.5%202.3c-.6.3-1%20.9-1%201.6v.6M12%2017h.01%22/%3E%3C/svg%3E");--ik-kleur:var(--amber-text);--rondje-rand:rgba(168,94,0,.5)}
[data-vorm="examguide"]{--band:linear-gradient(120deg,#2b6a33,var(--action));--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M9%2011l2%202%204-4%22/%3E%3Cpath%20d=%22M5%203h10l4%204v14H5z%22/%3E%3C/svg%3E")}
[data-vorm="werkcollege"]{--band:var(--brand-050);--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%205h16v11H8l-4%204z%22/%3E%3Cpath%20d=%22M8%209h8M8%2012h5%22/%3E%3C/svg%3E");--ik-kleur:var(--brand-700);--rondje-rand:rgba(94,33,99,.4)}
.vb-demo{margin:0 0 14px;padding:8px 12px;border-radius:10px;background:var(--amber-050);color:var(--amber-text);font-size:13.5px;font-weight:700}
.vb-groep-kop{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-weight:700;margin:4px 0 8px}
.vk-chips-klein.vb-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.vk-chips-klein.vb-3.vb-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.vk-chips-klein.vb-3 > .kv-chip{grid-column:auto}
.vk-chips-klein .kv-chip input{position:absolute;opacity:0;width:1px;height:1px}
.vk-chips-klein .kv-chip:focus-within{outline:3px solid var(--brand-600);outline-offset:2px}
.kv-chip .kv-prijsje{display:block;margin-top:3px;font-size:13px;font-weight:700;color:var(--ink)}
.kv-chip .kv-prijsje em{font-style:normal;color:var(--action-text);font-weight:700;font-size:12px}
.vb-extra{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 16px}
.vb-ex{position:relative;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;padding:8px 12px 8px 8px;min-height:44px;background:var(--surface);cursor:pointer;font-size:13px}
.vb-ex:hover{border-color:var(--brand-500)}
.vb-ex input{position:absolute;opacity:0;width:1px;height:1px}
.vb-ex:focus-within{outline:3px solid var(--brand-600);outline-offset:2px}
.vb-ex-ik{width:28px;height:28px;border-radius:14px;display:grid;place-items:center;background:var(--band)}
.vb-ex-ik i{width:15px;height:15px;background:var(--ik-kleur,#fff);-webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat}
.vb-ex-ik{flex-shrink:0}
.vb-ex-tekst{display:flex;flex-direction:column;flex:1;min-width:0}
.vb-ex-naam{font-weight:600;line-height:1.2;overflow-wrap:break-word;hyphens:auto}
.vb-ex-prijs{color:var(--ink-faint);font-size:12.5px}
.vb-ex-vink{flex-shrink:0}
.vb-ex-vink{width:16px;height:16px;border-radius:8px;border:1.5px solid var(--line)}
.vb-ex.aan{border-color:var(--action);background:var(--action-050)}
.vb-ex.aan .vb-ex-vink{background:var(--action);border-color:var(--action)}
.vb-groepen{margin:4px 0 16px}
.vb-groepen h3{font-size:14px;margin:0 0 8px;display:flex;align-items:baseline;gap:8px}
.vb-groepen h3 small{font-weight:400;color:var(--ink-faint);font-size:12.5px}
.vb-groep-rij{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.vb-gk{border:1.5px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);cursor:pointer;text-align:left;font:inherit;padding:0;display:flex;flex-direction:column;color:var(--ink)}
.vb-gk:hover{border-color:var(--brand-500)}
.vb-gk:focus-visible{outline:3px solid var(--brand-600);outline-offset:2px}
.vb-gk.aan{border:2px solid var(--action);box-shadow:0 6px 18px rgba(46,125,50,.15)}
.vb-gk[disabled]{cursor:default;opacity:.7}
.vb-gk .gk-kop{background:linear-gradient(120deg,var(--brand-700),var(--brand-550));color:#fff;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:700}
.vb-gk .gk-kop .rond{width:18px;height:18px;border-radius:9px;border:2px solid #fff;display:grid;place-items:center}
.vb-gk.aan .gk-kop .rond{background:#fff}
.vb-gk.aan .gk-kop .rond::after{content:"";width:8px;height:4px;border:2.5px solid var(--action);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.vb-gk .gk-stand{padding:7px 12px;font-size:15px;font-weight:700}
.gk-vrij{background:var(--action-050);color:var(--action-text)}
.gk-laatst{background:var(--amber-050);color:var(--amber-text)}
.gk-vol{background:var(--line-soft);color:var(--ink-faint)}
.vb-gk ul{list-style:none;margin:0;padding:8px 12px;font-size:13px;display:flex;flex-direction:column;gap:4px;flex:1}
.vb-gk li{display:flex;justify-content:space-between;gap:8px}
.vb-gk li span:last-child{color:var(--ink-faint);white-space:nowrap}
.vb-gk .gk-prijs{padding:8px 12px 10px;border-top:1px solid var(--line);font-size:13px}
.vb-gk .gk-prijs b{font-size:16px}
.vb-gk .gk-prijs em{font-style:normal;color:var(--action-text);font-weight:700}
.vb-totaal{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 14px;margin:0 0 14px}
.vb-totaal .som{display:flex;flex-direction:column}
.vb-totaal .groot{font-size:24px;font-weight:800;line-height:1.1}
.vb-totaal .klein{font-size:13px;font-weight:700}
.vb-totaal .los{font-size:12.5px;color:var(--ink-faint)}
.vb-totaal .los b{color:var(--action-text)}
.vb-totaal .btn{min-width:240px;justify-content:center}
.vb-totaal .btn:disabled{opacity:.45;cursor:default}
.vb-leeg{font-size:13.5px;color:var(--ink-faint)}
.vb-keuze{display:flex;flex-direction:column;gap:8px;margin:2px 0 12px}
.vb-keuze:empty{display:none}
.vb-papier{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13.5px;margin:-4px 0 4px}
.vb-pil{font:inherit;font-size:12.5px;border:1px solid var(--line);border-radius:999px;padding:5px 10px;background:var(--surface);cursor:pointer;min-height:32px;color:var(--ink)}
.vb-pil.aan{border-color:var(--brand-700);color:var(--brand-700);background:var(--brand-050);font-weight:600}
.vb-verg{margin:0 0 12px}
.vb-ander{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 14px}
.vb-ander button{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:999px;padding:7px 12px;background:var(--surface);cursor:pointer;min-height:40px;color:var(--ink)}
.vb-ander button.aan{border-color:var(--action);background:var(--action-050);color:var(--action-text);font-weight:700}
.vb-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
.vb-tabs button{font:inherit;font-size:13px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;background:var(--surface);cursor:pointer;min-height:36px;color:var(--ink)}
.vb-tabs button.aan{background:var(--brand-700);border-color:var(--brand-700);color:#fff;font-weight:700}
.vb-kop{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-weight:700;margin:0 0 6px}
.vb-top-leeg{margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid var(--line)}
.vb-top-leeg p{margin:0;font-size:14px;color:var(--ink-faint)}
.vb-top-leeg .vb-kop{margin-bottom:4px}
.vb-top > *,.vb-top-live > *{min-width:0}
.vb-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;align-items:start;margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid var(--line)}
.vb-links{display:flex;flex-direction:column;gap:12px}
.vb-media{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/10;background:linear-gradient(150deg,var(--brand-550),var(--brand-700) 55%,var(--brand-900))}
.vb-media .speel{position:absolute;inset:0;display:grid;place-items:center;border:0;background:none;cursor:pointer;color:#fff}
.vb-media .speel span{width:64px;height:64px;border-radius:32px;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.vb-media .speel svg{width:26px;height:26px;margin-left:4px;fill:var(--brand-700)}
.vb-media .speel:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.vb-media .ml{position:absolute;left:12px;bottom:10px;color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.vb-feiten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin:0}
.vb-feiten span{font-size:13.5px;color:var(--ink);padding:1px 0 0 28px;position:relative;line-height:1.35;min-height:22px;display:block}
.vb-feiten span::before{content:"\2713";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:10px;background:var(--action-050);color:var(--action-text);font-weight:900;font-size:12px;display:grid;place-items:center;border:1.5px solid var(--action);box-sizing:border-box}
.vb-pitch p{font-size:14px;line-height:1.55;margin:0 0 8px}
.vb-uitroep{background:var(--amber-050);border-radius:10px;padding:8px 10px;font-weight:700;font-size:13.5px}
.vb-docent{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:12px;align-items:flex-start;background:var(--surface);margin:0 0 12px}
.vb-docent ul{margin:4px 0 0;padding-left:16px;font-size:13px;line-height:1.5}
.vb-beeld{width:52px;height:52px;border-radius:12px;position:relative;display:grid;place-items:center;background:var(--band);flex-shrink:0}
.vb-beeld > i{width:22px;height:22px;background:var(--ik-kleur,#fff);-webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat}
.vb-beeld.foto{border-radius:26px;background:var(--brand-900) url("/assets/img/docent/plaatshouder.png") center/cover no-repeat}
.vb-rij2{grid-column:1 / -1}
.vb-rij2 .vv-krijgt{margin:0}
.vb-rij2 .vv-krijgt ul{columns:2 260px;column-gap:24px}
.vb-rij2 .vv-krijgt li{break-inside:avoid;padding-left:34px;font-size:14px;font-weight:600;color:var(--ink);margin-bottom:10px;min-height:24px;display:flex;align-items:center;position:relative}
.vb-rij2 .vv-krijgt li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:7px;background:var(--action) url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%223.2%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M5%2012.5l4.5%204.5L19%207%22/%3E%3C/svg%3E") center/15px no-repeat}
.vb-lang{grid-column:1 / -1;margin:4px 0 0}
.vb-tekst{columns:2 300px;column-gap:28px;margin-top:10px}
.vb-tekst h4{font-size:13.5px;margin:0 0 6px;break-after:avoid}
.vb-tekst p,.vb-tekst ul{font-size:13.5px;line-height:1.55;margin:0 0 10px;break-inside:avoid}
.vb-tekst ul{padding-left:18px}
.vb-tekst .uitroep{background:var(--amber-050);border-radius:10px;padding:8px 10px;font-weight:700}
.vb-tekst .let{background:var(--brand-050);border-radius:10px;padding:8px 10px}
.vb-zacht{font-weight:400;font-style:italic}
.vb-top-live{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:16px;margin:0 0 18px;padding:0 0 16px;border-bottom:1px solid var(--line)}
.vb-docentstrook{grid-column:1 / -1;display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.vb-docentstrook p{margin:0;flex:1;font-size:14px;line-height:1.45}
.vb-rond{width:72px;height:72px;border-radius:50%;flex-shrink:0;background:var(--brand-700) url("/assets/img/docent/plaatshouder.png") center/cover no-repeat;box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--line)}
.vb-live-links,.vb-live-rechts{display:flex;flex-direction:column;gap:12px;min-width:0}
.vb-live-links .vv-krijgt{margin:0}
.vb-live-rechts .vv-kern{font-size:15px;margin:0}
.vb-live-rechts .vv-opbouw,.vb-live-rechts .vv-lang{margin:0}
@media (max-width:900px){.vb-extra{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.vb-extra{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .vk-chips-klein.vb-3,.vk-chips-klein.vb-3.vb-2{grid-template-columns:1fr;gap:8px}
  .vb-3 .kv-chip .kv-prijsje{position:absolute;right:44px;top:50%;transform:translateY(-50%);margin:0;text-align:right}
  .vb-3 .kv-chip .kv-prijsje em{display:block}
  .vk-chips-klein.vb-3 .kv-chip{padding-right:130px}
  .vb-top,.vb-top-live{grid-template-columns:minmax(0,1fr)}
  .vb-totaal .btn{width:100%;min-width:0}
  .vb-docentstrook{flex-wrap:wrap}
}
.vb-af-wrap{max-width:980px}
.vb-af-smal{max-width:720px}
.vb-af{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:start}
.vb-blok{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}
.vb-blok h2{font-size:18px;margin:0 0 12px}
.vb-blok h2 + .iveld{margin-top:0}
.vb-blok .wijzen{margin-bottom:12px}
.vb-blok > h2:not(:first-child){margin-top:18px}
.vb-regel{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.vb-regel .vb-beeld{width:44px;height:44px;border-radius:10px}
.vb-regel .vb-beeld.foto{border-radius:22px}
.vb-regel b{display:block;font-size:14px}
.vb-regel small{color:var(--ink-faint);font-size:12.5px}
.vb-regel > b{white-space:nowrap;font-variant-numeric:tabular-nums}
.vb-regel small.vb-regelkorting,.vb-samen .vb-regel small.vb-regelkorting{display:block;font-weight:500;color:var(--action-text)}
.vb-regel > b .vb-berekend,.vb-berekend{font-weight:500;color:var(--ink-faint)}
.vb-bank{grid-column:1 / -1;margin-top:4px}
.vb-bank select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;background:var(--surface)}
.vb-code{margin:12px 0 4px}
.vb-code label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.vb-code-rij{display:flex;gap:8px}
.vb-code-rij input{flex:1 1 auto;width:auto;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit;background:var(--surface)}
.vb-code-knop{flex:none;background:var(--surface);border:1px solid var(--action);color:var(--action-text);border-radius:10px;padding:10px 14px;font-weight:650;font-size:14px;cursor:pointer}
.vb-code-zin{margin:8px 0 0;font-size:13.5px;color:var(--ink-soft)}
.vb-code-goed{margin:8px 0 0;font-size:13.5px;color:var(--action-text)}
.vb-code-goed button{font:inherit;background:none;border:0;padding:0;color:var(--ink-faint);text-decoration:underline;cursor:pointer;margin-left:6px}
.vg-bundel{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:var(--action-050);color:var(--action-text);font-weight:600;font-size:14px}
.vb-regel .acties{display:flex;gap:10px;font-size:12px;margin-top:2px}
.vb-regel .acties a,.vb-regel .acties button{font:inherit;background:none;border:0;padding:0;color:var(--ink-faint);text-decoration:underline;cursor:pointer;min-height:24px}
.vb-min{color:var(--action-text)}
.vb-plekken{display:block;margin-top:2px;font-size:14px;font-weight:600;color:var(--action-text)}
.vb-beeld .stip{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:11px;border:2px solid var(--surface);background:var(--band);display:grid;place-items:center}
.vb-beeld .stip i{width:12px;height:12px;background:var(--ik-kleur,#fff);-webkit-mask:var(--ik) center/contain no-repeat;mask:var(--ik) center/contain no-repeat}
.vb-blokup{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.vb-blokup p{margin:0 0 6px;font-weight:700;font-size:13.5px}
.vb-blokup .r{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:13px;border-top:1px solid var(--line)}
.vb-blokup .r button,.vb-upsell button{font:inherit;border:1.5px solid var(--action);background:var(--surface);color:var(--action-text);border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;white-space:nowrap;min-height:40px}
.vb-upsell{margin-top:12px;border:1.5px dashed var(--action);border-radius:12px;padding:12px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--action-050)}
.vb-upsell .vb-beeld{width:44px;height:44px;border-radius:10px}
.vb-upsell b{display:block}
.vb-upsell small{color:var(--ink-faint);font-size:12.5px}
.vb-tot{display:flex;justify-content:space-between;font-weight:800;font-size:19px;margin:14px 0 12px;font-variant-numeric:tabular-nums}
.vb-samen .btn{width:100%;justify-content:center}
.vb-klaar{font-size:24px}
.vb-stappen{padding-left:20px;font-size:14px;line-height:1.55;margin:8px 0 14px}
.vb-stappen li{margin-bottom:8px}
#vb-bedankt .btn{margin-top:14px}
.vb-beeld[data-vorm="tentamen"],.stip[data-vorm="tentamen"]{--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%223%22%20y=%224%22%20width=%2218%22%20height=%2212%22%20rx=%221.5%22/%3E%3Cpath%20d=%22M8%2021l4-5%204%205M7%209h6M7%2012h9%22/%3E%3C/svg%3E");--band:var(--kleur-tentamentraining)}
.vb-beeld[data-vorm="stoom"],.stip[data-vorm="stoom"]{--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M13%202L4%2014h7l-1%208%209-12h-7z%22/%3E%3C/svg%3E");--band:var(--brand-550)}
.vb-beeld[data-vorm="oefen"],.stip[data-vorm="oefen"]{--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M10%206h10M10%2012h10M10%2018h10M3.5%206l1.5%201.5%202.5-3M3.5%2012l1.5%201.5%202.5-3M3.5%2018l1.5%201.5%202.5-3%22/%3E%3C/svg%3E");--band:var(--brand-050);--ik-kleur:var(--brand-700)}
.vb-beeld[data-vorm="stream"],.stip[data-vorm="stream"]{--ik:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.8%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%229.5%22/%3E%3Cpath%20d=%22M10%208.5l5.5%203.5-5.5%203.5z%22/%3E%3C/svg%3E");--band:linear-gradient(120deg,var(--amber-strong),var(--kleur-stream))}
@media (max-width:640px){
  .vb-af{grid-template-columns:minmax(0,1fr)}
  .vb-samen{order:-1}
}
.hero-mid:has(.pk-uitkomst:not([hidden])){max-width:1280px}
.vg{padding-top:6px;text-align:left}
.vg h4{font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0 0 8px}
.vg-over{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;background:var(--sand);border-radius:16px;padding:20px 22px;margin-bottom:22px}
.vg-tekst p{font-size:14.5px;line-height:1.6;margin:0 0 10px;max-width:68ch}
.vg-oms p{margin:0 0 8px;font-size:inherit;line-height:inherit}
.vg-oms p:last-child{margin-bottom:0}
.vg-meer{position:relative}
.vg-meer.is-dicht{max-height:170px;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.75) 35%,rgba(0,0,0,.35) 65%,transparent 100%);
          mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.75) 35%,rgba(0,0,0,.35) 65%,transparent 100%)}
.vg-meer .vv-route{margin:4px 0 14px}
.vg-meer .vv-krijgt{margin:0 0 14px}
.vg-docent{display:flex;gap:14px;align-items:flex-start;border-top:1px solid var(--line);padding-top:14px}
.vg-docent ul{margin:0;padding-left:18px;font-size:13.5px;line-height:1.55}
.vg-docnaam{font-weight:700;margin:0 0 4px!important}
.vg-leesmeer{font:inherit;font-size:14px;font-weight:600;color:var(--action-text);background:none;border:0;padding:6px 0;margin-top:4px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;min-height:44px}
.vg-kort{background:var(--surface);border-radius:12px;padding:14px 16px;align-self:start}
.vg-vtitel{font-weight:700;font-size:15px;line-height:1.3;margin:0 0 10px}
.vg-video{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;margin:0;border-radius:10px;overflow:hidden;cursor:pointer;
  background:linear-gradient(160deg,var(--brand-700),var(--brand-900))}
.vg-play{position:absolute;left:50%;top:44%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.3);transition:transform .2s}
.vg-play::after{content:"";position:absolute;left:18px;top:14px;border-left:14px solid var(--brand-900);border-top:9px solid transparent;border-bottom:9px solid transparent}
.vg-video:hover .vg-play{transform:scale(1.08)}
.vg-video:focus-visible{outline:3px solid var(--action);outline-offset:2px}
.vg-vlabel{position:absolute;left:10px;bottom:8px;color:#fff;font-size:12.5px;font-weight:600}
.vg-iframe{cursor:auto;background:#000}
.vg-usp{list-style:none;margin:14px 0 2px;padding:0;font-size:14px;line-height:1.45}
.vg-usp li{position:relative;padding-left:28px;margin-bottom:9px}
.vg-usp li:last-child{margin-bottom:0}
.vg-usp li::before{content:"";position:absolute;left:0;top:1px;width:19px;height:19px;border-radius:50%;background:var(--action)}
.vg-usp li::after{content:"";position:absolute;left:7px;top:5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.vg-kop{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.vg-kop h4,.vg-kop h3{margin:0}
.vg-kop h4 span,.vg-kop h3 span{font-size:13px;font-weight:600;background:var(--brand-050);color:var(--brand-700);border-radius:99px;padding:2px 9px;margin-left:6px;vertical-align:2px}
.vg-filters{display:flex;gap:6px;overflow-x:auto;padding:2px 0 14px;scrollbar-width:none;border-bottom:1px solid var(--line);margin-bottom:18px}
.vg-filters button{font:inherit;font-size:13.5px;white-space:nowrap;border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:8px 14px;cursor:pointer;color:var(--ink-soft);min-height:40px}
.vg-filters button.aan{background:var(--ink);border-color:var(--ink);color:#fff}
.vg-cat{margin:0 0 26px}
.vg-cat[hidden]{display:none}
.vg-catkop{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-bottom:14px}
.vg-catkop h4{margin:0;font-size:20px}
.vg-catkop > span:not(.vg-catnr):not(.vg-pijl){font-size:13.5px;color:var(--ink-faint)}
.vg-catnr{width:26px;height:26px;border-radius:50%;background:var(--brand-700);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}
.vg-cat[data-cat="samenvatting"] .vg-catnr{background:var(--brand-500)}
.vg-cat[data-cat="extra"] .vg-catnr{background:var(--action)}
.vg-klapknop{width:100%;font:inherit;color:inherit;text-align:left;background:var(--sand);border:1.5px solid var(--line);border-radius:14px;padding:12px 16px;cursor:pointer;min-height:56px}
.vg-klapknop:hover{border-color:var(--action)}
.vg-klapknop:focus-visible{outline:3px solid var(--action);outline-offset:2px}
.vg-klapknop > span:nth-of-type(2){flex:1}
.vg-pijl{width:28px;height:28px;border-radius:50%;background:var(--surface);border:1px solid var(--line);position:relative;flex:none;transition:transform .2s}
.vg-pijl::after{content:"";position:absolute;left:9px;top:7px;width:7px;height:7px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg)}
.vg-klap.is-open .vg-pijl{transform:rotate(180deg)}
@media (max-width:700px){.vg-klapknop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.vg-klapknop .vg-pijl{grid-column:3;grid-row:1}.vg-klapknop > span:nth-of-type(2){grid-column:2/4;grid-row:2}}
.vg-klap.is-open .vg-klapknop{margin-bottom:14px}
.vg-sub{margin-bottom:40px}
.vg-sub + .vg-los,.vg-los + .vg-sub{margin-top:40px}
.vg-tkop{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 10px;margin-bottom:8px;padding-left:12px;border-left:4px solid var(--kleur-tentamentraining)}
.vg-sub[data-vorm="kerntraining"] .vg-tkop{border-color:var(--action)}
.vg-sub[data-vorm="stoom"] .vg-tkop{border-color:var(--brand-550)}
.vg-sub[data-vorm="stream"] .vg-tkop{border-color:var(--kleur-stream)}
.vg-tkop h5{font-size:16px;font-weight:700;margin:0}
.vg-tkop span{font-size:13px;color:var(--ink-faint)}
.vg-gratislabel{font-style:normal;font-size:11.5px;font-weight:700;background:var(--action);color:#fff;border-radius:99px;padding:2px 8px;margin-left:6px;vertical-align:2px}
.vg-druk{font-style:normal;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:3px 9px;color:#fff}
.vg-druk-vol{background:var(--rood)}
.vg-overvorm{margin:0 0 10px 16px;font-size:13.5px}
.vg-overvorm summary{cursor:pointer;color:var(--action-text);font-weight:600;text-decoration:underline;text-underline-offset:3px;width:max-content;min-height:32px;display:flex;align-items:center}
.vg-overvorm-in,.vg-overvorm .vb-tekst{padding:10px 0 4px;max-width:80ch}
.vg-overvorm .vv-krijgt{margin:8px 0}
.vg-groepen{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
@media (min-width:1100px){.vg-groepen{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:701px){.vg-cat[data-cat="samenvatting"] .vg-matgrid,.vg-cat[data-cat="extra"] .vg-matgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}
.vg-groep{position:relative;display:flex;flex-direction:column;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);padding:0 14px 14px;overflow:hidden;box-shadow:0 2px 6px rgba(43,18,41,.08)}
.vg-groep.vg-mat{padding-top:14px}
.vg-groep.is-gekozen{border-color:var(--action);box-shadow:0 0 0 2px var(--action)}
.vg-urgbalk{margin:0 -14px 12px;padding:8px 14px;text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}
.vg-gkop{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.vg-gkop b{font-size:15px}
.vg-gkop .cap{margin:0;border-radius:99px;padding:3px 8px;font-size:11px;font-weight:700;white-space:nowrap;background:var(--action-050);color:var(--action-text)}
.vg-bezet{height:8px;border-radius:99px;background:var(--line-soft);overflow:hidden;margin:-2px 0 8px}
.vg-bezet i{display:block;height:100%;border-radius:99px;background:var(--action)}
.vg-bezettxt{font-size:12.5px;font-weight:700;margin:0 0 10px;color:var(--action-text)}
.vg-sessies{list-style:none;margin:0 0 12px;padding:0;font-size:13.5px}
.vg-sessies li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid var(--line-soft)}
.vg-sessies li:first-child{border-top:0}
.vg-sessies li span:first-child{font-weight:600}
.vg-sessies li span:last-child{color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}
.vg-online li span{font-weight:600}
.vg-niet{font-size:13.5px;color:var(--ink-faint);margin:0 0 12px;line-height:1.5}
.vg-ster{list-style:none;margin:0 0 14px;padding:0;font-size:13.5px;line-height:1.45;color:var(--ink-soft)}
.vg-ster li{position:relative;padding-left:24px;margin-bottom:8px}
.vg-ster li b{color:var(--ink)}
.vg-ster li::before{content:"\2B50";position:absolute;left:0;top:0;font-size:13px}
.vg-groep .vb-papier{margin:0 0 12px}
.vg-voet{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}
.vg-mat .vg-voet{flex-direction:column;align-items:stretch}
.vg-mat .vg-voeg{width:100%;justify-content:center}
.vg-prijs{display:flex;flex-direction:column;line-height:1.2}
.vg-prijs b{font-size:20px;letter-spacing:-.02em}
.vg-prijs small{font-size:12px;color:var(--action-text);font-weight:600;margin-top:2px}
.vg-uurprijs b,.vg-gratis{color:var(--action-text)}
.vg-uurprijs b span{font-size:14px;font-weight:600;letter-spacing:0}
.vg-uurprijs small{color:var(--ink-soft);font-weight:500}
.vg-voeg{font-size:15px!important;padding:10px 16px!important;border-radius:999px!important;min-height:44px}
.vg-voeg.is-aan{background:var(--surface);color:var(--action-text);box-shadow:inset 0 0 0 2px var(--action)}
.vg-voeg.is-aan:hover{background:var(--action-050)}
.vg-groep.st-vrij{border-color:var(--status-vrij-rand)}
.vg-groep.st-vrij{border:2px solid var(--action);padding-top:14px}
.vg-groep.st-vrij .vg-urgbalk,.vg-groep.st-online .vg-urgbalk{background:var(--status-vrij-vlak);color:var(--action-text);border-bottom:1px solid var(--status-vrij-lijn)}
.vg-groep.st-vrij .vg-bezet i{background:var(--action)}
.vg-groep.st-laatst{border:2.5px solid var(--status-laatst-rand);background:linear-gradient(180deg,var(--status-laatst-vlak),var(--status-laatst-vlak-licht) 60%);
  box-shadow:0 0 0 4px rgba(245,135,31,.16),0 10px 26px rgba(224,100,10,.32)}
.vg-groep.st-laatst .vg-urgbalk{background:linear-gradient(90deg,var(--status-laatst-van),var(--status-laatst-tot));color:#fff}
.vg-groep.st-laatst .vg-bezet{height:10px}
.vg-groep.st-laatst .vg-bezet i{background:repeating-linear-gradient(135deg,var(--status-laatst-van) 0 8px,var(--status-laatst-tot) 8px 16px);background-size:22px 22px;animation:vgstreep .8s linear infinite}
.vg-groep.st-laatst .vg-bezettxt{color:var(--status-laatst-tekst);text-transform:uppercase;font-size:12px;letter-spacing:.04em}
@keyframes vgstreep{to{background-position:22px 0}}
.vg-groep.st-vol{border:2px solid var(--status-vol-rand);background:linear-gradient(180deg,var(--status-vol-vlak),var(--status-vol-vlak-licht));box-shadow:none}
.vg-groep.st-vol .vg-urgbalk{background:linear-gradient(90deg,var(--status-vol-van),var(--rood));color:#fff}
.vg-groep.st-vol .vg-gkop b{color:var(--rood-text);text-decoration:line-through}
.vg-groep.st-vol .vg-bezet{background:var(--status-vol-rand)}
.vg-groep.st-vol .vg-bezet i{background:var(--rood)}
.vg-groep.st-vol .vg-bezettxt{color:var(--rood-text);text-transform:uppercase;font-size:12px;letter-spacing:.04em}
.vg-groep.zonder-schaarste{border:1.5px solid var(--line);background:var(--surface);box-shadow:0 2px 6px rgba(43,18,41,.08)}
.vg-groep.zonder-schaarste .vg-urgbalk{background:var(--status-vrij-vlak);color:var(--action-text);text-transform:none;letter-spacing:0;font-size:14px}
.vg-groep.zonder-schaarste.st-vol .vg-urgbalk{background:var(--line-soft);color:var(--ink-faint)}
.vg-groep.zonder-schaarste .vg-bezet,.vg-groep.zonder-schaarste .vg-bezettxt{display:none}
.vg-groep.zonder-schaarste.st-vol .vg-gkop b{color:var(--ink-faint)}
@media (prefers-reduced-motion:reduce){.vg-groep.st-laatst .vg-bezet i{animation:none}.vg-pijl,.vg-play{transition:none}}
.vg-sub.is-populair-cat{position:relative;margin:30px 0 22px;padding:26px 16px 16px;border:3px solid var(--action);border-radius:20px;
  background:linear-gradient(180deg,var(--populair-vlak),var(--populair-vlak-licht));box-shadow:0 0 0 6px rgba(65,151,69,.12),0 18px 40px rgba(65,151,69,.28)}
.vg-lint{position:absolute;left:22px;top:-18px;white-space:nowrap;background:linear-gradient(90deg,var(--action-text),var(--action));color:#fff;font-size:13px;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;padding:6px 16px;border-radius:99px;box-shadow:0 6px 16px rgba(42,107,48,.4)}
.vg-lint span{color:var(--populair-ster);font-size:15px;margin-right:2px}
.is-populair-cat .vg-tkop{border-left-color:var(--action)}
.is-populair-cat .vg-tkop h5{font-size:18px}
.vg-groep .vg-lint{position:static;align-self:flex-start;max-width:100%;margin:0 0 10px;font-size:12px;padding:5px 12px;box-shadow:0 4px 10px rgba(42,107,48,.3)}
.vg-groep.is-populair{background:linear-gradient(180deg,var(--populair-vlak),var(--surface) 70%)}
.vg-groep.is-populair:not(.st-laatst):not(.st-vol){border:3px solid var(--action);box-shadow:0 0 0 4px rgba(65,151,69,.12),0 12px 28px rgba(65,151,69,.24)}
.vg-groep.is-gekozen.is-populair{box-shadow:0 0 0 2px var(--action),0 12px 28px rgba(65,151,69,.24)}
.vg-matgrid:has(.vg-uitgelicht){padding-top:12px}
.vg-anderkop{margin-top:6px}
.vg-afreken{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:10px}
.vg-afreken .som{display:flex;flex-direction:column}
.vg-afreken .groot{font-size:24px;font-weight:800;line-height:1.1;color:var(--action-text)}
.vg-afreken .klein{font-size:13px;font-weight:700}
.vg-afreken .los{font-size:12.5px;color:var(--ink-faint)}
.vg-afreken .los b{color:var(--action-text)}
.vg-afreken .btn{min-width:260px;justify-content:center}
@media (max-width:700px){
  .vg-over{grid-template-columns:minmax(0,1fr);padding:16px}
  .vg-kort{order:-1}
  .vg-groepen{grid-template-columns:minmax(0,1fr)}
  .vg-sub.is-populair-cat{padding:26px 10px 12px}
  .vg-afreken .btn{width:100%;min-width:0}
  .vg-overvorm{margin-left:0}
}
.vg-highlight{background:var(--action-050);color:var(--action-text);border-radius:10px;padding:9px 12px;font-weight:600;font-size:14px!important}
.vg-meer .vv-kolom{margin:14px 0;grid-template-columns:minmax(0,1fr);gap:16px}
.vg-avatar{flex:none;width:44px;height:44px;border-radius:50%;background:var(--brand-050);position:relative}
.vg-avatar::before{content:"";position:absolute;inset:0;background:var(--brand-700);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") center/22px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E") center/22px no-repeat}
.vb-kijkers{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;box-sizing:border-box;
  background:var(--amber-050);color:var(--amber-text);border-radius:10px;font-size:14px;line-height:1.4;
  padding:0 12px;margin:0;max-height:0;overflow:hidden;opacity:0;
  transition:opacity .3s,max-height .3s,padding .3s,margin .3s}
.vb-kijkers.zichtbaar{opacity:1;max-height:80px;padding:6px 12px;margin:0 0 14px}
.vb-kijkers b{font-weight:700}
.vb-kijkers-ik{flex:none;width:18px;height:18px;position:relative}
.vb-kijkers-ik::before{content:"";position:absolute;inset:0;background:var(--amber-text);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/16px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/16px no-repeat}
.vb-kijkers-ik::after{content:"";position:absolute;right:-2px;top:-1px;width:7px;height:7px;border-radius:50%;background:var(--action);border:1.5px solid var(--amber-050);animation:vgpuls 1.6s infinite}
@keyframes vgpuls{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
@media (prefers-reduced-motion:reduce){.vb-kijkers{transition:none}.vb-kijkers-ik::after{animation:none}}
.vg-gkop{flex-wrap:wrap;align-items:flex-start}
.vg-gkop b{flex:1 1 auto;min-width:0;overflow-wrap:break-word;hyphens:auto}
.vg-gkop .cap{flex:none}
.vg-cat:last-child{margin-bottom:0}
.vg-meer .vv-kolom > *{grid-column:1;grid-row:auto}
.vg-cat[data-cat="samenvatting"] .vg-klapknop{background:var(--brand-050);border-color:var(--brand-500)}
.vg-cat[data-cat="samenvatting"] .vg-catkop > span.vg-vanaf{margin-left:auto;font-size:14px;font-weight:700;color:var(--action-text);white-space:nowrap}
@media (max-width:700px){.vg-klapknop .vg-vanaf{grid-column:2/4;grid-row:3;margin:4px 0 0}}
.vg-balk{padding-top:0;margin-bottom:4px}
@media (min-width:701px){.vg-cat[data-cat="samenvatting"] .vg-matgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.vg-cat[data-cat="samenvatting"] .vg-matgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vg-cat[data-cat="samenvatting"] .vg-matgrid{align-items:stretch;padding-top:12px}
.vg-groep.vg-uitgelicht{border:2px solid var(--brand-600);background:linear-gradient(180deg,var(--brand-050),var(--surface) 70%);padding-top:14px;overflow:visible}
.vg-uitgelicht-pil{position:absolute;left:50%;top:-12px;transform:translateX(-50%);z-index:2;white-space:nowrap;background:var(--brand-700);color:#fff;
  font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:99px;box-shadow:0 2px 6px rgba(43,18,41,.2)}
.vg-uitgelicht-pil::before,.vg-uitgelicht-pil::after{content:"\2605";color:var(--amber);margin:0 6px;font-size:10px}
.vg-omslag{position:relative;display:grid;place-items:center;height:150px;margin-bottom:12px;border-radius:10px;overflow:hidden;
  background:radial-gradient(120% 90% at 50% 100%,var(--brand-050),#fff 75%);perspective:600px}
.vg-uitgelicht .vg-omslag{background:radial-gradient(120% 90% at 50% 100%,#EBDDF0,var(--brand-050) 75%)}
.vg-boek{position:relative;display:flex;flex-direction:column;gap:3px;width:96px;height:124px;padding:12px 10px 10px 16px;border-radius:3px 6px 6px 3px;color:#fff;
  background:linear-gradient(150deg,var(--brand-600),var(--brand-700) 55%,var(--brand-900));transform:rotateY(-16deg) rotateZ(-2deg);
  box-shadow:-6px 0 0 var(--brand-900) inset,6px 10px 18px rgba(43,18,41,.30)}
.vg-boek::after{content:"";position:absolute;right:0;bottom:0;width:46px;height:34px;border-top-left-radius:40px;background:var(--amber);opacity:.9}
.vg-boek-merk{font-size:6.5px;font-weight:700;letter-spacing:.06em;color:var(--brand-op-donker)}
.vg-omslag-onder{font-size:10.5px;line-height:1.2;overflow-wrap:break-word;hyphens:auto}
.vg-omslag-boven{font-size:7.5px;line-height:1.2;color:var(--brand-op-donker)}
.vg-boek-jaar{position:absolute;left:16px;bottom:9px;z-index:1;font-size:7px;font-weight:700;background:#fff;color:var(--brand-700);border-radius:3px;padding:1px 4px}
.vg-korting{position:absolute;right:12px;top:12px;z-index:1;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;text-align:center;
  background:var(--amber);color:var(--brand-900);font-size:11px;font-weight:800;line-height:1.1;padding:4px}
.vg-abo-sub{margin:-4px 0 10px;font-size:13px;color:var(--ink-soft)}
.vg-abo-prijs{margin:0 0 8px;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
.vg-abo-prijs s{color:var(--ink-faint);font-size:14px}
.vg-abo-prijs b{font-size:24px;color:var(--action-text)}
.vg-abo-prijs span{font-size:13px;font-weight:600;color:var(--action-text)}
.vg-abo-prijs small{flex-basis:100%;font-size:12.5px;color:var(--ink-soft)}
.vg-bespaar{align-self:stretch;margin:0 0 12px;padding:8px 12px;border-radius:10px;background:var(--action-text);color:#fff;font-size:14px;font-weight:700;text-align:center}
.vg-uitgelicht .vg-voet{flex-direction:column;align-items:stretch}
.vg-uitgelicht .vg-voeg{width:100%;justify-content:center}
.pkop .plead:empty{display:none}
.pkop:has(+ .pbody .vb-af-wrap:not(.vb-af-smal)){padding:22px 0 20px}
.pkop:has(+ .pbody .vb-af-wrap:not(.vb-af-smal)) h1{font-size:clamp(26px,3vw,34px)}
.pbody:has(> .vb-af-wrap:not(.vb-af-smal)){padding-top:20px}
.vb-samen .kvink{margin:0 0 10px}
.vb-samen #vb-upsell:not(:empty){margin-top:14px}
@media (min-width:641px){.vb-samen{position:sticky;top:86px}}
.vb-betaalbalk{display:none}
@media (max-width:640px){
  .vb-samen{order:0}
  .vb-betaalbalk{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -6px 20px rgba(43,18,41,.10);
    transform:translateY(110%);visibility:hidden;transition:transform .2s,visibility .2s}
  .vb-betaalbalk.zichtbaar{transform:none;visibility:visible}
  .vb-betaalbalk span{font-size:14px;color:var(--ink-soft)}
  .vb-betaalbalk b{display:block;font-size:18px;color:var(--ink);font-variant-numeric:tabular-nums}
  .vb-betaalbalk .btn{min-height:48px;padding:10px 18px}
}
@media (prefers-reduced-motion:reduce){.vb-betaalbalk{transition:none}}
@media (min-width:641px){
  .vb-af-wrap:not(.vb-af-smal){max-width:1100px}
  .vb-af-wrap:not(.vb-af-smal) .vb-af{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .vb-samen .vb-regel{padding:7px 0}
  .vb-samen .vb-regel small{display:inline}
  .vb-samen .vb-plekken{display:inline-block;margin:0 0 0 6px;font-size:12.5px;white-space:nowrap}
  .vb-samen .vb-regel .acties{margin-top:0}
  .vb-samen .vb-tot{margin:10px 0 8px}
  .vb-samen .kvink{margin:0 0 6px;font-size:13px}
}
.pkop:has(+ .pbody .vb-af-wrap:not(.vb-af-smal)){padding:14px 0 16px}
.pkop:has(+ .pbody .vb-af-wrap:not(.vb-af-smal)) .taalwissel{margin:6px 0}
.pkop:has(+ .pbody .vb-af-wrap:not(.vb-af-smal)) h1{margin-top:4px}
.pbody:has(> .vb-af-wrap:not(.vb-af-smal)){padding-top:16px}
.vb-aanvul{border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.vb-aanvul-kop{margin:0 0 4px;font-weight:700;font-size:13.5px}
.vb-aanvul .r{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.vb-aanvul .r:first-of-type{border-top:0}
.vb-aanvul .vb-beeld{width:36px;height:36px;border-radius:9px}
.vb-aanvul b{display:block;font-size:13.5px}
.vb-aanvul small{color:var(--ink-faint);font-size:12px}
.vb-aanvul button{font:inherit;border:1.5px solid var(--action);background:var(--surface);color:var(--action-text);border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;white-space:nowrap;min-height:40px}
.vg-balk .vg-kop h3{font-size:18px;font-weight:600;letter-spacing:-.01em}
.vak-melding{list-style:none;padding:18px 16px;border:1px dashed var(--line);border-radius:14px;color:var(--ink-soft);font-size:15px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.vak-melding .btn{min-height:44px}
.vg-leeg{margin:6px 0 4px;padding:16px;border:1px dashed var(--line);border-radius:12px;color:var(--ink-soft)}
.vb-nr{margin:10px 0 0;font-size:14px;color:var(--ink-soft)}
html[data-thema] .hero,html[data-thema] .pkop{isolation:isolate}
.thema-deeltjes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.thema-accent{display:none}
html[data-thema] .thema-accent{width:max-content;align-items:center;gap:7px;margin:0 auto 14px;
  padding:5px 13px;border-radius:100px;font-size:13.5px;letter-spacing:.01em;color:#fff;
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22)}
html[data-thema] .thema-accent::before{content:"";width:14px;height:16px;flex:none;background:center/contain no-repeat}
@media(max-width:700px){html[data-thema] .thema-accent{margin-left:0}}
html[data-thema] .logo .mark{position:relative}
html[data-thema] .logo .mark::after{content:"";position:absolute;right:-5px;top:-5px;width:10px;height:10px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M5 0l1.2 3.8L10 5 6.2 6.2 5 10 3.8 6.2 0 5l3.8-1.2z' fill='%23F5871F'/%3E%3C/svg%3E") center/contain no-repeat}
.thema-boom{display:none}
@media(min-width:1180px){
  .thema-boom{display:block;position:absolute;bottom:0;z-index:-1;pointer-events:none;
    filter:drop-shadow(0 6px 14px rgba(0,0,0,.25))}
  .thema-boom svg{position:absolute;inset:0;width:100%;height:100%}
  .boom-l{left:3%;width:96px;height:128px}
  .boom-r{right:3%;width:78px;height:104px}
  .boom-r2{right:calc(3% + 70px);width:52px;height:70px}
  .boom-voet{right:3%;width:60px;height:80px}
  .boom-voet2{right:calc(3% + 54px);width:40px;height:54px}
  .boom-licht{will-change:opacity;animation:boom-flik 2.6s ease-in-out infinite}
  .boom-licht-b{animation-delay:-1.3s}
  .boom-r .boom-licht,.boom-voet .boom-licht{animation-duration:3.1s}
  .boom-r2 .boom-licht,.boom-voet2 .boom-licht{animation-duration:2.2s}
}
@keyframes boom-flik{0%,100%{opacity:1}50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.boom-licht{animation:none}}
.vb-akkoord{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--ink-soft)}
.vb-akkoord a{color:var(--action-text)}
.vb-aanvul .r{grid-template-columns:44px minmax(0,1fr) auto}
.vb-mini{position:relative;display:block;width:44px;height:56px;overflow:hidden}
.vb-mini .vg-omslag{position:absolute;left:0;top:0;width:110px;height:140px;margin:0;padding:0;background:none;transform:scale(.4);transform-origin:top left;perspective:none}
.vb-mini .vg-boek{transform:none;box-shadow:-6px 0 0 var(--brand-900) inset,3px 5px 10px rgba(43,18,41,.25)}
.vb-blok .wijzen{gap:6px}
.vb-blok .wijze{padding:8px 12px;min-height:44px;gap:10px}
.vb-blok .wijze small{font-size:12px;line-height:1.3}
.vb-blok .wijze .wijze-logo{height:20px}
.bk{max-width:1040px}
.bk-held{text-align:center;margin:0 auto 22px;max-width:620px}
.bk-vink{display:grid;place-items:center;width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:var(--action);
  box-shadow:0 10px 30px rgba(65,151,69,.35);animation:bkvink .5s cubic-bezier(.2,.9,.3,1.3) both}
.bk-vink::after{content:"";width:30px;height:16px;border:solid #fff;border-width:0 0 5px 5px;transform:translateY(-3px) rotate(-45deg)}
@keyframes bkvink{from{transform:scale(.4);opacity:0}to{transform:none;opacity:1}}
.bk-pil{display:inline-block;margin:0 0 8px;padding:4px 12px;border-radius:99px;background:var(--action-050);color:var(--action-text);
  font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.bk-held .vb-klaar{margin:0;font-size:clamp(22px,2.6vw,30px);line-height:1.2}
.bk-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:start}
.bk-grid h3{margin:0 0 10px;font-size:18px}
.bk-bestelling .vb-regel{grid-template-columns:44px minmax(0,1fr) auto}
.bk-bestelling .vb-regel:last-of-type{border-bottom:0}
.bk-stappen{list-style:none;counter-reset:bk;margin:0 0 18px;padding:0}
.bk-stappen li{counter-increment:bk;position:relative;padding:0 0 14px 42px;font-size:14.5px;line-height:1.55}
.bk-stappen li::before{content:counter(bk);position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;
  background:var(--brand-050);color:var(--brand-700);font-weight:800;font-size:14px}
.bk-stappen li[hidden]{display:none}
.bk-knop{width:100%;justify-content:center}
.bk .bon-terug{text-align:center;margin:12px 0 0}
.bk-sub{margin:8px auto 0;color:var(--ink-soft);font-size:14.5px;overflow-wrap:anywhere}
.bk-links{text-align:center;margin:12px 0 0;font-size:14.5px}
.bk-links a{color:var(--action-text);font-weight:650}
.bk-stappen li b a{color:var(--action-text)}
.bk-uitslag{max-width:620px;margin:0 auto;text-align:center}
.bk-confetti{position:fixed;inset:0;pointer-events:none;z-index:9999;overflow:hidden}
.bk-confetti i{position:absolute;width:9px;height:14px;border-radius:2px;will-change:transform}
@media (max-width:760px){.bk-grid{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.bk-vink{animation:none}}
.vg-foto{display:grid;place-items:center;height:150px;margin-bottom:12px;border-radius:10px;overflow:hidden;background:var(--brand-050)}
.vg-foto img{max-width:100%;max-height:100%;object-fit:contain}
.vb-mini-foto{display:grid;place-items:center;border-radius:8px;background:var(--brand-050)}
.vb-mini-foto img{width:100%;height:100%;object-fit:contain}
.vg-leeg-filter .vg-toonalles{font:inherit;font-weight:600;background:none;border:0;padding:0 0 0 4px;min-height:24px;color:var(--brand-700);text-decoration:underline;cursor:pointer}
.account-lijst{list-style:none;margin:0;padding:0}
.account-lijst li{display:grid;gap:2px;padding:10px 0;border-top:1px solid var(--line);font-size:15px}
.account-lijst li:first-child{border-top:0;padding-top:0}
.account-les small{color:var(--ink-soft);font-size:13px}
.account-geannuleerd b,.account-geannuleerd span{text-decoration:line-through;color:var(--ink-soft)}
.account-voorbij{margin-top:10px;opacity:.75}
.account-order{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-top:12px}
.account-order-kop{margin:0 0 8px;font-size:14.5px}
.account-order .vb-tot{margin-top:8px;font-size:15px}
.account .bk-grid{margin-top:14px}
.account-kop{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 4px}
.account-kop h2{font-size:clamp(24px,2.6vw,30px);line-height:1.15;margin:0 0 6px;letter-spacing:-.01em}
.account-kop p{margin:0;color:var(--ink-soft);font-size:15.5px;max-width:52ch}
.account-docs{flex-shrink:0}
@media (max-width:700px){.account-kop{flex-direction:column;align-items:stretch}.account-docs{width:100%}}
.account-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0 0;
  background:var(--amber-050);border-left:3px solid var(--amber);border-radius:12px;padding:14px 16px}
.account-banner-tekst{flex:1 1 320px;min-width:0}
.account-banner p{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink)}
.account-banner p b{color:var(--amber-text)}
.account-banner .kassa-sub,.account-banner .kassa-fout{margin:8px 0 0}
.account-banner .ihulp{margin-top:6px}
.account-banner-knop{flex-shrink:0;white-space:normal}
.account-banner-knop[aria-busy="true"]{opacity:.8;cursor:progress}
.account-smal{max-width:520px;margin-top:14px}
.account-tel{display:inline-block;margin-left:10px;vertical-align:2px;padding:2px 9px;border-radius:999px;background:var(--brand-050);color:var(--brand-700);font-size:12.5px;font-weight:700}
.account-stil,.account-leeg{color:var(--ink-soft);margin:0 0 12px}
.account-les span{color:var(--ink-soft)}
.account-eerder{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.account-eerder summary{cursor:pointer;font-size:14px;font-weight:650;color:var(--action-text);list-style:none}
.account-eerder summary::-webkit-details-marker{display:none}
.account-eerder summary::before{content:"›";display:inline-block;margin-right:6px;transition:transform .15s}
.account-eerder[open] summary::before{transform:rotate(90deg)}
.account-eerder .account-voorbij{margin-top:8px}
.account-gegevens{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:0 0 12px;font-size:15px}
.account-gegevens dt{color:var(--ink-soft);font-weight:600}
.account-gegevens dd{margin:0;overflow-wrap:anywhere}
.account-uitloggen{margin-top:10px}
.account-order-kop{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.account-order-datum{color:var(--ink-soft)}
.account-pil{margin-left:auto;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--sand-deep);color:var(--ink)}
.account-pil.st-betaald{background:var(--action-050);color:var(--action-text)}
.account-pil.st-open,.account-pil.st-mislukt{background:var(--amber-050);color:var(--amber-text)}
.account-pil.st-bevestigen{background:var(--brand-050);color:var(--brand-700)}
.account-order .account-lijst a{color:var(--action-text);font-weight:650}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.account-skelet .skelet-regel,.account-skelet .skelet-knop,.account-skelet .skelet-kaart{display:block;border-radius:10px;
  background:linear-gradient(90deg,var(--sand-deep) 25%,var(--surface) 50%,var(--sand-deep) 75%);background-size:200% 100%;animation:skelet 1.4s linear infinite}
.account-skelet .skelet-regel{height:16px;width:min(360px,80vw);margin:6px 0}
.account-skelet .skelet-regel.kop{height:28px;width:min(220px,60vw)}
.account-skelet .skelet-knop{height:52px;width:200px;border-radius:12px}
.account-skelet .skelet-kaart{height:180px;border-radius:18px}
@keyframes skelet{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.account-skelet .skelet-regel,.account-skelet .skelet-knop,.account-skelet .skelet-kaart{animation:none;background:var(--sand-deep)}}
.account-live{background:var(--action-050);border-radius:12px;padding:10px 12px !important;border-top:0 !important}
.account-zoom{justify-self:start;margin-top:6px}
.account-evaluatie{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}
.account-evaluatie .btn{display:block;text-align:center;margin-top:8px;white-space:normal}
.evaluatie-vraag{border:0;padding:0;margin:0 0 18px}
.evaluatie-vraag legend{font-weight:650;font-size:15.5px;margin-bottom:8px;padding:0}
.evaluatie-vraag legend small{font-weight:400;color:var(--ink-soft)}
.evaluatie-cijfers{display:flex;flex-wrap:wrap;gap:6px}
.evaluatie-cijfer{font:inherit;font-weight:700;min-width:44px;min-height:44px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer}
.evaluatie-cijfer.gekozen{background:var(--action);border-color:var(--action);color:#fff}
.evaluatie-cijfer:focus-visible{outline:3px solid var(--brand-600);outline-offset:2px}
.evaluatie-schaal{flex-basis:100%;display:flex;justify-content:space-between;color:var(--ink-soft);font-size:12.5px}
.evaluatie textarea{width:100%;box-sizing:border-box;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font:inherit;font-size:16px;background:var(--surface);color:var(--ink)}
.evaluatie textarea:focus-visible{outline:3px solid var(--brand-600);outline-offset:1px}
.vb-mandkaartje{position:fixed;z-index:170;box-sizing:border-box;
  background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);
  padding:12px 14px 14px;color:var(--ink);font-size:14.5px;line-height:1.35;
  opacity:0;transform:translateY(-6px);visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s linear .2s}
.vb-mandkaartje.zichtbaar{opacity:1;transform:none;visibility:visible;transition:opacity .2s,transform .2s}
.vb-mandkaartje::before{content:"";position:absolute;top:-7px;left:calc(var(--pijl,50%) - 6px);width:12px;height:12px;box-sizing:border-box;
  background:var(--surface);border-top:1px solid var(--line);border-left:1px solid var(--line);transform:rotate(45deg);border-top-left-radius:3px}
body.kiezer-spot.met-mandkaartje header{z-index:165}
.vb-mk-kop{display:flex;align-items:center;gap:8px;margin:-6px -8px 8px 0;min-height:44px}
.vb-mk-kop b{flex:1 1 auto;min-width:0;font-weight:700;color:var(--action-text)}
.vb-mk-vink{flex:none;width:22px;height:22px;border-radius:50%;background:var(--action-050);position:relative}
.vb-mk-vink::before{content:"";position:absolute;inset:0;background:var(--action-text);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.vb-mk-x{flex:none;border:0;background:none;font-size:22px;line-height:1;color:var(--ink-faint);cursor:pointer;
  width:44px;height:44px;border-radius:8px}
.vb-mk-x:hover{background:var(--sand);color:var(--ink)}
.vb-mk-regel{display:flex;align-items:flex-start;gap:10px}
.vb-mk-beeld{flex:none;width:36px;height:36px;border-radius:8px;background:var(--brand-050);color:var(--brand-700);
  display:grid;place-items:center;overflow:hidden}
.vb-mk-beeld svg{width:18px;height:18px}
.vb-mk-beeld img{width:100%;height:100%;object-fit:cover}
.vb-mk-regel > div{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
.vb-mk-naam{font-weight:700;overflow-wrap:anywhere}
.vb-mk-vak{font-size:13px;color:var(--ink-soft);overflow-wrap:anywhere}
.vb-mk-meer{font-size:13px;color:var(--ink-faint)}
.vb-mk-meer[hidden],.vb-mk-korting[hidden]{display:none}
.vb-mk-prijs{flex:none;font-variant-numeric:tabular-nums}
.vb-mk-korting{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:var(--action-text)}
.vb-mk-korting b{font-variant-numeric:tabular-nums}
.vb-mk-tot{display:flex;justify-content:space-between;gap:12px;margin:10px 0 12px;padding-top:10px;border-top:1px solid var(--line);color:var(--ink-soft)}
.vb-mk-tot b{color:var(--ink);font-variant-numeric:tabular-nums}
.vb-mk-knoppen{display:flex;gap:8px}
.vb-mk-af.btn{flex:1 1 0;box-sizing:border-box;min-height:44px;padding:0 12px;border-radius:999px}
.vb-mk-verder{flex:1 1 0;box-sizing:border-box;min-height:44px;padding:0 12px;border-radius:999px;cursor:pointer;
  background:var(--surface);color:var(--action-text);box-shadow:inset 0 0 0 2px var(--action);font-size:16px;font-weight:700;white-space:nowrap}
.vb-mk-verder:hover{background:var(--action-050)}
.vb-mk-af:focus-visible,.vb-mk-verder:focus-visible{outline:3px solid var(--brand-600);outline-offset:2px}
.vb-mk-x:focus-visible{outline:3px solid var(--brand-600);outline-offset:-3px}
@media (max-width:600px){
  .vb-mandkaartje{padding:10px 12px 12px;font-size:16px;line-height:1.3}
  .vb-mk-kop{margin:-8px -8px 4px 0}
  .vb-mk-tot{margin:8px 0 10px;padding-top:8px}
  .vb-mk-vak,.vb-mk-meer{font-size:14px}
}
.vg-voeg .vg-tasje{width:18px;height:18px;flex:none;margin-left:-2px}
.mand-tel.tik{animation:mand-tel-tik .45s cubic-bezier(.3,1.4,.5,1)}
@keyframes mand-tel-tik{40%{transform:scale(1.5)}}
@media (prefers-reduced-motion:reduce){
  .vb-mandkaartje,.vb-mandkaartje.zichtbaar{transition:none;transform:none}
  .mand-tel.tik{animation:none}
}