/* =====================================================================
   CinemaLux · content pages            /assets/pagina.css
   Loaded after /assets/site.css on /thuisbioscoop/, /cadeaubon/, /faq/,
   /contact/, the legal pages and the 404 page.
   Blocks: .kop2 (section title) · .statement · .drie (three columns with a
   navy top rule) · .getallen (big numerals) · .werk (process rows on navy) ·
   .credits (role / name list on plaster) · .vragen (FAQ) · .akte (legal
   text with a table of contents) · .bon (the gift card object) ·
   .aanvraag (lead form card) · .slotband (closing call to action) · .nf (404)
   ===================================================================== */

/* grid children may shrink below their content (wide tables scroll inside .tabel-wrap) */
.statement>*,.drie>*,.duo>*,.werk__rij>*,.faq-raster>*,.akte>*,.aanvraag-raster>*,.opties>*,.zo>*{min-width:0}

/* ---------- section titles ---------- */
.kop2{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(34px,6vh,64px)}
.kop2 h2{font-size:clamp(36px,4.4vw,68px)}
.kop2--midden{align-items:center;text-align:center}
.kop2 .body{margin-top:2px}

/* ---------- statement ---------- */
.statement{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,6vw,110px);align-items:end}
.statement__t{font-family:var(--serif);font-weight:500;text-transform:uppercase;font-size:clamp(28px,3.2vw,52px);line-height:1.06;letter-spacing:.01em}
.statement .body p+p{margin-top:16px}
.lijn-goud{display:block;height:1px;background:var(--goud);max-width:1240px;margin:0 auto clamp(40px,7vh,80px)}

/* ---------- three columns ---------- */
.drie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px)}
.drie>div{display:flex;flex-direction:column;gap:12px;padding-top:22px;border-top:1px solid var(--zaal)}
.drie h3{font-family:var(--serif);font-weight:500;font-size:clamp(24px,2.3vw,38px);text-transform:uppercase;line-height:1.02}
.drie p{color:var(--inkt2);font-size:17px;max-width:32ch}
.getallen{display:flex;flex-wrap:wrap;gap:clamp(28px,6vw,110px);margin-top:clamp(48px,9vh,96px)}
.getallen b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(56px,6.4vw,110px);line-height:.9;font-variant-numeric:tabular-nums}
.getallen span{display:block;margin-top:8px;color:var(--inkt2);font-size:16px}
.getallen-noot{margin-top:18px;font-size:13.5px;color:var(--inkt2)}

/* ---------- process on navy ---------- */
.werk{display:flex;flex-direction:column;gap:clamp(56px,10vh,120px)}
.werk__rij{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(28px,5vw,90px);align-items:center}
.werk__rij:nth-child(even) .werk__fig{order:-1}
.werk__txt{display:flex;flex-direction:column;gap:14px;max-width:46ch}
.werk__nr{font-family:var(--serif);font-weight:500;font-size:clamp(64px,7vw,120px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(220,182,123,.7)}
.werk__txt em{font-style:normal;font-size:14px;letter-spacing:.06em;color:var(--goud)}
.werk__txt h3{font-family:var(--serif);font-weight:500;text-transform:uppercase;color:var(--goud);font-size:clamp(28px,2.8vw,46px);line-height:1.02}
.werk__txt p{color:#C9CED7}
.werk__fig{position:relative;margin:0;background:var(--diep);overflow:hidden}
.werk__fig img{width:100%;height:100%;object-fit:cover}
.werk__fig figcaption{position:absolute;left:14px;bottom:12px;font-size:12.5px;color:var(--pleister);background:rgba(4,22,49,.7);padding:4px 10px;border-radius:999px}
.werk__fig--bord{background:#0D1626;padding:10px}
.werk__fig--bord img{height:auto}
.partners-rij{margin-top:clamp(56px,9vh,100px);padding-top:28px;border-top:1px solid rgba(220,182,123,.22);text-align:center;color:var(--nevel);font-size:15.5px}
.partners-rij b{font-weight:500;color:var(--pleister)}

/* ---------- credits list on plaster ---------- */
.credits{display:flex;flex-direction:column;gap:2px}
.credits div{display:grid;grid-template-columns:minmax(110px,.42fr) minmax(0,1fr);gap:20px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--steen)}
.credits div:first-child{border-top:1px solid var(--steen)}
.credits dt{font-size:14px;letter-spacing:.06em;color:var(--brons)}
.credits dd{font-size:18px}
.credits a{text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .45s var(--ease)}
.credits a:hover{background-size:100% 1px}

/* ---------- two column split ---------- */
.duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,110px);align-items:start}
.duo--midden{align-items:center}
.foto{position:relative;margin:0;background:var(--steen);overflow:hidden}
.foto img{width:100%;height:auto}
.foto figcaption{margin-top:10px;font-size:13.5px;color:var(--inkt2)}

