/* ------------------------------------------------------------------
 * Sjabloon: home-v5 (10 sep 2026, hybride na het ChatGPT-ontwerp)
 * Zeven blokken: lichte held met de havik groot · gedachten · vier stappen ·
 * drie voorbeelden · pakketten · Stefan en Gaby met foto · donkere slotband
 * met het formulier. Drie patronen: statement-kop naast een groot merkbeeld,
 * vensters met echte schermen, licht en donker als ritme. Teal alleen voor de
 * actie. Meer verticale rust dan v4 (secties 104 px in plaats van 88).
 * ------------------------------------------------------------------ */

html{scroll-behavior:smooth}
[id]{scroll-margin-top:96px}
img{max-width:100%;height:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* ------------------------------------------------------------------
 * Sjabloon: home-v4 (6 sep 2026, ronde 2 na overleg met ChatGPT)
 * Zes blokken, elk met één taak: wat ik doe · herkenning · voorbeeld ·
 * fasen · prijs · Stefan en de scan. Gedeelde kern in algemeen.css.
 * Drie patronen: statement-kop op de held, vensters met echte schermen,
 * licht en donker als ritme. Teal alleen voor de actie.
 * ------------------------------------------------------------------ */


.vv2.v5 p,.vv2.v5 li{font-weight:400}
.vv2.v5 .lead{font-size:clamp(17px,2vw,19.5px);line-height:1.6;max-width:720px;margin-bottom:26px}
.vv2.v5 .micro{font-size:14px;color:var(--vv-grijs);margin-top:14px;max-width:640px}
.vv2.v5 .klein{font-size:14.5px;color:var(--vv-grijs)}
.vv2.v5 .breedte{background:var(--vv-papier)}
.vv2.v5 .onder{font-size:15.5px;color:var(--vv-grijs);margin-top:26px}
.vv2.v5 .onder a,.vv2.v5 .persoon a{color:var(--vv-diep);font-weight:600}
.vv2.v5 .kicker i{font-style:normal;opacity:.5;margin:0 4px}

/* ---------- 4 · fasen ---------- */
.vv2.v5 .aanpak{padding:88px 0 80px}
.vv2.v5 .stappen3{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.vv2.v5 .stappen3 li{position:relative;padding-left:58px}
.vv2.v5 .stappen3 .nr{position:absolute;left:0;top:-2px;width:42px;height:42px;border-radius:50%;background:var(--vv-diep);color:#fff;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:20px;display:flex;align-items:center;justify-content:center}
.vv2.v5 .stappen3 h3{margin:0 0 8px;font-size:20px}
.vv2.v5 .stappen3 .prijsje{display:inline-block;font-family:Fraunces,Georgia,serif;font-weight:600;color:var(--vv-tealdonker);font-size:18px;margin-left:6px;white-space:nowrap}
.vv2.v5 .stappen3 p{font-size:15.5px;line-height:1.55;margin:0}
@media(max-width:820px){.vv2.v5 .stappen3{grid-template-columns:1fr;gap:26px}}

/* ---------- 5 · pakketten ---------- */
.vv2.v5 .pakketten{background:#fff;padding:88px 0 84px}
.vv2.v5 .pakketten3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start;margin-top:10px}
.vv2.v5 .pkaart{border:1px solid var(--vv-rand);border-radius:12px;padding:22px 20px 24px;background:var(--vv-papier)}
.vv2.v5 .pkaart .pvogel{height:96px;display:flex;align-items:flex-end}
.vv2.v5 .pkaart .pvogel img{width:auto;height:96px}
.vv2.v5 .pkaart .pprijs{font-family:Fraunces,Georgia,serif;font-size:30px;font-weight:600;color:var(--vv-diep);margin-top:6px;line-height:1}
.vv2.v5 .pkaart .pwat{font-size:15.5px;line-height:1.5;margin:12px 0 0}
.vv2.v5 .verreken{margin-top:28px;background:var(--vv-zand);border:1px solid var(--vv-rand);border-radius:12px;padding:22px 26px;display:grid;grid-template-columns:auto 1fr;gap:6px 32px;align-items:baseline}
.vv2.v5 .verreken h3{margin:0;font-size:19px;white-space:nowrap}
.vv2.v5 .verreken p{font-size:15.5px;line-height:1.55;margin:0}
@media(max-width:900px){.vv2.v5 .pakketten3{grid-template-columns:1fr}.vv2.v5 .verreken{grid-template-columns:1fr}.vv2.v5 .verreken h3{white-space:normal}}

.vv2.v5 .formulier{background:#fff;border:1px solid var(--vv-rand);border-radius:14px;padding:28px 26px 26px;box-shadow:0 10px 30px rgba(11,42,91,.06)}
.vv2.v5 .formulier .ftitel{margin:0 0 8px;font-family:Fraunces,Georgia,serif;font-size:23px;letter-spacing:-.01em}
.vv2.v5 .formulier .fintro{font-size:15px;color:var(--vv-grijs);margin-bottom:6px}
.vv2.v5 .formulier label{display:block;font-weight:600;font-size:14.5px;margin:14px 0 6px;color:var(--vv-diep)}
.vv2.v5 .formulier .cta{width:100%;margin-top:20px;text-align:center}
.vv2.v5 .formulier .gerust{font-size:14px;color:var(--vv-grijs);margin:14px 0 0;text-align:center}
.vv2.v5 .formulier .gerust a{color:var(--vv-grijs);text-decoration:underline}
.vv2.v5 .formulier .fout{background:#FDF3F2;border:1px solid #E6B8B3;color:#8A2A22;border-radius:8px;padding:10px 12px;font-size:14.5px;margin:10px 0 0}

/* ---------- ronde 3 (9 sep 2026): gedachten en voorbeelden van het traject ---------- */
.vv2.v5 .gedachten{padding:72px 0 66px}
.vv2.v5 .gedachten h2{font-size:clamp(26px,3.2vw,38px);margin-bottom:22px}
.vv2.v5 .gedachtenlijst{max-width:840px}
.vv2.v5 .gedachte{border-top:1px solid var(--vv-rand)}
.vv2.v5 .gedachte:last-child{border-bottom:1px solid var(--vv-rand)}
.vv2.v5 .gedachte summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;gap:16px;padding:16px 4px}
.vv2.v5 .gedachte summary::-webkit-details-marker{display:none}
.vv2.v5 .gedachte .q{font-family:Fraunces,Georgia,serif;font-style:italic;font-size:clamp(17px,2vw,20px);color:var(--vv-diep);line-height:1.35;flex:1}
.vv2.v5 .gedachte .plus{flex:0 0 30px;width:30px;height:30px;border-radius:50%;border:1px solid var(--vv-rand);background:#fff;display:flex;align-items:center;justify-content:center;font-family:Jost,'Segoe UI',Arial,sans-serif;font-size:20px;line-height:1;color:var(--vv-tealdonker);transition:transform .2s}
.vv2.v5 .gedachte[open] .plus{transform:rotate(45deg)}
.vv2.v5 .gedachte summary:hover .q{color:var(--vv-tealdonker)}
.vv2.v5 .gedachte p{margin:0 0 18px;padding:0 50px 0 4px;font-size:16px;line-height:1.6;max-width:740px}
@media(max-width:700px){.vv2.v5 .gedachte p{padding-right:4px}}

.vv2.v5 .gedachten .slotzin{margin:22px 0 0;font-family:Fraunces,Georgia,serif;font-size:clamp(18px,2.2vw,22px);color:var(--vv-diep);max-width:840px}

/* gedachten scanbaar (9 sep, laat): niet cursief, kernwoorden vet, iets groter en luchtiger */
.vv2.v5 .gedachtenlijst{max-width:860px}
.vv2.v5 .gedachte summary{padding:20px 4px;gap:20px}
.vv2.v5 .gedachte .q{font-family:Jost,'Segoe UI',Arial,sans-serif;font-style:normal;font-weight:400;font-size:clamp(17.5px,2.1vw,21px);line-height:1.5;color:var(--vv-inkt);max-width:720px}
.vv2.v5 .gedachte .q b{font-weight:600;color:var(--vv-diep)}
.vv2.v5 .gedachte .plus{flex:0 0 26px;width:26px;height:26px;border-color:transparent;background:transparent;color:var(--vv-grijs);font-size:22px;margin-top:2px}
.vv2.v5 .gedachte summary:hover .q{color:var(--vv-inkt)}
.vv2.v5 .gedachte summary:hover .plus{color:var(--vv-tealdonker)}
.vv2.v5 .gedachte p{font-size:16.5px;padding-left:4px}
.vv2.v5 .gedachten .slotzin{margin-top:26px}

/* ---------- ronde 4 (9 sep, laat): vier stappen, tempoblok, samenwerking met drie kaarten ---------- */
.vv2.v5 .stappen3.vier{grid-template-columns:repeat(4,1fr);gap:22px}
.vv2.v5 .stappen3.vier h3{font-size:19px}
@media(max-width:1000px){.vv2.v5 .stappen3.vier{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.vv2.v5 .stappen3.vier{grid-template-columns:1fr}}
.vv2.v5 .aanpak .onder b{color:var(--vv-diep)}
.vv2.v5 .tempo{margin-top:30px;background:#fff;border:1px solid var(--vv-rand);border-radius:12px;padding:22px 26px;max-width:880px}
.vv2.v5 .tempo h3{margin:0 0 8px;font-size:21px}
.vv2.v5 .tempo p{margin:0;font-size:15.5px;line-height:1.6}
.vv2.v5 .samenwerking{background:#fff;padding:88px 0 80px}
.vv2.v5 .kaarten3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:8px}
.vv2.v5 .vkaart{display:block;color:var(--vv-inkt);text-decoration:none;border:1px solid var(--vv-rand);border-radius:12px;background:var(--vv-papier);padding:14px 14px 18px;transition:box-shadow .2s,transform .2s}
.vv2.v5 .vkaart:hover{box-shadow:0 14px 34px rgba(11,42,91,.14);transform:translateY(-2px)}
.vv2.v5 .vkaart .venster{display:block;aspect-ratio:16/10;overflow:hidden;box-shadow:none}
.vv2.v5 .vkaart .venster img{width:100%;height:calc(100% - 22px);object-fit:cover;object-position:top}
.vv2.v5 .vkaart .vkop{display:block;font-family:Fraunces,Georgia,serif;font-weight:600;font-size:19px;color:var(--vv-diep);margin:14px 0 4px}
.vv2.v5 .vkaart .vtekst{display:block;font-size:15px;line-height:1.5;color:var(--vv-grijs)}
.vv2.v5 .vkaart .vlink{display:inline-block;margin-top:10px;font-weight:600;color:var(--vv-tealdonker);font-size:14.5px;text-decoration:underline;text-underline-offset:3px}

@media(max-width:900px){.vv2.v5 .kaarten3{grid-template-columns:1fr;max-width:560px}}

@media(prefers-reduced-motion:reduce){.vv2.v5 .vkaart:hover{transform:none}}

.vv2.v5 .stappen3 .nr.ab{font-size:15px;letter-spacing:-.3px}

/* ================= v5: wat anders is dan v4 ================= */
.vv2.v5 section{padding:104px 0}
.vv2.v5 .wit{background:#fff}
.vv2.v5 .papier{background:var(--vv-papier)}
.vv2.v5 h2{margin-bottom:12px}
.vv2.v5 .lead{margin-bottom:30px}

/* held: licht, tekst links, havik rechts op volle sterkte */
.vv2.v5 .held{position:relative;overflow:hidden;padding:64px 0 56px;background:var(--vv-papier)}
.vv2.v5 .held .wrap{max-width:1280px}
.vv2.v5 .heldgrid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px 40px;align-items:center}
.vv2.v5 .held .kicker{color:var(--vv-tealdonker)}
.vv2.v5 .held h1{font-size:clamp(40px,4.5vw,64px);max-width:600px;line-height:1.04;color:var(--vv-diep)}
@media(max-width:480px){.vv2.v5 .held .kicker{letter-spacing:1.6px;font-size:11.5px}}
.vv2.v5 .held h1 em{font-style:normal;color:var(--vv-tealdonker)}
.vv2.v5 .held .sub{margin-top:22px;max-width:560px;font-size:clamp(17px,2vw,19.5px);color:var(--vv-inkt)}
.vv2.v5 .tekstlink{color:var(--vv-diep);text-decoration-color:rgba(11,42,91,.4)}
.vv2.v5 .tekstlink:hover{text-decoration-color:var(--vv-diep)}
.vv2.v5 .held .micro{color:var(--vv-grijs);margin-top:22px;max-width:560px}
.vv2.v5 .held .micro.platform{margin-top:8px}
.vv2.v5 .heldbeeld{position:relative;justify-self:end;width:100%;max-width:640px}
.vv2.v5 .heldbeeld img{display:block;width:100%;height:auto}
@media(max-width:900px){
  .vv2.v5 .held{padding:44px 0 40px}
  .vv2.v5 .heldgrid{grid-template-columns:1fr;gap:26px}
  .vv2.v5 .heldbeeld{justify-self:center;max-width:460px;margin-top:4px}
  .vv2.v5 .held h1{max-width:none}
}

/* gedachten: witte sectie, intro als lead */
.vv2.v5 .gedachten{padding:104px 0 96px}
.vv2.v5 .gedachten .lead{margin-bottom:22px;max-width:640px}

/* stappen: 15 minuten valt op */
.vv2.v5 .stappen3 p b{color:var(--vv-diep);font-weight:600}
.vv2.v5 .aanpak{padding:104px 0 96px}

/* samenwerking: drie gelijke vensters, kaart klikbaar */
.vv2.v5 .samenwerking{padding:104px 0 100px}
.vv2.v5 .vkaart .venster{aspect-ratio:16/10}
.vv2.v5 .vkaart .vlink{margin-top:12px}

/* pakketten */
.vv2.v5 .pakketten{padding:104px 0 96px}

/* Stefan en Gaby: foto links, twee rollen rechts */
.vv2.v5 .over{padding:104px 0 100px}
.vv2.v5 .overgrid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:56px;align-items:start}
.vv2.v5 .over .foto img{display:block;width:100%;height:auto;border-radius:14px}
.vv2.v5 .rollen{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin-top:22px}
.vv2.v5 .rollen h3{font-size:18px;margin:0 0 8px;color:var(--vv-diep)}
.vv2.v5 .rollen p{margin:0;font-size:16px;line-height:1.6}
.vv2.v5 .over .contact{margin-top:30px;font-size:16px}
.vv2.v5 .over .contact a{color:var(--vv-diep);font-weight:600}
@media(max-width:900px){
  .vv2.v5 .overgrid{grid-template-columns:1fr;gap:28px}
  .vv2.v5 .over .foto{max-width:240px}
  .vv2.v5 .rollen{grid-template-columns:1fr;gap:22px}
}

/* slotband: donker, tekst links, wit formulier rechts */
.vv2.v5 .slot{padding:104px 0 112px}
.vv2.v5 .slotkolommen{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.vv2.v5 .slot h2{color:#fff;max-width:520px}
.vv2.v5 .slot .slottekst p{color:#DCE4F1;font-size:17px;line-height:1.6;max-width:520px}
.vv2.v5 .slot .slottekst p b{color:#fff;font-weight:600}
.vv2.v5 .slot .formulier{box-shadow:0 18px 44px rgba(3,16,40,.35)}
.vv2.v5 .slot .formulier .ftitel{margin-bottom:2px}
.vv2.v5 .slot .formulier label:first-of-type{margin-top:10px}
.vv2.v5 .slot .formulier .gerust{margin-top:12px}
.vv2.v5 .slot .formulier p,.vv2.v5 .slot .formulier label{color:var(--vv-inkt)}
.vv2.v5 .slot .formulier .gerust,.vv2.v5 .slot .formulier .gerust a{color:var(--vv-grijs)}
@media(max-width:900px){.vv2.v5 .slotkolommen{grid-template-columns:1fr;gap:34px}.vv2.v5 .slot{padding:80px 0 88px}}

/* formuliertitel in de donkere band blijft donker op de witte kaart */
.vv2.v5 .slot .formulier .ftitel{color:var(--vv-diep)}

/* volle breedte: de Astra-container laat op deze pagina de banden edge to edge lopen; .wrap centreert de tekst */
#content .ast-container{max-width:100%;padding-left:0;padding-right:0}
#content .ast-container article.ast-article-single{padding:0;margin:0}
#content #primary,#content .content-area,#content .entry-content,#content .ast-article-single{max-width:100%;width:100%;margin:0}
#content .entry-content>.vv2.v5,#content .entry-content>*{max-width:none;margin-left:0;margin-right:0}
.vv2.v5{overflow-x:clip}

/* controleronde 10 sep (middag): kleine reparaties */
.vv2.v5 .gedachte .plus{opacity:1}
.vv2.v5 .pakketten .pkaart{background:#fff}
.vv2.v5 .gedachten .slotzin{font-weight:600}
.vv2.v5 .micro i{font-style:normal;opacity:.5;margin:0 6px}
.vv2.v5 .slot .formulier .fout{color:#8A2A22}
.vv2.v5 .stappen3 .prijsje{display:block;margin:0 0 8px;white-space:normal}