/* Van der Lugt v2 — opbouw als Arslan, kleuren van Van der Lugt.
   Blauw = merk (uit het logo). Oranje = alleen de plekken waar een aanvraag binnenkomt. Golos overal. */
:root{
  --ink:#0d1626;--tekst:#556070;--zacht:#8a93a3;--lijn:#e4e8ef;--grijs:#f3f5f8;--wit:#fff;
  --blauw:#0058b0;--blauw-2:#004a94;--donker:#00336d;--donker-2:#002754;--licht:#9cc8ff;--ijs:#e8f1fc;
  --oranje:#ff6a00;--oranje-2:#e65c00;--ster:#f5b50a;
  --r:20px;--r-s:14px;--w:1240px;--f:'Golos Text',system-ui,-apple-system,sans-serif;--fk:'Poppins','Golos Text',system-ui,sans-serif;
  --sch:0 1px 2px rgba(13,22,38,.06),0 8px 24px -12px rgba(13,22,38,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{overflow-x:clip}
body{font:400 16px/1.65 var(--f);color:var(--tekst);background:#fff;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3,h4{font-family:var(--fk);color:var(--ink);font-weight:500;line-height:1.12;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(38px,4.6vw,65px);font-weight:500;line-height:1.1;letter-spacing:-.035em}
h2{font-size:clamp(30px,3.4vw,46px)}
h3{font-size:19px;letter-spacing:-.01em;line-height:1.3}
p{text-wrap:pretty}
.wrap{width:100%;max-width:var(--w);margin:0 auto;padding:0 32px}
.sec{padding:clamp(64px,8vw,112px) 0}
.sec--grijs{background:var(--grijs)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.oog{display:inline-block;font-size:14px;font-weight:500;color:var(--zacht);margin-bottom:10px}
.kop-rij{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px}
.kop-rij p{max-width:760px;margin-top:14px;font-size:16.5px}
.intro{font-size:17px;max-width:760px;margin-top:16px}

/* knoppen: pil met ronde pijl */
.knop{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:6px 6px 6px 24px;border-radius:999px;font-weight:500;font-size:15.5px;line-height:1.2;transition:background .2s,transform .15s;white-space:nowrap}
.knop i.pijl{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;font-size:18px;transition:transform .2s}
.knop:hover i.pijl{transform:rotate(45deg)}
.knop:active{transform:scale(.98)}
.knop--oranje{background:var(--oranje);color:#fff}.knop--oranje i.pijl{color:var(--oranje)}
.knop--oranje:hover{background:var(--oranje-2)}
.knop--donker{background:var(--donker);color:#fff}.knop--donker i.pijl{color:var(--donker)}
.knop--donker:hover{background:var(--donker-2)}
.knop--wit{background:#fff;color:var(--ink);border:1px solid var(--lijn)}.knop--wit i.pijl{background:var(--donker);color:#fff}
.knop--plat{padding:0 26px}
.knop--vol{width:100%;justify-content:space-between}
.link-onder{font-weight:500;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* chips en vinken */
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border-radius:999px;background:#fff;color:var(--ink);font-size:14.5px;font-weight:500;box-shadow:var(--sch)}
.chip i{color:var(--blauw);font-size:18px}
.vinken{display:grid;gap:10px;max-width:420px}
.vink{display:flex;align-items:center;gap:12px;padding:9px 18px 9px 10px;border-radius:999px;background:var(--blauw);color:#fff;font-weight:500;font-size:15px}
.vink i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--blauw);font-size:15px;flex:none}
.sterren{color:var(--ster);letter-spacing:2px}

/* header */
.balk{background:var(--donker);color:#fff;font-size:13.5px}
.balk .wrap{display:flex;justify-content:center;align-items:center;gap:22px;min-height:38px}
.balk b{font-weight:600}
.kopbalk{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--lijn)}
.kopbalk .wrap{display:flex;align-items:center;gap:28px;min-height:86px}
.logo{flex:none}.logo img{height:54px;width:auto;max-width:none;aspect-ratio:768/236}
.menu{display:flex;gap:22px;margin-left:8px;font-size:15px;font-weight:500;color:var(--ink);white-space:nowrap}
.menu>a,.menu .dd>a{display:inline-flex;align-items:center;gap:4px;padding:30px 0;border-bottom:2px solid transparent}
.menu>a:hover,.menu .dd:hover>a,.menu a[aria-current]{border-color:var(--blauw)}
.dd{position:relative}
.dd-paneel{position:absolute;top:100%;left:-24px;width:620px;display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;background:#fff;border:1px solid var(--lijn);border-radius:var(--r);padding:16px;box-shadow:0 24px 50px -20px rgba(13,22,38,.35);opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s}
.dd:hover .dd-paneel,.dd:focus-within .dd-paneel{opacity:1;visibility:visible;transform:none}
.dd-paneel a{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;font-size:14.5px}
.dd-paneel a:hover{background:var(--grijs)}
.dd-paneel img{width:44px;height:44px;border-radius:10px;object-fit:cover;flex:none}
.kop-r{margin-left:auto;display:flex;align-items:center;gap:10px}
.kop-tel{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;white-space:nowrap;border-radius:999px;background:var(--donker);color:#fff;font-weight:500;font-size:15.5px}
.kop-tel:hover{background:var(--donker-2)}
.kop-cta{min-height:50px}
.burger{display:none;width:50px;height:50px;border-radius:50%;background:var(--donker);color:#fff;font-size:22px;place-items:center}
.mmenu{position:fixed;inset:0;z-index:60;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .3s cubic-bezier(.65,0,.35,1),visibility 0s .3s;overflow:auto}
.mmenu.open{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.65,0,.35,1)}
.mm-kop{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--lijn)}
.mm-kop img{height:42px;width:auto}
.mm-dicht{width:46px;height:46px;border-radius:50%;background:var(--grijs);font-size:22px;display:grid;place-items:center}
.mm-lijst{padding:10px 18px}
.mm-lijst a,.mm-lijst summary{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--lijn);font-size:18px;font-weight:500;color:var(--ink);list-style:none}
.mm-lijst summary::-webkit-details-marker{display:none}
.mm-lijst details a{font-size:16px;padding:11px 0 11px 12px}
.mm-onder{margin-top:auto;padding:18px;display:grid;gap:10px}

/* hero home: foto met verloop, formulier rechts */
.held{position:relative;color:#fff;overflow:hidden;border-radius:0 0 28px 28px;background:var(--donker);min-height:min(calc(100vh - 124px),860px);display:flex}
.held-foto{position:absolute;inset:0}
.held-foto img{width:100%;height:100%;object-fit:cover}
.held-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,40,.55) 0%,rgba(4,18,40,.28) 34%,rgba(4,18,40,0) 56%),linear-gradient(0deg,rgba(4,18,40,.42) 0%,rgba(4,18,40,0) 32%)}
.held-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:center;padding-top:64px;padding-bottom:56px}
.held-l{display:grid;grid-template-rows:1fr auto 1fr;align-self:stretch;gap:32px}
.held-l>div:first-child{grid-row:2}
.held-l .chips{grid-row:3;align-self:end}
.score{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;background:#fff;color:var(--ink);font-size:14.5px;font-weight:500;margin-bottom:22px;box-shadow:0 6px 20px -8px rgba(0,0,0,.35)}
.score svg{width:22px;height:22px;flex:none}.score .gw{font-weight:600;letter-spacing:-.01em}.score .gw i{font-style:normal}
.score .gw i:nth-child(1),.score .gw i:nth-child(4){color:#4285f4}.score .gw i:nth-child(2),.score .gw i:nth-child(6){color:#ea4335}.score .gw i:nth-child(3){color:#fbbc05}.score .gw i:nth-child(5){color:#34a853}
.score .sterren{font-size:16px;letter-spacing:1px}
.score b{font-weight:700}.score .streep{width:1px;height:16px;background:var(--lijn)}
.held h1{color:#fff;max-width:700px;font-size:clamp(40px,4.6vw,65px);text-shadow:0 1px 3px rgba(0,0,0,.35),0 2px 24px rgba(0,0,0,.3)}
.held h1 span{display:block;color:#fff}
.held .lead{margin-top:20px;max-width:520px;font-size:17.5px;font-weight:500;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 18px rgba(0,0,0,.45)}
.held .chips{margin-top:0}
.held .chip{background:rgba(255,255,255,.9);backdrop-filter:blur(6px)}

/* formulierkaart */
.fkaart{background:#fff;color:var(--tekst);border-radius:var(--r);padding:30px 30px 24px;box-shadow:0 30px 60px -30px rgba(0,20,50,.55)}
.fkaart h2,.fkaart h3{font-size:22px;margin-bottom:14px}
.fkaart .vlijst{display:grid;gap:8px;margin-bottom:18px}
.fkaart .vlijst li{list-style:none;display:flex;align-items:center;gap:10px;color:var(--ink);font-size:15px}
.fkaart .vlijst i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--blauw);color:#fff;font-size:13px}
.fkaart .vraag{font-size:15px;color:var(--ink);font-weight:500;margin:4px 0 10px}
.velden{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.velden .heel{grid-column:1/-1}
.veld input,.veld select,.veld textarea{width:100%;min-height:50px;padding:12px 18px;border:1px solid var(--lijn);border-radius:999px;background:var(--grijs);color:var(--ink);font:400 16px/1.3 var(--f);outline:0;transition:border-color .15s,background .15s}
.veld textarea{border-radius:18px;min-height:96px;resize:vertical}
.veld select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23556070' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}
.veld input:focus,.veld select:focus,.veld textarea:focus{border-color:var(--blauw);background:#fff}
.veld input::placeholder,.veld textarea::placeholder{color:var(--zacht)}
.meer{display:grid;grid-template-columns:1fr 1fr;gap:10px;grid-column:1/-1;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .25s}
.form.open .meer{max-height:420px;opacity:1}
@media (min-width:1001px){.form .meer{max-height:none;opacity:1;overflow:visible}}
.fkaart .knop{margin-top:14px}
.fkaart .onder{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;font-size:14px;color:var(--ink)}
.form__msg{margin-top:10px;font-size:14px}
.form__msg--ok{color:#137a3a}.form__msg--err{color:#b42318}

/* fotokaarten met label */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3*20px)/3.4);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.rail::-webkit-scrollbar{display:none}
.rail>*{scroll-snap-align:start}
.rail-nav{display:flex;gap:8px}
.rail-nav button{width:44px;height:44px;border-radius:50%;background:var(--donker);color:#fff;font-size:20px;display:grid;place-items:center}
.rail-nav button:hover{background:var(--blauw)}
.fk{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--grijs)}
.fk img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.fk:hover img{transform:scale(1.04)}
.fk-label{position:absolute;left:14px;right:14px;bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 6px 6px 18px;border-radius:999px;background:#fff;color:var(--ink);font-weight:500;font-size:15px}
.fk-label i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blauw);color:#fff;font-size:17px;flex:none}
.raster{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}

/* drie kaarten */
.drie{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dk{border-radius:var(--r);padding:26px 26px 0;display:flex;flex-direction:column;overflow:hidden;background:var(--grijs)}
.dk h3{margin-bottom:12px}.dk p{font-size:15px}
.dk img{margin-top:22px;border-radius:14px 14px 0 0;aspect-ratio:4/3;object-fit:cover;width:100%}
.dk--donker{background:var(--donker)}.dk--donker h3{color:#fff}.dk--donker p{color:#c9d8ee}
.dk--blauw{background:var(--blauw)}.dk--blauw h3{color:#fff}.dk--blauw p{color:#dbe8f8}

/* donkere sectie */
.donker{background:var(--donker);color:#c9d8ee}
.donker h2,.donker h3{color:#fff}
.donker .oog{color:var(--licht)}
.twee{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.twee--top{align-items:start}
.foto-r{border-radius:var(--r);overflow:hidden}
.foto-r img{width:100%;height:100%;object-fit:cover}
.punten{display:grid;gap:22px;margin:30px 0 34px}
.punt{display:grid;grid-template-columns:24px 1fr;gap:14px}
.punt>i{font-size:22px;color:var(--licht);margin-top:1px}
.punt h3{font-size:17.5px;margin-bottom:4px}
.punt p{font-size:15px}
.sec:not(.donker) .punt>i{color:var(--blauw)}
.acc{display:grid;gap:10px}
.acc details{background:#fff;border-radius:16px;color:var(--tekst)}
.acc summary{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;list-style:none;color:var(--ink);font-weight:500}
.acc summary::-webkit-details-marker{display:none}
.acc summary .ik{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--blauw);color:#fff;font-size:14px;flex:none}
.acc summary .pl{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ijs);color:var(--blauw);transition:transform .2s}
.acc details[open] summary .pl{transform:rotate(45deg)}
.acc details>div{padding:0 18px 18px 56px;font-size:15px}
.acc a{color:var(--blauw);text-decoration:underline;text-underline-offset:3px}

/* cijfers */
.cijfers{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cijfer{background:var(--grijs);border-radius:var(--r);padding:26px}
.cijfer b{display:block;font-size:44px;font-weight:600;color:var(--ink);letter-spacing:-.03em;line-height:1}
.cijfer b small{font-size:20px;font-weight:500;letter-spacing:0;margin-left:4px}
.cijfer span{display:block;margin-top:10px;color:var(--ink);font-weight:500}
.cijfer p{margin-top:6px;font-size:14.5px}

/* traject */
.traject{display:grid;grid-template-columns:1fr 1fr;border-radius:var(--r);overflow:hidden;background:var(--blauw)}
.traject-l{padding:clamp(32px,5vw,64px);color:#dbe8f8}
.traject-l h2{color:#fff;margin-bottom:30px}
.stappen{list-style:none;position:relative;display:grid;gap:4px;margin-bottom:34px}
.stappen::before{content:"";position:absolute;left:14px;top:16px;bottom:16px;width:1px;background:rgba(255,255,255,.35)}
.stappen details{position:relative}
.stappen summary{display:flex;align-items:center;gap:16px;padding:10px 0;cursor:pointer;list-style:none;color:#fff;font-weight:500;font-size:16.5px}
.stappen summary::-webkit-details-marker{display:none}
.stappen .nr{position:relative;z-index:1;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#fff;color:var(--blauw);font-size:14px;font-weight:600;flex:none}
.stappen details[open] .nr{background:var(--licht);color:var(--donker)}
.stappen details>p{padding:0 0 12px 45px;font-size:15px}
.traject-r{position:relative;min-height:420px}
.traject-r img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* reviews */
.rev-top{display:flex;justify-content:center;margin-bottom:30px}
.rev-pil{display:inline-flex;align-items:center;gap:12px;padding:10px 18px;border-radius:999px;background:var(--grijs);color:var(--ink);font-size:14.5px;font-weight:500}
.rev-rail{grid-auto-columns:calc((100% - 3*20px)/3.3)}
.rev{background:var(--grijs);border-radius:var(--r);padding:26px;display:flex;flex-direction:column;gap:16px}
.rev-k{display:flex;align-items:center;gap:10px}
.rev-k svg{width:22px;height:22px}
.rev p{font-size:15px;color:var(--ink)}
.rev small{margin-top:auto;font-size:14px;color:var(--zacht)}

/* inspiratie */
.paneel{background:var(--grijs);border-radius:28px;padding:clamp(28px,4vw,56px)}
.insp{grid-auto-columns:calc((100% - 20px)/1.6)}
.insp figure{border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;position:relative}
.insp figure img{width:100%;height:100%;object-fit:cover}
.insp figcaption{position:absolute;left:14px;bottom:14px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);font-size:13.5px;font-weight:500}

/* varianten in donker */
.vier{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}
.vk{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:22px}
.vk h3{font-size:17px;margin-bottom:10px}
.vk p{font-size:14.5px;color:#c9d8ee}

/* faq */
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,5vw,72px);align-items:start}
.faq-l img{border-radius:var(--r);margin:22px 0 18px;aspect-ratio:4/3;object-fit:cover;width:100%}
.faq-l .ct{display:grid;gap:8px;font-size:15px;color:var(--ink)}
.faq-l .ct a{display:inline-flex;align-items:center;gap:10px}
.faq-l .ct i{color:var(--blauw)}
.vragen{display:grid;gap:10px}
.vragen details{background:var(--grijs);border-radius:16px;transition:background .2s}
.vragen details[open]{background:var(--donker)}
.vragen summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;cursor:pointer;list-style:none;color:var(--ink);font-weight:500}
.vragen summary::-webkit-details-marker{display:none}
.vragen details[open] summary{color:#fff}
.vragen summary i{font-size:20px;transition:transform .2s;flex:none}
.vragen details[open] summary i{transform:rotate(45deg)}
.vragen details>div{padding:0 22px 22px;color:#c9d8ee;font-size:15px}

/* dienstpagina top */
.kruimel{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--zacht);padding:26px 0 30px}
.kruimel a:hover{color:var(--ink)}
.dtop h1{max-width:900px}
.dtop-rij{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:34px;padding-top:34px;border-top:1px solid var(--lijn)}
.dtop-rij h2{font-size:20px;margin-bottom:12px}
.dtop-rij p{margin-bottom:22px}
.breed{margin-top:40px;border-radius:var(--r);overflow:hidden;aspect-ratio:21/9}
.breed img{width:100%;height:100%;object-fit:cover}

/* tekstblokken (SEO) */
.tekst{max-width:780px}
.tekst h2{font-size:clamp(26px,2.6vw,34px);margin:44px 0 14px}
.tekst h2:first-child{margin-top:0}
.tekst h3{margin:26px 0 8px}
.tekst p{margin-top:14px;font-size:16.5px}
.tekst ul,.tekst ol{margin:14px 0 0 0;padding-left:0;list-style:none;display:grid;gap:10px}
.tekst li{position:relative;padding-left:30px;font-size:16px}
.tekst li::before{content:"";position:absolute;left:4px;top:9px;width:10px;height:10px;border-radius:50%;background:var(--blauw)}
.tekst a{color:var(--blauw);text-decoration:underline;text-underline-offset:3px}
.tekst strong{color:var(--ink);font-weight:600}
.met-zij{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start}
.zij{position:sticky;top:110px;display:grid;gap:16px}
.zij-kaart{background:var(--grijs);border-radius:var(--r);padding:24px}
.zij-kaart h3{font-size:18px;margin-bottom:12px}
.zij-kaart a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--lijn);font-size:15px;color:var(--ink)}
.zij-kaart a:last-child{border-bottom:0}
.zij-kaart a i{color:var(--blauw)}
.zij-kaart a.knop{display:inline-flex;justify-content:space-between;padding:6px 6px 6px 22px;border:0;font-size:15px;margin-top:4px}
.zij-kaart a.knop--donker{color:#fff}.zij-kaart a.knop i.pijl{color:var(--donker)}

/* opname-blok */
.opname{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,72px);align-items:center}
.opname img{border-radius:var(--r);aspect-ratio:4/5;object-fit:cover;width:100%}
.opname p{margin-top:14px;font-size:16.5px}
.opname .knop{margin-top:26px}

/* kennisbank */
.filters{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:var(--grijs);flex-wrap:wrap;margin-bottom:34px}
.filters button{padding:10px 18px;border-radius:999px;font-size:14.5px;font-weight:500;color:var(--ink)}
.filters button[aria-pressed=true]{background:var(--donker);color:#fff}
.art-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ak{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--lijn);transition:box-shadow .2s,transform .2s}
.ak:hover{box-shadow:var(--sch);transform:translateY(-2px)}
.ak img{aspect-ratio:3/2;object-fit:cover;width:100%}
.ak>div{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.ak .cat{font-size:13px;font-weight:500;color:var(--blauw)}
.ak h3{margin:8px 0 8px;font-size:18.5px}
.ak p{font-size:14.5px}
.ak .lees{margin-top:auto;padding-top:14px;display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:500;font-size:14.5px}
.kb-held{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--grijs);border-radius:28px;padding:clamp(28px,4vw,56px)}
.kb-held img{border-radius:var(--r);aspect-ratio:4/3;object-fit:cover;width:100%}
.art-kop{max-width:860px}
.art-kop .meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;font-size:14.5px;color:var(--zacht)}
.art-foto{margin:34px 0 0;border-radius:var(--r);overflow:hidden;aspect-ratio:2/1}
.art-foto img{width:100%;height:100%;object-fit:cover}
.kort{background:var(--ijs);border-radius:var(--r);padding:22px 24px;margin-bottom:8px}
.kort b{display:block;color:var(--ink);margin-bottom:6px}
.bronnen-blok{margin-top:44px;padding-top:28px;border-top:1px solid var(--lijn)}
.bronnen-blok h2{font-size:22px!important;margin:0 0 6px!important}
.bronnen-blok>p{font-size:15px!important}
.bron-lijst{list-style:none!important;display:grid!important;gap:10px!important;margin-top:16px!important}
.bron-lijst li{padding:0!important}
.bron-lijst li::before{display:none}
.bron-lijst a{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--grijs);text-decoration:none!important;color:var(--tekst)!important}
.bron-lijst a:hover{background:var(--ijs)}
.bron-lijst i{font-size:20px;color:var(--blauw);margin-top:2px}
.bron-lijst b{display:block;color:var(--ink);font-weight:500}
.bron-lijst span{font-size:14px}
.inhoud{counter-reset:h}
.inhoud a{border:0!important;padding:7px 0!important;font-size:14.5px!important;color:var(--tekst)!important}
.inhoud a:hover{color:var(--ink)!important}

/* slot en footer */
.slot{background:var(--donker);border-radius:28px;padding:clamp(32px,5vw,64px);display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;color:#c9d8ee}
.slot h2{color:#fff}.slot p{margin-top:14px;font-size:17px}
.slot .acties{display:grid;gap:12px;justify-items:start}
.voet{background:var(--donker-2);color:#aebfd8;margin-top:clamp(64px,8vw,112px);padding:64px 0 28px;font-size:15px}
.voet-raster{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1fr;gap:32px}
.voet img{height:56px;width:auto;margin-bottom:16px}
.voet h4{color:#fff;font-size:15px;font-weight:600;margin-bottom:14px}
.voet ul{list-style:none;display:grid;gap:8px}
.voet a:hover{color:#fff}
.voet-onder{display:flex;justify-content:space-between;gap:20px;margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:13.5px}
.mbalk{display:none}
.steden{display:flex;flex-wrap:wrap;gap:10px}
.steden a{padding:10px 18px;border-radius:999px;background:var(--grijs);color:var(--ink);font-weight:500;font-size:15px}
.steden a:hover{background:var(--ijs)}

@media (max-width:1360px){.kop-tel span{display:none}.kop-tel{padding:0;width:50px;justify-content:center}}
@media (max-width:1180px){
  .menu{display:none}.kop-tel span{display:none}.kop-tel{padding:0 16px}
  .burger{display:grid}
  .voet-raster{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:1000px){
  .held-in,.twee,.traject,.faq,.met-zij,.opname,.kb-held,.slot,.dtop-rij{grid-template-columns:1fr}
  .drie,.raster,.art-raster{grid-template-columns:1fr 1fr}
  .cijfers,.vier{grid-template-columns:1fr 1fr}
  .rail{grid-auto-columns:calc((100% - 20px)/2.2)}
  .rev-rail{grid-auto-columns:calc((100% - 20px)/1.6)}
  .zij{position:static}
  .traject-r{min-height:300px}
}
@media (max-width:700px){
  .wrap{padding:0 18px}
  .kopbalk .wrap{min-height:70px;gap:10px}.logo img{height:42px}
  .kop-cta{display:none}
  .balk .wrap>span:not(.altijd){display:none}
  .held{border-radius:0 0 22px 22px;min-height:0}
  .held-l{display:contents}
  .held-l>div:first-child{display:contents;grid-row:auto}
  .held-l .chips{grid-row:auto;align-self:auto}
  .held .lead{display:none}
  .held-foto::after{background:linear-gradient(180deg,rgba(4,18,40,.55) 0%,rgba(4,18,40,.35) 45%,rgba(4,18,40,.75) 100%)}
  .held-in{padding-top:34px;padding-bottom:28px;gap:28px}
  .held h1{font-size:36px}.held .lead{font-size:16px;margin-top:14px}
  .held-in>div:first-child{display:contents}
  .held .score{order:1;justify-self:start;margin-bottom:0}.held h1{order:2}.held .lead{order:3}.held-in #offerte{order:4}.held .chips{order:5;margin-top:0}
  .held-in{gap:18px}
  .held .chip{font-size:13.5px;padding:7px 12px 7px 10px}
  .fkaart{padding:22px 18px 18px}
  .velden,.meer{grid-template-columns:1fr}
  .drie,.raster,.art-raster,.cijfers,.vier{grid-template-columns:1fr}
  .rail{grid-auto-columns:78%}.rev-rail{grid-auto-columns:86%}.insp{grid-auto-columns:88%}
  .kop-rij{flex-direction:column;align-items:flex-start}
  .breed{aspect-ratio:4/3}.art-foto{aspect-ratio:3/2}
  .dtop{display:flex;flex-direction:column}.dtop .kruimel{order:1;padding:16px 0 14px}.dtop h1{order:2;font-size:32px}
  .dtop .breed{order:3;margin-top:18px}.dtop .dtop-rij{order:4;margin-top:22px;padding-top:0;border-top:0;gap:22px}
  .vinken{gap:8px}.vink{font-size:14px;padding:6px 14px 6px 8px}.vink i{width:22px;height:22px;font-size:13px}
  .voet-raster{grid-template-columns:1fr 1fr}
  .voet-onder{flex-direction:column}
  .knop{white-space:normal}
  .mbalk{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--lijn);transform:translateY(110%);transition:transform .25s}
  .mbalk.zicht{transform:none}
  .mbalk a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:999px;font-weight:500}
  .mbalk .b1{background:var(--donker);color:#fff}.mbalk .b2{background:var(--oranje);color:#fff}
  body{padding-bottom:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* vergunningcheck (logica in https://tqizsffkyscjdndoxstw.supabase.co/storage/v1/object/public/site-media/custom/vdlugt/_vdl/vdl.js) */
.vc{background:var(--grijs);border-radius:var(--r);padding:clamp(22px,3vw,34px)}
.vc-stap-info{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--zacht);margin-bottom:10px}
.vc-terug{display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:500;font-size:14px}
.vc-balk{height:6px;border-radius:999px;background:var(--lijn);overflow:hidden;margin-bottom:24px}
.vc-balk span{display:block;height:100%;width:0;background:var(--blauw);transition:width .3s}
.vc-vraag{border:0;display:grid;gap:10px}
.vc-vraag legend{font-size:21px;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin-bottom:14px;line-height:1.3}
.vc-gem{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vc-opt{display:block;cursor:pointer}
.vc-opt input{position:absolute;opacity:0}
.vc-opt span{display:block;padding:14px 18px;border-radius:14px;background:#fff;border:1px solid var(--lijn);color:var(--ink);font-weight:500;transition:border-color .15s,background .15s}
.vc-opt:hover span{border-color:var(--blauw)}
.vc-opt input:checked+span{border-color:var(--blauw);background:var(--ijs)}
.vc-opt input:focus-visible+span{outline:2px solid var(--blauw);outline-offset:2px}
.vc-uitleg{font-size:14.5px;margin-bottom:6px}
.vc-uit{background:#fff;border-radius:16px;padding:22px;margin-top:6px}
.vc-uit h3{font-size:20px;margin-bottom:8px}
.vc-uit p{font-size:15.5px}
.vc-uit a{color:var(--blauw);text-decoration:underline;text-underline-offset:3px}
.vc-uit .bxc-c1-btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px;border-radius:999px;background:var(--oranje);color:#fff!important;text-decoration:none!important;font-weight:500;margin-top:14px}
.vc-uit .vc-knoppen{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.vc-uit .vc-knoppen .bxc-c1-btn{background:var(--donker)}
.vc-uit .vdl-btn-rand{display:inline-flex;align-items:center;gap:8px;min-height:50px;padding:0 20px;border-radius:999px;border:1px solid var(--lijn);color:var(--ink)!important;text-decoration:none!important;font-weight:500;margin-top:14px}
.vc-daarna{margin-top:14px;font-size:14.5px}
.vc-klein{margin-top:18px;font-size:13.5px;color:var(--zacht)}
.vc-klein a{color:var(--blauw)}
@media (max-width:700px){.vc-gem{grid-template-columns:1fr}}