/* ---------- closing band ---------- */
.slotband{padding:clamp(70px,12vh,140px) var(--g)}
.slotband .doek{max-width:1240px;margin:0 auto;padding:clamp(40px,5vw,72px);display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(24px,4vw,64px);align-items:center}
.slotband img{width:clamp(84px,8vw,124px)}
.slotband h2{font-size:clamp(28px,2.8vw,46px);line-height:1.04}
.slotband p{margin-top:12px;color:#C9CED7;max-width:46ch}
.slotband__acts{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}

/* =====================================================================
   FAQ
   ===================================================================== */
.vragen-groep+.vragen-groep{margin-top:clamp(48px,8vh,84px)}
.vragen-groep>h2{font-family:var(--serif);font-weight:500;text-transform:uppercase;font-size:clamp(24px,2.2vw,34px);line-height:1.15;letter-spacing:.03em;margin-bottom:14px}
.vragen-groep>h2 .num{font-size:14px;margin-right:12px;vertical-align:.25em}
.vragen-groep>h2 .concept{margin:10px 0 4px;vertical-align:middle}
@media (min-width:900px){ .vragen-groep>h2 .concept{margin:0 0 0 14px} }
.vraag{border-bottom:1px solid var(--steen)}
.vraag:first-of-type{border-top:1px solid var(--steen)}
/* FAQ lists (Studio): a list right after a fixed question keeps one hairline between them */
.vraag+.vragen>.vraag:first-of-type{border-top:0}
.vraag summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:16px 0;cursor:pointer;font-size:18.5px;font-weight:500;line-height:1.35}
.vraag summary::-webkit-details-marker{display:none}
.vraag summary::after{content:"";flex:none;width:16px;height:16px;background:linear-gradient(var(--brons),var(--brons)) 50% 50%/16px 1.5px no-repeat,linear-gradient(var(--brons),var(--brons)) 50% 50%/1.5px 16px no-repeat;transition:transform .45s var(--ease)}
.vraag[open] summary::after{transform:rotate(45deg)}
.vraag summary:hover{color:var(--brons)}
.vraag__a{padding:0 0 24px;max-width:66ch;color:var(--inkt2)}
.vraag__a p+p,.vraag__a p+ul,.vraag__a ul+p{margin-top:12px}
.vraag__a ul{list-style:none;display:flex;flex-direction:column;gap:6px}
.vraag__a li{position:relative;padding-left:22px}
.vraag__a li::before{content:"";position:absolute;left:0;top:.72em;width:10px;height:1px;background:var(--goud)}
.vraag__a a{color:var(--zaal);text-underline-offset:3px}
.faq-raster{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:clamp(32px,6vw,110px);align-items:start}
.faq-zij{position:sticky;top:calc(var(--nav) + 32px);display:flex;flex-direction:column;gap:18px}
.faq-zij nav ol{display:flex;flex-direction:column;gap:2px;counter-reset:fz}
.faq-zij nav a{display:flex;gap:12px;align-items:baseline;min-height:40px;padding:6px 0;text-decoration:none;font-size:16px;color:var(--inkt2)}
.faq-zij nav a::before{counter-increment:fz;content:counter(fz,decimal-leading-zero);font-family:var(--serif);font-size:13px;color:var(--brons);letter-spacing:.06em}
.faq-zij nav a:hover{color:var(--zaal)}
.faq-zij__hulp{margin-top:12px;padding:22px;background:var(--papier);position:relative}
.faq-zij__hulp::after{content:"";position:absolute;inset:6px;border:1px solid rgba(110,88,48,.25);pointer-events:none}
.faq-zij__hulp p{font-size:15.5px;color:var(--inkt2)}
.faq-zij__hulp a{position:relative;z-index:1}
.regels{counter-reset:rg;display:flex;flex-direction:column}
.regels li{counter-increment:rg;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;padding:16px 0;border-bottom:1px solid var(--steen)}
.regels li:first-child{border-top:1px solid var(--steen)}
.regels li::before{content:counter(rg,decimal-leading-zero);font-family:var(--serif);font-weight:500;font-size:22px;color:var(--brons);line-height:1.3}
.regels b{display:block;font-weight:500;color:var(--zaal);margin-bottom:2px}
.regels span{color:var(--inkt2)}

/* =====================================================================
   LEGAL TEXT
   ===================================================================== */
.akte{display:grid;grid-template-columns:minmax(220px,.5fr) minmax(0,1.5fr);gap:clamp(32px,6vw,110px);align-items:start}
.akte__inhoud{position:sticky;top:calc(var(--nav) + 32px);max-height:calc(100vh - var(--nav) - 64px);overflow:auto}
.akte__inhoud summary{display:none}
.akte__inhoud p{font-size:13.5px;letter-spacing:.06em;color:var(--brons);margin-bottom:10px}
.akte__inhoud ol{display:flex;flex-direction:column}
.akte__inhoud a{display:flex;gap:10px;align-items:center;min-height:44px;padding:5px 0;text-decoration:none;font-size:15px;line-height:1.35;color:var(--inkt2)}
.akte__inhoud a span{font-family:var(--serif);font-size:13px;color:var(--brons);min-width:22px}
.akte__inhoud a:hover{color:var(--zaal)}
.proza{max-width:70ch;font-size:17px;line-height:1.7;color:#2F3A4C}
.proza>section{scroll-margin-top:calc(var(--nav) + 24px)}
.proza>section+section{margin-top:clamp(36px,5vh,52px)}
.proza h2{display:flex;gap:14px;align-items:baseline;font-family:var(--serif);font-weight:500;text-transform:uppercase;letter-spacing:.03em;font-size:clamp(20px,1.8vw,25px);line-height:1.2;color:var(--zaal);margin-bottom:14px}
.proza h2 span{font-size:14px;color:var(--brons);letter-spacing:.06em;flex:none}
.proza h3{font-weight:600;font-size:17px;color:var(--zaal);margin:20px 0 6px}
.proza p+p,.proza p+ul,.proza ul+p,.proza p+ol,.proza ol+p,.proza table+p{margin-top:12px}
.proza ul,.proza ol{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.proza ul li{position:relative;padding-left:22px}
.proza ul li::before{content:"";position:absolute;left:0;top:.82em;width:10px;height:1px;background:var(--goud)}
.proza ol{counter-reset:pr}
.proza ol li{counter-increment:pr;position:relative;padding-left:30px}
.proza ol li::before{content:counter(pr,lower-alpha) ")";position:absolute;left:0;color:var(--brons);font-weight:500}
.proza a{color:var(--zaal);text-underline-offset:3px}
.proza strong{font-weight:600;color:var(--zaal)}
.proza .tabel-wrap{overflow-x:auto;margin-top:14px}
.proza table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}
.proza th,.proza td{text-align:left;vertical-align:top;padding:12px 14px 12px 0;border-bottom:1px solid var(--steen)}
.proza th{font-weight:600;color:var(--zaal);font-size:14px;letter-spacing:.02em}
.akte-meta{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-top:6px;color:#C9CED7;font-size:15px}
.kader{position:relative;padding:22px 24px;background:var(--papier);margin-top:14px}
.kader::after{content:"";position:absolute;inset:6px;border:1px solid rgba(110,88,48,.25);pointer-events:none}

/* =====================================================================
   GIFT CARD
   ===================================================================== */
.bon-scene{position:relative;z-index:1;display:grid;place-items:center;perspective:1200px;padding:10px 0}
.bon{position:relative;width:min(100%,520px);aspect-ratio:1.6/1;background:radial-gradient(120% 140% at 18% 0%,#14315A 0%,var(--zaal) 46%,var(--diep) 100%);color:var(--pleister);box-shadow:0 40px 70px -30px rgba(0,0,0,.65),0 0 0 1px rgba(220,182,123,.35) inset;transform:rotate(-4deg);transform-style:preserve-3d;transition:transform .8s var(--ease);overflow:hidden}
.bon::before{content:"";position:absolute;inset:12px;border:1px solid rgba(220,182,123,.5);pointer-events:none}
.bon::after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,rgba(255,255,255,0) 40%,rgba(244,206,148,.16) 50%,rgba(255,255,255,0) 60%);transform:translateX(var(--glans,-30%));pointer-events:none}
.bon__in{position:absolute;inset:12px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:8px 18px;padding:clamp(18px,4%,28px)}
.bon__in img{grid-row:1/3;width:clamp(56px,16%,84px);align-self:center}
.bon__t{align-self:end;font-family:var(--serif);font-weight:500;text-transform:uppercase;color:var(--goud);font-size:clamp(24px,5.4vw,38px);letter-spacing:.06em;line-height:1}
.bon__s{font-size:clamp(13px,2.6vw,16px);color:var(--steen);line-height:1.4}
.bon__voet{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.08em;color:var(--goud-licht);text-transform:uppercase}
.bon__in{bottom:44px}
.opties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.optie{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(26px,3vw,40px);background:var(--papier);box-shadow:0 30px 60px -44px rgba(11,27,50,.45)}
.optie::after{content:"";position:absolute;inset:8px;border:1px solid rgba(110,88,48,.25);pointer-events:none}
.optie .num{font-size:14px}
.optie h3{font-family:var(--serif);font-weight:500;text-transform:uppercase;font-size:clamp(22px,2vw,30px);line-height:1.05}
.optie .optie__prijs{font-family:var(--serif);font-weight:500;font-size:clamp(40px,4vw,60px);line-height:.9;margin-top:6px}
.optie .optie__prijs small{font-family:var(--sans);font-size:15px;font-weight:400;color:var(--inkt2);margin-left:6px;letter-spacing:0}
.optie p{color:var(--inkt2);font-size:16px}
.optie--navy{background:var(--zaal);color:var(--pleister)}
.optie--navy::after{border-color:rgba(220,182,123,.3)}
.optie--navy h3,.optie--navy .optie__prijs{color:var(--goud)}
.optie--navy p{color:#C9CED7}
.optie--navy .optie__prijs small{color:var(--steen)}
.optie .optie__prijs--vrij{color:var(--brons)}
.optie--navy .num{color:var(--goud)}
.zo{counter-reset:zo;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px)}
.zo li{display:flex;flex-direction:column;gap:10px;padding-top:22px;border-top:1px solid var(--zaal)}
.zo li::before{counter-increment:zo;content:counter(zo,decimal-leading-zero);font-family:var(--serif);font-weight:500;font-size:clamp(40px,4vw,64px);line-height:.9;color:var(--brons)}
.zo b{font-weight:500;font-size:19px}
.zo span{color:var(--inkt2);font-size:16.5px}
.status-rij{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;font-weight:500;color:var(--goud-licht)}
.status-rij::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--goud);box-shadow:0 0 0 0 rgba(220,182,123,.7);animation:pols 2.4s var(--ease) infinite}
@keyframes pols{0%{box-shadow:0 0 0 0 rgba(220,182,123,.6)}70%{box-shadow:0 0 0 10px rgba(220,182,123,0)}100%{box-shadow:0 0 0 0 rgba(220,182,123,0)}}

/* =====================================================================
   LEAD FORM (thuisbioscoop)
   ===================================================================== */
.aanvraag-raster{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:clamp(32px,5vw,90px);align-items:start}
.aanvraag-zij{position:sticky;top:calc(var(--nav) + 32px);display:flex;flex-direction:column;gap:18px}
.aanvraag-zij h2{font-size:clamp(34px,3.8vw,60px)}
.aanvraag-zij .body a{color:var(--zaal);text-underline-offset:3px}
.aanvraag{position:relative;background:var(--papier);padding:clamp(24px,3.6vw,52px);box-shadow:0 40px 80px -40px rgba(11,27,50,.35),0 2px 0 rgba(11,27,50,.04);scroll-margin-top:calc(var(--nav) + 16px)}
.aanvraag::after{content:"";position:absolute;inset:10px;border:1px solid rgba(110,88,48,.28);pointer-events:none}
.aanvraag>*{position:relative;z-index:1}
.aanvraag__kop{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 6px}
.aanvraag__teller{font-size:14px;font-weight:500;color:var(--brons);white-space:nowrap}
.aanvraag fieldset.stap{border:0;margin:0;padding:0;min-width:0}
.aanvraag .stap[hidden]{display:none}
.stap__vraag{font-family:var(--serif);font-weight:500;text-transform:uppercase;font-size:clamp(24px,2.4vw,34px);line-height:1.08;letter-spacing:.02em;margin:0 0 8px;padding:0;float:left;width:100%}
.stap__vraag+*{clear:left}
.stap__uitleg{color:var(--inkt2);font-size:15.5px;margin-bottom:22px}
.stap__velden{display:flex;flex-direction:column;gap:20px}
.aanvraag__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid var(--steen)}
.aanvraag__nav .btn--line{padding-left:0}
.aanvraag__nav .rechts{margin-left:auto}
.aanvraag .melding{margin-top:18px}
.aanvraag-ok{display:flex;flex-direction:column;gap:16px;padding:8px 0}
.aanvraag-ok h3{font-family:var(--serif);font-weight:500;text-transform:uppercase;font-size:clamp(28px,3vw,44px);line-height:1.04}
.aanvraag-ok .griff{width:64px}
.aanvraag-ok dl{display:flex;flex-direction:column;gap:2px;margin-top:6px}
.aanvraag-ok dl div{display:grid;grid-template-columns:minmax(100px,.5fr) 1fr;gap:16px;padding:9px 0;border-bottom:1px solid var(--steen);font-size:15.5px}
.aanvraag-ok dt{color:var(--brons)}
.honing{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* =====================================================================
   404
   ===================================================================== */
.nf{min-height:100svh;display:grid;place-items:center;padding:calc(var(--nav) + 24px) var(--g) 48px;background:var(--diep);color:var(--pleister);text-align:center;position:relative;overflow:hidden}
.nf::after{content:"";position:absolute;inset:14px;border:1px solid rgba(220,182,123,.24);pointer-events:none}
.nf__in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:640px}
.nf .nf__nr{font-family:var(--serif);font-weight:500;font-size:clamp(110px,22vw,260px);line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(220,182,123,.75);letter-spacing:.02em}
.nf h1{font-size:clamp(30px,4vw,54px);color:var(--goud)}
.nf p{color:#C9CED7;max-width:44ch}
.nf .knoppen{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}
.nf__band{position:absolute;left:0;right:0;height:9vh;background:#01060F}
.nf__band--boven{top:var(--nav)}.nf__band--onder{bottom:0}
@keyframes nfBand{from{height:0}}
.js-motion .nf__band{animation:nfBand 1.6s cubic-bezier(.65,0,.25,1) .25s backwards}
.nf__links{font-size:15px;display:flex;flex-wrap:wrap;justify-content:center;gap:0 18px}
.nf__links a{display:inline-flex;align-items:center;min-height:44px;color:var(--goud-licht);text-underline-offset:3px}

/* =====================================================================
   PHONE
   ===================================================================== */
@media (max-width:899px){
  .statement,.duo,.faq-raster,.akte,.aanvraag-raster{grid-template-columns:1fr}
  .drie,.zo,.opties{grid-template-columns:1fr;gap:26px}
  .getallen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .getallen b{font-size:clamp(34px,11vw,52px)}
  .getallen span{font-size:13.5px;line-height:1.35}
  .werk__rij{grid-template-columns:1fr;gap:22px}
  .werk__rij:nth-child(even) .werk__fig{order:0}
  .werk__fig{order:-1}
  .faq-zij,.aanvraag-zij{position:static}
  .faq-zij nav{display:none}
  .akte__inhoud{position:static;max-height:none;overflow:visible;border-top:1px solid var(--steen);border-bottom:1px solid var(--steen)}
  .akte__inhoud summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;cursor:pointer;list-style:none;font-weight:500}
  .akte__inhoud summary::-webkit-details-marker{display:none}
  .akte__inhoud summary::after{content:"";width:14px;height:14px;background:linear-gradient(var(--brons),var(--brons)) 50% 50%/14px 1.5px no-repeat,linear-gradient(var(--brons),var(--brons)) 50% 50%/1.5px 14px no-repeat;transition:transform .4s var(--ease)}
  .akte__inhoud[open] summary::after{transform:rotate(45deg)}
  .akte__inhoud p{display:none}
  .akte__inhoud ol{padding-bottom:14px}
  .proza{font-size:16.5px}
  .proza table,.proza tbody,.proza tr,.proza td{display:block;width:100%}
  .proza thead{display:none}
  .proza tr{padding:14px 0;border-bottom:1px solid var(--steen)}
  .proza td{padding:3px 0;border:0}
  .proza td::before{content:attr(data-label);display:block;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--brons)}
  .proza td:first-child{font-weight:600;color:var(--zaal);font-size:16px}
  .proza td:first-child::before{display:none}
  .slotband{padding-left:0;padding-right:0}
  .slotband .doek{grid-template-columns:1fr;padding:40px 22px;box-shadow:none}
  .slotband .doek::after{inset:8px}
  .slotband__acts .btn{width:100%}
  .credits div{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:12px}
  .credits dd{font-size:16.5px}
  .aanvraag{padding:26px 18px 24px;margin:0 calc(var(--g) * -1 + 6px)}
  .aanvraag::after{inset:6px}
  .aanvraag__nav .btn--navy{flex:1 1 auto}
  .vraag summary{font-size:17px;min-height:60px}
  .bon{transform:rotate(-3deg)}
  .bon__voet{left:20px;right:20px;bottom:18px;font-size:10.5px}
  .bon__in{bottom:36px}
}
@media (prefers-reduced-motion:reduce){ .status-rij::before{animation:none} }
.stap__vraag:focus{outline:0}