/* Componenten van de site, elk met een eigen prefix (dk*). */
/* ==== dknv ==== */
.dknv, .dknv *{ box-sizing:border-box; }
.dknv{ --dknv-top:42px; --dknv-balk:100px; width:100%; z-index:1000;
  font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; -webkit-font-smoothing:antialiased; color:#171A1B; }
.dknv.is-gescrold{ --dknv-balk:84px; }
.dknv ::selection{ background:#FFB71B; color:#171A1B; }
.dknv-binnen{ max-width:1110px; margin:0 auto; padding:0 24px; }

/* Bovenbalk */
.dknv-top{ background:#171A1B; color:rgba(247,245,242,0.72); height:var(--dknv-top); }
.dknv-top-binnen{ height:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; }
.dknv-reviewsvak{ display:flex; justify-content:flex-end; min-width:0; }
.dknv-usps{ display:flex; align-items:center; gap:22px; min-width:0; }
.dknv-usp{ display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:500; letter-spacing:-0.005em; white-space:nowrap; color:rgba(247,245,242,0.72); text-decoration:none; }
.dknv-usp > svg{ color:#FFB71B; flex:none; }
.dknv-reviews b{ color:#F7F5F2; font-weight:600; }
.dknv-sterren{ display:inline-flex; gap:1px; }
.dknv-ster{ color:rgba(247,245,242,0.25); display:flex; }
.dknv-ster.is-vol{ color:#FFB71B; }
/* Telefoon links in de bovenbalk: kopers in deze markt bellen graag eerst. */
.dknv .dknv-topbel{ display:inline-flex; align-items:center; gap:8px; justify-self:start; min-height:32px; color:rgba(247,245,242,0.72); font-size:13px; text-decoration:none; white-space:nowrap; transition:color .16s ease; }
.dknv-topbel svg{ color:#FFB71B; flex:none; }
.dknv .dknv-topbel:hover{ color:#F7F5F2; }
.dknv-topbel:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:4px; }
.dknv-hulp{ display:inline-flex; align-items:center; gap:10px; justify-self:center; text-decoration:none; color:rgba(247,245,242,0.72); font-size:13px; white-space:nowrap; }
.dknv-hulp-knop{ display:inline-flex; align-items:center; gap:6px; color:#F7F5F2; font-weight:600; border-bottom:1px solid rgba(255,183,27,0.7); padding-bottom:1px; transition:border-color .18s ease; }
.dknv-hulp:hover .dknv-hulp-knop{ border-bottom-color:#FFB71B; }
.dknv-hulp svg{ transition:transform .3s cubic-bezier(.16,1,.3,1); }
.dknv-hulp:hover svg{ transform:translateX(3px); }
.dknv-hulp:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:4px; }

/* Menubalk */
.dknv-balk{ background:rgba(255,255,255,0.86); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(23,26,27,0.08); height:var(--dknv-balk);
  transition:height .28s cubic-bezier(.16,1,.3,1), box-shadow .28s ease; }
.dknv.is-gescrold .dknv-balk{ box-shadow:0 12px 30px -20px rgba(23,26,27,0.35); }
.dknv-balk-binnen{ height:100%; display:flex; align-items:center; gap:28px; }
.dknv-logo{ display:flex; align-items:center; color:#171A1B; flex:none; }
.dknv-logo-svg{ width:118px; height:auto; display:block; }
.dknv-logo:focus-visible{ outline:2px solid #FFB71B; outline-offset:4px; border-radius:4px; }

.dknv-menu{ display:flex; align-items:center; gap:4px; margin-left:12px; }
.dknv-item{ position:relative; }
.dknv-link{ appearance:none; border:0; background:transparent; cursor:pointer; font:inherit; text-decoration:none;
  display:inline-flex; align-items:center; gap:5px; height:40px; padding:0 13px; border-radius:10px; position:relative;
  font-size:15px; font-weight:500; letter-spacing:-0.01em; color:rgba(23,26,27,0.78); transition:color .16s ease, background-color .16s ease; }
.dknv-link:hover, .dknv-link.is-open{ color:#171A1B; background:rgba(23,26,27,0.05); }
.dknv-link:focus-visible{ outline:2px solid #FFB71B; outline-offset:2px; }
.dknv-link[aria-current="page"]{ color:#171A1B; }
.dknv-link[aria-current="page"]::after{ content:""; position:absolute; left:13px; right:13px; bottom:6px; height:2px; border-radius:2px; background:#FFB71B; }
.dknv-chevron{ display:flex; color:rgba(23,26,27,0.62); transition:transform .28s cubic-bezier(.16,1,.3,1); }
.dknv-trigger.is-open .dknv-chevron{ transform:rotate(180deg); color:#171A1B; }

/* Uitklappanelen */
.dknv-paneel{ position:absolute; top:calc(100% + 10px); left:-8px; z-index:5;
  opacity:0; visibility:hidden; pointer-events:none; transform:translateY(8px) scale(0.985); transform-origin:16% top;
  transition:opacity .22s cubic-bezier(.16,1,.3,1), transform .26s cubic-bezier(.16,1,.3,1), visibility 0s linear .26s; }
.dknv-paneel::before{ content:""; position:absolute; left:0; right:0; top:-12px; height:12px; }
.dknv-paneel.is-open{ opacity:1; visibility:visible; pointer-events:auto; transform:none; transition:opacity .22s cubic-bezier(.16,1,.3,1), transform .26s cubic-bezier(.16,1,.3,1), visibility 0s; }
.dknv-paneelbinnen{ background:#fff; border:1px solid rgba(23,26,27,0.08); border-radius:22px; padding:14px;
  box-shadow:0 30px 60px -24px rgba(23,26,27,0.38), 0 2px 6px rgba(23,26,27,0.05); display:flex; gap:10px; }
.dknv-paneel--oplossingen .dknv-paneelbinnen{ width:820px; }
.dknv-paneel--hulp .dknv-paneelbinnen{ width:360px; }
.dknv-kolom{ padding:6px 4px; min-width:0; flex:1 1 0; }
.dknv-kolom--ook{ flex:0 0 240px; border-left:1px solid rgba(23,26,27,0.08); padding-left:14px; }
.dknv-kolomkop{ margin:4px 12px 8px; font-size:11.5px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:rgba(23,26,27,0.62); }
.dknv-lijst{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }
.dknv-kaartlink{ display:flex; align-items:flex-start; gap:12px; padding:10px 12px; border-radius:14px; text-decoration:none; color:#171A1B;
  transition:background-color .16s ease; }
.dknv-kaartlink:hover{ background:#F7F5F2; }
.dknv-kaartlink:focus-visible{ outline:2px solid #FFB71B; outline-offset:-2px; }
.dknv-kaartlink[aria-current="page"] .dknv-kaartlabel{ color:#B57900; }
.dknv-icoon{ flex:none; width:36px; height:36px; border-radius:11px; display:grid; place-items:center; color:#171A1B;
  background:rgba(255,183,27,0.16); transition:background-color .16s ease, transform .3s cubic-bezier(.16,1,.3,1); }
.dknv-kaartlink--groot .dknv-icoon{ width:42px; height:42px; border-radius:13px; }
.dknv-kaartlink:hover .dknv-icoon{ background:#FFB71B; transform:translateY(-1px); }
.dknv-kaarttekst{ display:flex; flex-direction:column; gap:2px; min-width:0; padding-top:1px; }
.dknv-kaartlabel{ font-size:15px; font-weight:600; letter-spacing:-0.015em; line-height:1.3; }
.dknv-kaartlink--groot .dknv-kaartlabel{ font-size:15.5px; }
.dknv-kaartsub{ font-size:13px; line-height:1.45; color:rgba(23,26,27,0.62); text-wrap:pretty; }
.dknv-kaartpijl{ margin-left:auto; align-self:center; color:rgba(23,26,27,0.62); opacity:0; transform:translateX(-4px);
  transition:opacity .18s ease, transform .3s cubic-bezier(.16,1,.3,1); }
.dknv-kaartlink:hover .dknv-kaartpijl{ opacity:1; transform:none; color:#171A1B; }
.dknv-bel{ margin:10px 12px 6px; font-size:13px; color:rgba(23,26,27,0.62); }
.dknv-bel a{ color:#171A1B; font-weight:600; text-decoration:underline; text-decoration-color:#FFB71B; text-underline-offset:3px; }

/* Demokaart */
.dknv-demo{ position:relative; overflow:hidden; flex:0 0 236px; display:flex; flex-direction:column; gap:8px;
  padding:20px 18px 18px; border-radius:16px; background:#171A1B; color:#F7F5F2; text-decoration:none; isolation:isolate; }
.dknv-demo-gloed{ position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(70% 60% at 90% 0%, rgba(255,183,27,0.28), transparent 65%), radial-gradient(60% 50% at 0% 100%, rgba(1,127,142,0.28), transparent 70%); }
.dknv-demo-label{ display:inline-flex; align-items:center; gap:7px; font-size:11px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:#FFB71B; }
.dknv-stip{ width:6px; height:6px; border-radius:50%; background:#FFB71B; box-shadow:0 0 0 3px rgba(255,183,27,0.2); animation:dknvPuls 2.4s ease-in-out infinite; }
.dknv-demo-kop{ font-size:17px; font-weight:600; line-height:1.25; letter-spacing:-0.02em; text-wrap:balance; }
.dknv-demo-tekst{ font-size:12.5px; line-height:1.5; color:rgba(247,245,242,0.66); }
.dknv-demo-dag{ margin-top:6px; display:flex; flex-direction:column; gap:5px; padding:10px 10px 8px; border-radius:11px;
  background:rgba(247,245,242,0.06); border:1px solid rgba(247,245,242,0.1); font-size:11.5px; color:rgba(247,245,242,0.8); }
.dknv-demo-rij{ display:flex; align-items:center; gap:7px; opacity:0.35; animation:dknvRij 6.6s cubic-bezier(.16,1,.3,1) infinite; }
.dknv-demo-rij:nth-child(2){ animation-delay:1.3s; }
.dknv-demo-rij:nth-child(3){ animation-delay:2.6s; }
.dknv-demo-rij b{ margin-left:auto; font-weight:600; color:#F7F5F2; }
.dknv-demo-vink{ width:16px; height:16px; border-radius:50%; display:grid; place-items:center; flex:none;
  background:rgba(247,245,242,0.12); color:#171A1B; transform:scale(0.6); animation:dknvVink 6.6s cubic-bezier(.16,1,.3,1) infinite; }
.dknv-demo-rij:nth-child(2) .dknv-demo-vink{ animation-delay:1.3s; }
.dknv-demo-rij:nth-child(3) .dknv-demo-vink{ animation-delay:2.6s; }
.dknv-demo-balk{ height:3px; border-radius:3px; background:rgba(247,245,242,0.1); margin-top:3px; overflow:hidden; }
.dknv-demo-balk span{ display:block; height:100%; width:100%; background:#FFB71B; transform-origin:0 50%; transform:scaleX(0); animation:dknvBalk 6.6s cubic-bezier(.16,1,.3,1) infinite; }
.dknv-demo-knop{ margin-top:8px; display:inline-flex; align-items:center; justify-content:center; gap:8px; height:40px; border-radius:999px;
  background:#FFB71B; color:#171A1B; font-size:13.5px; font-weight:600; letter-spacing:-0.01em; transition:transform .22s ease, background-color .22s ease; }
.dknv-demo:hover .dknv-demo-knop{ background:#FFC53F; transform:translateY(-1px); }
.dknv-demo-knop svg{ transition:transform .3s cubic-bezier(.16,1,.3,1); }
.dknv-demo:hover .dknv-demo-knop svg{ transform:translateX(3px); }
.dknv-demo:focus-visible{ outline:2px solid #FFB71B; outline-offset:2px; }
@keyframes dknvRij{ 0%,10%{ opacity:.35; } 22%,70%{ opacity:1; } 82%,100%{ opacity:.35; } }
@keyframes dknvVink{ 0%,10%{ transform:scale(.6); background:rgba(247,245,242,0.12); } 22%,70%{ transform:scale(1); background:#FFB71B; } 82%,100%{ transform:scale(.6); background:rgba(247,245,242,0.12); } }
@keyframes dknvBalk{ 0%,8%{ transform:scaleX(0); } 62%,74%{ transform:scaleX(1); } 82%,100%{ transform:scaleX(0); } }
@keyframes dknvPuls{ 0%,100%{ box-shadow:0 0 0 3px rgba(255,183,27,0.2); } 50%{ box-shadow:0 0 0 6px rgba(255,183,27,0.08); } }

/* Knoppen rechts */
.dknv-acties{ margin-left:auto; display:flex; align-items:center; gap:8px; }
.dknv-knop{ display:inline-flex; align-items:center; justify-content:center; height:42px; padding:0 18px; border-radius:999px; text-decoration:none;
  font-size:14.5px; font-weight:600; letter-spacing:-0.01em; white-space:nowrap; transition:transform .2s ease, background-color .2s ease, border-color .2s ease; }
.dknv-knop:active{ transform:scale(0.98); }
.dknv-knop:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; }
.dknv-knop--licht{ color:#171A1B; border:1px solid rgba(23,26,27,0.16); background:#fff; }
.dknv-knop--licht:hover{ border-color:#171A1B; }
.dknv-knop--geel{ color:#171A1B; background:#FFB71B; box-shadow:0 10px 24px -12px rgba(255,183,27,0.9); }
.dknv-knop--geel:hover{ background:#FFC53F; transform:translateY(-1px); }
.dknv-hamburger{ display:none; appearance:none; border:0; background:transparent; cursor:pointer; width:44px; height:44px; border-radius:12px; color:#171A1B; place-items:center; }
.dknv-hamburger:hover{ background:rgba(23,26,27,0.05); }
.dknv-hamburger:focus-visible{ outline:2px solid #FFB71B; outline-offset:2px; }


/* Mobiel paneel */
.dknv-mobiel{ display:none; }

@media (max-width:1180px){
  .dknv-usps{ gap:16px; }
  .dknv-usp{ font-size:12.5px; }
}
@media (max-width:1000px){
  .dknv{ --dknv-balk:76px; }
  .dknv.is-gescrold{ --dknv-balk:68px; }
  .dknv-binnen{ padding:0 20px; }
  .dknv-top-binnen{ grid-template-columns:auto auto; justify-content:space-between; }
  .dknv-reviewsvak{ display:none; }
  .dknv-topbel-tekst{ display:none; }
  .dknv-topbel, .dknv-hulp{ min-height:40px; }
  .dknv-hulp-tekst{ display:none; }
  .dknv-menu{ display:none; }
  .dknv-knop--licht{ display:none; }
  .dknv-knop--geel{ height:40px; padding:0 16px; font-size:14px; }
  .dknv-hamburger{ display:grid; }
  .dknv-logo-svg{ width:104px; }
  .dknv-mobiel{ display:block; position:fixed; left:0; right:0; top:calc(var(--dknv-top) + var(--dknv-balk)); bottom:0; z-index:4;
    background:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch;
    opacity:0; visibility:hidden; transform:translateY(-8px); pointer-events:none;
    transition:opacity .22s ease, transform .28s cubic-bezier(.16,1,.3,1), visibility 0s linear .28s; }
  .dknv-mobiel.is-open{ opacity:1; visibility:visible; transform:none; pointer-events:auto; transition:opacity .22s ease, transform .28s cubic-bezier(.16,1,.3,1), visibility 0s; }
  .dknv-mobiel-binnen{ padding:12px 20px 40px; display:flex; flex-direction:column; }
  .dknv-mgroep{ border-bottom:1px solid rgba(23,26,27,0.08); }
  .dknv-mkop{ appearance:none; border:0; background:transparent; cursor:pointer; font:inherit; width:100%; display:flex; align-items:center; justify-content:space-between;
    padding:16px 0; font-size:17px; font-weight:600; letter-spacing:-0.015em; color:#171A1B; }
  .dknv-mgroep.is-open .dknv-mkop .dknv-chevron{ transform:rotate(180deg); }
  .dknv-mpaneel{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1); }
  .dknv-mgroep.is-open .dknv-mpaneel{ grid-template-rows:1fr; }
  .dknv-mpaneel > ul{ overflow:hidden; min-height:0; padding-bottom:8px; }
  .dknv-mlink{ display:flex; align-items:center; justify-content:space-between; padding:16px 0; border-bottom:1px solid rgba(23,26,27,0.08);
    text-decoration:none; color:#171A1B; font-size:17px; font-weight:600; letter-spacing:-0.015em; }
  .dknv-mlink svg{ color:rgba(23,26,27,0.62); }
  .dknv-mlink[aria-current="page"]{ color:#B57900; }
  .dknv-macties{ display:flex; flex-direction:column; gap:10px; margin-top:20px; }
  .dknv-macties .dknv-knop{ display:inline-flex; width:100%; height:48px; }
  .dknv-mhulp{ margin-top:22px; display:inline-flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:14px; color:rgba(23,26,27,0.62); text-decoration:none; }
  .dknv-mhulp b{ color:#171A1B; font-weight:600; border-bottom:1px solid #FFB71B; }
}
@media (max-width:640px){
  .dknv-hulp{ font-size:12.5px; }
}
@media (prefers-reduced-motion: reduce){
  .dknv-paneel, .dknv-balk, .dknv-chevron, .dknv-icoon, .dknv-kaartpijl, .dknv-mobiel, .dknv-mpaneel, .dknv-knop{ transition:none; }
  .dknv-demo-rij, .dknv-demo-vink, .dknv-demo-balk span, .dknv-stip{ animation:none; opacity:1; transform:none; }
  .dknv-demo-vink{ background:#FFB71B; }
}
/* ==== dk404 ==== */
.dk404{width:100%;background:#fff;font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;}
.dk404 *{box-sizing:border-box;}

/* De bovenmarge moet altijd boven de 142px hoge vaste navigatiebalk uitkomen,
   vandaar de ondergrens van 168px in plaats van een vw-waarde die eronder kan zakken. */
.dk404-hero{padding:clamp(168px,12vw,178px) 24px 0;}
.dk404-kaart{position:relative;max-width:1110px;margin:0 auto;background:#171A1B;border-radius:32px;overflow:hidden;padding:clamp(48px,6vw,86px) clamp(24px,5vw,72px) clamp(46px,5vw,72px);}
.dk404-glow{position:absolute;top:-32%;left:50%;width:min(760px,110%);height:560px;transform:translateX(-50%);background:radial-gradient(50% 50% at 50% 50%, rgba(255,183,27,0.16) 0%, rgba(255,183,27,0) 70%);pointer-events:none;}
.dk404-binnen{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:720px;margin:0 auto;}

.dk404-cijfers{display:flex;align-items:center;justify-content:center;gap:clamp(6px,1.4vw,16px);margin-bottom:clamp(20px,3vw,32px);}
.dk404-cijfer{font-size:clamp(88px,15vw,168px);line-height:0.86;font-weight:600;letter-spacing:-0.05em;color:#F7F5F2;}
.dk404-klok{display:block;width:clamp(66px,11.5vw,124px);height:clamp(66px,11.5vw,124px);}
.dk404-plaat{width:100%;height:100%;display:block;}

/* Wijzers: eerst naar het midden verplaatsen, dan draaien. transform-box:view-box
   houdt het draaipunt op de viewBox-oorsprong, ongeacht de maat van de wijzer. */
.dk404-min,.dk404-uur{transform-box:view-box;transform-origin:0 0;}
.dk404-min{animation:dk404-draai 4s linear infinite;}
.dk404-uur{animation:dk404-draai 24s linear infinite;}
@keyframes dk404-draai{
  from{transform:translate(50px,50px) rotate(0deg);}
  to{transform:translate(50px,50px) rotate(360deg);}
}
.dk404-boog{stroke-dashoffset:295;animation:dk404-boog 6s ease-in-out infinite;}
@keyframes dk404-boog{
  0%{stroke-dashoffset:295;}
  35%{stroke-dashoffset:74;}
  80%{stroke-dashoffset:74;}
  100%{stroke-dashoffset:295;}
}
/* Stilstaand bij een statische render. */

.dk404-label{margin:0 0 14px;font-size:13px;line-height:18px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#FFB71B;}
.dk404-kop{margin:0;font-size:clamp(30px,4.2vw,44px);line-height:1.15;font-weight:600;letter-spacing:-0.025em;color:#F7F5F2;text-wrap:balance;}
.dk404-tekst{margin:16px 0 0;font-size:clamp(16px,1.5vw,18px);line-height:1.6;color:rgba(247,245,242,0.72);max-width:560px;text-wrap:balance;}

.dk404-knoppen{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:clamp(26px,3vw,34px);}
.dk404-knop{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 26px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:-0.01em;text-decoration:none;transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;}
.dk404-knop--geel{background:#FFB71B;color:#171A1B;}
.dk404-knop--geel:hover{transform:translateY(-2px);background:#FFC547;}
.dk404-knop--rand{border:1px solid rgba(247,245,242,0.28);color:#F7F5F2;}
.dk404-knop--rand:hover{transform:translateY(-2px);border-color:rgba(247,245,242,0.6);background:rgba(247,245,242,0.06);}

.dk404-bewijs{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;margin:clamp(26px,3vw,34px) 0 0;padding:0;}
.dk404-bewijs li{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;color:rgba(247,245,242,0.6);}

.dk404-wegwijs{padding:clamp(56px,7vw,96px) 24px clamp(72px,8vw,110px);}
.dk404-breed{max-width:1110px;margin:0 auto;}
.dk404-h2{margin:0;font-size:clamp(24px,3vw,32px);line-height:1.25;font-weight:600;letter-spacing:-0.02em;color:#171A1B;text-align:center;}
.dk404-onder{margin:12px 0 0;font-size:16px;line-height:24px;color:rgba(10,10,10,0.6);text-align:center;}

.dk404-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(30px,4vw,44px);}
.dk404-tegel{display:flex;flex-direction:column;gap:8px;padding:22px 22px 24px;border:1px solid rgba(10,10,10,0.1);border-radius:18px;background:#fff;text-decoration:none;transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;}
.dk404-tegel:hover{transform:translateY(-3px);border-color:#FFB71B;box-shadow:0 12px 28px rgba(23,26,27,0.08);}
.dk404-tegelKop{display:flex;align-items:center;gap:7px;font-size:17px;line-height:24px;font-weight:600;letter-spacing:-0.015em;color:#171A1B;}
.dk404-tegelKop svg{color:rgba(10,10,10,0.32);transition:transform .2s ease, color .2s ease;}
.dk404-tegel:hover .dk404-tegelKop svg{transform:translateX(3px);color:#171A1B;}
.dk404-tegelTekst{font-size:14px;line-height:21px;color:rgba(10,10,10,0.62);}

.dk404-hulp{margin:clamp(28px,3.5vw,40px) 0 0;text-align:center;font-size:14px;line-height:21px;color:rgba(10,10,10,0.5);}
.dk404-hulp a{color:#171A1B;font-weight:600;text-decoration:none;border-bottom:1px solid #FFB71B;padding-bottom:1px;}
.dk404-hulp a:hover{color:#8a6300;}

@media (max-width:1000px){
  .dk404-raster{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .dk404-kaart{border-radius:24px;}
  .dk404-raster{grid-template-columns:1fr;}
  .dk404-bewijs{flex-direction:column;align-items:center;gap:8px;}
}
@media (prefers-reduced-motion: reduce){
  .dk404-min{animation:none;transform:translate(50px,50px) rotate(210deg);}
  .dk404-uur{animation:none;transform:translate(50px,50px) rotate(130deg);}
  .dk404-boog{animation:none;stroke-dashoffset:74;}
}
/* ==== _misc ==== */
@keyframes typing {
                    0%, 60%, 100% { transform: translateY(0); opacity: 0.4; }
                    30% { transform: translateY(-4px); opacity: 1; }
                }
/* ==== dkft ==== */
.dkft, .dkft *{ box-sizing:border-box; }
.dkft{ position:relative; overflow:hidden; width:100%; container-type:inline-size; background:#171A1B; color:rgba(247,245,242,0.72);
  font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; -webkit-font-smoothing:antialiased; }
.dkft ::selection{ background:#FFB71B; color:#171A1B; }
.dkft-binnen{ position:relative; max-width:1110px; margin:0 auto; padding:clamp(56px,6vw,80px) 24px 28px; }
/* Boven de footer staat vaak de donkere slot-CTA. Zonder grens liepen die twee in elkaar over; een
   haarlijn op de inhoudskolom laat zien waar de pagina ophoudt en de footer begint. */
.dkft-binnen::before{ content:""; position:absolute; top:0; left:24px; right:24px; height:1px; background:rgba(247,245,242,0.1); }

.dkft-boven{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr); gap:clamp(36px,5vw,72px); align-items:start; }
.dkft-merk{ max-width:380px; }
.dkft-logo{ display:inline-flex; color:#F7F5F2; }
.dkft-logo-svg{ width:132px; height:auto; display:block; }
.dkft-logo:focus-visible{ outline:2px solid #FFB71B; outline-offset:4px; border-radius:4px; }
.dkft-tagline{ margin:20px 0 0; font-size:15.5px; line-height:1.6; letter-spacing:-0.01em; color:rgba(247,245,242,0.66); text-wrap:pretty; }
.dkft-tagline strong{ font-weight:600; color:#F7F5F2; }

.dkft-kolommen{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px; }
.dkft-kolomkop{ margin:0 0 14px; font-size:12.5px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:#FFB71B; }
.dkft-lijst{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:9px; }
.dkft-lijst a{ display:inline-flex; align-items:center; gap:5px; color:rgba(247,245,242,0.74); text-decoration:none; font-size:14.5px; letter-spacing:-0.01em; line-height:1.4;
  background-image:linear-gradient(#FFB71B, #FFB71B); background-size:0% 1px; background-repeat:no-repeat; background-position:0 100%;
  transition:color .16s ease, background-size .28s cubic-bezier(.16,1,.3,1); }
.dkft-lijst a:hover{ color:#F7F5F2; background-size:100% 1px; }
.dkft-lijst a:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:3px; }
.dkft-extern{ color:rgba(247,245,242,0.52); }

/* Contact: één paneel met vier vakken in plaats van drie losse tegels. Losse tegels met grote
   icoonblokken lazen als drie knoppen die om aandacht vroegen; als één rij met haarlijnen leest het als
   wat het is, de gegevens van één bedrijf. */
.dkft-contact{ margin-top:clamp(36px,4vw,52px); display:grid; grid-template-columns:repeat(3, minmax(0,1fr));
  border:1px solid rgba(247,245,242,0.09); border-radius:20px; background:rgba(247,245,242,0.025); overflow:hidden; }
.dkft-cel{ position:relative; display:flex; flex-direction:column; gap:6px; min-width:0; padding:20px 48px 22px 22px;
  color:inherit; text-decoration:none; transition:background-color .18s ease; }
.dkft-cel + .dkft-cel{ border-left:1px solid rgba(247,245,242,0.08); }
a.dkft-cel:hover{ background:rgba(247,245,242,0.04); }
a.dkft-cel:focus-visible{ outline:2px solid #FFB71B; outline-offset:-2px; border-radius:20px; }
.dkft-clabel{ display:inline-flex; align-items:center; gap:8px; margin-bottom:4px; font-size:11px; font-weight:600;
  letter-spacing:0.08em; text-transform:uppercase; color:rgba(247,245,242,0.52); }
.dkft-clabel svg{ flex:none; color:#FFB71B; }
.dkft-cwaarde{ font-size:15px; font-weight:600; letter-spacing:-0.01em; line-height:1.4; color:#F7F5F2; overflow-wrap:anywhere; }
.dkft-csub{ display:inline-flex; align-items:center; gap:7px; font-size:12.5px; line-height:1.4; color:rgba(247,245,242,0.52); }
/* Elk vak is een link; het pijltje rechtsboven zegt waar hij heen gaat (route naar buiten, bellen en mailen meteen). */
.dkft-cpijl{ transition:transform .2s cubic-bezier(.23,1,.32,1), color .16s ease; }
.dkft-cpijl--hoek{ position:absolute; top:22px; right:22px; width:13px; height:13px; color:rgba(247,245,242,0.36); }
a.dkft-cel:hover .dkft-cpijl--hoek{ color:#FFB71B; }
a.dkft-cel:hover .dkft-cpijl{ transform:translateX(2px); }
a.dkft-cel[target]:hover .dkft-cpijl{ transform:translate(2px,-2px); }
/* Openingstijden onder de socials. De stip zegt of we nu bereikbaar zijn (duinker.js, initDiversen). */
.dkft-tijden{ margin-top:24px; }
.dkft-tijdkop{ margin:0 0 6px; font-size:11px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:rgba(247,245,242,0.52); }
.dkft-tijdwaarde{ margin:0; font-size:14.5px; font-weight:600; letter-spacing:-0.01em; color:#F7F5F2; }
.dkft-status{ margin:6px 0 0; display:flex; align-items:center; gap:8px; min-height:18px; font-size:13px; color:rgba(247,245,242,0.52); }
/* Status: groen met een rustige puls als we bereikbaar zijn, anders grijs met wanneer we weer open zijn. */
.dkft-status::before{ content:""; display:none; width:7px; height:7px; border-radius:50%; flex:none; }
.dkft-status.is-open, .dkft-status.is-dicht{ color:rgba(247,245,242,0.72); }
.dkft-status.is-open::before, .dkft-status.is-dicht::before{ display:block; }
.dkft-status.is-open::before{ background:#5FD38D; box-shadow:0 0 0 0 rgba(95,211,141,0.5); animation:dkft-puls 2.4s ease-out infinite; }
.dkft-status.is-dicht::before{ background:rgba(247,245,242,0.32); }
@keyframes dkft-puls{ 0%{ box-shadow:0 0 0 0 rgba(95,211,141,0.45); } 70%,100%{ box-shadow:0 0 0 7px rgba(95,211,141,0); } }

.dkft-onder{ margin-top:22px; padding-top:20px; border-top:1px solid rgba(247,245,242,0.1);
  display:flex; flex-wrap:wrap; align-items:center; gap:12px 24px; font-size:13px; color:rgba(247,245,242,0.52); }
.dkft-copy{ margin:0; }
.dkft-kvk{ color:rgba(247,245,242,0.52); white-space:nowrap; }
.dkft-juridisch{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:4px 18px; }
.dkft-juridisch a{ color:rgba(247,245,242,0.52); text-decoration:none; transition:color .16s ease; }
.dkft-juridisch a:hover{ color:#F7F5F2; }
.dkft-juridisch a:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:3px; }
/* Sociale media staan in de merkkolom onder de slogan. Onderaan in de balk vielen ze op een eigen regel
   onder de lijn, los van alles. Een demoknop en het telefoonnummer staan hier niet meer: de slot-CTA
   erboven en de contacttegels eronder hebben ze al. */
.dkft-volg{ display:flex; align-items:center; gap:14px; margin-top:18px; }
.dkft-volgtekst{ margin:0; font-size:13px; letter-spacing:-0.005em; color:rgba(247,245,242,0.52); }
.dkft-socials{ list-style:none; margin:0; padding:0; display:flex; gap:8px; }
.dkft-socials a{ width:34px; height:34px; border-radius:50%; display:grid; place-items:center; color:rgba(247,245,242,0.72);
  background:rgba(247,245,242,0.06); border:1px solid rgba(247,245,242,0.1); transition:background-color .16s ease, color .16s ease, transform .2s ease; }
.dkft-socials a:hover{ background:#FFB71B; color:#171A1B; border-color:#FFB71B; transform:translateY(-1px); }
.dkft-socials a:focus-visible{ outline:2px solid #FFB71B; outline-offset:2px; }
.dkft-credit{ margin-left:auto; display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:rgba(247,245,242,0.52); transition:color .16s ease; }
a.dkft-credit:hover{ color:rgba(247,245,242,0.7); }
a.dkft-credit:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:3px; }
.dkft-jm{ display:block; height:14px; width:auto; color:rgba(247,245,242,0.52); transition:color .16s ease; }
a.dkft-credit:hover .dkft-jm{ color:rgba(247,245,242,0.85); }

@container (max-width:1000px){
  .dkft-boven{ grid-template-columns:minmax(0,1fr); gap:40px; }
  .dkft-merk{ max-width:none; }
}
@container (max-width:640px){
  .dkft-contact{ grid-template-columns:minmax(0,1fr); }
  .dkft-cel + .dkft-cel{ border-left:0; border-top:1px solid rgba(247,245,242,0.08); }
  .dkft-cel{ padding:18px 20px; }
  .dkft-binnen{ padding:48px 20px 24px; }
  .dkft-binnen::before{ left:20px; right:20px; }
  /* Op de telefoon zijn de links en sociale knoppen ook vingerdoelen: 20px hoog was te krap. */
  .dkft-lijst{ gap:2px; }
  .dkft-lijst a{ padding:6px 0; background-position:0 calc(100% - 6px); }
  .dkft-socials a{ width:42px; height:42px; }
  .dkft-kolommen{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:28px 16px; }
  .dkft-onder{ flex-direction:column; align-items:flex-start; gap:14px; }
  .dkft-credit{ margin-left:0; }
}
@media (prefers-reduced-motion: reduce){
  .dkft-lijst a, .dkft-socials a, .dkft-cel, .dkft-cpijl, .dkft-credit, .dkft-jm{ transition:none; }
  .dkft-status.is-open::before{ animation:none; }
}
/* ==== dkrhero ==== */
.dkrhero-wrap{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.dkrhero-wrap ::selection{ background:#FFB71B; color:#171A1B; }
.dkrhero-panel{ position:relative; overflow:hidden; border-radius:32px; background:#171A1B; isolation:isolate; }
.dkrhero-glow{ position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(58% 52% at 84% 8%, rgba(255,183,27,0.20), transparent 68%),
    radial-gradient(46% 58% at 4% 100%, rgba(1,127,142,0.26), transparent 70%); }
.dkrhero-raster{ position:absolute; inset:0; pointer-events:none; opacity:0.32;
  background-image:linear-gradient(to right, rgba(247,245,242,0.05) 1px, transparent 1px);
  background-size:96px 100%;
  -webkit-mask-image:linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent);
  mask-image:linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent); }
.dkrhero-grid{ position:relative; z-index:1; display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,0.98fr);
  gap:clamp(36px,4.4vw,72px); align-items:center;
  padding:clamp(40px,5vw,86px) clamp(24px,4.4vw,76px); }

.dkrhero-h1{ margin:0; font-weight:600; color:#F7F5F2;
  font-size:clamp(32px,4.4vw,56px); line-height:1.06; letter-spacing:-0.035em; }
.dkrhero-regel{ display:block; }
.dkrhero-accent{ color:#FFB71B; }
/* Alleen de producten zijn geel; het voegwoord ertussen blijft wit. */
.dkrhero-accent .dkrhero-wit{ color:#F7F5F2; }
.dkrhero-sub{ margin:22px 0 0; max-width:46ch;
  font-size:clamp(16px,1.2vw,19px); line-height:1.6; letter-spacing:-0.01em;
  color:rgba(247,245,242,0.68); }
.dkrhero-sub strong{ color:#F7F5F2; font-weight:600; }

.dkrhero-cta{ display:flex; flex-wrap:wrap; gap:12px; margin-top:34px; }
.dkrhero-btn{ display:inline-flex; align-items:center; gap:9px; height:54px; padding:0 28px;
  border-radius:999px; font-size:16px; font-weight:600; letter-spacing:-0.01em;
  text-decoration:none; white-space:nowrap;
  transition:transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s, border-color .3s, background-color .3s; }
.dkrhero-btn--p{ background:#FFB71B; color:#171A1B; box-shadow:0 8px 24px -8px rgba(255,183,27,0.55); }
.dkrhero-btn--p:hover{ transform:translateY(-2px); box-shadow:0 16px 34px -10px rgba(255,183,27,0.65); }
.dkrhero-btn--p svg{ transition:transform .3s cubic-bezier(.16,1,.3,1); }
.dkrhero-btn--p:hover svg{ transform:translateX(3px); }
.dkrhero-btn--s{ color:#F7F5F2; border:1px solid rgba(247,245,242,0.22); }
.dkrhero-btn--s:hover{ transform:translateY(-2px); border-color:rgba(247,245,242,0.52); background:rgba(247,245,242,0.05); }
.dkrhero-btn:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; }

.dkrhero-meta{ list-style:none; margin:26px 0 0; padding:0;
  display:flex; flex-wrap:wrap; gap:10px 22px; }
.dkrhero-metaitem{ display:inline-flex; align-items:center; gap:7px;
  font-size:13.5px; letter-spacing:-0.005em; color:rgba(247,245,242,0.56); }

.dkrhero-card{ position:relative; border-radius:22px; padding:20px;
  border:1px solid rgba(247,245,242,0.10);
  background:linear-gradient(180deg, rgba(247,245,242,0.07), rgba(247,245,242,0.02));
  box-shadow:0 40px 70px -34px rgba(0,0,0,0.9); }
.dkrhero-cardhead{ display:flex; align-items:center; justify-content:space-between;
  gap:12px; flex-wrap:wrap; padding-bottom:14px; border-bottom:1px solid rgba(247,245,242,0.09); }
.dkrhero-live{ display:inline-flex; align-items:center; gap:9px;
  font-size:13.5px; font-weight:600; color:#F7F5F2; letter-spacing:-0.01em; }
.dkrhero-livedot{ position:relative; width:8px; height:8px; border-radius:50%; background:#FFB71B; flex:none; }
.dkrhero-livepulse{ position:absolute; inset:0; border-radius:50%; background:#FFB71B; }
.dkrhero-tags{ display:flex; gap:12px; }
.dkrhero-tag{ display:inline-flex; align-items:center; gap:5px;
  font-size:11.5px; color:rgba(247,245,242,0.52); letter-spacing:0.01em; }
.dkrhero-tag i{ width:6px; height:6px; border-radius:2px; display:block; }

.dkrhero-feed{ display:flex; flex-direction:column; }
.dkrhero-row{ display:flex; align-items:center; gap:12px; padding:11px 0;
  border-bottom:1px solid rgba(247,245,242,0.06); }
.dkrhero-ico{ width:32px; height:32px; border-radius:10px; flex:none;
  display:grid; place-items:center; }
.dkrhero-rowtext{ display:flex; flex-direction:column; min-width:0; flex:1; }
.dkrhero-rowt{ font-size:14px; font-weight:500; color:#EDEAE5; letter-spacing:-0.012em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dkrhero-rowm{ font-size:12px; color:rgba(247,245,242,0.52); margin-top:2px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dkrhero-rowv{ font-size:12.5px; color:rgba(247,245,242,0.52);
  font-variant-numeric:tabular-nums; flex:none; }

.dkrhero-stats{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:18px; }
.dkrhero-stat{ border-radius:14px; padding:13px 14px; background:rgba(247,245,242,0.045); }
.dkrhero-statv{ font-size:23px; font-weight:600; letter-spacing:-0.025em; font-variant-numeric:tabular-nums; line-height:1.1; }
.dkrhero-statl{ font-size:11.5px; color:rgba(247,245,242,0.52); margin-top:3px; letter-spacing:-0.005em; }

@media (max-width:1000px){
  .dkrhero-grid{ grid-template-columns:minmax(0,1fr); gap:40px; }
  .dkrhero-panel{ border-radius:26px; }
}
@media (max-width:520px){
  .dkrhero-panel{ border-radius:20px; }
  .dkrhero-btn{ width:100%; justify-content:center; }
  .dkrhero-tags{ display:none; }
  .dkrhero-stats{ gap:8px; }
  .dkrhero-stat{ padding:11px 11px; }
  .dkrhero-statv{ font-size:19px; }
}
/* ══ dkwz: waarom Duinker ═══════════════════════════════════════════════════════════════
   De eerste sectie onder de hero vertelt in één keer wat Duinker is, welk probleem het oplost en waarom
   je voor Duinker kiest. Eerst het probleem naast de oplossing: vier losse plekken (briefjes, Excel, een
   lijst aan de lijn, een sleutelbos) tegenover één kloksleutel die uren, productie en toegang tegelijk
   vastlegt. Daarna vier redenen, elk met een eigen beeld, en een regel met wat Duinker als bedrijf
   onderscheidt. Alles komt uit Over ons en de FAQ; er staat geen belofte in die daar niet al staat.
   Kleuren van de modules als in de hero: geel uren, blauwgroen productie, licht toegang. */
.dkwz, .dkwz *{ box-sizing:border-box; }
.dkwz{ width:100%; color:#171A1B; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.dkwz ::selection{ background:#FFB71B; color:#171A1B; }
.dkwz :where(p, h2, h3, h4, ul){ margin:0; padding:0; }
.dkwz :where(ul){ list-style:none; }

/* ── Kop ── */
.dkwz-kop{ display:flex; flex-direction:column; align-items:center; text-align:center; }
.dkwz-label{ font-size:13px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:#8A5700; }
.dkwz-label::before{ content:""; display:inline-block; vertical-align:0.08em; margin-right:9px; width:7px; height:7px;
  border-radius:50%; background:#FFB71B; box-shadow:0 0 0 4px rgba(255,183,27,0.18); }
.dkwz-h2{ margin-top:14px; max-width:20ch; font-weight:600; font-size:clamp(26px,3.1vw,38px); line-height:1.15; letter-spacing:-0.03em; text-wrap:balance; }
.dkwz-lead{ margin-top:18px; max-width:62ch; font-size:clamp(15px,1.15vw,17px); line-height:1.6; color:rgba(23,26,27,0.66); text-wrap:pretty; }

/* ── Probleem en oplossing ── */
.dkwz-wissel{ margin-top:clamp(36px,4vw,56px); display:grid; grid-template-columns:minmax(0,1fr) 56px minmax(0,1.12fr); gap:14px; align-items:stretch; }
.dkwz-paneelkop{ display:flex; align-items:center; gap:10px; font-size:14px; font-weight:600; }
.dkwz-teken{ flex:none; display:inline-grid; place-items:center; width:20px; height:20px; border-radius:50%; }
.dkwz-teken--nu{ background:rgba(23,26,27,0.08); color:rgba(23,26,27,0.55); }
.dkwz-teken--met{ background:#FFB71B; color:#171A1B; }

.dkwz-nu{ display:flex; flex-direction:column; border-radius:24px; background:#F7F5F2; padding:clamp(22px,2.4vw,30px); }
.dkwz-nu .dkwz-paneelkop{ color:rgba(23,26,27,0.68); }
.dkwz-briefjes{ margin-top:20px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.dkwz-briefje{ display:flex; flex-direction:column; gap:3px; padding:14px 16px 15px; border-radius:12px; background:#fff;
  box-shadow:0 0 0 1px rgba(23,26,27,0.06), 0 10px 22px -16px rgba(23,26,27,0.35); transform:rotate(var(--r,0deg)); }
.dkwz-briefje:nth-child(1){ --r:-1.4deg; } .dkwz-briefje:nth-child(2){ --r:1deg; }
.dkwz-briefje:nth-child(3){ --r:0.6deg; } .dkwz-briefje:nth-child(4){ --r:-0.8deg; }
.dkwz-briefje b{ font-size:15px; font-weight:600; color:rgba(23,26,27,0.8); }
.dkwz-briefje span{ font-size:13.5px; line-height:1.45; color:rgba(23,26,27,0.66); }
.dkwz-nuvoet{ margin-top:auto; padding-top:20px; font-size:14.5px; line-height:1.5; color:rgba(23,26,27,0.62); }

.dkwz-pijl{ align-self:center; display:grid; place-items:center; width:56px; height:56px; border-radius:50%;
  background:#FFB71B; color:#171A1B; box-shadow:0 14px 28px -14px rgba(184,117,0,0.7); }

.dkwz-met{ display:flex; flex-direction:column; border-radius:24px; background:#171A1B; color:#F7F5F2; padding:clamp(22px,2.4vw,30px);
  box-shadow:0 34px 60px -38px rgba(23,26,27,0.75); }
.dkwz-bron{ margin-top:20px; display:flex; align-items:center; gap:14px; }
.dkwz-sleutel{ flex:none; display:grid; place-items:center; width:48px; height:48px; border-radius:50%;
  color:#FFB71B; background:rgba(255,183,27,0.1); box-shadow:inset 0 0 0 1.5px rgba(255,183,27,0.55); }
.dkwz-bron b{ display:block; font-size:16px; font-weight:600; }
.dkwz-bron small{ display:block; margin-top:2px; font-size:13px; color:rgba(247,245,242,0.6); }
/* Van de sleutel loopt een lijn naar de drie dingen die hij vastlegt. */
.dkwz-stromen{ position:relative; margin:14px 0 0 23px; padding-left:22px; display:grid; gap:8px; }
.dkwz-stromen::before{ content:""; position:absolute; left:0; top:-14px; bottom:24px; width:1.5px; background:rgba(247,245,242,0.2); }
.dkwz-stromen li{ position:relative; display:grid; grid-template-columns:auto auto minmax(0,1fr); align-items:center; gap:12px;
  min-height:48px; padding:10px 14px; border-radius:12px; background:rgba(247,245,242,0.05); box-shadow:inset 0 0 0 1px rgba(247,245,242,0.08); }
.dkwz-stromen li::before{ content:""; position:absolute; left:-22px; top:50%; width:22px; height:1.5px; background:rgba(247,245,242,0.2); }
.dkwz-stromen [data-m]{ --k:#FFB71B; } .dkwz-stromen [data-m="productie"]{ --k:#47BFCE; } .dkwz-stromen [data-m="toegang"]{ --k:#F7F5F2; }
.dkwz-dot{ width:9px; height:9px; border-radius:50%; background:var(--k); box-shadow:0 0 0 3px color-mix(in srgb, var(--k) 20%, transparent); }
.dkwz-stroomnaam{ font-size:15px; font-weight:600; }
.dkwz-stroomwat{ font-size:13px; color:rgba(247,245,242,0.6); text-align:right; }
/* Naast elkaar is het paneel tussen 820 en 1100px te smal voor naam en uitleg op één regel. */
@media (min-width:821px) and (max-width:1100px){ .dkwz-stroomwat{ display:none; } }
.dkwz-salaris{ margin-top:auto; padding-top:18px; display:flex; align-items:center; gap:10px; font-size:14.5px; line-height:1.45; }
.dkwz-met .dkwz-salaris{ border-top:1px solid rgba(247,245,242,0.1); margin-top:20px; }

/* ── Vier redenen ── */
.dkwz-h3{ margin-top:clamp(64px,7vw,104px); font-weight:600; font-size:clamp(22px,2.2vw,28px); line-height:1.2; letter-spacing:-0.025em; }
.dkwz-tegels{ margin-top:24px; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:16px; }
.dkwz-tegel{ display:flex; flex-direction:column; justify-content:space-between; gap:28px; min-height:290px;
  border-radius:24px; background:#F7F5F2; padding:clamp(22px,2.4vw,32px); }
.dkwz-tegel--hand{ grid-column:span 7; } .dkwz-tegel--vloer{ grid-column:span 5; }
.dkwz-tegel--een{ grid-column:span 5; } .dkwz-tegel--modulair{ grid-column:span 7; }
.dkwz-tegeltekst h4{ font-size:clamp(19px,1.6vw,22px); font-weight:600; line-height:1.25; letter-spacing:-0.02em; }
.dkwz-tegeltekst p{ margin-top:10px; max-width:48ch; font-size:15.5px; line-height:1.6; color:rgba(23,26,27,0.66); text-wrap:pretty; }

.dkwz-hand{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.dkwz-hand li{ display:flex; align-items:center; gap:12px; min-height:56px; padding:10px 14px; border-radius:14px; background:#fff;
  font-size:14.5px; font-weight:600; box-shadow:0 0 0 1px rgba(23,26,27,0.05); }
.dkwz-hand li > span{ flex:none; display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:rgba(255,183,27,0.16); color:#8A5700; }
.dkwz-hand a{ color:inherit; text-decoration:underline; text-decoration-color:#FFB71B; text-decoration-thickness:2px; text-underline-offset:4px; }
.dkwz-hand a:hover{ color:#8A5700; }
.dkwz-hand a:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:2px; }

.dkwz-tik{ align-self:flex-start; position:relative; display:flex; align-items:center; gap:14px; padding:14px 22px 14px 14px; border-radius:18px;
  background:#fff; box-shadow:0 0 0 1px rgba(23,26,27,0.05), 0 18px 36px -24px rgba(23,26,27,0.45); }
.dkwz-tiksleutel{ position:relative; z-index:1; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:#FFB71B; color:#171A1B; }
.dkwz-tikring{ position:absolute; left:14px; top:50%; width:48px; height:48px; margin-top:-24px; border-radius:50%; box-shadow:0 0 0 2px #FFB71B;
  animation:dkwz-tik 2.4s cubic-bezier(0.23,1,0.32,1) infinite; }
@keyframes dkwz-tik{ 0%{ transform:scale(1); opacity:0.7; } 70%,100%{ transform:scale(1.7); opacity:0; } }
.dkwz-tiktekst b{ display:block; font-size:15px; font-weight:600; }
.dkwz-tiktekst small{ display:block; margin-top:2px; font-size:13px; color:rgba(23,26,27,0.56); font-variant-numeric:tabular-nums; }

.dkwz-pakketten{ display:flex; flex-wrap:wrap; gap:8px; }
.dkwz-pakketten li{ padding:9px 16px; border-radius:999px; background:#fff; font-size:14.5px; font-weight:600; box-shadow:0 0 0 1px rgba(23,26,27,0.06); }

.dkwz-schakels{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.dkwz-schakels li{ display:flex; flex-direction:column; align-items:flex-start; gap:14px; padding:14px 16px 16px; border-radius:14px; background:#fff;
  font-size:14.5px; font-weight:600; color:rgba(23,26,27,0.6); box-shadow:0 0 0 1px rgba(23,26,27,0.05); }
.dkwz-schakels li.is-aan{ color:#171A1B; }
.dkwz-schakels i{ position:relative; width:38px; height:22px; border-radius:999px; background:rgba(23,26,27,0.14); }
.dkwz-schakels i::after{ content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:#fff;
  box-shadow:0 1px 3px rgba(23,26,27,0.3); }
.dkwz-schakels .is-aan i{ background:#FFB71B; }
.dkwz-schakels .is-aan i::after{ left:19px; }

/* ── Wat Duinker als bedrijf anders maakt ── */
.dkwz-bewijs{ margin-top:16px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-radius:24px; background:#171A1B; color:#F7F5F2;
  padding:clamp(20px,2.2vw,28px) 0; }
.dkwz-bewijs li{ padding:2px clamp(18px,2.2vw,30px); }
.dkwz-bewijs li + li{ border-left:1px solid rgba(247,245,242,0.12); }
.dkwz-bewijs b{ display:block; font-size:clamp(18px,1.6vw,22px); font-weight:600; letter-spacing:-0.02em; color:#FFB71B; }
.dkwz-bewijs span{ display:block; margin-top:4px; font-size:14px; line-height:1.45; color:rgba(247,245,242,0.68); }
.dkwz-meer{ margin-top:28px; text-align:center; }

@media (max-width:1000px){
  .dkwz-tegel--hand, .dkwz-tegel--vloer, .dkwz-tegel--een, .dkwz-tegel--modulair{ grid-column:span 12; min-height:0; }
  .dkwz-bewijs{ grid-template-columns:repeat(2,minmax(0,1fr)); row-gap:20px; }
  .dkwz-bewijs li:nth-child(3){ border-left:0; }
}
@media (max-width:820px){
  .dkwz-wissel{ grid-template-columns:1fr; }
  .dkwz-pijl{ justify-self:center; transform:rotate(90deg); width:48px; height:48px; margin:-4px 0; }
}
@media (max-width:560px){
  .dkwz-kop{ align-items:flex-start; text-align:left; }
  .dkwz-briefjes, .dkwz-hand{ grid-template-columns:1fr; }
  .dkwz-schakels{ grid-template-columns:1fr; }
  .dkwz-schakels li{ flex-direction:row; justify-content:space-between; align-items:center; }
  .dkwz-stroomwat{ display:none; }
  .dkwz-bewijs{ grid-template-columns:1fr; row-gap:0; padding:8px 0; }
  .dkwz-bewijs li{ padding:14px 22px; }
  .dkwz-bewijs li + li{ border-left:0; border-top:1px solid rgba(247,245,242,0.12); }
}
@media (prefers-reduced-motion:reduce){ .dkwz-tikring{ animation:none; opacity:0; } }

/* ==== dkrmv ==== */
.dkrmv-wrap{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.dkrmv-wrap *{ box-sizing:border-box; }
.dkrmv-wrap ::selection{ background:#FFB71B; color:#171A1B; }
.dkrmv-paneel{ position:relative; overflow:hidden; border-radius:22px; background:#171A1B;
  padding:20px; box-shadow:0 34px 60px -34px rgba(23,26,27,0.7);
  display:flex; flex-direction:column; }
.dkrmv-glans{ position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(58% 44% at 88% 0%, rgba(255,183,27,0.18), transparent 66%); }

.dkrmv-kop{ position:relative; display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding-bottom:15px; border-bottom:1px solid rgba(247,245,242,0.10); }
.dkrmv-titel{ display:inline-flex; align-items:center; gap:9px;
  font-size:13.5px; font-weight:600; color:#F7F5F2; letter-spacing:-0.01em; }
.dkrmv-rechts{ font-size:13px; color:rgba(247,245,242,0.55);
  font-variant-numeric:tabular-nums; }
.dkrmv-stip{ position:relative; width:8px; height:8px; border-radius:50%; flex:none; }
.dkrmv-puls{ position:absolute; inset:0; border-radius:50%; }

/* Urenregistratie: weekstaven */
.dkrmv-staven{ position:relative; display:flex; align-items:flex-end; gap:8px;
  height:118px; margin-top:20px; }
.dkrmv-staafkolom{ flex:1 1 0; display:flex; flex-direction:column; align-items:center;
  gap:8px; height:100%; }
.dkrmv-staafbak{ width:100%; flex:1; display:flex; align-items:flex-end;
  background:rgba(247,245,242,0.05); border-radius:7px; overflow:hidden; }
.dkrmv-staaf{ width:100%; border-radius:7px;
  background:linear-gradient(180deg, #FFB71B, rgba(255,183,27,0.55)); }
.dkrmv-daglabel{ font-size:11px; color:rgba(247,245,242,0.42); }

.dkrmv-voet{ position:relative; display:flex; align-items:center; gap:11px;
  margin-top:18px; padding-top:15px; border-top:1px solid rgba(247,245,242,0.10); }
.dkrmv-vinkje{ width:24px; height:24px; border-radius:8px; background:#FFB71B;
  display:grid; place-items:center; flex:none; }
.dkrmv-voettekst{ display:flex; flex-direction:column; flex:1; min-width:0; }
.dkrmv-voetnaam{ font-size:13.5px; font-weight:500; color:#EDEAE5; letter-spacing:-0.01em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dkrmv-voetmeta{ font-size:11.5px; color:rgba(247,245,242,0.6); margin-top:1px; }
.dkrmv-voettijd{ font-size:13px; color:rgba(247,245,242,0.55);
  font-variant-numeric:tabular-nums; flex:none; }

/* Productieregistratie: teller en lijnen */
.dkrmv-groot{ position:relative; display:flex; align-items:baseline; gap:9px;
  margin-top:20px; flex-wrap:wrap; }
.dkrmv-grootgetal{ font-size:38px; font-weight:600; line-height:1; color:#47BFCE;
  letter-spacing:-0.035em; font-variant-numeric:tabular-nums; }
.dkrmv-grootlabel{ font-size:13px; color:rgba(247,245,242,0.5); }

.dkrmv-lijnen{ position:relative; display:flex; flex-direction:column; gap:12px;
  margin-top:22px; }
.dkrmv-lijn{ display:flex; align-items:center; gap:12px; }
.dkrmv-lijnnaam{ font-size:12.5px; color:rgba(247,245,242,0.62); flex:none; width:52px; }
.dkrmv-balkbak{ flex:1; height:7px; border-radius:99px;
  background:rgba(247,245,242,0.07); overflow:hidden; display:block; }
.dkrmv-balk{ display:block; height:100%; border-radius:99px;
  background:linear-gradient(90deg, rgba(71,191,206,0.55), #47BFCE); }
.dkrmv-lijnaantal{ font-size:12.5px; color:rgba(247,245,242,0.5); flex:none;
  width:44px; text-align:right; font-variant-numeric:tabular-nums; }

/* Toegangscontrole: poorten */
.dkrmv-poorten{ position:relative; display:flex; flex-direction:column; margin-top:6px; }
.dkrmv-poort{ display:flex; align-items:center; gap:11px; padding:13px 0;
  border-bottom:1px solid rgba(247,245,242,0.07); }
.dkrmv-poort:last-child{ border-bottom:0; }
.dkrmv-slot{ width:30px; height:30px; border-radius:9px; flex:none;
  display:grid; place-items:center;
  background:rgba(247,245,242,0.06); color:rgba(247,245,242,0.4);
  transition:background-color .35s, color .35s; }
.dkrmv-poort--open .dkrmv-slot{ background:rgba(255,183,27,0.16); color:#FFB71B; }
.dkrmv-poortnaam{ flex:1; min-width:0; font-size:13.5px; color:#EDEAE5;
  letter-spacing:-0.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dkrmv-stand{ font-size:12px; color:rgba(247,245,242,0.38); flex:none;
  font-variant-numeric:tabular-nums; }
.dkrmv-poort--open .dkrmv-stand{ color:#FFB71B; }
.dkrmv-poortvoet{ position:relative; margin-top:14px; padding-top:14px;
  border-top:1px solid rgba(247,245,242,0.10);
  font-size:12.5px; color:rgba(247,245,242,0.45); }

@media (max-width:520px){
  .dkrmv-paneel{ padding:17px; border-radius:18px; }
  .dkrmv-staven{ height:100px; }
  .dkrmv-grootgetal{ font-size:32px; }
}
@media (prefers-reduced-motion: reduce){
  .dkrmv-slot{ transition:none; }
}
/* ==== dkapp ==== */
.dkapp, .dkapp *{ box-sizing:border-box; }
.dkapp{
  position:relative; width:100%; overflow:hidden;
  background:#171A1B;
  padding:var(--dk-sectie) 24px;
  font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing:antialiased;
}
.dkapp ::selection{ background:#FFB71B; color:#171A1B; }
.dkapp-gloed{
  position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(64% 56% at 50% 0%, rgba(255,255,255,0.045), transparent 70%);
}
.dkapp-binnen{
  position:relative; max-width:1110px; margin:0 auto;
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,460px);
  gap:clamp(40px,5vw,80px); align-items:center;
}

/* tekstkolom */
.dkapp-tekst{ min-width:0; }
.dkapp-kop{
  margin:0; color:#fff; font-weight:600;
  font-size:clamp(28px,3.4vw,42px); line-height:1.12; letter-spacing:-0.03em;
  text-wrap:balance;
}
.dkapp-lead{
  margin:18px 0 0; max-width:50ch;
  font-size:clamp(15px,1.15vw,17px); line-height:1.62; letter-spacing:-0.01em;
  color:rgba(255,255,255,0.66);
}

.dkapp-punten{ list-style:none; margin:clamp(26px,2.6vw,34px) 0 0; padding:0;
  display:flex; flex-direction:column; gap:14px; }
.dkapp-punt{ display:flex; align-items:flex-start; gap:14px;
  font-size:15.5px; line-height:1.5; color:rgba(255,255,255,0.62); letter-spacing:-0.012em; }
.dkapp-punt strong{ display:block; color:#fff; font-weight:600; letter-spacing:-0.015em; }
.dkapp-punttekst{ display:block; margin-top:2px; }
.dkapp-puntmerk{
  flex:none; width:30px; height:30px; border-radius:10px; margin-top:1px;
  display:grid; place-items:center; color:#FFB71B;
  background:rgba(255,183,27,0.13); border:1px solid rgba(255,183,27,0.22);
}

.dkapp-acties{ display:flex; flex-wrap:wrap; gap:12px; margin-top:clamp(28px,2.8vw,36px); }
.dkapp-knop{
  display:inline-flex; align-items:center; gap:8px; height:46px; padding:0 22px;
  border-radius:999px; font-size:15px; font-weight:600; letter-spacing:-0.01em;
  text-decoration:none; transition:transform .2s ease, background-color .2s ease, border-color .2s ease;
}
.dkapp-knop--primair{ background:#FFB71B; color:#171A1B; box-shadow:0 10px 26px -12px rgba(255,183,27,0.8); }
.dkapp-knop--primair:hover{ transform:translateY(-1px); background:#FFC53F; }
.dkapp-knop--ghost{ background:rgba(255,255,255,0.06); color:#fff; border:1px solid rgba(255,255,255,0.18); }
.dkapp-knop--ghost:hover{ transform:translateY(-1px); background:rgba(255,255,255,0.11); }

.dkapp-stores{ display:flex; flex-wrap:wrap; align-items:center; gap:12px;
  margin-top:26px; padding-top:24px; border-top:1px solid rgba(255,255,255,0.10); }
.dkapp-store{
  display:inline-flex; align-items:center; gap:10px; height:48px; padding:0 16px 0 14px;
  border-radius:12px; text-decoration:none; color:#fff;
  background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.16);
  transition:background-color .2s ease, border-color .2s ease;
}
.dkapp-store:hover{ background:rgba(255,255,255,0.10); border-color:rgba(255,255,255,0.28); }
.dkapp-storeicoon{ display:grid; place-items:center; width:20px; color:#fff; }
.dkapp-storetekst{ display:flex; flex-direction:column; line-height:1.1; }
.dkapp-storeklein{ font-size:10px; letter-spacing:0.04em; text-transform:uppercase; color:rgba(255,255,255,0.55); }
.dkapp-storegroot{ font-size:14.5px; font-weight:600; letter-spacing:-0.01em; }
.dkapp-storenoot{ font-size:13px; line-height:1.45; color:rgba(255,255,255,0.62); max-width:22ch; }

/* iPhone 17 Pro - matte behuizing */
.dkapp-toestelkolom{ display:flex; justify-content:center; }
.dkapp-toestelvlak{ position:relative; width:min(300px,100%); }
.dkapp-schijn{
  position:absolute; left:-16%; right:-16%; top:-8%; bottom:-8%; z-index:0;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, rgba(255,183,27,0.20), rgba(255,183,27,0.06) 58%, transparent 78%);
  filter:blur(26px);
}
.dkapp-schijn--adem{ animation:dkapp-adem 9s ease-in-out infinite; }
@keyframes dkapp-adem{
  0%,100%{ transform:scale(1); opacity:0.85; }
  50%{ transform:scale(1.06); opacity:1; }
}
.dkapp-toestel{
  position:relative; z-index:1; width:100%; aspect-ratio:322/677;
  border-radius:52px; padding:10px;
  background:linear-gradient(180deg,#2B2E34 0%,#1B1E22 34%,#15171A 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.09),
    0 0 0 1px rgba(0,0,0,0.55),
    0 46px 76px -40px rgba(0,0,0,0.8),
    0 18px 38px -26px rgba(0,0,0,0.6);
}
.dkapp-knopje{ position:absolute; width:2.5px; border-radius:2px; background:#3A3E45; }
.dkapp-knopje--actie{ left:-2px; top:15.5%; height:4.2%; }
.dkapp-knopje--vol1{ left:-2px; top:22.5%; height:6.6%; }
.dkapp-knopje--vol2{ left:-2px; top:30.8%; height:6.6%; }
.dkapp-knopje--zij{ right:-2px; top:25%; height:9.8%; }

.dkapp-scherm{
  position:relative; width:100%; height:100%; border-radius:42px; overflow:hidden;
  background:#fff; display:flex; flex-direction:column;
}
.dkapp-eiland{
  position:absolute; top:9px; left:50%; transform:translateX(-50%);
  width:88px; height:26px; border-radius:13px; background:#000; z-index:5;
}
.dkapp-statusbalk{
  height:44px; flex:none; display:flex; align-items:center; justify-content:space-between;
  padding:6px 20px 0; background:#171A1B;
}
.dkapp-tijd{ font-size:11.5px; font-weight:600; color:#fff; letter-spacing:-0.01em; }
.dkapp-statusicoontjes{ display:flex; align-items:center; }

.dkapp-kopbalk{
  flex:none; height:40px; display:flex; align-items:center; justify-content:space-between;
  padding:0 13px; background:#171A1B;
}
.dkapp-merk{ display:flex; align-items:baseline; gap:6px; }
.dkapp-merksub{ font-size:8px; font-weight:500; color:#FFB71B; }
.dkapp-kopicoontjes{ display:flex; align-items:center; gap:11px; color:#FFB71B; }

.dkapp-appvlak{ flex:1; display:flex; flex-direction:column; gap:8px; padding:11px 12px 0;
  background:#fff; overflow:hidden; }
.dkapp-naamrij{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.dkapp-naam{ font-size:15px; font-weight:600; color:#171A1B; letter-spacing:-0.02em; }
.dkapp-online{ display:inline-flex; align-items:center; gap:5px; font-size:8.5px; color:#6B7280; }
.dkapp-onlinestip{ width:6px; height:6px; border-radius:50%; background:#16A34A; }
.dkapp-onlinestip--klopt{ animation:dkapp-klop 3.2s ease-in-out infinite; }
@keyframes dkapp-klop{
  0%,72%,100%{ box-shadow:0 0 0 0 rgba(22,163,74,0.45); }
  86%{ box-shadow:0 0 0 4px rgba(22,163,74,0); }
}
.dkapp-taak{ margin-top:-5px; font-size:9px; font-weight:500; color:#16A34A; }

.dkapp-tikken{ display:flex; gap:11px; justify-content:center; margin-top:2px; }
.dkapp-tik{ position:relative; width:62px; height:50px; border-radius:12px; background:#FFB71B;
  display:grid; place-items:center; color:#171A1B; box-shadow:0 3px 8px -3px rgba(255,183,27,0.9); }
/* De tik op de klokknop. Hier dijde eerst een ring uit, wat als een ouderwetse radar
   las. Nu drukt de knop zelf kort in en veert terug met een zweem overshoot, en vloeit
   er een zachte halo naar buiten: de beweging van een echte vingerdruk. Tussen twee
   tikken zit ruim twee seconden rust, zodat het laat zien zonder te roepen. */
.dkapp-puls{ display:none; }
.dkapp-tikken .dkapp-tik:first-child,
.dktel-tikken .dktel-tik:first-child{
  animation:dk-tik 3.4s cubic-bezier(0.16,1,0.3,1) infinite;
  will-change:transform;
}
@keyframes dk-tik{
  0%, 64%{ transform:scale(1);     box-shadow:0 3px 8px -3px rgba(255,183,27,0.9), 0 0 0 0 rgba(255,183,27,0.28); }
  70%    { transform:scale(0.94);  box-shadow:0 1px 4px -2px rgba(255,183,27,0.9), 0 0 0 0 rgba(255,183,27,0.32); }
  78%    { transform:scale(1.025); box-shadow:0 8px 20px -6px rgba(255,183,27,0.95), 0 0 0 7px rgba(255,183,27,0.16); }
  90%    { transform:scale(1);     box-shadow:0 3px 8px -3px rgba(255,183,27,0.9), 0 0 0 16px rgba(255,183,27,0); }
  100%   { transform:scale(1);     box-shadow:0 3px 8px -3px rgba(255,183,27,0.9), 0 0 0 0 rgba(255,183,27,0); }
}
@media (prefers-reduced-motion:reduce){
  .dkapp-tikken .dkapp-tik:first-child,
  .dktel-tikken .dktel-tik:first-child{ animation:none; will-change:auto; }
}

.dkapp-kaart{ border:1px solid #ECEEF2; border-radius:10px; padding:8px 9px;
  box-shadow:0 1px 2px rgba(16,22,32,0.04); }
.dkapp-kaartkop{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.dkapp-kaarttitel{ font-size:9px; font-weight:600; color:#171A1B; }
.dkapp-plus{ font-size:8.5px; font-weight:600; color:#16A34A; }

.dkapp-boeking{ display:flex; align-items:center; gap:7px; padding:3.5px 0; border-top:1px solid #F2F4F7; }
.dkapp-boeking:first-of-type{ border-top:0; }
.dkapp-btijd{ flex:none; width:52px; font-size:7.4px; font-weight:600; color:#171A1B; }
.dkapp-bomschrijving{ flex:1; font-size:7.4px; line-height:1.35; color:#6B7280; }
.dkapp-bvink{ flex:none; color:#16A34A; display:grid; place-items:center; }

.dkapp-tegels{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.dkapp-tegel{ border:1px solid #ECEEF2; border-radius:9px; padding:6px 7px;
  box-shadow:0 1px 2px rgba(16,22,32,0.04); }
.dkapp-tegellabel{ font-size:6px; font-weight:600; letter-spacing:0.07em; text-transform:uppercase; color:#9AA1AC; }
.dkapp-tegelwaarde{ margin-top:2px; font-size:13px; font-weight:600; letter-spacing:-0.02em; }
.dkapp-tegelwaarde--groen{ color:#16A34A; }
.dkapp-tegelwaarde--blauw{ color:#2563EB; }
.dkapp-tegelwaarde--grijs{ color:#171A1B; }

.dkapp-grafiek{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; align-items:end; height:52px; }
.dkapp-kolom{ display:flex; flex-direction:column; align-items:center; gap:3px; height:100%; justify-content:flex-end; }
.dkapp-uur{ font-size:6px; font-weight:600; color:#6B7280; }
.dkapp-staaf{ width:100%; height:32px; border-radius:4px; background:#EFF1F4; position:relative; overflow:hidden; }
.dkapp-staafvul{ position:absolute; left:0; right:0; bottom:0; background:#FFB71B; border-radius:4px; }
.dkapp-dag{ font-size:6px; color:#9AA1AC; }

.dkapp-verdeelrij{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.dkapp-verdeelnaam{ font-size:7.6px; color:#171A1B; font-weight:500; }
.dkapp-verdeeluur{ font-size:7.6px; color:#6B7280; font-weight:600; }
.dkapp-verdeelbalk{ margin-top:4px; height:4px; border-radius:999px; background:#EFF1F4; overflow:hidden; }
.dkapp-verdeelbalk > span{ display:block; height:100%; background:#FFB71B; border-radius:999px; }

/* tabbalk */
.dkapp-tabbalk{ flex:none; display:grid; grid-template-columns:repeat(4,1fr);
  border-top:1px solid #ECEEF2; padding:6px 5px 13px; background:#fff; }
.dkapp-tab{ display:flex; flex-direction:column; align-items:center; gap:3px; color:#9AA1AC; }
.dkapp-tabpil{ width:34px; height:19px; border-radius:999px; display:grid; place-items:center; }
.dkapp-tab--actief{ color:#171A1B; }
.dkapp-tab--actief .dkapp-tabpil{ background:#FFB71B; }
.dkapp-tablabel{ font-size:6px; font-weight:500; }

.dkapp-thuisbalk{ position:absolute; bottom:6px; left:50%; transform:translateX(-50%);
  width:94px; height:4px; border-radius:999px; background:rgba(23,26,27,0.26); z-index:4; }

/* zwevende elementen naast de telefoon */
.dkapp-zwevend{
  position:absolute; z-index:3; width:156px;
  display:flex; align-items:flex-start; gap:9px;
  padding:11px 13px; border-radius:14px;
  background:#fff; color:#171A1B;
  box-shadow:0 22px 40px -22px rgba(0,0,0,0.75), 0 0 0 1px rgba(255,255,255,0.55);
}
.dkapp-zwevend strong{ display:block; font-size:11px; font-weight:600; letter-spacing:-0.015em;
  line-height:1.25; }
.dkapp-zwevendtekst{ min-width:0; }
.dkapp-zwevendregel{ display:block; margin-top:2px; font-size:9.5px; line-height:1.35;
  color:rgba(23,26,27,0.7); }
.dkapp-zwevend--links{ left:-124px; top:24%; }
.dkapp-zwevend--rechts{ right:-100px; top:60%; }
.dkapp-zwevend--zweef{ animation:dkapp-zweef 7s ease-in-out infinite; }
.dkapp-zwevend--zweef-traag{ animation:dkapp-zweef 8.5s ease-in-out infinite reverse; }
@keyframes dkapp-zweef{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-8px); }
}
.dkapp-live{ flex:none; width:9px; height:9px; margin-top:3px; border-radius:50%; background:#16A34A; }
.dkapp-live--klopt{ animation:dkapp-klop 3.2s ease-in-out infinite; }
.dkapp-merkje{ flex:none; width:20px; height:20px; border-radius:7px; display:grid; place-items:center;
  background:rgba(255,183,27,0.2); color:#B87500; margin-top:-1px; }

@media (prefers-reduced-motion: reduce){
  .dkapp-puls, .dkapp-schijn--adem, .dkapp-onlinestip--klopt,
  .dkapp-zwevend--zweef, .dkapp-zwevend--zweef-traag, .dkapp-live--klopt{ animation:none; }
}

@media (max-width:1000px){
  .dkapp-binnen{ grid-template-columns:minmax(0,1fr); gap:48px; }
  .dkapp-tekst{ max-width:640px; }
  .dkapp-storenoot{ max-width:none; }
  .dkapp-zwevend--links{ left:-172px; top:26%; }
  .dkapp-zwevend--rechts{ right:-172px; top:56%; }
}
@media (max-width:760px){
  .dkapp-zwevend--links{ left:-118px; }
  .dkapp-zwevend--rechts{ right:-118px; }
}
@media (max-width:620px){
  .dkapp{ padding:var(--dk-sectie) 20px; }
  .dkapp-toestelvlak{ width:min(280px,100%); }
  .dkapp-zwevend{ display:none; }
  .dkapp-knop{ flex:1 1 auto; justify-content:center; }
  .dkapp-store{ flex:1 1 44%; }
}
/* ==== dkrai ==== */
.dkrai-wrap{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.dkrai-paneel{ position:relative; overflow:hidden; border-radius:22px; background:#171A1B;
  padding:20px; min-height:420px; display:flex; flex-direction:column;
  box-shadow:0 40px 70px -36px rgba(23,26,27,0.75); }
.dkrai-glow{ position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(58% 44% at 88% 0%, rgba(255,183,27,0.20), transparent 66%); }

.dkrai-kop{ position:relative; display:flex; align-items:center; justify-content:space-between;
  gap:12px; flex-wrap:wrap; padding-bottom:16px; border-bottom:1px solid rgba(247,245,242,0.09); }
.dkrai-merk{ display:inline-flex; align-items:center; gap:8px;
  font-size:13.5px; font-weight:600; color:#F7F5F2; letter-spacing:-0.01em; }
.dkrai-talen{ font-size:11.5px; color:rgba(247,245,242,0.52); letter-spacing:0.01em; }

.dkrai-gesprek{ position:relative; flex:1; display:flex; flex-direction:column;
  gap:14px; padding-top:18px; }

.dkrai-vraagbel{ align-self:flex-end; max-width:88%; padding:11px 15px;
  border-radius:16px 16px 5px 16px; background:rgba(247,245,242,0.10);
  font-size:14px; line-height:1.45; letter-spacing:-0.012em; color:#EDEAE5; }

.dkrai-typen{ align-self:flex-start; display:inline-flex; align-items:center; gap:5px;
  padding:12px 14px; border-radius:16px 16px 16px 5px; background:rgba(247,245,242,0.05); }
.dkrai-typen span{ width:6px; height:6px; border-radius:50%; background:#FFB71B; display:block; }

.dkrai-antwoord{ align-self:flex-start; width:100%; padding:16px;
  border-radius:16px 16px 16px 5px; border:1px solid rgba(247,245,242,0.10);
  background:rgba(247,245,242,0.045); }
.dkrai-inleiding{ margin:0; font-size:14px; line-height:1.45; letter-spacing:-0.012em; color:#EDEAE5; }
.dkrai-lijst{ list-style:none; margin:13px 0 0; padding:0; display:flex; flex-direction:column; gap:1px; }
.dkrai-lijst li{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:9px 0; border-bottom:1px solid rgba(247,245,242,0.07); }
.dkrai-lijst li:last-child{ border-bottom:0; }
.dkrai-naam{ font-size:13.5px; color:rgba(247,245,242,0.88); letter-spacing:-0.01em; }
.dkrai-detail{ font-size:12.5px; color:rgba(247,245,242,0.52); white-space:nowrap;
  font-variant-numeric:tabular-nums; }

.dkrai-bevestig{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  flex-wrap:wrap; margin-top:14px; padding-top:14px; border-top:1px solid rgba(247,245,242,0.10); }
.dkrai-vraag{ font-size:13px; color:rgba(247,245,242,0.88); letter-spacing:-0.005em; }
.dkrai-knoppen{ display:inline-flex; gap:8px; }
.dkrai-knop{ display:inline-flex; align-items:center; height:33px; padding:0 14px;
  border-radius:999px; font-size:13px; font-weight:600; letter-spacing:-0.01em; }
.dkrai-knop--uit{ color:#F7F5F2; background:rgba(247,245,242,0.14); border:1px solid rgba(247,245,242,0.28); }
.dkrai-knop--aan{ background:#FFB71B; color:#171A1B; }

.dkrai-klaar{ display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:12px; background:#F7F5F2; color:#171A1B;
  font-size:13px; font-weight:600; letter-spacing:-0.01em; }
.dkrai-klaarvink{ display:grid; place-items:center; width:16px; height:16px; border-radius:50%;
  background:#FFB71B; color:#171A1B; flex:none; }

@media (max-width:520px){
  .dkrai-paneel{ min-height:400px; padding:16px; }
  .dkrai-bevestig{ align-items:flex-start; }
}
/* ==== dkkop ==== */
.dkkop, .dkkop *{ box-sizing:border-box; }
.dkkop{
  position:relative; width:100%; background:#fff;
  padding:var(--dk-sectie) 24px;
  font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing:antialiased;
}
.dkkop ::selection{ background:#FFB71B; color:#171A1B; }
.dkkop-binnen{ max-width:1110px; margin:0 auto; }

.dkkop-kop{ max-width:660px; margin:0 auto; text-align:center; }
.dkkop-titel{
  margin:0; font-size:clamp(26px,3.1vw,38px); line-height:1.15; letter-spacing:-0.03em;
  font-weight:600; color:#171A1B; text-wrap:balance;
}
.dkkop-lead{
  margin:16px auto 0; max-width:52ch;
  font-size:clamp(15px,1.15vw,17px); line-height:1.6; letter-spacing:-0.01em;
  color:rgba(23,26,27,0.62);
}

.dkkop-punten{
  list-style:none; margin:clamp(34px,3.4vw,48px) 0 0; padding:0;
  display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2vw,28px);
}
.dkkop-punt{ display:flex; align-items:flex-start; gap:12px; }
.dkkop-punt strong{ display:block; font-size:15px; font-weight:600; color:#171A1B;
  letter-spacing:-0.015em; }
.dkkop-punttekst{ display:block; margin-top:3px; font-size:14px; line-height:1.5;
  color:rgba(23,26,27,0.62); letter-spacing:-0.01em; }
.dkkop-merk{ flex:none; width:30px; height:30px; border-radius:9px; display:grid;
  place-items:center; background:rgba(255,183,27,0.16); color:#B87500; margin-top:1px; }

/* ── Logo's van koppelingen: optisch even groot ──────────────────────────────────────
   Eén vaste hoogte maakt brede woordmerken (Exact, Plan4Flex) piepklein en compacte merken
   (Nmbrs, AFAS) juist groot. Daarom krijgt elk logo hetzelfde oppervlak in plaats van dezelfde
   hoogte: hoogte = maat / wortel(breedte:hoogte), met een kleine correctie voor dunne, lichte logo's
   die anders lichter ogen dan ze zijn. De bestanden zelf zijn bijgesneden tot het logo, zonder
   lege rand. --f is per logo uitgerekend; elke logorij zet zijn eigen --logo-maat.
   Nieuw logo erbij: f = (0.36 / inktdichtheid)^0.18 / wortel(breedte / hoogte). */
img[src$="/afas.png"]{ --f:0.638; }
img[src$="/exact-logo.webp"]{ --f:0.453; }
img[src$="/nmbrs.svg"]{ --f:0.802; }
img[src$="/loket.png"]{ --f:0.551; }
img[src$="/twinfield.webp"]{ --f:0.576; }
img[src$="/plan4flex.png"]{ --f:0.432; }
img[src$="/incomme.webp"]{ --f:0.568; }
img[src$="/taptarget.svg"]{ --f:0.508; }
img[src$="/brainsys.svg"]{ --f:0.769; }
img[src$="/gearbox-logo.webp"]{ --f:0.507; }
img[src$="/dataresultz.webp"]{ --f:0.478; }
img[src^="/images/logos/"]{ height:calc(var(--logo-maat, 48px) * var(--f, .55)); width:auto; max-width:100%; }

/* logo's: geen kaders, alleen de merken */
.dkkop-raster{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  gap:18px 30px; margin-top:clamp(38px,3.8vw,54px); }
.dkkop-logo{
  position:relative; flex:0 0 auto; width:150px; height:56px;
  display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none; line-height:0;
  /* GEEN transform hier - dat breekt de blend, zie de uitleg bovenaan het bestand */
}
.dkkop-logo{ --logo-maat:50px; }
.dkkop-logo img{
  display:block; max-width:100%; object-fit:contain;
  mix-blend-mode:multiply;
  filter:grayscale(1) contrast(1.45) opacity(0.72);
  transition:filter .22s ease;
}
.dkkop-logo::after{
  content:""; position:absolute; inset:0; background:#FFB71B;
  mix-blend-mode:screen; opacity:0; pointer-events:none;
  transition:opacity .22s ease;
}
.dkkop-logo:hover img{ filter:grayscale(1) contrast(1.8) opacity(1); }
.dkkop-logo:hover::after{ opacity:1; }
.dkkop-logo:focus-visible{ outline:2px solid #FFB71B; outline-offset:6px; border-radius:6px; }

/* hover in eigen kleur in plaats van geel */
.dkkop--kleur .dkkop-logo:hover img{ filter:none; }
.dkkop--kleur .dkkop-logo:hover::after{ opacity:0; }


.dkkop-voet{
  margin:clamp(30px,3vw,40px) auto 0; max-width:60ch; text-align:center;
  font-size:14px; line-height:1.55; color:rgba(23,26,27,0.62); letter-spacing:-0.005em;
}

.dkkop-acties{ display:flex; justify-content:center; margin-top:clamp(26px,2.6vw,34px); }
/* Navigatie naar de koppelingenpagina, dus een tekstlink en geen knop (zie .dkl in duinker.css). */
.dkkop-knop{ margin-top:4px; }

@media (prefers-reduced-motion: reduce){
  .dkkop-logo img, .dkkop-logo::after, .dkkop-knop{ transition:none; }
}

@media (max-width:860px){
  .dkkop-punten{ grid-template-columns:1fr; gap:16px; }
  .dkkop-raster{ gap:16px 24px; }
  .dkkop-logo{ width:132px; height:52px; }
}
@media (max-width:520px){
  .dkkop{ padding:var(--dk-sectie) 20px; }
  .dkkop-raster{ gap:14px 20px; }
  .dkkop-logo{ width:calc(50% - 10px); height:50px; }
}
/* ==== dkrpp ==== */
.dkrpp-wrap{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.dkrpp-wrap ::selection{ background:#FFB71B; color:#171A1B; }
.dkrpp-wrap *{ box-sizing:border-box; }

.dkrpp-head{ max-width:640px; margin:0 auto clamp(34px,3.6vw,54px); text-align:center; }
.dkrpp-kop{ margin:0; font-weight:600; color:#171A1B;
  font-size:clamp(27px,3.2vw,40px); line-height:1.14; letter-spacing:-0.03em; text-wrap:balance; }
.dkrpp-lead{ margin:14px auto 0; max-width:58ch; font-size:clamp(15px,1.15vw,17px);
  line-height:1.6; letter-spacing:-0.01em; color:rgba(23,26,27,0.62); }

.dkrpp-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(14px,1.5vw,20px); align-items:stretch; }

.dkrpp-kaart{ position:relative; display:flex; flex-direction:column;
  border-radius:24px; padding:clamp(24px,2.2vw,32px);
  background:#FFFFFF; border:1px solid rgba(23,26,27,0.10);
  transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s, border-color .35s; }
.dkrpp-kaart:hover{ transform:translateY(-4px);
  border-color:rgba(23,26,27,0.18); box-shadow:0 26px 44px -30px rgba(23,26,27,0.45); }
.dkrpp-kaart--uit{ background:#171A1B; border-color:transparent; overflow:hidden;
  box-shadow:0 34px 60px -32px rgba(23,26,27,0.65); }
.dkrpp-kaart--uit:hover{ box-shadow:0 42px 70px -32px rgba(23,26,27,0.75); }
.dkrpp-glow{ position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(60% 46% at 84% 0%, rgba(255,183,27,0.22), transparent 66%); }

.dkrpp-top{ position:relative; }
.dkrpp-naamrij{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.dkrpp-naam{ margin:0; font-size:17px; font-weight:600; letter-spacing:-0.02em; color:#171A1B; }
.dkrpp-kaart--uit .dkrpp-naam{ color:#F7F5F2; }
.dkrpp-badge{ display:inline-flex; align-items:center; height:23px; padding:0 10px;
  border-radius:999px; background:#FFB71B; color:#171A1B;
  font-size:11.5px; font-weight:600; letter-spacing:0.005em; white-space:nowrap; }

/* De drempelregel: zonder deze regel lijkt het laagste tarief het goedkoopste plan. */
.dkrpp-segment{ margin:7px 0 0; font-size:13px; font-weight:600; letter-spacing:-0.005em;
  color:rgba(23,26,27,0.62); }
.dkrpp-kaart--uit .dkrpp-segment{ color:#FFB71B; }

.dkrpp-pitch{ position:relative; margin:9px 0 0; font-size:14.5px; line-height:1.5;
  letter-spacing:-0.01em; color:rgba(23,26,27,0.62); min-height:44px; }
.dkrpp-kaart--uit .dkrpp-pitch{ color:rgba(247,245,242,0.62); }

.dkrpp-prijsblok{ position:relative; margin:22px 0 0; padding:20px 0 20px;
  border-top:1px solid rgba(23,26,27,0.09); border-bottom:1px solid rgba(23,26,27,0.09); }
.dkrpp-kaart--uit .dkrpp-prijsblok{ border-color:rgba(247,245,242,0.12); }

.dkrpp-prijsrij{ display:flex; align-items:baseline; gap:11px; flex-wrap:wrap; }
.dkrpp-prijs{ font-size:clamp(32px,3.1vw,40px); font-weight:600; line-height:1;
  letter-spacing:-0.035em; color:#171A1B; font-variant-numeric:tabular-nums; }
.dkrpp-kaart--uit .dkrpp-prijs{ color:#FFB71B; }
/* 15ch: breed genoeg dat "per medewerker" op één regel past. Op 11ch brak dit
   in drie regels op. */
.dkrpp-eenheid{ font-size:12.5px; line-height:1.35; letter-spacing:-0.005em;
  color:rgba(23,26,27,0.62); max-width:15ch; }
.dkrpp-kaart--uit .dkrpp-eenheid{ color:rgba(247,245,242,0.52); }

.dkrpp-noten{ display:flex; flex-direction:column; gap:5px; margin-top:15px;
  min-height:58px; font-size:13px; line-height:1.4; letter-spacing:-0.005em;
  color:rgba(23,26,27,0.62); }
.dkrpp-kaart--uit .dkrpp-noten{ color:rgba(247,245,242,0.52); }
.dkrpp-drempel{ color:rgba(23,26,27,0.7); font-weight:600; }
.dkrpp-kaart--uit .dkrpp-drempel{ color:rgba(247,245,242,0.78); }

.dkrpp-knop{ position:relative; margin-top:20px; display:inline-flex; align-items:center;
  justify-content:center; height:46px; border-radius:999px; text-decoration:none;
  font-size:15px; font-weight:600; letter-spacing:-0.01em;
  background:#F2F0EC; color:#171A1B; border:1px solid rgba(23,26,27,0.12);
  transition:background-color .25s, border-color .25s; }
.dkrpp-knop:hover{ background:#E8E5DF; border-color:rgba(23,26,27,0.2); }
.dkrpp-kaart--uit .dkrpp-knop{ background:#FFB71B; color:#171A1B; border-color:transparent;
  box-shadow:0 8px 22px -10px rgba(255,183,27,0.7); }
.dkrpp-kaart--uit .dkrpp-knop:hover{ background:#FFC24A; }
.dkrpp-knop:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; }

.dkrpp-lijst{ position:relative; list-style:none; margin:24px 0 0; padding:0;
  display:flex; flex-direction:column; gap:12px; }
.dkrpp-item{ display:flex; align-items:flex-start; gap:11px;
  font-size:14.5px; line-height:1.45; letter-spacing:-0.012em; color:rgba(23,26,27,0.72); }
.dkrpp-kaart--uit .dkrpp-item{ color:rgba(247,245,242,0.82); }
.dkrpp-vink{ flex:none; width:20px; height:20px; border-radius:6px; margin-top:1px;
  display:grid; place-items:center; background:rgba(23,26,27,0.06); }
.dkrpp-kaart--uit .dkrpp-vink{ background:rgba(255,183,27,0.18); }

.dkrpp-onder{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;
  gap:14px; margin-top:clamp(22px,2.2vw,30px); }
.dkrpp-voetnoot{ margin:0; font-size:13.5px; line-height:1.55; color:rgba(23,26,27,0.62);
  letter-spacing:-0.005em; max-width:66ch; }
.dkrpp-meerlink{ display:inline-flex; align-items:center; gap:8px; text-decoration:none;
  font-size:14.5px; font-weight:600; letter-spacing:-0.01em; color:#171A1B;
  border-bottom:2px solid #FFB71B; padding-bottom:2px; white-space:nowrap;
  transition:gap .25s cubic-bezier(.16,1,.3,1); }
.dkrpp-meerlink:hover{ gap:12px; }
.dkrpp-meerlink:focus-visible{ outline:2px solid #FFB71B; outline-offset:4px; }

@media (max-width:980px){
  .dkrpp-grid{ grid-template-columns:minmax(0,1fr); max-width:520px; margin:0 auto; }
  .dkrpp-pitch, .dkrpp-noten{ min-height:0; }
  .dkrpp-onder{ justify-content:flex-start; }
}
/* ==== dkrfaq ==== */
.dkrfaq-wrap{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.dkrfaq-wrap ::selection{ background:#FFB71B; color:#171A1B; }
.dkrfaq-wrap *{ box-sizing:border-box; }
.dkrfaq-binnen{ max-width:720px; margin:0 auto; }

.dkrfaq-lijst{ list-style:none; margin:0; padding:0; }
.dkrfaq-item{ border-bottom:1px solid rgba(23,26,27,0.10); }
.dkrfaq-item:first-child{ border-top:1px solid rgba(23,26,27,0.10); }

.dkrfaq-kop{ margin:0; font-size:inherit; font-weight:inherit; }
.dkrfaq-knop{ appearance:none; border:0; background:none; cursor:pointer; font:inherit;
  width:100%; display:flex; align-items:flex-start; justify-content:space-between;
  gap:20px; padding:20px 0; text-align:left; color:inherit; }
.dkrfaq-knop:focus-visible{ outline:2px solid #FFB71B; outline-offset:2px; border-radius:6px; }

.dkrfaq-vraag{ font-size:16.5px; font-weight:500; line-height:1.4;
  letter-spacing:-0.015em; color:rgba(23,26,27,0.82); transition:color .25s; }
.dkrfaq-knop:hover .dkrfaq-vraag{ color:#171A1B; }
.dkrfaq-item--open .dkrfaq-vraag{ color:#171A1B; font-weight:600; }

.dkrfaq-teken{ flex:none; width:28px; height:28px; margin-top:-1px;
  border-radius:50%; display:grid; place-items:center;
  border:1px solid rgba(23,26,27,0.16); color:rgba(23,26,27,0.62);
  transition:background-color .3s, border-color .3s, color .3s; }
.dkrfaq-knop:hover .dkrfaq-teken{ border-color:rgba(23,26,27,0.62); color:#171A1B; }
.dkrfaq-item--open .dkrfaq-teken{ background:#FFB71B; border-color:#FFB71B; color:#171A1B; }
.dkrfaq-streep{ transform-origin:6px 6px;
  transition:transform .36s cubic-bezier(.16,1,.3,1), opacity .24s ease-out; }
.dkrfaq-item--open .dkrfaq-streep{ transform:rotate(90deg); opacity:0; }

.dkrfaq-paneel{ overflow:hidden; }
.dkrfaq-antwoord{ margin:0; padding:0 48px 22px 0; max-width:64ch;
  font-size:15px; line-height:1.7; letter-spacing:-0.005em;
  color:rgba(23,26,27,0.62); }

@media (max-width:520px){
  .dkrfaq-knop{ gap:14px; padding:17px 0; }
  .dkrfaq-vraag{ font-size:15.5px; }
  .dkrfaq-antwoord{ padding-right:0; }
}
@media (prefers-reduced-motion: reduce){
  .dkrfaq-streep{ transition:none; }
}
/* ==== dkov ==== */
.dkov{width:100%;background:#fff;font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;}
.dkov *{box-sizing:border-box;}

/* De bovenmarge moet altijd boven de 142px hoge vaste navigatiebalk uitkomen,
   vandaar de ondergrens van 168px in plaats van een vw-waarde die eronder kan zakken. */
.dkov-hero{padding:clamp(168px,11.5vw,178px) 24px 0;}

/* Kruimelpad staat boven de donkere kaart, uitgelijnd met de linkerrand ervan. */
.dkov-kruimelbalk{ max-width:1110px; margin:0 auto clamp(14px,1.5vw,20px); display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.dkov-kruimelbalk ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-size:13.5px;line-height:20px;}
.dkov-kruimelbalk a{color:rgba(10,10,10,0.62);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .18s ease, border-color .18s ease;}
.dkov-kruimelbalk a:hover{color:#171A1B;border-bottom-color:#FFB71B;}
.dkov-kruimelbalk a:focus-visible{outline:2px solid #FFB71B;outline-offset:3px;border-radius:3px;}
.dkov-kruimelscheider{color:rgba(10,10,10,0.26);}
.dkov-kruimelhuidig{color:#171A1B;font-weight:600;}

.dkov-kaart{position:relative;max-width:1110px;margin:0 auto;background:#171A1B;border-radius:32px;overflow:hidden;padding:clamp(44px,5vw,72px) clamp(24px,4.5vw,64px) clamp(44px,5vw,72px);}
.dkov-glow{position:absolute;top:-40%;right:-10%;width:min(680px,90%);height:520px;background:radial-gradient(50% 50% at 50% 50%, rgba(255,183,27,0.16) 0%, rgba(255,183,27,0) 70%);pointer-events:none;}
.dkov-heroraster{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:clamp(32px,4vw,64px);align-items:center;}

/* Het gele bolletje voor een label, zoals op /urenregistratie. */
.dkov-kop{margin:0;font-size:clamp(32px,4.4vw,56px);line-height:1.1;font-weight:600;letter-spacing:-0.03em;color:#F7F5F2;text-wrap:balance;}
.dkov-lead{margin:18px 0 0;font-size:clamp(16px,1.4vw,18px);line-height:1.6;color:rgba(247,245,242,0.72);max-width:56ch;}

.dkov-knoppen{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(24px,3vw,32px);}
.dkov-knop{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 28px;border-radius:999px;font-size:16px;font-weight:600;letter-spacing:-0.01em;text-decoration:none;transition:transform .18s ease, background .18s ease, border-color .18s ease;}
.dkov-knop--geel{background:#FFB71B;color:#171A1B;}
.dkov-knop--geel:hover{transform:translateY(-2px);background:#FFC547;}
.dkov-knop--rand{border:1px solid rgba(247,245,242,0.28);color:#F7F5F2;}
.dkov-knop--rand:hover{transform:translateY(-2px);border-color:rgba(247,245,242,0.6);background:rgba(247,245,242,0.06);}

.dkov-bewijs{list-style:none;display:flex;flex-wrap:wrap;gap:8px 24px;margin:clamp(24px,3vw,32px) 0 0;padding:0;}
.dkov-bewijs li{display:flex;align-items:center;gap:8px;font-size:14px;line-height:20px;color:rgba(247,245,242,0.6);}

.dkov-paneel{position:relative;background:linear-gradient(180deg, rgba(247,245,242,0.08), rgba(247,245,242,0.03));border:1px solid rgba(247,245,242,0.12);border-radius:22px;padding:28px 26px 26px;}

.dkov-tijdlijn{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:26px;}
.dkov-punt{position:relative;padding-left:32px;}
/* Het lijntje loopt van stip naar stip, precies door het hart ervan (de stip zit op -6px met een
   doorsnede van 13px, dus het hart ligt op 0,5px), en stopt bij de laatste stip. */
.dkov-punt:not(:last-child)::before{content:"";position:absolute;left:0;top:22px;bottom:-27px;width:1px;background:linear-gradient(180deg, rgba(255,183,27,0.5), rgba(255,183,27,0.22));}
.dkov-punt:nth-last-child(2)::before{background:linear-gradient(180deg, rgba(255,183,27,0.22), rgba(247,245,242,0.10));}
/* De stip groeit open zoals op het origineel; de eindstand is de volle 13px. */
.dkov-tijdstip.dk-appear{transform:scale(0.4);}
.dkov-tijdstip.dk-appear.is-in{transform:none;}
@media (prefers-reduced-motion:reduce){.dkov-tijdstip.dk-appear{transform:none;}}
.dkov-tijdstip{position:absolute;left:-6px;top:5px;width:13px;height:13px;border-radius:50%;background:#FFB71B;box-shadow:0 0 0 4px rgba(255,183,27,0.16);}
.dkov-jaar{display:block;font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#FFB71B;}
.dkov-punttitel{display:block;margin-top:4px;font-size:16px;line-height:1.3;font-weight:600;letter-spacing:-0.015em;color:#F7F5F2;}
.dkov-punttekst{display:block;margin-top:5px;font-size:13.5px;line-height:1.5;color:rgba(247,245,242,0.6);}

/* Sectielabel: amber met hetzelfde gele bolletje ervoor. */

@media (max-width:1000px){
  .dkov-heroraster{grid-template-columns:minmax(0,1fr);gap:32px;}
}
@media (max-width:640px){
  .dkov-kaart{border-radius:24px;}
  .dkov-bewijs{flex-direction:column;gap:8px;}
  .dkov-knop{width:100%;}
}
/* ==== dkrpk ==== */
.dkrpk-wrap{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.dkrpk-wrap ::selection{ background:#FFB71B; color:#171A1B; }

.dkrpk-kruimel{ display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin:0 0 18px; font-size:13.5px; line-height:20px; color:rgba(23,26,27,0.62); letter-spacing:-0.005em; }
.dkrpk-kruimel a{ color:rgba(23,26,27,0.62); text-decoration:none; border-bottom:1px solid transparent; padding-bottom:1px;
  transition:color .18s ease, border-color .18s ease; }
.dkrpk-kruimel a:hover{ color:#171A1B; border-bottom-color:#FFB71B; }
.dkrpk-kruimel a:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:3px; }
.dkrpk-kruimelscheiding{ margin-right:8px; color:rgba(23,26,27,0.26); }
.dkrpk-kruimel [aria-current]{ color:#171A1B; font-weight:600; }

.dkrpk-paneel{ position:relative; overflow:hidden; border-radius:32px; background:#171A1B; }
.dkrpk-glow{ position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(52% 60% at 88% 6%, rgba(255,183,27,0.20), transparent 66%),
    radial-gradient(44% 62% at 2% 100%, rgba(1,127,142,0.24), transparent 70%); }

.dkrpk-grid{ position:relative; z-index:1;
  padding:clamp(44px,5vw,84px) clamp(24px,4.4vw,76px); }
.dkrpk-grid--kaart{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);
  gap:clamp(36px,4.4vw,72px); align-items:center; }

.dkrpk-binnen{ max-width:760px; }
.dkrpk-kop{ margin:0; font-weight:600; color:#F7F5F2;
  font-size:clamp(32px,4.4vw,56px); line-height:1.06; letter-spacing:-0.035em; text-wrap:balance; }
.dkrpk-accent{ color:#FFB71B; }
.dkrpk-lead{ margin:20px 0 0; max-width:52ch; font-size:clamp(16px,1.2vw,18.5px);
  line-height:1.6; letter-spacing:-0.01em; color:rgba(247,245,242,0.68); }
.dkrpk-punten{ list-style:none; margin:26px 0 0; padding:0;
  display:flex; flex-wrap:wrap; gap:10px 22px; }
.dkrpk-punten li{ display:inline-flex; align-items:center; gap:7px;
  font-size:13.5px; color:rgba(247,245,242,0.56); letter-spacing:-0.005em; }
.dkrpk-knop{ display:inline-flex; align-items:center; gap:9px; margin-top:32px;
  height:54px; padding:0 28px; border-radius:999px; text-decoration:none;
  font-size:16px; font-weight:600; letter-spacing:-0.01em;
  background:#FFB71B; color:#171A1B; box-shadow:0 8px 24px -8px rgba(255,183,27,0.55);
  transition:transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s; }
.dkrpk-knop:hover{ transform:translateY(-2px); box-shadow:0 16px 34px -10px rgba(255,183,27,0.65); }
.dkrpk-knop svg{ transition:transform .3s cubic-bezier(.16,1,.3,1); }
.dkrpk-knop:hover svg{ transform:translateX(3px); }
.dkrpk-knop:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; }

.dkrpk-kaart{ border-radius:22px; padding:26px;
  border:1px solid rgba(247,245,242,0.10);
  background:linear-gradient(180deg, rgba(247,245,242,0.07), rgba(247,245,242,0.02));
  box-shadow:0 40px 70px -34px rgba(0,0,0,0.9); }
.dkrpk-kaarttitel{ font-size:13px; font-weight:600; letter-spacing:0.06em;
  text-transform:uppercase; color:#FFB71B; padding-bottom:16px;
  border-bottom:1px solid rgba(247,245,242,0.10); }
.dkrpk-kaartlijst{ list-style:none; margin:18px 0 0; padding:0;
  display:flex; flex-direction:column; gap:14px; }
.dkrpk-kaartlijst li{ display:flex; align-items:flex-start; gap:11px;
  font-size:14.5px; line-height:1.45; letter-spacing:-0.012em; color:rgba(247,245,242,0.86); }
.dkrpk-kaartvink{ flex:none; width:20px; height:20px; border-radius:6px; margin-top:1px;
  display:grid; place-items:center; background:rgba(255,183,27,0.16); }
.dkrpk-kaartvoet{ margin:20px 0 0; padding-top:16px;
  border-top:1px solid rgba(247,245,242,0.10);
  font-size:13px; line-height:1.5; color:rgba(247,245,242,0.52); }

@media (max-width:1000px){
  .dkrpk-paneel{ border-radius:26px; }
  .dkrpk-grid--kaart{ grid-template-columns:minmax(0,1fr); gap:36px; }
}
@media (max-width:520px){
  .dkrpk-paneel{ border-radius:20px; }
  .dkrpk-knop{ width:100%; justify-content:center; }
  .dkrpk-kaart{ padding:22px; }
}
/* ==== dkrc ==== */
.dkrc-wrap{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.dkrc-wrap ::selection{ background:#FFB71B; color:#171A1B; }
.dkrc-wrap *{ box-sizing:border-box; }

.dkrc-head{ max-width:640px; margin:0 0 clamp(26px,2.8vw,40px); }
.dkrc-kop{ margin:0; font-weight:600; color:#171A1B;
  font-size:clamp(26px,3.1vw,38px); line-height:1.14; letter-spacing:-0.03em; text-wrap:balance; }
.dkrc-lead{ margin:14px 0 0; max-width:56ch; font-size:clamp(15px,1.15vw,17px);
  line-height:1.6; letter-spacing:-0.01em; color:rgba(23,26,27,0.62); }

.dkrc-regelaar{ background:#FFFFFF; border:1px solid rgba(23,26,27,0.10);
  border-radius:22px; padding:clamp(22px,2.2vw,30px); }
.dkrc-regelrij{ display:flex; align-items:center; justify-content:space-between;
  gap:16px; flex-wrap:wrap; }
.dkrc-aantallabel{ font-size:16px; font-weight:600; letter-spacing:-0.015em; color:#171A1B; }
.dkrc-aantalveld{ width:118px; height:52px; border-radius:14px; text-align:center;
  border:1px solid rgba(23,26,27,0.16); background:#F2F0EC; color:#171A1B;
  font-family:inherit; font-size:22px; font-weight:600; letter-spacing:-0.02em;
  font-variant-numeric:tabular-nums; -moz-appearance:textfield; }
.dkrc-aantalveld::-webkit-outer-spin-button,
.dkrc-aantalveld::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.dkrc-aantalveld:focus-visible{ outline:2px solid #FFB71B; outline-offset:2px; }

.dkrc-schuif{ -webkit-appearance:none; appearance:none; width:100%; height:6px;
  margin:22px 0 0; border-radius:99px; background:rgba(23,26,27,0.12); cursor:pointer; }
.dkrc-schuif::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none;
  width:24px; height:24px; border-radius:50%; background:#FFB71B;
  border:3px solid #FFFFFF; box-shadow:0 2px 8px rgba(23,26,27,0.28); cursor:grab; }
.dkrc-schuif::-moz-range-thumb{ width:22px; height:22px; border-radius:50%;
  background:#FFB71B; border:3px solid #FFFFFF; box-shadow:0 2px 8px rgba(23,26,27,0.28); cursor:grab; }
.dkrc-schuif:focus-visible{ outline:2px solid #FFB71B; outline-offset:4px; }
.dkrc-schaal{ display:flex; justify-content:space-between; margin-top:9px;
  font-size:12px; color:rgba(23,26,27,0.62); font-variant-numeric:tabular-nums; }
.dkrc-telling{ margin:18px 0 0; padding-top:16px; border-top:1px solid rgba(23,26,27,0.08);
  font-size:13.5px; line-height:1.55; color:rgba(23,26,27,0.62); max-width:70ch; }

/* stretch: alle vier de kaarten krijgen dezelfde hoogte */
.dkrc-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(12px,1.2vw,16px); margin-top:clamp(16px,1.8vw,22px); align-items:stretch; }

.dkrc-kaart{ position:relative; display:flex; flex-direction:column;
  border-radius:20px; padding:clamp(18px,1.7vw,22px);
  background:#FFFFFF; border:1px solid rgba(23,26,27,0.10);
  transition:border-color .3s, box-shadow .3s, background-color .3s; }
.dkrc-kaart:hover{ border-color:rgba(23,26,27,0.24); }
.dkrc-kaart--offerte{ background:#F2F0EC; border-style:dashed;
  border-color:rgba(23,26,27,0.20); }
.dkrc-kaart--actief{ background:#171A1B; border-color:transparent; border-style:solid;
  box-shadow:0 32px 56px -32px rgba(23,26,27,0.65); }

.dkrc-tip{ position:absolute; top:-11px; left:clamp(18px,1.7vw,22px);
  display:inline-flex; align-items:center; height:23px; padding:0 10px;
  border-radius:999px; background:#FFB71B; color:#171A1B;
  font-size:11px; font-weight:600; white-space:nowrap; z-index:2; }

.dkrc-kies{ appearance:none; border:0; background:none; padding:0; margin:0;
  text-align:left; cursor:pointer; font:inherit; color:inherit; display:block;
  position:static; }
.dkrc-kies::after{ content:""; position:absolute; inset:0; border-radius:20px; }
.dkrc-kies:focus-visible::after{ outline:2px solid #FFB71B; outline-offset:3px; }

.dkrc-rondje{ position:absolute; top:clamp(18px,1.7vw,22px);
  right:clamp(18px,1.7vw,22px); z-index:1;
  width:20px; height:20px; border-radius:50%; display:grid; place-items:center;
  border:1.5px solid rgba(23,26,27,0.22); background:transparent;
  transition:background-color .25s, border-color .25s; }
.dkrc-rondje svg{ opacity:0; transition:opacity .25s; }
.dkrc-kaart--actief .dkrc-rondje{ background:#FFB71B; border-color:#FFB71B; }
.dkrc-kaart--actief .dkrc-rondje svg{ opacity:1; }
.dkrc-kaart:hover .dkrc-rondje{ border-color:rgba(23,26,27,0.62); }
.dkrc-kaart--actief:hover .dkrc-rondje{ border-color:#FFB71B; }

.dkrc-naamrij{ display:flex; align-items:center; gap:7px; flex-wrap:wrap;
  padding-right:28px; }
.dkrc-naam{ font-size:16px; font-weight:600; letter-spacing:-0.02em; color:#171A1B; }
.dkrc-kaart--actief .dkrc-naam{ color:#F7F5F2; }
.dkrc-badge{ display:inline-flex; align-items:center; height:20px; padding:0 8px;
  border-radius:999px; background:rgba(23,26,27,0.08); color:rgba(23,26,27,0.62);
  font-size:10.5px; font-weight:600; white-space:nowrap; }
.dkrc-kaart--actief .dkrc-badge{ background:rgba(255,183,27,0.18); color:#FFB71B; }
.dkrc-segment{ display:block; margin-top:5px; font-size:13px;
  color:rgba(23,26,27,0.62); letter-spacing:-0.01em; }
.dkrc-kaart--actief .dkrc-segment{ color:rgba(247,245,242,0.58); }

.dkrc-prijs{ display:block; margin-top:18px; font-size:clamp(24px,2.2vw,29px);
  font-weight:600; line-height:1.05; letter-spacing:-0.035em; color:#171A1B;
  font-variant-numeric:tabular-nums; }
.dkrc-prijs--tekst{ font-size:clamp(19px,1.7vw,22px); letter-spacing:-0.025em;
  color:rgba(23,26,27,0.72); }
.dkrc-kaart--actief .dkrc-prijs{ color:#FFB71B; }
.dkrc-per{ font-size:12.5px; font-weight:500; letter-spacing:-0.005em;
  color:rgba(23,26,27,0.62); margin-left:6px; }
.dkrc-kaart--actief .dkrc-per{ color:rgba(247,245,242,0.52); }
.dkrc-opsomming{ display:block; margin-top:8px; font-size:12px; line-height:1.45;
  color:rgba(23,26,27,0.62); font-variant-numeric:tabular-nums; letter-spacing:-0.005em; }
.dkrc-kaart--actief .dkrc-opsomming{ color:rgba(247,245,242,0.52); }

.dkrc-lijst{ list-style:none; margin:18px 0 0; padding:18px 0 0;
  border-top:1px solid rgba(23,26,27,0.09);
  display:flex; flex-direction:column; gap:10px; }
.dkrc-kaart--actief .dkrc-lijst{ border-color:rgba(247,245,242,0.12); }
.dkrc-lijst li{ display:flex; align-items:flex-start; gap:9px;
  font-size:13.5px; line-height:1.42; letter-spacing:-0.012em; color:rgba(23,26,27,0.72); }
.dkrc-kaart--actief .dkrc-lijst li{ color:rgba(247,245,242,0.82); }
.dkrc-vink{ flex:none; width:18px; height:18px; border-radius:6px; margin-top:1px;
  display:grid; place-items:center; background:rgba(23,26,27,0.06); }
.dkrc-kaart--actief .dkrc-vink{ background:rgba(255,183,27,0.18); }

/* margin-top:auto duwt de offertenoot naar de onderkant van de gelijke kaart */
.dkrc-opnoot{ margin:16px 0 0; margin-top:auto; padding-top:14px;
  border-top:1px solid rgba(23,26,27,0.09);
  font-size:12px; line-height:1.5; color:rgba(23,26,27,0.62); }
.dkrc-kaart--actief .dkrc-opnoot{ border-color:rgba(247,245,242,0.12);
  color:rgba(247,245,242,0.52); }

.dkrc-hint{ margin:16px 0 0; font-size:14px; line-height:1.5;
  color:rgba(23,26,27,0.62); letter-spacing:-0.005em; }
.dkrc-hint b{ color:#171A1B; font-weight:600; }
.dkrc-hintknop{ appearance:none; border:0; background:none; padding:0; margin:0;
  font:inherit; font-weight:600; color:#171A1B; cursor:pointer;
  border-bottom:2px solid #FFB71B; }
.dkrc-hintknop:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; }

.dkrc-addons{ margin-top:clamp(16px,1.8vw,22px); background:#FFFFFF;
  border:1px solid rgba(23,26,27,0.10); border-radius:22px;
  padding:clamp(20px,2vw,28px); }
.dkrc-addonkop{ font-size:13px; font-weight:600; letter-spacing:0.06em;
  text-transform:uppercase; color:rgba(23,26,27,0.62); margin-bottom:6px; }
.dkrc-addonlijst{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 clamp(20px,2.4vw,36px); }
.dkrc-addon{ display:flex; align-items:center; justify-content:space-between;
  gap:14px; padding:13px 0; border-bottom:1px solid rgba(23,26,27,0.07); }
.dkrc-addonlabel{ display:flex; align-items:flex-start; gap:11px; cursor:pointer; min-width:0; }
.dkrc-addonlabel input{ position:absolute; opacity:0; width:0; height:0; }
.dkrc-vakje{ flex:none; width:21px; height:21px; border-radius:7px; margin-top:1px;
  display:grid; place-items:center; background:transparent;
  border:1px solid rgba(23,26,27,0.22); transition:background-color .2s, border-color .2s; }
.dkrc-vakje svg{ opacity:0; transition:opacity .2s; }
.dkrc-addon--aan .dkrc-vakje{ background:#FFB71B; border-color:#FFB71B; }
.dkrc-addon--aan .dkrc-vakje svg{ opacity:1; }
.dkrc-addonlabel input:focus-visible + .dkrc-vakje{ outline:2px solid #FFB71B; outline-offset:2px; }
.dkrc-addonnaam{ font-size:14.5px; line-height:1.35; letter-spacing:-0.012em;
  color:rgba(23,26,27,0.82); min-width:0; }
.dkrc-addonprijs{ display:block; margin-top:3px; font-size:12.5px;
  color:rgba(23,26,27,0.62); letter-spacing:-0.005em; }
.dkrc-addon--op .dkrc-addonprijs{ color:rgba(23,26,27,0.62); }
.dkrc-addonrechts{ display:flex; align-items:center; gap:12px; flex:none; }
.dkrc-addonbedrag{ font-size:14px; font-weight:600; color:#171A1B;
  font-variant-numeric:tabular-nums; min-width:62px; text-align:right; }
.dkrc-stepper{ display:inline-flex; align-items:center; gap:2px;
  border:1px solid rgba(23,26,27,0.16); border-radius:999px; padding:2px; }
.dkrc-stepper button{ appearance:none; border:0; background:none; cursor:pointer;
  width:24px; height:24px; border-radius:50%; font:inherit; font-size:15px;
  line-height:1; color:#171A1B; }
.dkrc-stepper button:hover{ background:rgba(23,26,27,0.07); }
.dkrc-stepper span{ min-width:18px; text-align:center; font-size:13px;
  font-variant-numeric:tabular-nums; }

.dkrc-totaal{ display:flex; align-items:center; justify-content:space-between;
  gap:24px; flex-wrap:wrap; margin-top:clamp(16px,1.8vw,22px);
  border-radius:22px; padding:clamp(22px,2.2vw,30px);
  background:#171A1B; box-shadow:0 34px 60px -34px rgba(23,26,27,0.6); }
.dkrc-totaallabel{ font-size:13px; font-weight:600; letter-spacing:0.06em;
  text-transform:uppercase; color:#FFB71B; }
.dkrc-totaalbedrag{ margin-top:8px; font-size:clamp(30px,3vw,38px); font-weight:600;
  line-height:1; letter-spacing:-0.035em; color:#F7F5F2; font-variant-numeric:tabular-nums; }
.dkrc-totaalbedrag--tekst{ font-size:clamp(24px,2.4vw,30px); letter-spacing:-0.03em; }
.dkrc-totaalbedrag .dkrc-per{ color:rgba(247,245,242,0.52); margin-left:9px; font-size:14px; }
.dkrc-eenmalig{ margin-top:9px; font-size:13.5px; line-height:1.5;
  color:rgba(247,245,242,0.55); max-width:56ch; }
.dkrc-totaalknop{ display:inline-flex; align-items:center; gap:9px; height:50px;
  padding:0 24px; border-radius:999px; text-decoration:none; white-space:nowrap;
  font-size:15px; font-weight:600; letter-spacing:-0.01em;
  background:#FFB71B; color:#171A1B; box-shadow:0 8px 24px -8px rgba(255,183,27,0.55);
  transition:transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s; }
.dkrc-totaalknop:hover{ transform:translateY(-2px); box-shadow:0 16px 34px -10px rgba(255,183,27,0.65); }
.dkrc-totaalknop svg{ transition:transform .3s cubic-bezier(.16,1,.3,1); }
.dkrc-totaalknop:hover svg{ transform:translateX(3px); }
.dkrc-totaalknop:focus-visible{ outline:2px solid #F7F5F2; outline-offset:3px; }

.dkrc-voetnoot{ margin:18px 0 0; font-size:13.5px; line-height:1.6;
  color:rgba(23,26,27,0.62); letter-spacing:-0.005em; max-width:78ch; }

@media (max-width:1100px){
  .dkrc-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
}
@media (max-width:980px){
  .dkrc-addonlijst{ grid-template-columns:minmax(0,1fr); }
  .dkrc-totaal{ align-items:flex-start; }
}
@media (max-width:640px){
  .dkrc-grid{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:520px){
  .dkrc-regelrij{ align-items:flex-start; }
  .dkrc-aantalveld{ width:100%; }
  .dkrc-totaalknop{ width:100%; justify-content:center; }
}
/* ==== dkrvg ==== */
.dkrvg-wrap{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }
.dkrvg-wrap ::selection{ background:#FFB71B; color:#171A1B; }
.dkrvg-wrap *{ box-sizing:border-box; }

.dkrvg-head{ max-width:620px; margin:0 0 clamp(26px,2.8vw,40px); }
.dkrvg-kop{ margin:0; font-weight:600; color:#171A1B;
  font-size:clamp(26px,3.1vw,38px); line-height:1.14; letter-spacing:-0.03em; text-wrap:balance; }
.dkrvg-lead{ margin:14px 0 0; max-width:56ch; font-size:clamp(15px,1.15vw,17px);
  line-height:1.6; letter-spacing:-0.01em; color:rgba(23,26,27,0.62); }

/* Keuzebalk: alleen op telefoonformaat */
.dkrvg-tabs{ display:none; gap:6px; margin-bottom:14px; }
.dkrvg-tab{ appearance:none; cursor:pointer; font:inherit; flex:1 1 0; min-width:0;
  height:40px; padding:0 8px; border-radius:999px; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis;
  border:1px solid rgba(23,26,27,0.16); background:transparent;
  font-size:12.5px; font-weight:600; letter-spacing:-0.01em; color:rgba(23,26,27,0.62);
  transition:background-color .25s, border-color .25s, color .25s; }
.dkrvg-tab[aria-selected="true"]{ background:#171A1B; border-color:#171A1B; color:#F7F5F2; }
.dkrvg-tab:focus-visible{ outline:2px solid #FFB71B; outline-offset:2px; }

/* Op desktop geen eigen scrollcontainer: dat zou het vastzetten van de koprij breken. */
.dkrvg-scroll{ overflow:visible; border-radius:20px;
  border:1px solid rgba(23,26,27,0.10); background:#FFFFFF; }

.dkrvg-tabel{ width:100%; border-collapse:separate; border-spacing:0;
  text-align:left; table-layout:fixed; }
.dkrvg-caption{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }

/* De plannamen blijven bovenaan staan terwijl je door de tabel scrolt. De navigatiebalk krimpt
   onderweg van 142 naar 126px, waardoor er een strook van 16px ontstond waar de regels van de
   tabel doorheen schoven. Het vlak van de kop loopt daarom door tot boven die strook; staat de
   balk op zijn volle hoogte, dan valt dat stuk er netjes achter. */
.dkrvg-tabel thead th{ position:sticky; top:142px; z-index:3;
  padding:18px 14px; font-size:14.5px; font-weight:600;
  letter-spacing:-0.015em; color:#171A1B; text-align:center; background:#FFFFFF;
  box-shadow:inset 0 -1px 0 rgba(23,26,27,0.12); }
.dkrvg-tabel thead th::before{ content:""; position:absolute; left:0; right:0; bottom:100%;
  height:26px; background:#FFFFFF; pointer-events:none; }
.dkrvg-tabel--k4 .dkrvg-hoek{ width:30%; }
.dkrvg-plan--uit{ background:#FFF4DD; }

.dkrvg-groeprij th{ padding:18px 14px 9px; font-size:12px; font-weight:600;
  letter-spacing:0.08em; text-transform:uppercase; color:rgba(23,26,27,0.62);
  text-align:left; background:#FAF9F7; border-top:1px solid rgba(23,26,27,0.07); }

.dkrvg-label{ padding:13px 14px; font-size:14px; font-weight:400; letter-spacing:-0.012em;
  color:rgba(23,26,27,0.74); border-top:1px solid rgba(23,26,27,0.07); text-align:left; }
.dkrvg-cel{ padding:13px 14px; text-align:center;
  border-top:1px solid rgba(23,26,27,0.07); }
.dkrvg-cel--uit{ background:rgba(255,183,27,0.08); }
.dkrvg-tabel tbody tr:hover .dkrvg-label,
.dkrvg-tabel tbody tr:hover .dkrvg-cel{ background:rgba(23,26,27,0.025); }
.dkrvg-tabel tbody tr:hover .dkrvg-cel--uit{ background:rgba(255,183,27,0.14); }

.dkrvg-ja{ display:inline-grid; place-items:center; width:24px; height:24px;
  border-radius:8px; background:rgba(255,183,27,0.16); }
.dkrvg-cel--uit .dkrvg-ja{ background:#FFB71B; }
.dkrvg-nee{ display:inline-grid; place-items:center; width:24px; height:24px;
  border-radius:8px; background:rgba(23,26,27,0.05); color:rgba(23,26,27,0.62); }
.dkrvg-tekst{ font-size:13px; line-height:1.45; color:rgba(23,26,27,0.72);
  letter-spacing:-0.01em; font-variant-numeric:tabular-nums; }

.dkrvg-voetnoot{ margin:18px 0 0; font-size:13.5px; line-height:1.55;
  color:rgba(23,26,27,0.62); letter-spacing:-0.005em; max-width:72ch; }

/* Tablet: tabel horizontaal schuiven, koprij niet meer vastzetten. */
@media (max-width:900px){
  .dkrvg-scroll{ overflow-x:auto; overflow-y:hidden;
    scrollbar-color:rgba(23,26,27,0.25) transparent; scrollbar-width:thin; }
  .dkrvg-scroll::-webkit-scrollbar{ height:8px; }
  .dkrvg-scroll::-webkit-scrollbar-thumb{ background:rgba(23,26,27,0.22); border-radius:99px; }
  .dkrvg-scroll::-webkit-scrollbar-track{ background:transparent; }
  .dkrvg-tabel{ min-width:640px; table-layout:auto; }
  .dkrvg-tabel thead th{ position:static; }
}

/* Telefoon: keuzebalk, één kolom tegelijk, geen horizontaal geschuif meer. */
@media (max-width:820px){
  .dkrvg-tabs{ display:flex; }
  .dkrvg-scroll{ overflow:visible; }
  .dkrvg-tabel{ min-width:0; table-layout:fixed; }
  .dkrvg-tabel .dkrvg-hoek{ width:58%; }
  .dkrvg-tabel thead th{ padding:15px 14px; font-size:14px; }
  .dkrvg-label{ padding:14px; }
  .dkrvg-cel{ padding:14px; }

  .dkrvg-wrap[data-actief="0"] .dkrvg-plan:not(:nth-child(2)),
  .dkrvg-wrap[data-actief="0"] .dkrvg-cel:not(:nth-child(2)){ display:none; }
  .dkrvg-wrap[data-actief="1"] .dkrvg-plan:not(:nth-child(3)),
  .dkrvg-wrap[data-actief="1"] .dkrvg-cel:not(:nth-child(3)){ display:none; }
  .dkrvg-wrap[data-actief="2"] .dkrvg-plan:not(:nth-child(4)),
  .dkrvg-wrap[data-actief="2"] .dkrvg-cel:not(:nth-child(4)){ display:none; }
  .dkrvg-wrap[data-actief="3"] .dkrvg-plan:not(:nth-child(5)),
  .dkrvg-wrap[data-actief="3"] .dkrvg-cel:not(:nth-child(5)){ display:none; }

  /* De gele tint van de uitgelichte kolom heeft geen functie meer als je er
     maar één ziet; die zou de hele rechterhelft inkleuren. */
  .dkrvg-plan--uit{ background:#FFFFFF; }
  .dkrvg-cel--uit{ background:transparent; }
  .dkrvg-tabel tbody tr:hover .dkrvg-cel--uit{ background:rgba(23,26,27,0.025); }
}
@media (max-width:420px){
  .dkrvg-tab{ font-size:11.5px; height:38px; padding:0 6px; }
  .dkrvg-tabel .dkrvg-hoek{ width:56%; }
}
/* ==== dkur ==== */
.dkur, .dkur *{ box-sizing:border-box; }
.dkur{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing:antialiased; background:#fff; }
.dkur ::selection{ background:#FFB71B; color:#171A1B; }
.dkur-binnen{ position:relative; max-width:1110px; margin:0 auto; }

/* hero. De bovenmarge moet altijd boven de 142px hoge vaste navigatiebalk uitkomen,
   vandaar de ondergrens van 168px in plaats van een vw-waarde die eronder kan zakken. */
.dkur-hero{ background:#fff; padding:clamp(168px,11vw,178px) 24px clamp(56px,5vw,72px); }

/* Kruimelpad: zelfde opmaak als op /over-ons, met een geel lijntje bij hover. */
.dkur-kruimel{ display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin:0 0 18px; font-size:13.5px; line-height:20px; color:rgba(23,26,27,0.62); letter-spacing:-0.005em; }
.dkur-kruimel a{ color:rgba(23,26,27,0.62); text-decoration:none;
  border-bottom:1px solid transparent; padding-bottom:1px;
  transition:color .18s ease, border-color .18s ease; }
.dkur-kruimel a:hover{ color:#171A1B; border-bottom-color:#FFB71B; }
.dkur-kruimel a:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:3px; }
.dkur-kruimelscheiding{ margin-right:8px; color:rgba(23,26,27,0.26); }
.dkur-kruimel [aria-current]{ color:#171A1B; font-weight:600; }

.dkur-herokaart{ position:relative; overflow:hidden; border-radius:32px; background:#171A1B; }
.dkur-gloed{ position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(50% 58% at 86% 6%, rgba(255,183,27,0.20), transparent 66%),
    radial-gradient(44% 58% at 2% 100%, rgba(1,127,142,0.22), transparent 70%); }
.dkur-herogrid{ position:relative; z-index:1;
  padding:clamp(40px,4.6vw,72px) clamp(24px,4.2vw,68px);
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,400px);
  gap:clamp(36px,4vw,60px); align-items:center; }
.dkur-herotekst{ min-width:0; }

.dkur-h1{ margin:0; color:#F7F5F2; font-weight:600; font-size:clamp(32px,4.4vw,56px);
  line-height:1.08; letter-spacing:-0.035em; text-wrap:balance; }
.dkur-lead{ margin:20px 0 0; max-width:50ch; font-size:clamp(15px,1.15vw,17px);
  line-height:1.62; letter-spacing:-0.01em; color:rgba(247,245,242,0.66); }

.dkur-acties{ display:flex; flex-wrap:wrap; gap:12px; margin-top:clamp(26px,2.6vw,34px); }
.dkur-knop{ display:inline-flex; align-items:center; gap:9px; height:54px; padding:0 28px;
  border-radius:999px; font-size:16px; font-weight:600; letter-spacing:-0.01em;
  text-decoration:none; white-space:nowrap;
  transition:transform .22s ease, background-color .22s ease, border-color .22s ease; }
.dkur-knop svg{ transition:transform .22s ease; }
.dkur-knop:hover svg{ transform:translateX(3px); }
.dkur-knop--geel{ background:#FFB71B; color:#171A1B; box-shadow:0 10px 26px -12px rgba(255,183,27,0.85); }
.dkur-knop--geel:hover{ transform:translateY(-1px); background:#FFC53F; }
.dkur-knop--rand{ background:rgba(255,255,255,0.06); color:#F7F5F2; border:1px solid rgba(247,245,242,0.2); }
.dkur-knop--rand:hover{ transform:translateY(-1px); background:rgba(255,255,255,0.12); }

.dkur-bewijs{ list-style:none; margin:clamp(24px,2.4vw,30px) 0 0; padding:0;
  display:flex; flex-wrap:wrap; gap:10px 22px; }
.dkur-bewijs li{ display:inline-flex; align-items:center; gap:9px; font-size:13.5px;
  color:rgba(247,245,242,0.6); letter-spacing:-0.01em; }
.dkur-bewijsvink{ flex:none; width:20px; height:20px; border-radius:7px; display:grid;
  place-items:center; background:rgba(255,183,27,0.16); color:#FFB71B; }

/* urenstaat */
.dkur-staatvlak{ min-width:0; }
.dkur-staat{ border-radius:20px; padding:20px;
  background:linear-gradient(180deg, rgba(247,245,242,0.08), rgba(247,245,242,0.03));
  border:1px solid rgba(247,245,242,0.10);
  box-shadow:0 40px 70px -34px rgba(0,0,0,0.9); }
.dkur-staatkop{ display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; padding-bottom:14px; border-bottom:1px solid rgba(247,245,242,0.10); }
.dkur-staattitel{ font-size:14px; font-weight:600; color:#F7F5F2; letter-spacing:-0.015em; }
.dkur-staatploeg{ font-size:12px; color:rgba(247,245,242,0.52); }
.dkur-dagen{ list-style:none; margin:14px 0 0; padding:0;
  display:flex; flex-direction:column; gap:9px; }
.dkur-dagen li{ display:grid; grid-template-columns:34px minmax(0,1fr) 52px;
  align-items:center; gap:12px; }
.dkur-dag{ font-size:12px; color:rgba(247,245,242,0.52); }
.dkur-balk{ position:relative; height:8px; border-radius:99px;
  background:rgba(247,245,242,0.09); overflow:hidden; }
.dkur-balkvul{ position:absolute; left:0; top:0; bottom:0; border-radius:99px; background:#FFB71B; }
.dkur-uren{ font-size:12.5px; font-weight:600; color:#F7F5F2; text-align:right;
  font-variant-numeric:tabular-nums; }
.dkur-totaal{ display:flex; align-items:baseline; justify-content:space-between;
  margin-top:16px; padding-top:14px; border-top:1px solid rgba(247,245,242,0.10); }
.dkur-totaallabel{ font-size:12px; letter-spacing:0.05em; text-transform:uppercase;
  color:rgba(247,245,242,0.52); }
.dkur-totaalwaarde{ font-size:22px; font-weight:600; color:#FFB71B;
  letter-spacing:-0.025em; font-variant-numeric:tabular-nums; }
.dkur-keur{ margin-top:16px; min-height:38px; display:flex; align-items:center; }
.dkur-keurknop{ display:inline-flex; align-items:center; height:36px; padding:0 16px;
  border-radius:999px; background:#FFB71B; color:#171A1B; font-size:13px; font-weight:600; }
.dkur-klaar{ display:inline-flex; align-items:center; gap:9px; height:36px; padding:0 14px;
  border-radius:999px; background:rgba(255,183,27,0.14); border:1px solid rgba(255,183,27,0.32);
  color:#FFB71B; font-size:12.5px; font-weight:600; letter-spacing:-0.01em; }
.dkur-klaarvink{ display:grid; place-items:center; width:20px; height:20px; border-radius:50%;
  background:#FFB71B; color:#171A1B; flex:none; }

/* secties */
.dkur-sectie{ padding:clamp(64px,6.4vw,100px) 24px; }
.dkur-sectie--grijs{ background:#F7F5F2; }
.dkur-h2{ margin:0; font-size:clamp(26px,3.1vw,38px); line-height:1.15; letter-spacing:-0.03em;
  font-weight:600; color:#171A1B; text-wrap:balance; }

/* bronnen */

/* route */

/* inhoud */

/* modules */

/* prijs */

/* faq */
.dkur-faqgrid{ display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr);
  gap:clamp(28px,3.4vw,56px); align-items:start; }
.dkur-faqkop{ position:sticky; top:168px; }
.dkur-faq{ border-top:1px solid rgba(23,26,27,0.1); }
.dkur-faqrij{ border-bottom:1px solid rgba(23,26,27,0.1); }
.dkur-faqknop{ appearance:none; border:0; background:none; width:100%; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:18px 0; font:inherit; text-align:left;
  font-size:16.5px; font-weight:600; letter-spacing:-0.018em; color:#171A1B; }
.dkur-faqplus{ flex:none; display:grid; place-items:center; width:30px; height:30px;
  border-radius:50%; background:rgba(23,26,27,0.06); color:#171A1B; transition:background-color .2s ease; }
.dkur-faqrij--aan .dkur-faqplus{ background:#FFB71B; }
.dkur-faqstreep{ transform-origin:center; transition:opacity .22s ease, transform .22s ease; }
.dkur-faqrij--aan .dkur-faqstreep{ opacity:0; transform:rotate(90deg); }
.dkur-faqtekst{ overflow:hidden; }
.dkur-faqtekst p{ margin:0; padding:0 0 20px; max-width:66ch;
  font-size:15px; line-height:1.62; color:rgba(23,26,27,0.62); letter-spacing:-0.01em; }
.dkur-faqknop:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; }

/* cta */

@media (max-width:1000px){
  .dkur-hero{ padding:clamp(168px,13vw,178px) 20px 48px; }
  .dkur-herokaart{ border-radius:26px; }
  .dkur-herogrid{ grid-template-columns:minmax(0,1fr); gap:40px; }
  .dkur-herotekst{ max-width:640px; }
  .dkur-faqgrid{ grid-template-columns:minmax(0,1fr); }
  .dkur-faqkop{ position:static; }
}
@media (max-width:640px){
  .dkur-sectie{ padding:56px 20px; }
  .dkur-herokaart{ border-radius:20px; }
  .dkur-knop{ flex:1 1 auto; justify-content:center; }
}
/* ==== dkmp ==== */
.dkmp, .dkmp *{ box-sizing:border-box; }
.dkmp{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing:antialiased; background:#fff; }
.dkmp ::selection{ background:#FFB71B; color:#171A1B; }
.dkmp-binnen{ position:relative; max-width:1110px; margin:0 auto; }

/* hero. De bovenmarge moet altijd boven de 142px hoge vaste navigatiebalk uitkomen,
   vandaar de ondergrens van 168px in plaats van een vw-waarde die eronder kan zakken. */
.dkmp-hero{ background:#fff; padding:clamp(168px,11vw,178px) 24px clamp(56px,5vw,72px); }

/* Kruimelpad: zelfde opmaak als op /over-ons, met een geel lijntje bij hover. */
.dkmp-kruimel{ display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin:0 0 18px; font-size:13.5px; line-height:20px; color:rgba(23,26,27,0.62); letter-spacing:-0.005em; }
.dkmp-kruimel a{ color:rgba(23,26,27,0.62); text-decoration:none;
  border-bottom:1px solid transparent; padding-bottom:1px;
  transition:color .18s ease, border-color .18s ease; }
.dkmp-kruimel a:hover{ color:#171A1B; border-bottom-color:#FFB71B; }
.dkmp-kruimel a:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:3px; }
.dkmp-kruimelscheiding{ margin-right:8px; color:rgba(23,26,27,0.26); }
.dkmp-kruimel [aria-current]{ color:#171A1B; font-weight:600; }

.dkmp-herokaart{ position:relative; overflow:hidden; border-radius:32px; background:#171A1B; }
.dkmp-gloed{ position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(50% 58% at 86% 6%, rgba(255,183,27,0.20), transparent 66%),
    radial-gradient(44% 58% at 2% 100%, rgba(1,127,142,0.22), transparent 70%); }
.dkmp-herogrid{ position:relative; z-index:1;
  padding:clamp(40px,4.6vw,72px) clamp(24px,4.2vw,68px);
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,400px);
  gap:clamp(36px,4vw,60px); align-items:center; }
.dkmp-herotekst{ min-width:0; }

.dkmp-h1{ margin:0; color:#F7F5F2; font-weight:600; font-size:clamp(32px,4.4vw,56px);
  line-height:1.08; letter-spacing:-0.035em; text-wrap:balance; }
.dkmp-lead{ margin:20px 0 0; max-width:50ch; font-size:clamp(15px,1.15vw,17px);
  line-height:1.62; letter-spacing:-0.01em; color:rgba(247,245,242,0.66); }

.dkmp-acties{ display:flex; flex-wrap:wrap; gap:12px; margin-top:clamp(26px,2.6vw,34px); }
.dkmp-knop{ display:inline-flex; align-items:center; gap:8px; height:54px; padding:0 28px;
  border-radius:999px; font-size:16px; font-weight:600; letter-spacing:-0.01em;
  text-decoration:none; white-space:nowrap;
  transition:transform .22s ease, background-color .22s ease, border-color .22s ease; }
.dkmp-knop svg{ transition:transform .22s ease; }
.dkmp-knop:hover svg{ transform:translateX(3px); }
.dkmp-knop--geel{ background:#FFB71B; color:#171A1B; box-shadow:0 10px 26px -12px rgba(255,183,27,0.85); }
.dkmp-knop--geel:hover{ transform:translateY(-1px); background:#FFC53F; }
.dkmp-knop--rand{ background:rgba(255,255,255,0.06); color:#F7F5F2; border:1px solid rgba(247,245,242,0.2); }
.dkmp-knop--rand:hover{ transform:translateY(-1px); background:rgba(255,255,255,0.12); }

.dkmp-bewijs{ list-style:none; margin:clamp(24px,2.4vw,30px) 0 0; padding:0;
  display:flex; flex-wrap:wrap; gap:10px 22px; }
.dkmp-bewijs li{ display:inline-flex; align-items:center; gap:9px; font-size:13.5px;
  color:rgba(247,245,242,0.6); letter-spacing:-0.01em; }
.dkmp-bewijsvink{ flex:none; width:20px; height:20px; border-radius:7px; display:grid;
  place-items:center; background:rgba(255,183,27,0.16); color:#FFB71B; }

/* paneel */
.dkmp-paneelvlak{ min-width:0; }
.dkmp-paneel{ border-radius:20px; padding:20px;
  background:linear-gradient(180deg, rgba(247,245,242,0.08), rgba(247,245,242,0.03));
  border:1px solid rgba(247,245,242,0.10);
  box-shadow:0 40px 70px -34px rgba(0,0,0,0.9); }
.dkmp-paneelkop{ display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; padding-bottom:14px; border-bottom:1px solid rgba(247,245,242,0.10); }
.dkmp-paneeltitel{ display:inline-flex; align-items:center; gap:9px;
  font-size:14px; font-weight:600; color:#F7F5F2; letter-spacing:-0.015em; }
.dkmp-pols{ position:relative; width:8px; height:8px; border-radius:50%; flex:none; }
.dkmp-paneelregel{ font-size:12px; color:rgba(247,245,242,0.52); text-align:right; }

.dkmp-groot{ display:flex; align-items:baseline; gap:9px; margin-top:16px; }
.dkmp-grootgetal{ font-size:38px; font-weight:600; color:#FFB71B; line-height:1;
  letter-spacing:-0.04em; font-variant-numeric:tabular-nums; }
.dkmp-grootlabel{ font-size:13px; color:rgba(247,245,242,0.55); }

.dkmp-rijen{ list-style:none; margin:14px 0 0; padding:0;
  display:flex; flex-direction:column; gap:9px; }
.dkmp-rijen li{ display:grid; grid-template-columns:58px minmax(0,1fr) 56px;
  align-items:center; gap:12px; }
.dkmp-rijnaam{ font-size:12px; color:rgba(247,245,242,0.52); }
.dkmp-balk{ position:relative; height:8px; border-radius:99px;
  background:rgba(247,245,242,0.09); overflow:hidden; }
.dkmp-balkvul{ position:absolute; left:0; top:0; bottom:0; border-radius:99px; background:#FFB71B; }
.dkmp-rijwaarde{ font-size:12.5px; font-weight:600; color:#F7F5F2; text-align:right;
  font-variant-numeric:tabular-nums; }

/* Deuren: zelfde opbouw als de toegang-animatie op de homepage. */
.dkmp-deuren{ list-style:none; margin:6px 0 0; padding:0;
  display:flex; flex-direction:column; }
.dkmp-deur{ display:flex; align-items:center; gap:11px; padding:13px 0;
  border-bottom:1px solid rgba(247,245,242,0.07); }
.dkmp-deur:last-child{ border-bottom:0; }
.dkmp-slot{ width:30px; height:30px; border-radius:9px; flex:none;
  display:grid; place-items:center;
  background:rgba(247,245,242,0.06); color:rgba(247,245,242,0.52);
  transition:background-color .35s, color .35s; }
.dkmp-deur--open .dkmp-slot{ background:rgba(255,183,27,0.16); color:#FFB71B; }
.dkmp-deurnaam{ flex:1; min-width:0; font-size:13.5px; color:#EDEAE5; letter-spacing:-0.01em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dkmp-deurtijd{ font-size:12px; color:rgba(247,245,242,0.52); flex:none;
  font-variant-numeric:tabular-nums; }
.dkmp-deur--open .dkmp-deurtijd{ color:#FFB71B; }

.dkmp-paneelvoet{ display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; margin-top:16px; padding-top:14px; border-top:1px solid rgba(247,245,242,0.10); }
.dkmp-voetlabel{ font-size:12px; letter-spacing:0.05em; text-transform:uppercase;
  color:rgba(247,245,242,0.52); }
.dkmp-voetwaarde{ font-size:22px; font-weight:600; color:#FFB71B;
  letter-spacing:-0.025em; font-variant-numeric:tabular-nums; }

.dkmp-keur{ margin-top:16px; min-height:38px; display:flex; align-items:center; }
.dkmp-keurknop{ display:inline-flex; align-items:center; height:36px; padding:0 16px;
  border-radius:999px; background:#FFB71B; color:#171A1B; font-size:13px; font-weight:600; }
.dkmp-klaar{ display:inline-flex; align-items:center; gap:9px; height:36px; padding:0 14px;
  border-radius:999px; background:rgba(255,183,27,0.14); border:1px solid rgba(255,183,27,0.32);
  color:#FFB71B; font-size:12.5px; font-weight:600; letter-spacing:-0.01em; }

/* Productie draagt de blauwe tint van de homepage-animatie. */
.dkmp-paneel--productie .dkmp-grootgetal{ color:#47BFCE; }
.dkmp-paneel--productie .dkmp-voetwaarde{ color:#47BFCE; }
.dkmp-paneel--productie .dkmp-balkvul{ background:linear-gradient(90deg, rgba(71,191,206,0.55), #47BFCE); }
/* Toegang is wit, net als op de homepage: uren geel, productie blauw, toegang wit. */
.dkmp-paneel--toegang .dkmp-voetwaarde{ color:#F7F5F2; }

/* secties */
.dkmp-sectie{ padding:clamp(64px,6.4vw,100px) 24px; }
.dkmp-sectie--wit{ background:#fff; }
.dkmp-h2{ margin:0; font-size:clamp(26px,3.1vw,38px); line-height:1.15; letter-spacing:-0.03em;
  font-weight:600; color:#171A1B; text-wrap:balance; }

.dkmp-faqgrid{ display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr);
  gap:clamp(28px,3.4vw,56px); align-items:start; }
.dkmp-faqkop{ position:sticky; top:168px; }
.dkmp-faq{ border-top:1px solid #ECEEF2; }
.dkmp-faqrij{ border-bottom:1px solid #ECEEF2; }
.dkmp-faqknop{ appearance:none; border:0; background:none; width:100%; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:18px 0; font:inherit; text-align:left;
  font-size:16.5px; font-weight:600; letter-spacing:-0.018em; color:#171A1B; }
.dkmp-faqplus{ flex:none; display:grid; place-items:center; width:30px; height:30px;
  border-radius:50%; background:#F2F3F5; color:#171A1B; transition:background-color .2s ease; }
.dkmp-faqrij--aan .dkmp-faqplus{ background:#FFB71B; }
.dkmp-faqstreep{ transform-origin:center; transition:opacity .22s ease, transform .22s ease; }
.dkmp-faqrij--aan .dkmp-faqstreep{ opacity:0; transform:rotate(90deg); }
.dkmp-faqtekst{ overflow:hidden; }
.dkmp-faqtekst p{ margin:0; padding:0 0 20px; max-width:66ch;
  font-size:15px; line-height:1.62; color:rgba(23,26,27,0.62); letter-spacing:-0.01em; }
.dkmp-faqknop:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; }

@media (max-width:1000px){
  .dkmp-hero{ padding:clamp(168px,13vw,178px) 20px 48px; }
  .dkmp-herokaart{ border-radius:26px; }
  .dkmp-herogrid{ grid-template-columns:minmax(0,1fr); gap:40px; }
  .dkmp-herotekst{ max-width:640px; }
  .dkmp-faqgrid{ grid-template-columns:minmax(0,1fr); }
  .dkmp-faqkop{ position:static; }
}
@media (max-width:640px){
  .dkmp-sectie{ padding:56px 20px; }
  .dkmp-herokaart{ border-radius:20px; }
  .dkmp-knop{ flex:1 1 auto; justify-content:center; }
}
@media (prefers-reduced-motion: reduce){
  .dkmp-slot{ transition:none; }
}
/* ==== dkai ==== */
.dkai, .dkai *{ box-sizing:border-box; }
.dkai{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing:antialiased; background:#fff; }
.dkai ::selection{ background:#FFB71B; color:#171A1B; }
.dkai-binnen{ position:relative; max-width:1110px; margin:0 auto; }

/* hero: donkere kaart op wit. De bovenmarge moet altijd boven de 142px hoge vaste
   navigatiebalk uitkomen, vandaar de ondergrens van 168px. */
.dkai-hero{ background:#fff; padding:clamp(168px,12vw,178px) 24px clamp(56px,5vw,72px); }
.dkai-herokaart{ position:relative; overflow:hidden; border-radius:32px; background:#171A1B; }
.dkai-gloed{ position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(50% 58% at 86% 6%, rgba(255,183,27,0.20), transparent 66%),
    radial-gradient(44% 58% at 2% 100%, rgba(1,127,142,0.22), transparent 70%); }
.dkai-herogrid{ position:relative; z-index:1;
  padding:clamp(40px,4.6vw,72px) clamp(24px,4.2vw,68px);
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,430px);
  gap:clamp(36px,4vw,60px); align-items:center; }
.dkai-herotekst{ min-width:0; }

.dkai-h1{ margin:0; color:#F7F5F2; font-weight:600; font-size:clamp(32px,4.4vw,56px);
  line-height:1.08; letter-spacing:-0.035em; text-wrap:balance; }
.dkai-lead{ margin:20px 0 0; max-width:50ch; font-size:clamp(15px,1.15vw,17px);
  line-height:1.62; letter-spacing:-0.01em; color:rgba(247,245,242,0.66); }

.dkai-acties{ display:flex; flex-wrap:wrap; gap:12px; margin-top:clamp(26px,2.6vw,34px); }
.dkai-knop{ display:inline-flex; align-items:center; gap:8px; height:54px; padding:0 28px;
  border-radius:999px; font-size:16px; font-weight:600; letter-spacing:-0.01em;
  text-decoration:none; white-space:nowrap;
  transition:transform .22s ease, background-color .22s ease, border-color .22s ease; }
.dkai-knop svg{ transition:transform .22s ease; }
.dkai-knop:hover svg{ transform:translateX(3px); }
.dkai-knop--geel{ background:#FFB71B; color:#171A1B; box-shadow:0 10px 26px -12px rgba(255,183,27,0.85); }
.dkai-knop--geel:hover{ transform:translateY(-1px); background:#FFC53F; }
.dkai-knop--rand{ background:rgba(255,255,255,0.06); color:#F7F5F2; border:1px solid rgba(247,245,242,0.2); }
.dkai-knop--rand:hover{ transform:translateY(-1px); background:rgba(255,255,255,0.12); }

.dkai-bewijs{ list-style:none; margin:clamp(24px,2.4vw,30px) 0 0; padding:0;
  display:flex; flex-wrap:wrap; gap:10px 22px; }
.dkai-bewijs li{ display:inline-flex; align-items:center; gap:9px; font-size:13.5px;
  color:rgba(247,245,242,0.6); letter-spacing:-0.01em; }
.dkai-bewijsvink{ flex:none; width:20px; height:20px; border-radius:7px; display:grid;
  place-items:center; background:rgba(255,183,27,0.16); color:#FFB71B; }

/* chatpaneel */
.dkai-paneelvlak{ min-width:0; }
.dkai-paneel{ border-radius:20px; overflow:hidden;
  background:linear-gradient(180deg, rgba(247,245,242,0.08), rgba(247,245,242,0.03));
  border:1px solid rgba(247,245,242,0.10);
  box-shadow:0 40px 70px -34px rgba(0,0,0,0.9); }
.dkai-paneelkop{ display:flex; align-items:center; justify-content:space-between;
  padding:14px 18px; border-bottom:1px solid rgba(247,245,242,0.09); }
.dkai-merk{ display:inline-flex; align-items:center; gap:9px; font-size:13.5px;
  font-weight:600; color:#F7F5F2; letter-spacing:-0.01em; }
.dkai-vonk{ display:grid; place-items:center; width:26px; height:26px; border-radius:9px;
  background:rgba(255,183,27,0.16); color:#FFB71B; }
.dkai-talen{ font-size:11px; letter-spacing:0.06em; color:rgba(247,245,242,0.52); }

.dkai-gesprek{ padding:18px; display:flex; flex-direction:column; gap:14px; min-height:306px; }
.dkai-vraagbel{ align-self:flex-end; max-width:90%; padding:12px 15px;
  border-radius:16px 16px 4px 16px; background:#FFB71B; color:#171A1B;
  font-size:14px; line-height:1.45; letter-spacing:-0.012em; font-weight:500; }
.dkai-caret{ display:inline-block; width:2px; height:1em; margin-left:2px;
  vertical-align:-2px; background:#171A1B; animation:dkai-knipper 1s steps(1) infinite; }
@keyframes dkai-knipper{ 0%,50%{ opacity:1 } 51%,100%{ opacity:0 } }

.dkai-denkt{ align-self:flex-start; display:inline-flex; gap:5px; padding:13px 15px;
  border-radius:16px 16px 16px 4px; background:rgba(247,245,242,0.08); }
.dkai-denkt span{ width:6px; height:6px; border-radius:50%; background:rgba(247,245,242,0.55);
  animation:dkai-stuiter 1.1s ease-in-out infinite; }
.dkai-denkt span:nth-child(2){ animation-delay:.15s }
.dkai-denkt span:nth-child(3){ animation-delay:.3s }
@keyframes dkai-stuiter{ 0%,60%,100%{ transform:translateY(0); opacity:.5 } 30%{ transform:translateY(-4px); opacity:1 } }

.dkai-antwoord{ align-self:flex-start; width:100%; padding:15px 16px;
  border-radius:16px 16px 16px 4px; background:rgba(247,245,242,0.06);
  border:1px solid rgba(247,245,242,0.08); }
.dkai-inleiding{ margin:0; font-size:13.5px; line-height:1.5; color:rgba(247,245,242,0.82);
  letter-spacing:-0.01em; }
.dkai-rijen{ list-style:none; margin:12px 0 0; padding:0; display:flex; flex-direction:column; }
.dkai-rijen li{ display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  padding:8px 0; border-top:1px solid rgba(247,245,242,0.08); }
.dkai-rijen li:first-child{ border-top:0; }
.dkai-rijnaam{ font-size:13px; font-weight:600; color:#F7F5F2; letter-spacing:-0.012em; }
.dkai-rijdetail{ font-size:12px; color:rgba(247,245,242,0.52); text-align:right; }

.dkai-bevestig{ margin-top:14px; padding-top:13px; border-top:1px solid rgba(247,245,242,0.10);
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.dkai-vraagregel{ font-size:13px; color:rgba(247,245,242,0.72); letter-spacing:-0.01em; }
.dkai-knoppen{ display:inline-flex; gap:8px; }
.dkai-ja{ display:inline-flex; align-items:center; height:31px; padding:0 14px;
  border-radius:999px; background:#FFB71B; color:#171A1B; font-size:12.5px; font-weight:600; }
.dkai-nee{ display:inline-flex; align-items:center; height:31px; padding:0 14px;
  border-radius:999px; border:1px solid rgba(247,245,242,0.18); color:rgba(247,245,242,0.62);
  font-size:12.5px; font-weight:500; }

.dkai-klaar{ margin-top:14px; display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:12px; background:#F7F5F2; color:#171A1B;
  font-size:13px; font-weight:600; letter-spacing:-0.01em; }
.dkai-klaarvink{ display:grid; place-items:center; width:16px; height:16px; border-radius:50%;
  background:#FFB71B; color:#171A1B; flex:none; }

/* secties */
.dkai-sectie{ padding:clamp(64px,6.4vw,100px) 24px; }
.dkai-sectie--wit{ background:#fff; }
.dkai-h2{ margin:0; font-size:clamp(26px,3.1vw,38px); line-height:1.15; letter-spacing:-0.03em;
  font-weight:600; color:#171A1B; text-wrap:balance; }

/* vragen */

/* stappen */

/* grip */

/* plan */

/* faq */
.dkai-faqgrid{ display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr);
  gap:clamp(28px,3.4vw,56px); align-items:start; }
.dkai-faqkop{ position:sticky; top:168px; }
.dkai-faq{ border-top:1px solid #ECEEF2; }
.dkai-faqrij{ border-bottom:1px solid #ECEEF2; }
.dkai-faqknop{ appearance:none; border:0; background:none; width:100%; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:18px 0; font:inherit; text-align:left;
  font-size:16.5px; font-weight:600; letter-spacing:-0.018em; color:#171A1B; }
.dkai-faqplus{ flex:none; display:grid; place-items:center; width:30px; height:30px;
  border-radius:50%; background:#F2F3F5; color:#171A1B; transition:background-color .2s ease; }
.dkai-faqrij--aan .dkai-faqplus{ background:#FFB71B; }
.dkai-faqstreep{ transform-origin:center; transition:opacity .22s ease, transform .22s ease; }
.dkai-faqrij--aan .dkai-faqstreep{ opacity:0; transform:rotate(90deg); }
.dkai-faqtekst{ overflow:hidden; }
.dkai-faqtekst p{ margin:0; padding:0 0 20px; max-width:66ch;
  font-size:15px; line-height:1.62; color:rgba(23,26,27,0.62); letter-spacing:-0.01em; }
.dkai-faqknop:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; }

/* cta: zelfde kaartvorm als de hero */

@media (prefers-reduced-motion: reduce){
  .dkai-caret, .dkai-denkt span{ animation:none; }
}

@media (max-width:1000px){
  .dkai-hero{ padding:clamp(168px,14vw,178px) 20px 48px; }
  .dkai-herokaart{ border-radius:26px; }
  .dkai-herogrid{ grid-template-columns:minmax(0,1fr); gap:40px; }
  .dkai-herotekst{ max-width:640px; }
  .dkai-faqgrid{ grid-template-columns:minmax(0,1fr); }
  .dkai-faqkop{ position:static; }
}
@media (max-width:640px){
  .dkai-sectie{ padding:56px 20px; }
  .dkai-herokaart{ border-radius:20px; }
  .dkai-knop{ flex:1 1 auto; justify-content:center; }
}
/* ==== dkap ==== */
.dkap, .dkap *{ box-sizing:border-box; }
.dkap{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing:antialiased; background:#fff; }
.dkap ::selection{ background:#FFB71B; color:#171A1B; }
.dkap-binnen{ position:relative; max-width:1110px; margin:0 auto; }

/* hero. Ondergrens van 168px omdat de vaste navigatiebalk 142px hoog is. */
.dkap-hero{ background:#fff; padding:clamp(168px,11vw,178px) 24px clamp(56px,5vw,72px); }

.dkap-kruimel{ display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin:0 0 18px; font-size:13.5px; line-height:20px; color:rgba(23,26,27,0.62); letter-spacing:-0.005em; }
.dkap-kruimel a{ color:rgba(23,26,27,0.62); text-decoration:none;
  border-bottom:1px solid transparent; padding-bottom:1px;
  transition:color .18s ease, border-color .18s ease; }
.dkap-kruimel a:hover{ color:#171A1B; border-bottom-color:#FFB71B; }
.dkap-kruimel a:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:3px; }
.dkap-kruimelscheiding{ margin-right:8px; color:rgba(23,26,27,0.26); }
.dkap-kruimel [aria-current]{ color:#171A1B; font-weight:600; }

.dkap-herokaart{ position:relative; overflow:hidden; border-radius:32px; background:#171A1B; }
.dkap-gloed{ position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(50% 58% at 86% 6%, rgba(255,183,27,0.20), transparent 66%),
    radial-gradient(44% 58% at 2% 100%, rgba(1,127,142,0.22), transparent 70%); }
.dkap-herogrid{ position:relative; z-index:1;
  padding:clamp(40px,4.6vw,72px) clamp(24px,4.2vw,68px);
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,440px);
  gap:clamp(36px,4vw,56px); align-items:center; }
.dkap-herotekst{ min-width:0; }

.dkap-h1{ margin:0; color:#F7F5F2; font-weight:600; font-size:clamp(32px,4.4vw,56px);
  line-height:1.08; letter-spacing:-0.035em; text-wrap:balance; }
.dkap-lead{ margin:20px 0 0; max-width:46ch; font-size:clamp(15px,1.15vw,17px);
  line-height:1.62; letter-spacing:-0.01em; color:rgba(247,245,242,0.66); }

.dkap-acties{ display:flex; flex-wrap:wrap; gap:12px; margin-top:clamp(26px,2.6vw,34px); }
.dkap-knop{ display:inline-flex; align-items:center; gap:8px; height:54px; padding:0 28px;
  border-radius:999px; font-size:16px; font-weight:600; letter-spacing:-0.01em;
  text-decoration:none; white-space:nowrap;
  transition:transform .22s ease, background-color .22s ease, border-color .22s ease; }
.dkap-knop svg{ transition:transform .22s ease; }
.dkap-knop:hover svg{ transform:translateX(3px); }
.dkap-knop--geel{ background:#FFB71B; color:#171A1B; box-shadow:0 10px 26px -12px rgba(255,183,27,0.85); }
.dkap-knop--geel:hover{ transform:translateY(-1px); background:#FFC53F; }
.dkap-knop--rand{ background:rgba(255,255,255,0.06); color:#F7F5F2; border:1px solid rgba(247,245,242,0.2); }
.dkap-knop--rand:hover{ transform:translateY(-1px); background:rgba(255,255,255,0.12); }

.dkap-bewijs{ list-style:none; margin:clamp(24px,2.4vw,30px) 0 0; padding:0;
  display:flex; flex-wrap:wrap; gap:10px 22px; }
.dkap-bewijs li{ display:inline-flex; align-items:center; gap:9px; font-size:13.5px;
  color:rgba(247,245,242,0.6); letter-spacing:-0.01em; }
.dkap-bewijsvink{ flex:none; width:20px; height:20px; border-radius:7px; display:grid;
  place-items:center; background:rgba(255,183,27,0.16); color:#FFB71B; }

/* Twee toestellen in de hero, in perspectief en over elkaar. preserve-3d is nodig, anders
   wordt de dikte van het toestel platgeslagen. */
.dkap-duo{ position:relative; min-width:0; padding:26px 0 26px 12%;
  perspective:1400px; perspective-origin:60% 40%; }
.dkap-duo-achter{ position:absolute; top:-2%; right:-4%; width:50%;
  transform:rotateY(-28deg) rotateX(8deg) rotateZ(-5deg); transform-origin:center;
  transform-style:preserve-3d; }
.dkap-duo-voor{ position:relative; z-index:2; width:58%;
  transform:rotateY(-28deg) rotateX(8deg) rotateZ(-5deg); transform-origin:center;
  transform-style:preserve-3d; }

/* secties */
.dkap-sectie{ padding:clamp(64px,6.4vw,100px) 24px; }
.dkap-sectie--wit{ background:#fff; }
.dkap-h2{ margin:0; font-size:clamp(26px,3.1vw,38px); line-height:1.15; letter-spacing:-0.03em;
  font-weight:600; color:#171A1B; text-wrap:balance; }

/* de twee downloadkaarten. Deze toestellen staan recht: scannen en meelezen. */

/* de belofte en de afwisselende blokken */
/* preserve-3d houdt de dikte van het toestel overeind. Weghalen maakt hem weer plat. */
/* De 3D-houdingen. 30 graden, want bij 17 en bij 26 was de zijkant nauwelijks te zien. */

.dkap-faqgrid{ display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr);
  gap:clamp(28px,3.4vw,56px); align-items:start; }
.dkap-faqkop{ position:sticky; top:168px; }
.dkap-faq{ border-top:1px solid #ECEEF2; }
.dkap-faqrij{ border-bottom:1px solid #ECEEF2; }
.dkap-faqknop{ appearance:none; border:0; background:none; width:100%; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:18px 0; font:inherit; text-align:left;
  font-size:16.5px; font-weight:600; letter-spacing:-0.018em; color:#171A1B; }
.dkap-faqplus{ flex:none; display:grid; place-items:center; width:30px; height:30px;
  border-radius:50%; background:#F7F7F7; color:#171A1B; transition:background-color .2s ease; }
.dkap-faqrij--aan .dkap-faqplus{ background:#FFB71B; }
.dkap-faqstreep{ transform-origin:center; transition:opacity .22s ease, transform .22s ease; }
.dkap-faqrij--aan .dkap-faqstreep{ opacity:0; transform:rotate(90deg); }
.dkap-faqtekst{ overflow:hidden; }
.dkap-faqtekst p{ margin:0; padding:0 0 20px; max-width:66ch;
  font-size:15px; line-height:1.62; color:rgba(23,26,27,0.62); letter-spacing:-0.01em; }
.dkap-faqknop:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; }

@media (prefers-reduced-motion: reduce){
  .dkap-knop{ transition:none; }
}

@media (max-width:1000px){
  .dkap-hero{ padding:clamp(168px,13vw,178px) 20px 48px; }
  .dkap-herokaart{ border-radius:26px; }
  .dkap-herogrid{ grid-template-columns:minmax(0,1fr); gap:44px; }
  .dkap-herotekst{ max-width:640px; }
  .dkap-duo{ padding:20px 0 20px 6%; max-width:520px; margin:0 auto; }
  .dkap-faqgrid{ grid-template-columns:minmax(0,1fr); }
  .dkap-faqkop{ position:static; }
}
@media (max-width:640px){
  .dkap-sectie{ padding:56px 20px; }
  .dkap-herokaart{ border-radius:20px; }
  .dkap-knop{ flex:1 1 auto; justify-content:center; }
  /* op een smal scherm staat elk toestel recht, anders wordt het onleesbaar */
  .dkap-duo-achter, .dkap-duo-voor{ transform:none; }
  .dkap-duo-achter{ display:none; }
  .dkap-duo-voor{ width:100%; max-width:300px; margin:0 auto; }
  .dkap-duo{ padding:0; }
}
/* ==== dktel ==== */
.dktel-kolom, .dktel-kolom *{ box-sizing:border-box; }
.dktel-kolom{ display:flex; justify-content:center; width:100%;
  font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing:antialiased; transform-style:preserve-3d; }
.dktel-vormen{ position:absolute; width:0; height:0; overflow:hidden; }

/* --dktel-b is de GEMETEN breedte van het toestel. Alle hoeken en de dikte hangen daaraan.
   preserve-3d op de hele keten, anders wordt de dikte platgeslagen. */
.dktel-vlak{ position:relative; transform-style:preserve-3d; }
.dktel-body{ position:relative; width:100%; transform-style:preserve-3d; }

/* de zijkant. De kleur per laag komt uit zijKleur() in de code, de squircle-clip ook. */
.dktel-zij{ position:absolute; inset:0; transform-style:preserve-3d; pointer-events:none; }
.dktel-zij > span{ position:absolute; inset:0; display:block;
  border-radius:calc(var(--dktel-b) * 0.164); }

/* De zijknoppen. Buiten het geclipte toestel, want de squircle zou ze wegknippen. */
.dktel-knoppen{ position:absolute; inset:0; transform-style:preserve-3d; pointer-events:none; }
.dktel-knopje{ position:absolute; width:calc(var(--dktel-b) * 0.014);
  border-radius:calc(var(--dktel-b) * 0.004);
  background:linear-gradient(180deg,#767E8B,#4B525D 45%,#2E343D);
  box-shadow:0 0 0 0.5px rgba(0,0,0,0.45); }
.dktel-knopje--links{ left:calc(var(--dktel-b) * -0.009); }
.dktel-knopje--rechts{ right:calc(var(--dktel-b) * -0.009); }

.dktel-schijn{
  position:absolute; left:-18%; right:-18%; top:-9%; bottom:-9%; z-index:0;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, rgba(255,183,27,0.24), rgba(255,183,27,0.07) 58%, transparent 78%);
  filter:blur(28px);
}
@keyframes dktel-adem{
  0%,100%{ transform:scale(1); opacity:0.85; }
  50%{ transform:scale(1.06); opacity:1; }
}

/* iPhone. De border-radius hieronder is de terugval; de echte vorm is de squircle-clip. */
.dktel-toestel{
  position:relative; z-index:1; width:100%; aspect-ratio:322/677;
  border-radius:calc(var(--dktel-b) * 0.164);
  padding:calc(var(--dktel-b) * 0.034);
  background:linear-gradient(180deg,#2B2E34 0%,#1B1E22 34%,#15171A 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.10);
}
/* Android: gewone ronding (9,0% schermradius) en een dunnere rand, met slagschaduw. */

.dktel-scherm{
  position:relative; width:100%; height:100%; overflow:hidden;
  border-radius:calc(var(--dktel-b) * 0.130);
  background:#fff; display:flex; flex-direction:column;
}
/* Dynamic Island: 125 bij 36pt op een display van 393pt, dus 31,8 bij 9,2 procent. */
.dktel-eiland{
  position:absolute; top:calc(var(--dktel-b) * 0.032); left:50%; transform:translateX(-50%);
  width:calc(var(--dktel-b) * 0.296); height:calc(var(--dktel-b) * 0.086);
  border-radius:calc(var(--dktel-b) * 0.043); background:#000; z-index:5;
}
.dktel-statusbalk{
  height:44px; flex:none; display:flex; align-items:center; justify-content:space-between;
  padding:6px 20px 0; background:#171A1B;
}
.dktel-tijd{ font-size:11.5px; font-weight:600; color:#fff; letter-spacing:-0.01em; }
.dktel-statusicoontjes{ display:flex; align-items:center; }

.dktel-kopbalk{
  flex:none; height:40px; display:flex; align-items:center; justify-content:space-between;
  padding:0 13px; background:#171A1B;
}
.dktel-merk{ display:flex; align-items:baseline; gap:6px; }
.dktel-merksub{ font-size:8px; font-weight:500; color:#FFB71B; }
.dktel-kopicoontjes{ display:flex; align-items:center; gap:11px; color:#FFB71B; }

.dktel-appvlak{ flex:1; display:flex; flex-direction:column; gap:8px; padding:11px 12px 0;
  background:#fff; overflow:hidden; }
.dktel-naamrij{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.dktel-naam{ font-size:15px; font-weight:600; color:#171A1B; letter-spacing:-0.02em; }
.dktel-online{ display:inline-flex; align-items:center; gap:5px; font-size:8.5px; color:#6B7280; }
.dktel-onlinestip{ width:6px; height:6px; border-radius:50%; background:#16A34A; }
@keyframes dktel-klop{
  0%,72%,100%{ box-shadow:0 0 0 0 rgba(22,163,74,0.45); }
  86%{ box-shadow:0 0 0 4px rgba(22,163,74,0); }
}
.dktel-taak{ margin-top:-5px; font-size:9px; font-weight:500; color:#16A34A; }

.dktel-tikken{ display:flex; gap:11px; justify-content:center; margin-top:2px; }
.dktel-tik{ position:relative; width:62px; height:50px; border-radius:12px; background:#FFB71B;
  display:grid; place-items:center; color:#171A1B; box-shadow:0 3px 8px -3px rgba(255,183,27,0.9); }
/* De tikbeweging staat bij .dkapp-tik hierboven; die geldt ook voor .dktel-tik. */

.dktel-kaart{ border:1px solid #ECEEF2; border-radius:10px; padding:8px 9px;
  box-shadow:0 1px 2px rgba(16,22,32,0.04); }
.dktel-kaartkop{ display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.dktel-kaarttitel{ font-size:9px; font-weight:600; color:#171A1B; }
.dktel-kaartsub{ font-size:8px; font-weight:600; color:#6B7280; }
.dktel-plus{ font-size:8.5px; font-weight:600; color:#16A34A; }

.dktel-boeking{ display:flex; align-items:center; gap:7px; padding:3.5px 0; border-top:1px solid #F2F4F7; }
.dktel-boeking:first-of-type{ border-top:0; }
.dktel-btijd{ flex:none; width:52px; font-size:7.4px; font-weight:600; color:#171A1B; }
.dktel-bomschrijving{ flex:1; font-size:7.4px; line-height:1.35; color:#6B7280; }
.dktel-bvink{ flex:none; color:#16A34A; display:grid; place-items:center; }

.dktel-tegels{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.dktel-tegel{ border:1px solid #ECEEF2; border-radius:9px; padding:6px 7px;
  box-shadow:0 1px 2px rgba(16,22,32,0.04); }
.dktel-tegellabel{ font-size:6px; font-weight:600; letter-spacing:0.07em; text-transform:uppercase; color:#9AA1AC; }
.dktel-tegelwaarde{ margin-top:2px; font-size:13px; font-weight:600; letter-spacing:-0.02em; }
.dktel-tegelsub{ font-size:6px; color:#9AA1AC; margin-top:1px; }
.dktel-tegelwaarde--groen{ color:#16A34A; }
.dktel-tegelwaarde--blauw{ color:#2563EB; }
.dktel-tegelwaarde--grijs{ color:#171A1B; }

.dktel-grafiek{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; align-items:end; height:52px; }
.dktel-kolommetje{ display:flex; flex-direction:column; align-items:center; gap:3px; height:100%; justify-content:flex-end; }
.dktel-uur{ font-size:6px; font-weight:600; color:#6B7280; }
.dktel-staaf{ width:100%; height:32px; border-radius:4px; background:#EFF1F4; position:relative; overflow:hidden; }
.dktel-staafvul{ position:absolute; left:0; right:0; bottom:0; background:#FFB71B; border-radius:4px; }
.dktel-dag{ font-size:6px; color:#9AA1AC; }

.dktel-verdeelrij{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.dktel-verdeelnaam{ font-size:7.6px; color:#171A1B; font-weight:500; }
.dktel-verdeeluur{ font-size:7.6px; color:#6B7280; font-weight:600; }
.dktel-verdeelbalk{ margin-top:4px; height:4px; border-radius:999px; background:#EFF1F4; overflow:hidden; }
.dktel-verdeelbalk > span{ display:block; height:100%; background:#FFB71B; border-radius:999px; }

/* deurenscherm */
.dktel-openvak{ display:flex; align-items:center; gap:8px; padding:9px 10px; border-radius:12px;
  background:#171A1B; color:#fff; }
.dktel-openicoon{ flex:none; width:30px; height:30px; border-radius:9px; display:grid; place-items:center;
  background:rgba(255,183,27,0.16); color:#FFB71B; }
.dktel-opentekst{ flex:1; display:flex; flex-direction:column; gap:1px; min-width:0; }
.dktel-opentitel{ font-size:10px; font-weight:600; letter-spacing:-0.01em; }
.dktel-opensub{ font-size:7.4px; color:rgba(255,255,255,0.62); }
.dktel-openknop{ position:relative; flex:none; padding:6px 10px; border-radius:999px;
  background:#FFB71B; color:#171A1B; font-size:8.4px; font-weight:600; }

.dktel-deur{ display:flex; align-items:center; gap:7px; padding:5px 0; border-top:1px solid #F2F4F7; }
.dktel-deur:first-of-type{ border-top:0; }
.dktel-deuricoon{ flex:none; width:20px; height:20px; border-radius:7px; display:grid; place-items:center;
  background:rgba(255,183,27,0.16); color:#B87500; }
.dktel-deuricoon--uit{ background:#F2F4F7; color:#9AA1AC; }
.dktel-deurtekst{ flex:1; display:flex; flex-direction:column; gap:1px; min-width:0; }
.dktel-deurnaam{ font-size:8px; font-weight:600; color:#171A1B; }
.dktel-deurregel{ font-size:7px; color:#6B7280; }
.dktel-deurstip{ flex:none; width:6px; height:6px; border-radius:50%; background:#16A34A; }
.dktel-deurstip--uit{ background:#D6DAE1; }

.dktel-melding{ border-radius:9px; background:#F7F5F2; padding:7px 9px; font-size:7.2px;
  line-height:1.45; color:#6B7280; }

/* aanvragenscherm */
.dktel-nieuwknop{ display:inline-flex; align-items:center; gap:4px; padding:4px 9px; border-radius:999px;
  background:#FFB71B; color:#171A1B; font-size:8px; font-weight:600; }
.dktel-kalender{ display:grid; grid-template-columns:repeat(7,1fr); gap:3.5px; }
.dktel-kaldag{ display:block; height:12px; border-radius:3.5px; background:#F2F4F7; }
/* De dagen komen opzetten zoals op het origineel; de eindstand is de volle maat. */
.dktel-kaldag.dk-appear{ transform:scale(0.7); }
.dktel-kaldag.dk-appear.is-in{ transform:none; }
@media (prefers-reduced-motion:reduce){ .dktel-kaldag.dk-appear{ transform:none; } }
.dktel-kaldag--ja{ background:#FFB71B; }
.dktel-kaldag--wacht{ background:rgba(255,183,27,0.35); }

.dktel-aanvraag{ display:flex; align-items:center; justify-content:space-between; gap:7px;
  padding:4.5px 0; border-top:1px solid #F2F4F7; }
.dktel-aanvraag:first-of-type{ border-top:0; }
.dktel-aanvraagtekst{ display:flex; flex-direction:column; gap:1px; min-width:0; }
.dktel-aanvraagdatum{ font-size:8px; font-weight:600; color:#171A1B; }
.dktel-aanvraagsoort{ font-size:7px; color:#6B7280; }
.dktel-vlag{ flex:none; padding:2.5px 6px; border-radius:999px; font-size:6.6px; font-weight:600; }
.dktel-vlag--ja{ background:rgba(22,163,74,0.12); color:#16A34A; }
.dktel-vlag--wacht{ background:rgba(255,183,27,0.2); color:#B87500; }

/* urenscherm */
.dktel-dagrij{ display:flex; align-items:center; gap:7px; padding:3.5px 0; }
.dktel-dagnaam{ flex:none; width:44px; font-size:7.2px; font-weight:600; color:#171A1B; }
.dktel-dagbalk{ flex:1; height:5px; border-radius:999px; background:#EFF1F4; overflow:hidden; }
.dktel-dagbalk > span{ display:block; height:100%; background:#FFB71B; border-radius:999px; }
.dktel-daguren{ flex:none; width:26px; text-align:right; font-size:7.2px; font-weight:600; color:#6B7280; }
.dktel-dagvoet{ margin-top:5px; padding-top:5px; border-top:1px solid #F2F4F7;
  font-size:6.8px; color:#9AA1AC; }
.dktel-pdfknop{ display:flex; align-items:center; justify-content:center; gap:6px;
  padding:8px 10px; border-radius:10px; background:#171A1B; color:#fff;
  font-size:8.6px; font-weight:600; }

.dktel-tabbalk{ flex:none; display:grid; grid-template-columns:repeat(4,1fr);
  border-top:1px solid #ECEEF2; padding:6px 5px 13px; background:#fff; }
.dktel-tab{ display:flex; flex-direction:column; align-items:center; gap:3px; color:#9AA1AC; }
.dktel-tabpil{ width:34px; height:19px; border-radius:999px; display:grid; place-items:center; }
.dktel-tab--actief{ color:#171A1B; }
.dktel-tab--actief .dktel-tabpil{ background:#FFB71B; }
.dktel-tablabel{ font-size:6px; font-weight:500; }

/* Home indicator: 139pt op een display van 393pt, dus 35,4 procent van de schermbreedte. */
.dktel-thuisbalk{ position:absolute; bottom:calc(var(--dktel-b) * 0.022); left:50%;
  transform:translateX(-50%);
  width:calc(var(--dktel-b) * 0.33); height:calc(var(--dktel-b) * 0.015);
  border-radius:999px; background:rgba(23,26,27,0.26); z-index:4; }
/* ==== dkfq ==== */
.dkfq, .dkfq *{ box-sizing:border-box; }
.dkfq{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing:antialiased; color:#171A1B; }
.dkfq ::selection{ background:#FFB71B; color:#171A1B; }

/* De lagen om dit component heen: kop van de pagina, kruimelpad. */
section[data-naam="Hero"]:has(.dkfq){ padding:168px 24px 80px !important; background:#fff !important; overflow:visible !important; }
section[data-naam="Hero"]:has(.dkfq) [data-naam="Padding"]{ max-width:1110px !important; width:100% !important;
  border:0 !important; padding:0 !important; gap:18px !important; overflow:visible !important; align-items:stretch !important; }
section[data-naam="Hero"]:has(.dkfq) [data-naam="Button"]{ gap:8px !important; }
section[data-naam="Hero"]:has(.dkfq) [data-naam="Button"] p,
section[data-naam="Hero"]:has(.dkfq) [data-naam="Button"] a{ --pg-text-color:rgba(23,26,27,0.62) !important;
  color:rgba(23,26,27,0.62) !important; font-size:13.5px !important; line-height:20px !important; text-decoration:none !important; }
section[data-naam="Hero"]:has(.dkfq) [data-naam="Button"] a:hover{ color:#171A1B !important; }
section[data-naam="Hero"]:has(.dkfq) [data-naam="Button"] [data-naam="Line"]{ width:auto !important; height:auto !important; }
section[data-naam="Hero"]:has(.dkfq) [data-naam="Button"] [data-naam="Line"] > *{ display:none !important; }
section[data-naam="Hero"]:has(.dkfq) [data-naam="Button"] [data-naam="Line"]::before{ content:"·"; color:rgba(23,26,27,0.26); font-size:13.5px; line-height:20px; }
section[data-naam="Hero"]:has(.dkfq) [data-naam="Button"] > [data-naam="About"]:last-child p{ --pg-text-color:#171A1B !important; color:#171A1B !important; font-weight:600 !important; }

/* Kop */
.dkfq-kaart{ position:relative; overflow:hidden; border-radius:32px; background:#171A1B; }
.dkfq-gloed{ position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(46% 62% at 84% 4%, rgba(255,183,27,0.20), transparent 66%),
    radial-gradient(44% 58% at 4% 100%, rgba(1,127,142,0.22), transparent 70%); }
.dkfq-kop{ position:relative; z-index:1; max-width:760px; margin:0 auto; text-align:center;
  padding:clamp(48px,5.4vw,72px) clamp(24px,4.2vw,64px) clamp(44px,5vw,60px); }
.dkfq-h1{ margin:0; color:#F7F5F2; font-weight:600; font-size:clamp(32px,4.4vw,56px); line-height:1.08; letter-spacing:-0.035em; text-wrap:balance; }
.dkfq-lead{ margin:18px auto 0; max-width:56ch; font-size:clamp(15px,1.15vw,17px); line-height:1.62; letter-spacing:-0.01em; color:rgba(247,245,242,0.66); text-wrap:pretty; }
.dkfq-kopknoppen{ display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:28px; }

/* Twee kolommen */
.dkfq-grid{ display:grid; grid-template-columns:260px minmax(0,1fr); gap:clamp(32px,4vw,56px); margin-top:clamp(36px,4vw,56px); align-items:start; }
.dkfq-zij{ position:sticky; top:164px; }
.dkfq-zijkop{ margin:0 0 10px 14px; font-size:12.5px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:rgba(23,26,27,0.62); }
.dkfq-onderwerpen{ display:flex; flex-direction:column; gap:2px; }
.dkfq-onderwerp{ font:inherit; text-align:left; text-decoration:none; display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%;
  padding:9px 14px; border-radius:10px; font-size:14.5px; font-weight:500; letter-spacing:-0.01em; color:rgba(23,26,27,0.72);
  transition:background-color .16s ease, color .16s ease; }
.dkfq-onderwerp:hover{ background:rgba(23,26,27,0.05); color:#171A1B; }
.dkfq-onderwerp:focus-visible{ outline:2px solid #FFB71B; outline-offset:2px; }
.dkfq-aantal{ font-size:12px; font-weight:600; color:rgba(23,26,27,0.62); min-width:22px; text-align:center;
  padding:2px 6px; border-radius:999px; background:rgba(23,26,27,0.06); }

/* Groepen */
.dkfq-groep{ scroll-margin-top:160px; }
.dkfq-groep + .dkfq-groep{ margin-top:40px; }
.dkfq-h2{ margin:0 0 14px; font-size:20px; line-height:1.3; letter-spacing:-0.02em; font-weight:600; color:#171A1B; padding-bottom:10px; border-bottom:1px solid rgba(23,26,27,0.1); }

/* Vragen */
.dkfq-items{ list-style:none; margin:0; padding:0; }
.dkfq-item{ border-bottom:1px solid rgba(23,26,27,0.1); }
.dkfq-vraag{ appearance:none; border:0; background:transparent; cursor:pointer; font:inherit; text-align:left; width:100%;
  display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:18px 4px 18px 0; color:#171A1B; }
.dkfq-vraag:focus-visible{ outline:2px solid #FFB71B; outline-offset:2px; border-radius:8px; }
.dkfq-vraagregel{ font-size:17px; font-weight:600; line-height:1.4; letter-spacing:-0.015em; transition:color .16s ease; text-wrap:pretty; }
.dkfq-vraag:hover .dkfq-vraagregel{ color:#B57900; }
.dkfq-item.is-open .dkfq-vraagregel{ color:#171A1B; }
.dkfq-plus{ flex:none; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; margin-top:-2px;
  color:#171A1B; background:rgba(23,26,27,0.06); transition:transform .32s cubic-bezier(.16,1,.3,1), background-color .16s ease; }
.dkfq-vraag:hover .dkfq-plus{ background:rgba(255,183,27,0.28); }
.dkfq-item.is-open .dkfq-plus{ transform:rotate(45deg); background:#FFB71B; }
.dkfq-paneel{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .32s cubic-bezier(.16,1,.3,1); }
.dkfq-item.is-open .dkfq-paneel{ grid-template-rows:1fr; }
.dkfq-paneelbinnen{ overflow:hidden; min-height:0; }
.dkfq-antwoord{ margin:0; padding:0 56px 22px 0; font-size:16px; line-height:1.68; color:rgba(23,26,27,0.74); text-wrap:pretty;
  /* Zonder deze breedte liepen de antwoorden door tot 97 tekens per regel. Rond de 70 leest
     een mens het prettigst; daarboven raak je bij het terugspringen de volgende regel kwijt. */
  max-width:65ch; }
.dkfq-item:has(.dkfq-links) .dkfq-antwoord{ padding-bottom:12px; }
.dkfq-links{ margin:0; padding:0 0 22px; display:flex; flex-wrap:wrap; gap:8px; }
.dkfq-links a{ display:inline-flex; align-items:center; gap:6px; padding:7px 13px; border-radius:999px; text-decoration:none;
  font-size:13.5px; font-weight:600; letter-spacing:-0.01em; color:#171A1B; background:#F7F5F2; border:1px solid rgba(23,26,27,0.08);
  transition:background-color .16s ease, border-color .16s ease; }
.dkfq-links a:hover{ background:rgba(255,183,27,0.3); border-color:rgba(255,183,27,0.6); }
.dkfq-links a:focus-visible{ outline:2px solid #FFB71B; outline-offset:2px; }
.dkfq-links svg{ transition:transform .3s cubic-bezier(.16,1,.3,1); }
.dkfq-links a:hover svg{ transform:translateX(2px); }

.dkfq-contact{ margin-top:40px; padding:26px 28px; border-radius:20px; background:#F7F5F2;
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.dkfq-contactkop{ margin:0 0 4px; font-size:18px; font-weight:600; letter-spacing:-0.015em; color:#171A1B; }
.dkfq-contacttekst{ margin:0; font-size:14.5px; line-height:1.55; color:rgba(23,26,27,0.62); max-width:48ch; text-wrap:pretty; }
.dkfq-contactknoppen{ display:flex; gap:10px; flex-wrap:wrap; }
.dkfq-knop{ display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 22px; border-radius:999px; text-decoration:none;
  font-size:14.5px; font-weight:600; letter-spacing:-0.01em; white-space:nowrap;
  transition:transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease; }
.dkfq-knop:active{ transform:scale(0.98); }
.dkfq-knop:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; }
.dkfq-knop--geel{ background:#FFB71B; color:#171A1B; box-shadow:0 10px 26px -12px rgba(255,183,27,0.85); }
.dkfq-knop--geel:hover{ background:#FFC53F; transform:translateY(-1px); }
.dkfq-knop--licht{ background:#fff; color:#171A1B; border:1px solid rgba(23,26,27,0.14); }
.dkfq-knop--licht:hover{ border-color:#171A1B; }

.dkfq-terug{ margin:22px 0 0; font-size:14.5px; color:rgba(23,26,27,0.62); }
.dkfq-terug a{ display:inline-flex; align-items:center; gap:7px; margin-left:4px; color:#171A1B; font-weight:600; text-decoration:none;
  border-bottom:1px solid #FFB71B; padding-bottom:1px; transition:color .16s ease; }
.dkfq-terug a:hover{ color:#B57900; }
.dkfq-terug svg{ transition:transform .3s cubic-bezier(.16,1,.3,1); }
.dkfq-terug a:hover svg{ transform:translateX(3px); }

@media (max-width:1000px){
  .dkfq-kaart{ border-radius:26px; }
  .dkfq-grid{ grid-template-columns:minmax(0,1fr); gap:24px; }
  .dkfq-zij{ position:relative; top:auto; }
  .dkfq-zijkop{ margin-left:2px; }
  .dkfq-onderwerpen{ flex-direction:row; gap:6px; overflow-x:auto; padding-bottom:6px; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .dkfq-onderwerpen::-webkit-scrollbar{ display:none; }
  .dkfq-onderwerp{ width:auto; flex:none; padding:8px 12px; border-radius:999px; border:1px solid rgba(23,26,27,0.12); gap:8px; }
  .dkfq-aantal{ padding:1px 6px; }
  .dkfq-groep{ scroll-margin-top:120px; }
}
@media (max-width:640px){
  .dkfq-kaart{ border-radius:20px; }
  .dkfq-kop{ padding:40px 20px 36px; }
  .dkfq-kopknoppen .dkfq-knop{ width:100%; }
  .dkfq-vraagregel{ font-size:16px; }
  .dkfq-antwoord{ padding-right:0; font-size:15.5px; }
  .dkfq-contact{ padding:22px; }
  .dkfq-contactknoppen, .dkfq-contactknoppen .dkfq-knop{ width:100%; }
}
@media (prefers-reduced-motion: reduce){
  .dkfq-paneel, .dkfq-plus, .dkfq-knop, .dkfq-onderwerp, .dkfq-links svg, .dkfq-terug svg{ transition:none; }
}
/* ==== dkbl ==== */
.dkbl, .dkbl *{ box-sizing:border-box; }
.dkbl{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing:antialiased; background:#fff; }
.dkbl ::selection{ background:#FFB71B; color:#171A1B; }
.dkbl-binnen{ position:relative; max-width:1110px; margin:0 auto; }

/* Ondergrens van 168px omdat de vaste navigatiebalk 142px hoog is. */
.dkbl-hero{ background:#fff; padding:clamp(168px,11vw,178px) 24px clamp(24px,2.4vw,32px); }

.dkbl-kruimel{ display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin:0 0 18px; font-size:13.5px; line-height:20px; color:rgba(23,26,27,0.62);
  letter-spacing:-0.005em; }
.dkbl-kruimel a{ color:rgba(23,26,27,0.62); text-decoration:none;
  border-bottom:1px solid transparent; padding-bottom:1px;
  transition:color .18s ease, border-color .18s ease; }
.dkbl-kruimel a:hover{ color:#171A1B; border-bottom-color:#FFB71B; }
.dkbl-kruimel a:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:3px; }
.dkbl-kruimelscheiding{ margin-right:8px; color:rgba(23,26,27,0.26); }
.dkbl-kruimel [aria-current]{ color:#171A1B; font-weight:600; }

.dkbl-kaart{ position:relative; overflow:hidden; border-radius:32px; background:#171A1B; }
.dkbl-gloed{ position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(46% 62% at 84% 4%, rgba(255,183,27,0.20), transparent 66%),
    radial-gradient(44% 58% at 4% 100%, rgba(1,127,142,0.22), transparent 70%); }
.dkbl-blok{ position:relative; z-index:1; max-width:760px; margin:0 auto; text-align:center;
  padding:clamp(48px,5.4vw,80px) clamp(24px,4.2vw,64px); }

.dkbl-h1{ margin:0; color:#F7F5F2; font-weight:600; font-size:clamp(32px,4.4vw,56px);
  line-height:1.08; letter-spacing:-0.035em; text-wrap:balance; }
.dkbl-lead{ margin:20px auto 0; max-width:56ch; font-size:clamp(15px,1.15vw,17px);
  line-height:1.62; letter-spacing:-0.01em; color:rgba(247,245,242,0.66); }

.dkbl-onderwerpen{ list-style:none; margin:clamp(26px,2.6vw,34px) 0 0; padding:0;
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px; }
.dkbl-onderwerpen li{ padding:7px 15px; border-radius:999px; font-size:13.5px;
  font-weight:500; letter-spacing:-0.01em; color:rgba(247,245,242,0.72);
  background:rgba(255,255,255,0.06); border:1px solid rgba(247,245,242,0.14); }

@media (max-width:1000px){
  .dkbl-hero{ padding:clamp(168px,13vw,178px) 20px 24px; }
  .dkbl-kaart{ border-radius:26px; }
}
@media (max-width:640px){
  .dkbl-kaart{ border-radius:20px; }
  .dkbl-blok{ padding:40px 22px; }
}
/* ==== dkbm ==== */
.dkbm, .dkbm *{ box-sizing:border-box; }
.dkbm{ width:100%; display:flex; flex-direction:column; align-items:center; gap:14px;
  font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing:antialiased; }
.dkbm-knop{ appearance:none; border:0; cursor:pointer; font:inherit;
  display:inline-flex; align-items:center; gap:9px; height:46px; padding:0 22px;
  border-radius:999px; background:#FFB71B; color:#171A1B;
  font-size:15px; font-weight:600; letter-spacing:-0.01em;
  box-shadow:0 10px 26px -12px rgba(255,183,27,0.85);
  transition:transform .22s ease, background-color .22s ease; }
.dkbm-knop svg{ transition:transform .22s ease; }
.dkbm-knop:hover{ transform:translateY(-1px); background:#FFC53F; }
.dkbm-knop:hover svg{ transform:translateY(2px); }
.dkbm-knop:focus-visible{ outline:2px solid #171A1B; outline-offset:3px; }
.dkbm-teller{ margin:0; font-size:13.5px; color:rgba(23,26,27,0.62); letter-spacing:-0.005em; }
@media (prefers-reduced-motion: reduce){
  .dkbm-knop, .dkbm-knop svg{ transition:none; }
}
/* ==== dkaf ==== */
.dkaf{width:100%;background:#fff;font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;color:#171A1B;}
.dkaf *{box-sizing:border-box;}
.dkaf ::selection{background:#FFB71B;color:#171A1B;}
.dkaf-breed{max-width:1110px;margin:0 auto;}

/* 1. Kruimelpad en donkere kaart. Bovenmarge altijd boven de 142px hoge vaste navigatie. */
.dkaf-hero{padding:clamp(168px,12vw,178px) 24px 0;}
.dkaf-kruimel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font-size:13.5px;line-height:20px;color:rgba(23,26,27,0.62);letter-spacing:-0.005em;}
.dkaf-kruimel a{color:rgba(23,26,27,0.62);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .18s ease,border-color .18s ease;}
.dkaf-kruimel a:hover{color:#171A1B;border-bottom-color:#FFB71B;}
.dkaf-kruimel a:focus-visible{outline:2px solid #FFB71B;outline-offset:3px;border-radius:3px;}
.dkaf-kruimelscheiding{margin-right:8px;color:rgba(23,26,27,0.26);}
.dkaf-kruimel [aria-current]{color:#171A1B;font-weight:600;}

.dkaf-kaart{position:relative;background:#171A1B;border-radius:32px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.8fr);gap:clamp(32px,5vw,64px);align-items:center;padding:clamp(44px,5.5vw,76px) clamp(24px,5vw,68px);}
.dkaf-kaartlinks{animation:dkaf-op .6s cubic-bezier(.16,1,.3,1) both;}
.dkaf-kop{margin:0;font-size:clamp(32px,4.4vw,50px);line-height:1.08;font-weight:600;letter-spacing:-0.03em;color:#F7F5F2;text-wrap:balance;}
.dkaf-lead{margin:18px 0 0;font-size:clamp(16px,1.5vw,18px);line-height:1.6;color:rgba(247,245,242,0.72);max-width:520px;text-wrap:pretty;}
.dkaf-punten{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:11px;}
.dkaf-punten li{display:flex;align-items:center;gap:10px;font-size:14.5px;line-height:21px;color:rgba(247,245,242,0.72);}
.dkaf-puntvink{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:rgba(255,183,27,0.16);color:#FFB71B;}

.dkaf-paneel{position:relative;background:rgba(247,245,242,0.05);border:1px solid rgba(247,245,242,0.1);border-radius:24px;padding:clamp(20px,2.4vw,26px);animation:dkaf-op .7s .08s cubic-bezier(.16,1,.3,1) both;}
.dkaf-paneellabel{margin:0 0 14px;font-size:12.5px;line-height:16px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#FFB71B;}
.dkaf-feiten{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.dkaf-feiten li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid rgba(247,245,242,0.1);}
.dkaf-feiten li:first-child{border-top:0;padding-top:0;}
.dkaf-feiticoon{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,183,27,0.12);color:#FFB71B;}
.dkaf-feittekst{display:flex;flex-direction:column;gap:1px;min-width:0;}
.dkaf-feitlabel{font-size:11.5px;line-height:15px;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;color:rgba(247,245,242,0.52);}
.dkaf-feitwaarde{font-size:15px;line-height:21px;font-weight:600;letter-spacing:-0.01em;color:#F7F5F2;}
.dkaf-knop{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:18px;height:54px;padding:0 28px;border-radius:999px;background:#FFB71B;color:#171A1B;font-size:15px;font-weight:600;letter-spacing:-0.01em;text-decoration:none;box-shadow:0 12px 26px -14px rgba(255,183,27,0.9);transition:transform .18s ease,background .18s ease;}
.dkaf-knop:hover{background:#FFC547;transform:translateY(-2px);}
.dkaf-knop:active{transform:scale(0.98);}
.dkaf-knop:focus-visible{outline:2px solid #FFB71B;outline-offset:3px;}
.dkaf-knop .dkaf-pijl{transition:transform .25s cubic-bezier(.16,1,.3,1);}
.dkaf-knop:hover .dkaf-pijl{transform:translateX(3px);}
.dkaf-paneelvoet{margin:12px 0 0;font-size:12.5px;line-height:18px;color:rgba(247,245,242,0.52);text-align:center;}

/* 2. Stappen */
.dkaf-stappen{padding:clamp(64px,8vw,100px) 24px 0;}
.dkaf-h2{margin:0;font-size:clamp(26px,3.2vw,36px);line-height:1.15;font-weight:600;letter-spacing:-0.025em;color:#171A1B;text-align:center;text-wrap:balance;}
.dkaf-h2--links{text-align:left;}
.dkaf-h2sub{margin:12px auto 0;max-width:560px;font-size:16px;line-height:24px;color:rgba(10,10,10,0.6);text-align:center;text-wrap:pretty;}
.dkaf-tijdlijn{list-style:none;margin:clamp(36px,4.5vw,52px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.dkaf-tijdlijn li{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-top:52px;}
.dkaf-tijdlijn li::before{content:"";position:absolute;top:19px;left:0;right:-24px;height:1px;background:rgba(10,10,10,0.12);}
.dkaf-tijdlijn li:last-child::before{display:none;}
.dkaf-bol{position:absolute;top:0;left:0;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#FFB71B;color:#171A1B;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;box-shadow:0 0 0 6px #fff;}
.dkaf-staptitel{font-size:17px;line-height:23px;font-weight:600;letter-spacing:-0.015em;color:#171A1B;text-wrap:balance;}
.dkaf-staptekst{margin-top:7px;font-size:14.5px;line-height:22px;color:rgba(10,10,10,0.6);text-wrap:pretty;}

/* 3. Agenda */
.dkaf-agenda{padding:clamp(56px,7vw,88px) 24px 0;scroll-margin-top:160px;}
.dkaf-agendakaart{background:#F6F6F5;border-radius:28px;padding:12px;}
.dkaf-agendakop{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:20px 20px 18px;}
.dkaf-agendalabel{margin:0 0 6px;font-size:13px;line-height:16px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#8A5700;}
.dkaf-agendatitel{margin:0;font-size:clamp(21px,2.2vw,26px);line-height:1.2;font-weight:600;letter-spacing:-0.02em;color:#171A1B;}
.dkaf-pillen{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;flex:none;}
.dkaf-pillen li{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid rgba(10,10,10,0.08);font-size:13px;line-height:16px;font-weight:500;color:#171A1B;white-space:nowrap;}
.dkaf-pillen svg{color:#8a6300;}
.dkaf-frame{position:relative;border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(10,10,10,0.08);}
.dkaf-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.dkaf-agendavoet{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:16px 20px 10px;font-size:13.5px;line-height:20px;color:rgba(10,10,10,0.66);}
.dkaf-agendavoet a{display:inline-flex;align-items:center;gap:5px;color:#171A1B;font-weight:600;text-decoration:none;border-bottom:1px solid #FFB71B;padding-bottom:1px;transition:color .16s ease;}
.dkaf-agendavoet a:hover{color:#8a6300;}

/* 4. Slot */
.dkaf-slot{padding:clamp(64px,8vw,100px) 24px clamp(72px,8vw,110px);}
.dkaf-slotkop{max-width:620px;}
.dkaf-slotsub{margin:12px 0 0;font-size:16px;line-height:24px;color:rgba(10,10,10,0.6);text-wrap:pretty;}
.dkaf-slotraster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,24px);margin-top:clamp(28px,3.5vw,40px);}
.dkaf-slotkaart{display:flex;flex-direction:column;gap:8px;padding:26px 26px 28px;border:1px solid rgba(10,10,10,0.1);border-radius:22px;background:#fff;text-decoration:none;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s ease,box-shadow .22s ease;}
.dkaf-slotkaart:hover{transform:translateY(-3px);border-color:#FFB71B;box-shadow:0 18px 40px -22px rgba(23,26,27,0.22);}
.dkaf-slotkaart:focus-visible{outline:2px solid #FFB71B;outline-offset:3px;}
.dkaf-slottitel{display:flex;align-items:center;gap:8px;font-size:17px;line-height:24px;font-weight:600;letter-spacing:-0.015em;color:#171A1B;}
.dkaf-slottitel .dkaf-pijl{color:rgba(10,10,10,0.32);transition:transform .2s ease,color .2s ease;}
.dkaf-slotkaart:hover .dkaf-pijl{transform:translateX(3px);color:#171A1B;}
.dkaf-slottekst{font-size:14.5px;line-height:22px;color:rgba(10,10,10,0.6);text-wrap:pretty;}

@keyframes dkaf-op{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

@media (max-width:1000px){
  .dkaf-kaart{grid-template-columns:minmax(0,1fr);border-radius:26px;}
  .dkaf-lead{max-width:none;}
  .dkaf-tijdlijn{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;}
  .dkaf-tijdlijn li:nth-child(2n)::before{display:none;}
  .dkaf-agendakop{flex-direction:column;align-items:flex-start;}
  .dkaf-slotraster{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:640px){
  .dkaf-hero,.dkaf-stappen,.dkaf-agenda,.dkaf-slot{padding-left:16px;padding-right:16px;}
  .dkaf-kaart{border-radius:22px;padding:30px 20px;}
  .dkaf-paneel{padding:18px;}
  .dkaf-tijdlijn{grid-template-columns:minmax(0,1fr);gap:26px;}
  .dkaf-tijdlijn li{padding-top:0;padding-left:52px;}
  .dkaf-tijdlijn li::before{top:0;bottom:-26px;left:18px;right:auto;width:1px;height:auto;}
  .dkaf-tijdlijn li:last-child::before{display:none;}
  .dkaf-bol{width:36px;height:36px;box-shadow:0 0 0 5px #fff;}
  .dkaf-agendakaart{padding:8px;border-radius:22px;}
  .dkaf-agendakop{padding:16px 12px 14px;}
  .dkaf-agendavoet{padding:14px 12px 8px;}
  .dkaf-frame{border-radius:16px;}
  .dkaf-slotkaart{padding:22px 22px 24px;border-radius:18px;}
}
@media (prefers-reduced-motion: reduce){
  .dkaf-kaartlinks,.dkaf-paneel{animation:none;}
  .dkaf-knop,.dkaf-slotkaart,.dkaf-pijl{transition:none;}
}
/* ==== dkcg ==== */
.dkcg{width:100%;background:#fff;font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;color:#171A1B;}
.dkcg *{box-sizing:border-box;}
.dkcg ::selection{background:#FFB71B;color:#171A1B;}
.dkcg-breed{max-width:1110px;margin:0 auto;}
.dkcg-hero{padding:clamp(168px,12vw,178px) 24px 0;}
.dkcg-kruimel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font-size:13.5px;line-height:20px;color:rgba(23,26,27,0.62);letter-spacing:-0.005em;}
.dkcg-kruimel a{color:rgba(23,26,27,0.62);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .18s ease,border-color .18s ease;}
.dkcg-kruimel a:hover{color:#171A1B;border-bottom-color:#FFB71B;}
.dkcg-kruimel a:focus-visible{outline:2px solid #FFB71B;outline-offset:3px;border-radius:3px;}
.dkcg-kruimelscheiding{margin-right:8px;color:rgba(23,26,27,0.26);}
.dkcg-kruimel [aria-current]{color:#171A1B;font-weight:600;}
.dkcg-kaart{position:relative;background:#171A1B;border-radius:32px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(44px,5.5vw,76px) clamp(24px,5vw,72px);}
.dkcg-kaartlinks{animation:dkcg-op .6s cubic-bezier(.16,1,.3,1) both;}
.dkcg-kop{margin:0;font-size:clamp(34px,4.6vw,52px);line-height:1.08;font-weight:600;letter-spacing:-0.03em;color:#F7F5F2;text-wrap:balance;}
.dkcg-lead{margin:18px 0 0;font-size:clamp(16px,1.5vw,18px);line-height:1.6;color:rgba(247,245,242,0.72);max-width:520px;text-wrap:pretty;}
.dkcg-paneel{position:relative;background:rgba(247,245,242,0.05);border:1px solid rgba(247,245,242,0.1);border-radius:24px;padding:clamp(20px,2.4vw,28px);animation:dkcg-op .7s .08s cubic-bezier(.16,1,.3,1) both;}
.dkcg-paneellabel{margin:0 0 16px;font-size:12.5px;line-height:16px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#FFB71B;}
.dkcg-bel{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#F7F5F2;}
.dkcg-bellabel{font-size:12.5px;line-height:16px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(247,245,242,0.52);}
.dkcg-belnummer{font-size:clamp(30px,3.4vw,40px);line-height:1.1;font-weight:600;letter-spacing:-0.03em;font-variant-numeric:tabular-nums;transition:color .18s ease;}
.dkcg-bel:hover .dkcg-belnummer{color:#FFB71B;}
.dkcg-bel:focus-visible{outline:2px solid #FFB71B;outline-offset:4px;border-radius:6px;}
.dkcg-kanalen{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;}
.dkcg-kanalen li{border-top:1px solid rgba(247,245,242,0.1);}
.dkcg-kanalen a{display:flex;align-items:center;gap:12px;padding:13px 0;text-decoration:none;color:#F7F5F2;transition:color .16s ease;}
.dkcg-kanalen li:last-child a{padding-bottom:2px;}
.dkcg-kanalen a:hover{color:#FFB71B;}
.dkcg-kanalen a:focus-visible{outline:2px solid #FFB71B;outline-offset:2px;border-radius:6px;}
.dkcg-kanaalicoon{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,183,27,0.12);color:#FFB71B;}
.dkcg-kanaaltekst{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1;}
.dkcg-kanaallabel{font-size:11.5px;line-height:15px;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;color:rgba(247,245,242,0.52);}
.dkcg-kanaalwaarde{font-size:15px;line-height:21px;font-weight:600;letter-spacing:-0.01em;overflow-wrap:anywhere;}
.dkcg-kanalen .dkcg-pijl{color:rgba(247,245,242,0.52);transition:transform .2s ease,color .2s ease;flex:none;}
.dkcg-kanalen a:hover .dkcg-pijl{transform:translateX(3px);color:#FFB71B;}
@keyframes dkcg-op{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
@media (max-width:1000px){
  .dkcg-kaart{grid-template-columns:minmax(0,1fr);border-radius:26px;}
  .dkcg-lead{max-width:none;}
}
@media (max-width:640px){
  .dkcg-hero{padding-left:16px;padding-right:16px;}
  .dkcg-kaart{border-radius:22px;padding:30px 22px;}
  .dkcg-paneel{padding:18px;}
}
@media (prefers-reduced-motion: reduce){
  .dkcg-kaartlinks,.dkcg-paneel{animation:none;}
}
/* ==== dkct ==== */
.dkct{width:100%;background:#fff;font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;color:#171A1B;}
.dkct *{box-sizing:border-box;}
.dkct ::selection{background:#FFB71B;color:#171A1B;}
.dkct-breed{max-width:1110px;margin:0 auto;}

/* 1. Kruimelpad (zelfde stijl als PaginaKop) en donkere kaart. Bovenmarge altijd boven de 142px hoge vaste navigatie. */
.dkct-hero{padding:clamp(168px,12vw,178px) 24px 0;}
.dkct-kruimel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font-size:13.5px;line-height:20px;color:rgba(23,26,27,0.62);letter-spacing:-0.005em;}
.dkct-kruimel a{color:rgba(23,26,27,0.62);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .18s ease,border-color .18s ease;}
.dkct-kruimel a:hover{color:#171A1B;border-bottom-color:#FFB71B;}
.dkct-kruimel a:focus-visible{outline:2px solid #FFB71B;outline-offset:3px;border-radius:3px;}
.dkct-kruimelscheiding{margin-right:8px;color:rgba(23,26,27,0.26);}
.dkct-kruimel [aria-current]{color:#171A1B;font-weight:600;}
.dkct-kaart{position:relative;background:#171A1B;border-radius:32px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(44px,5.5vw,76px) clamp(24px,5vw,72px);}
.dkct-kaartlinks{animation:dkct-op .6s cubic-bezier(.16,1,.3,1) both;}
.dkct-kop{margin:0;font-size:clamp(34px,4.6vw,52px);line-height:1.08;font-weight:600;letter-spacing:-0.03em;color:#F7F5F2;text-wrap:balance;}
.dkct-lead{margin:18px 0 0;font-size:clamp(16px,1.5vw,18px);line-height:1.6;color:rgba(247,245,242,0.72);max-width:520px;text-wrap:pretty;}
.dkct-paneel{position:relative;background:rgba(247,245,242,0.05);border:1px solid rgba(247,245,242,0.1);border-radius:24px;padding:clamp(20px,2.4vw,28px);animation:dkct-op .7s .08s cubic-bezier(.16,1,.3,1) both;}
.dkct-bel{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#F7F5F2;}
.dkct-bellabel{font-size:12.5px;line-height:16px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(247,245,242,0.52);}
.dkct-belnummer{font-size:clamp(30px,3.4vw,40px);line-height:1.1;font-weight:600;letter-spacing:-0.03em;font-variant-numeric:tabular-nums;transition:color .18s ease;}
.dkct-bel:hover .dkct-belnummer{color:#FFB71B;}
.dkct-bel:focus-visible{outline:2px solid #FFB71B;outline-offset:4px;border-radius:6px;}
.dkct-kanalen{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;}
.dkct-kanalen li{border-top:1px solid rgba(247,245,242,0.1);}
.dkct-kanalen a{display:flex;align-items:center;gap:12px;padding:13px 0;text-decoration:none;color:#F7F5F2;transition:color .16s ease;}
.dkct-kanalen li:last-child a{padding-bottom:2px;}
.dkct-kanalen a:hover{color:#FFB71B;}
.dkct-kanalen a:focus-visible{outline:2px solid #FFB71B;outline-offset:2px;border-radius:6px;}
.dkct-kanaalicoon{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,183,27,0.12);color:#FFB71B;}
.dkct-kanaaltekst{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1;}
.dkct-kanaallabel{font-size:11.5px;line-height:15px;font-weight:600;letter-spacing:0.07em;text-transform:uppercase;color:rgba(247,245,242,0.52);}
.dkct-kanaalwaarde{font-size:15px;line-height:21px;font-weight:600;letter-spacing:-0.01em;overflow-wrap:anywhere;}
.dkct-kanalen .dkct-pijl{color:rgba(247,245,242,0.52);transition:transform .2s ease,color .2s ease;flex:none;}
.dkct-kanalen a:hover .dkct-pijl{transform:translateX(3px);color:#FFB71B;}

/* Kaarten */
.dkct-kaarten{padding:clamp(20px,2.4vw,28px) 24px clamp(72px,8vw,110px);}
.dkct-grootraster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);}
.dkct-groot{display:flex;flex-direction:row;align-items:stretch;gap:6px;background:#F6F6F5;border-radius:28px;padding:12px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease;animation:dkct-op .6s .08s cubic-bezier(.16,1,.3,1) both;}
.dkct-groot:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(23,26,27,0.28);}
.dkct-beeldvak{flex:0 0 44%;min-height:230px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:16px;}

/* Visuals */
.dkct-vis{width:100%;height:100%;min-height:198px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;}
.dkct-belkring{position:relative;width:96px;height:96px;display:grid;place-items:center;}
.dkct-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid #FFB71B;opacity:0;animation:dkct-ring 2.8s cubic-bezier(.16,1,.3,1) infinite;}
.dkct-ring--2{animation-delay:1.4s;}
.dkct-belknopvis{position:relative;width:72px;height:72px;border-radius:50%;background:#FFB71B;color:#171A1B;display:grid;place-items:center;box-shadow:0 14px 30px -14px rgba(255,183,27,0.9);transition:transform .35s cubic-bezier(.16,1,.3,1);}
.dkct-groot:hover .dkct-belknopvis{transform:rotate(-12deg) scale(1.05);}
.dkct-belpil{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#171A1B;color:#F7F5F2;font-size:14px;line-height:18px;font-weight:600;letter-spacing:-0.01em;font-variant-numeric:tabular-nums;}
.dkct-belpilstip{width:8px;height:8px;border-radius:50%;background:#3DDC84;}
.dkct-vis--chat{align-items:stretch;justify-content:center;gap:8px;padding:6px 8px;}
.dkct-bub{max-width:82%;padding:9px 13px;border-radius:16px;font-size:13.5px;line-height:19px;font-weight:500;letter-spacing:-0.01em;animation:dkct-bub .5s cubic-bezier(.16,1,.3,1) both;}
.dkct-bub--in{align-self:flex-start;background:#F0EFED;color:#171A1B;border-bottom-left-radius:6px;}
.dkct-bub--uit{align-self:flex-end;background:#171A1B;color:#F7F5F2;border-bottom-right-radius:6px;}
.dkct-bub--ok{display:inline-flex;align-items:center;gap:6px;background:rgba(255,183,27,0.18);color:#6b4d00;font-weight:600;}
.dkct-bub--ok svg{color:#8a6300;}
.dkct-bub--1{animation-delay:.15s;}
.dkct-bub--2{animation-delay:.45s;}
.dkct-bub--3{animation-delay:.8s;}
@keyframes dkct-ring{0%{transform:scale(0.75);opacity:0;}20%{opacity:.7;}100%{transform:scale(1.35);opacity:0;}}
@keyframes dkct-bub{from{opacity:0;transform:translateY(8px) scale(.97);}to{opacity:1;transform:none;}}
.dkct-groottekst{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1;min-width:0;padding:22px 20px 22px 22px;}
.dkct-groottitel{margin:0;font-size:clamp(18px,1.8vw,20px);line-height:1.25;font-weight:600;letter-spacing:-0.02em;color:#171A1B;}
.dkct-grootsub{margin:8px 0 0;font-size:14.5px;line-height:22px;color:rgba(10,10,10,0.6);text-wrap:pretty;}
.dkct-groottekst .dkct-knop{margin-top:20px;}

.dkct-knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:999px;font-size:14.5px;font-weight:600;letter-spacing:-0.01em;text-decoration:none;white-space:nowrap;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;}
.dkct-knop .dkct-pijl{transition:transform .25s cubic-bezier(.16,1,.3,1);}
.dkct-knop:hover .dkct-pijl{transform:translateX(3px);}
.dkct-knop:active{transform:scale(0.98);}
.dkct-knop:focus-visible{outline:2px solid #FFB71B;outline-offset:3px;}
.dkct-knop--geel{background:#FFB71B;color:#171A1B;box-shadow:0 12px 26px -14px rgba(255,183,27,0.9);}
.dkct-knop--geel:hover{background:#FFC547;}

@keyframes dkct-op{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

@media (max-width:1000px){
  .dkct-kaart{grid-template-columns:minmax(0,1fr);border-radius:26px;}
  .dkct-lead{max-width:none;}
  .dkct-grootraster{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:640px){
  .dkct-hero{padding-left:16px;padding-right:16px;}
  .dkct-kaarten{padding-left:16px;padding-right:16px;}
  .dkct-kaart{border-radius:22px;padding:30px 22px;}
  .dkct-paneel{padding:18px;}
  .dkct-groot{flex-direction:column;padding:10px;border-radius:24px;}
  .dkct-beeldvak{flex:none;min-height:0;height:210px;}
  .dkct-vis{min-height:0;}
  .dkct-groottekst{padding:20px 14px 14px;}
  .dkct-knop{white-space:normal;height:auto;min-height:46px;padding:10px 20px;text-align:left;}
}
@media (prefers-reduced-motion: reduce){
  .dkct-kaartlinks,.dkct-paneel,.dkct-groot,.dkct-bub{animation:none;}
  .dkct-ring{animation:none;opacity:.35;transform:scale(1.15);}
  .dkct-groot,.dkct-knop,.dkct-pijl{transition:none;}
}
/* ==== dkjr ==== */
/* ---------- Kop: donkere kaart in de huisstijl ---------- */
section[data-naam="Hero"]:has(h1){ padding:168px 24px 0 !important; background:#fff !important; overflow:visible !important; }
section[data-naam="Hero"]:has(h1) > [data-naam="Padding"]{
  position:relative; max-width:1110px !important; width:100% !important;
  border:0 !important; padding:38px 0 0 !important; gap:0 !important;
  overflow:visible !important; }

section[data-naam="Hero"]:has(h1) [data-naam="Content"]{
  position:relative; isolation:isolate; overflow:hidden !important;
  max-width:none !important; width:100% !important;
  border-radius:32px; background:#171A1B !important;
  padding:clamp(48px,5.4vw,80px) clamp(24px,4.2vw,64px) !important; gap:0 !important;
  align-items:center !important; }
section[data-naam="Hero"]:has(h1) [data-naam="Content"]::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(46% 62% at 84% 4%, rgba(255,183,27,0.20), transparent 66%),
    radial-gradient(44% 58% at 4% 100%, rgba(1,127,142,0.22), transparent 70%); }
section[data-naam="Hero"]:has(h1) [data-naam="Content"] ::selection{ background:#FFB71B; color:#171A1B; }

section[data-naam="Hero"]:has(h1) [data-naam="Head Content"]{ max-width:760px !important; width:100% !important; margin:0 auto;
  gap:14px !important; align-items:center !important; overflow:visible !important; }
section[data-naam="Hero"]:has(h1) [data-naam="Head Content"]::before{ content:"Juridisch"; display:inline-block; margin-bottom:6px; padding-left:16px;
  font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size:13px; font-weight:600; line-height:18px; letter-spacing:0.08em; text-transform:uppercase; color:#FFB71B;
  background:radial-gradient(circle at 3.5px 50%, #FFB71B 3.5px, rgba(255,183,27,0.18) 4px, rgba(255,183,27,0.18) 7px, transparent 7.5px) no-repeat; }

section[data-naam="Hero"]:has(h1) [data-naam="Head Content"] h1.pg-text{
  --pg-text-color:#F7F5F2 !important; --pg-font-size:clamp(32px,4.4vw,56px) !important;
  --pg-line-height:1.08 !important; --pg-letter-spacing:-0.035em !important;
  --pg-text-alignment:center !important; --pg-font-weight:600 !important;
  color:#F7F5F2 !important; font-size:clamp(32px,4.4vw,56px) !important; line-height:1.08 !important;
  letter-spacing:-0.035em !important; text-align:center !important; font-weight:600 !important; text-wrap:balance; }
section[data-naam="Hero"]:has(h1) [data-naam="Head Content"] p.pg-text{
  --pg-text-color:rgba(247,245,242,0.62) !important; --pg-font-size:14.5px !important;
  --pg-line-height:20px !important; --pg-font-weight:500 !important;
  color:rgba(247,245,242,0.62) !important; font-size:14.5px !important; line-height:20px !important;
  font-weight:500 !important; letter-spacing:-0.005em !important; }

/* ---------- Tekst: leeskolom ---------- */
section[data-naam="Terms Section"]{ padding:32px 24px 96px !important; background:#fff !important; overflow:visible !important; }
section[data-naam="Terms Section"] > [data-naam="Padding"]{ max-width:1110px !important; width:100% !important; overflow:visible !important; }
section[data-naam="Terms Section"] > [data-naam="Padding"] > [data-naam="Content"]{
  max-width:760px !important; width:100% !important; margin:0 auto; gap:0 !important;
  overflow:visible !important; align-items:stretch !important; }

/* Inleiding (het eerste, naamloze blok) */
section[data-naam="Terms Section"] > [data-naam="Padding"] > [data-naam="Content"] > :not([data-naam]){
  padding:8px 0 28px; }
section[data-naam="Terms Section"] > [data-naam="Padding"] > [data-naam="Content"] > :not([data-naam]) p.pg-text{
  --pg-text-color:rgba(23,26,27,0.72) !important; --pg-font-size:18px !important; --pg-line-height:1.65 !important;
  color:rgba(23,26,27,0.72) !important; font-size:18px !important; line-height:1.65 !important; }

section[data-naam="Terms Section"] [data-naam="Content Inner"]{ gap:12px !important; padding:32px 0 36px !important; overflow:visible !important;
  align-items:stretch !important; border-top:1px solid rgba(23,26,27,0.08); }
section[data-naam="Terms Section"] [data-naam="Content Inner"] h1.pg-text, section[data-naam="Terms Section"] [data-naam="Content Inner"] h2.pg-text, section[data-naam="Terms Section"] [data-naam="Content Inner"] h3.pg-text,
section[data-naam="Terms Section"] [data-naam="Content Inner"] h4.pg-text, section[data-naam="Terms Section"] [data-naam="Content Inner"] h5.pg-text, section[data-naam="Terms Section"] [data-naam="Content Inner"] h6.pg-text{
  --pg-text-color:#171A1B !important; --pg-font-size:24px !important; --pg-line-height:1.3 !important;
  --pg-letter-spacing:-0.02em !important; --pg-font-weight:600 !important; --pg-text-alignment:left !important;
  color:#171A1B !important; font-size:24px !important; line-height:1.3 !important; letter-spacing:-0.02em !important;
  font-weight:600 !important; text-align:left !important; }
section[data-naam="Terms Section"] [data-naam="Content Inner"] p.pg-text, section[data-naam="Terms Section"] [data-naam="Content Inner"] li.pg-text, section[data-naam="Terms Section"] [data-naam="Content Inner"] li{
  --pg-text-color:rgba(23,26,27,0.78) !important; --pg-font-size:17px !important; --pg-line-height:1.7 !important;
  --pg-text-alignment:left !important;
  color:rgba(23,26,27,0.78) !important; font-size:17px !important; line-height:1.7 !important; text-align:left !important; }
section[data-naam="Terms Section"] [data-naam="Content Inner"] strong{ color:#171A1B; font-weight:600; }
section[data-naam="Terms Section"] [data-naam="Content Inner"] a{ color:#171A1B !important; text-decoration:underline !important; text-decoration-color:#FFB71B !important;
  text-decoration-thickness:1.5px; text-underline-offset:3px; transition:color .18s ease; }
section[data-naam="Terms Section"] [data-naam="Content Inner"] a:hover{ color:#B57900 !important; }

section[data-naam="Terms Section"] [data-naam="Content Inner"] ol, section[data-naam="Terms Section"] [data-naam="Content Inner"] ul{ margin:0 !important; padding:0 0 0 26px !important; }
section[data-naam="Terms Section"] [data-naam="Content Inner"] li{ margin:0 0 10px !important; padding-left:4px; }
section[data-naam="Terms Section"] [data-naam="Content Inner"] li:last-child{ margin-bottom:0 !important; }
section[data-naam="Terms Section"] [data-naam="Content Inner"] li::marker{ color:#FFB71B; font-weight:600; }
section[data-naam="Terms Section"] [data-naam="Content Inner"] ul li::marker{ color:#FFB71B; }
section[data-naam="Terms Section"] [data-naam="Content Inner"] li > p{ margin:0 !important; }
section[data-naam="Terms Section"] [data-naam="Content Inner"] li > p + p{ margin-top:6px !important; }
section[data-naam="Terms Section"] [data-naam="Content Inner"] li > p:has(> br.trailing-break:only-child){ display:none; }


section[data-naam="Terms Section"] [data-naam="Content Inner"]:last-child{ margin-top:8px; padding:28px !important; border-top:0; border-radius:20px; background:#F7F5F2; }
section[data-naam="Terms Section"] [data-naam="Content Inner"]:last-child h6.pg-text, section[data-naam="Terms Section"] [data-naam="Content Inner"]:last-child h2.pg-text{ font-size:20px !important; }
section[data-naam="Terms Section"] [data-naam="Content Inner"]:last-child p.pg-text{ font-size:16px !important; line-height:1.6 !important; }


@media (max-width:1000px){
  section[data-naam="Hero"]:has(h1){ padding:168px 20px 0 !important; }
  section[data-naam="Hero"]:has(h1) [data-naam="Content"]{ border-radius:26px; }
  section[data-naam="Terms Section"]{ padding:28px 20px 80px !important; }
}
@media (max-width:640px){
  section[data-naam="Hero"]:has(h1){ padding:160px 16px 0 !important; }
  section[data-naam="Hero"]:has(h1) [data-naam="Content"]{ border-radius:20px; padding:40px 22px !important; }
  section[data-naam="Terms Section"]{ padding:24px 16px 64px !important; }
  section[data-naam="Terms Section"] [data-naam="Content Inner"]{ padding:24px 0 28px !important; }
  section[data-naam="Terms Section"] [data-naam="Content Inner"] h6.pg-text{ font-size:21px !important; }
  section[data-naam="Terms Section"] [data-naam="Content Inner"] p.pg-text, section[data-naam="Terms Section"] [data-naam="Content Inner"] li{ font-size:16px !important; line-height:1.65 !important; }
  section[data-naam="Terms Section"] [data-naam="Content Inner"]:last-child{ padding:22px !important; }
}
/* ==== dkkp ==== */
.dkkp, .dkkp *{ box-sizing:border-box; }
.dkkp{ width:100%; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing:antialiased; background:#fff; }
.dkkp ::selection{ background:#FFB71B; color:#171A1B; }
.dkkp-binnen{ position:relative; max-width:1110px; margin:0 auto; }

/* hero. Ondergrens van 168px omdat de vaste navigatiebalk 142px hoog is. */
.dkkp-hero{ background:#fff; padding:clamp(168px,11vw,178px) 24px clamp(56px,5vw,72px); }

.dkkp-kruimel{ display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin:0 0 18px; font-size:13.5px; line-height:20px; color:rgba(23,26,27,0.62); letter-spacing:-0.005em; }
.dkkp-kruimel a{ color:rgba(23,26,27,0.62); text-decoration:none;
  border-bottom:1px solid transparent; padding-bottom:1px;
  transition:color .18s ease, border-color .18s ease; }
.dkkp-kruimel a:hover{ color:#171A1B; border-bottom-color:#FFB71B; }
.dkkp-kruimel a:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:3px; }
.dkkp-kruimelscheiding{ margin-right:8px; color:rgba(23,26,27,0.26); }
.dkkp-kruimel [aria-current]{ color:#171A1B; font-weight:600; }

.dkkp-herokaart{ position:relative; overflow:hidden; border-radius:32px; background:#171A1B; }
.dkkp-gloed{ position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(50% 58% at 86% 6%, rgba(255,183,27,0.20), transparent 66%),
    radial-gradient(44% 58% at 2% 100%, rgba(1,127,142,0.22), transparent 70%); }
.dkkp-herogrid{ position:relative; z-index:1;
  padding:clamp(40px,4.6vw,72px) clamp(24px,4.2vw,68px);
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,400px);
  gap:clamp(36px,4vw,60px); align-items:center; }
.dkkp-herotekst{ min-width:0; }

.dkkp-h1{ margin:0; color:#F7F5F2; font-weight:600; font-size:clamp(32px,4.4vw,56px);
  line-height:1.08; letter-spacing:-0.035em; text-wrap:balance; }
.dkkp-lead{ margin:20px 0 0; max-width:50ch; font-size:clamp(15px,1.15vw,17px);
  line-height:1.62; letter-spacing:-0.01em; color:rgba(247,245,242,0.66); }

.dkkp-acties{ display:flex; flex-wrap:wrap; gap:12px; margin-top:clamp(26px,2.6vw,34px); }
.dkkp-knop{ display:inline-flex; align-items:center; gap:8px; height:54px; padding:0 28px;
  border-radius:999px; font-size:16px; font-weight:600; letter-spacing:-0.01em;
  text-decoration:none; white-space:nowrap;
  transition:transform .22s ease, background-color .22s ease, border-color .22s ease; }
.dkkp-knop svg{ transition:transform .22s ease; }
.dkkp-knop:hover svg{ transform:translateX(3px); }
.dkkp-knop--geel{ background:#FFB71B; color:#171A1B; box-shadow:0 10px 26px -12px rgba(255,183,27,0.85); }
.dkkp-knop--geel:hover{ transform:translateY(-1px); background:#FFC53F; }
.dkkp-knop--rand{ background:rgba(255,255,255,0.06); color:#F7F5F2; border:1px solid rgba(247,245,242,0.2); }
.dkkp-knop--rand:hover{ transform:translateY(-1px); background:rgba(255,255,255,0.12); }

.dkkp-bewijs{ list-style:none; margin:clamp(24px,2.4vw,30px) 0 0; padding:0;
  display:flex; flex-wrap:wrap; gap:10px 22px; }
.dkkp-bewijs li{ display:inline-flex; align-items:center; gap:9px; font-size:13.5px;
  color:rgba(247,245,242,0.6); letter-spacing:-0.01em; }
.dkkp-bewijsvink{ flex:none; width:20px; height:20px; border-radius:7px; display:grid;
  place-items:center; background:rgba(255,183,27,0.16); color:#FFB71B; }

/* koppelingspaneel: twee kaartjes met een buis ertussen waar de gegevens doorheen lopen */
.dkkp-paneelvlak{ min-width:0; }
.dkkp-paneel{ border-radius:20px; padding:20px;
  background:linear-gradient(180deg, rgba(247,245,242,0.08), rgba(247,245,242,0.03));
  border:1px solid rgba(247,245,242,0.10);
  box-shadow:0 40px 70px -34px rgba(0,0,0,0.9); }
.dkkp-paneelkop{ display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; padding-bottom:14px; border-bottom:1px solid rgba(247,245,242,0.10); }
.dkkp-paneeltitel{ display:inline-flex; align-items:center; gap:9px;
  font-size:14px; font-weight:600; color:#F7F5F2; letter-spacing:-0.015em; }
.dkkp-pols{ position:relative; width:8px; height:8px; border-radius:50%; background:#FFB71B; flex:none; }
.dkkp-polsring{ position:absolute; inset:0; border-radius:50%; background:#FFB71B; }
.dkkp-paneelregel{ font-size:12px; color:rgba(247,245,242,0.52); text-align:right; }

.dkkp-stroom{ position:relative; margin-top:18px; }
.dkkp-kaartje{ display:flex; align-items:center; gap:11px; padding:14px; border-radius:14px;
  background:rgba(247,245,242,0.05); border:1px solid rgba(247,245,242,0.08); }
.dkkp-merk{ flex:none; width:32px; height:32px; border-radius:10px; display:grid;
  place-items:center; background:rgba(255,183,27,0.16); color:#FFB71B; }
.dkkp-kaarttekst{ min-width:0; }
.dkkp-kaartnaam{ display:block; font-size:13.5px; font-weight:600; color:#F7F5F2;
  letter-spacing:-0.012em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dkkp-kaartmeta{ display:block; margin-top:2px; font-size:12px; color:rgba(247,245,242,0.52); }
.dkkp-buis{ position:relative; height:52px; margin-left:30px; width:2px;
  background:rgba(247,245,242,0.10); }
.dkkp-pakket{ position:absolute; left:-3px; width:8px; height:8px; border-radius:50%;
  background:#FFB71B; box-shadow:0 0 0 4px rgba(255,183,27,0.18); }

.dkkp-paneelvoet{ display:flex; align-items:center; gap:9px; margin-top:16px; padding-top:14px;
  border-top:1px solid rgba(247,245,242,0.10);
  font-size:12.5px; font-weight:600; color:#FFB71B; letter-spacing:-0.01em; }
.dkkp-voetvink{ display:grid; place-items:center; width:20px; height:20px; border-radius:50%;
  background:#FFB71B; color:#171A1B; flex:none; }

/* logowand. MOET wit blijven en GEEN transform op .dkkp-logo, anders breekt de blend.
   Zie de uitleg bovenaan KoppelingenSectie.tsx. */

/* secties */
.dkkp-sectie{ padding:clamp(64px,6.4vw,100px) 24px; }
.dkkp-sectie--grijs{ background:#F7F7F7; }
.dkkp-h2{ margin:0; font-size:clamp(26px,3.1vw,38px); line-height:1.15; letter-spacing:-0.03em;
  font-weight:600; color:#171A1B; text-wrap:balance; }

.dkkp-faqgrid{ display:grid; grid-template-columns:minmax(0,340px) minmax(0,1fr);
  gap:clamp(28px,3.4vw,56px); align-items:start; }
.dkkp-faqkop{ position:sticky; top:168px; }
.dkkp-faq{ border-top:1px solid #ECEEF2; }
.dkkp-faqrij{ border-bottom:1px solid #ECEEF2; }
.dkkp-faqknop{ appearance:none; border:0; background:none; width:100%; cursor:pointer;
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:18px 0; font:inherit; text-align:left;
  font-size:16.5px; font-weight:600; letter-spacing:-0.018em; color:#171A1B; }
.dkkp-faqplus{ flex:none; display:grid; place-items:center; width:30px; height:30px;
  border-radius:50%; background:#fff; color:#171A1B; transition:background-color .2s ease; }
.dkkp-faqrij--aan .dkkp-faqplus{ background:#FFB71B; }
.dkkp-faqstreep{ transform-origin:center; transition:opacity .22s ease, transform .22s ease; }
.dkkp-faqrij--aan .dkkp-faqstreep{ opacity:0; transform:rotate(90deg); }
.dkkp-faqtekst{ overflow:hidden; }
.dkkp-faqtekst p{ margin:0; padding:0 0 20px; max-width:66ch;
  font-size:15px; line-height:1.62; color:rgba(23,26,27,0.62); letter-spacing:-0.01em; }
.dkkp-faqknop:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; }

@media (max-width:1000px){
  .dkkp-hero{ padding:clamp(168px,13vw,178px) 20px 48px; }
  .dkkp-herokaart{ border-radius:26px; }
  .dkkp-herogrid{ grid-template-columns:minmax(0,1fr); gap:40px; }
  .dkkp-herotekst{ max-width:640px; }
  .dkkp-faqgrid{ grid-template-columns:minmax(0,1fr); }
  .dkkp-faqkop{ position:static; }
}
@media (max-width:640px){
  .dkkp-sectie{ padding:56px 20px; }
  .dkkp-herokaart{ border-radius:20px; }
  .dkkp-knop{ flex:1 1 auto; justify-content:center; }
}
/* ==== dkos ==== */
.dkos{width:100%;background:#fff;font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;color:#171A1B;}
.dkos *{box-sizing:border-box;}
.dkos ::selection{background:#FFB71B;color:#171A1B;}
.dkos-breed{max-width:1110px;margin:0 auto;}

/* Kruimelpad en donkere kaart. Bovenmarge altijd boven de 142px hoge vaste navigatie. */
.dkos-hero{padding:clamp(168px,12vw,178px) 24px 0;}
.dkos-kruimel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font-size:13.5px;line-height:20px;color:rgba(23,26,27,0.62);letter-spacing:-0.005em;}
.dkos-kruimel a{color:rgba(23,26,27,0.62);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .18s ease,border-color .18s ease;}
.dkos-kruimel a:hover{color:#171A1B;border-bottom-color:#FFB71B;}
.dkos-kruimel a:focus-visible{outline:2px solid #FFB71B;outline-offset:3px;border-radius:3px;}
.dkos-kruimelscheiding{margin-right:8px;color:rgba(23,26,27,0.26);}
.dkos-kruimel [aria-current]{color:#171A1B;font-weight:600;}
.dkos-kaart{position:relative;background:#171A1B;border-radius:32px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:clamp(32px,5vw,64px);align-items:center;padding:clamp(44px,5.5vw,72px) clamp(24px,5vw,64px);}
.dkos-kaartlinks{animation:dkos-op .6s cubic-bezier(.16,1,.3,1) both;}
.dkos-kop{margin:0;font-size:clamp(34px,4.6vw,52px);line-height:1.08;font-weight:600;letter-spacing:-0.03em;color:#F7F5F2;text-wrap:balance;}
.dkos-lead{margin:18px 0 0;font-size:clamp(16px,1.5vw,18px);line-height:1.6;color:rgba(247,245,242,0.72);max-width:500px;text-wrap:pretty;}
.dkos-hulp{display:inline-flex;align-items:center;gap:9px;margin-top:26px;padding:9px 14px 9px 9px;border-radius:999px;border:1px solid rgba(247,245,242,0.14);background:rgba(247,245,242,0.05);color:rgba(247,245,242,0.85);font-size:14px;line-height:18px;font-weight:500;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease;}
.dkos-hulp:hover{border-color:#FFB71B;background:rgba(255,183,27,0.1);color:#F7F5F2;}
.dkos-hulp:focus-visible{outline:2px solid #FFB71B;outline-offset:3px;}
.dkos-hulpicoon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(255,183,27,0.14);color:#FFB71B;}
.dkos-hulp .dkos-pijl{color:rgba(247,245,242,0.52);}

.dkos-paneel{position:relative;background:rgba(247,245,242,0.05);border:1px solid rgba(247,245,242,0.1);border-radius:24px;padding:clamp(18px,2.2vw,24px);animation:dkos-op .7s .08s cubic-bezier(.16,1,.3,1) both;}
.dkos-paneellabel{margin:0 0 14px;font-size:12.5px;line-height:16px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#FFB71B;}
.dkos-opties{display:flex;flex-direction:column;gap:8px;}
.dkos-optie{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:13px 14px;border-radius:16px;border:1px solid rgba(247,245,242,0.1);background:rgba(247,245,242,0.03);color:#F7F5F2;font-family:inherit;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .18s ease;}
.dkos-optie:hover{border-color:rgba(255,183,27,0.55);background:rgba(247,245,242,0.06);}
.dkos-optie:focus-visible{outline:2px solid #FFB71B;outline-offset:2px;}
.dkos-optie--actief{border-color:#FFB71B;background:rgba(255,183,27,0.1);}
.dkos-optieicoon{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,183,27,0.12);color:#FFB71B;transition:background .16s ease,color .16s ease;}
.dkos-optie--actief .dkos-optieicoon{background:#FFB71B;color:#171A1B;}
.dkos-optietekst{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;}
.dkos-optietitel{font-size:15.5px;line-height:20px;font-weight:600;letter-spacing:-0.01em;}
.dkos-optiemeta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;line-height:16px;color:rgba(247,245,242,0.55);}
.dkos-optiemeta span{display:inline-flex;align-items:center;gap:4px;}
.dkos-optiemeta svg{width:13px;height:13px;}
.dkos-optievink{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1.5px solid rgba(247,245,242,0.22);color:transparent;transition:background .16s ease,border-color .16s ease,color .16s ease;}
.dkos-optie--actief .dkos-optievink{background:#FFB71B;border-color:#FFB71B;color:#171A1B;}

/* Agenda */
.dkos-agenda{padding:clamp(20px,2.4vw,28px) 24px clamp(72px,8vw,110px);}
.dkos-agendakaart{background:#F6F6F5;border-radius:28px;padding:12px;}
.dkos-agendakop{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:20px 20px 18px;}
.dkos-agendalabel{margin:0 0 6px;font-size:12.5px;line-height:16px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#8a6300;}
.dkos-agendatitel{margin:0;font-size:clamp(21px,2.2vw,26px);line-height:1.2;font-weight:600;letter-spacing:-0.02em;color:#171A1B;}
.dkos-agendasub{margin:8px 0 0;max-width:62ch;font-size:14.5px;line-height:22px;color:rgba(10,10,10,0.6);text-wrap:pretty;}
.dkos-feiten{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;flex:none;}
.dkos-feiten li{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid rgba(10,10,10,0.08);font-size:13px;line-height:16px;font-weight:500;color:#171A1B;white-space:nowrap;}
.dkos-feiten svg{color:#8a6300;}
.dkos-frame{position:relative;border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(10,10,10,0.08);}
.dkos-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
.dkos-agendavoet{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:16px 20px 10px;font-size:13.5px;line-height:20px;color:rgba(10,10,10,0.55);}
.dkos-agendavoet a{display:inline-flex;align-items:center;gap:5px;color:#171A1B;font-weight:600;text-decoration:none;border-bottom:1px solid #FFB71B;padding-bottom:1px;transition:color .16s ease;}
.dkos-agendavoet a:hover{color:#8a6300;}

@keyframes dkos-op{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}

@media (max-width:1000px){
  .dkos-kaart{grid-template-columns:minmax(0,1fr);border-radius:26px;}
  .dkos-lead{max-width:none;}
  .dkos-agendakop{flex-direction:column;align-items:flex-start;}
}
@media (max-width:640px){
  .dkos-hero{padding-left:16px;padding-right:16px;}
  .dkos-agenda{padding-left:16px;padding-right:16px;}
  .dkos-kaart{border-radius:22px;padding:30px 20px;}
  .dkos-paneel{padding:16px;}
  .dkos-optie{padding:12px;}
  .dkos-agendakaart{padding:8px;border-radius:22px;}
  .dkos-agendakop{padding:16px 12px 14px;}
  .dkos-agendavoet{padding:14px 12px 8px;}
  .dkos-frame{border-radius:16px;}
}
@media (prefers-reduced-motion: reduce){
  .dkos-kaartlinks,.dkos-paneel{animation:none;}
  .dkos-optie,.dkos-optieicoon,.dkos-optievink{transition:none;}
}
/* ==== dkba ==== */
/* ---------- Kop ---------- */
section[data-naam="Hero"]:has(h1){ padding:168px 24px 0 !important; background:#fff !important; overflow:visible !important; }
section[data-naam="Hero"]:has(h1) > [data-naam="Padding"]{ max-width:1110px !important; width:100% !important; gap:18px !important; padding:0 !important;
  overflow:visible !important; align-items:stretch !important; }

section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Button"]{ gap:8px !important; flex-wrap:wrap; }
section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Button"] p, section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Button"] a{ --pg-text-color:rgba(23,26,27,0.62) !important; color:rgba(23,26,27,0.62) !important;
  font-size:13.5px !important; line-height:20px !important; text-decoration:none !important; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; }
section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Button"] a{ border-bottom:1px solid transparent; transition:color .18s ease, border-color .18s ease; }
section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Button"] a:hover{ color:#171A1B !important; border-bottom-color:#FFB71B; }
section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Button"] a:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:3px; }
section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Button"] [data-naam="Line"]{ width:auto !important; height:auto !important; }
section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Button"] [data-naam="Line"] > *{ display:none !important; }
section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Button"] [data-naam="Line"]::before{ content:"·"; color:rgba(23,26,27,0.26); font-size:13.5px; line-height:20px; }
section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Button"] > [data-naam="About"]:last-child{ max-width:46ch; }
section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Button"] > [data-naam="About"]:last-child p{ --pg-text-color:#171A1B !important; color:#171A1B !important;
  font-weight:600 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Content"]{ position:relative; isolation:isolate; overflow:hidden !important;
  max-width:none !important; width:100% !important; border-radius:32px; background:#171A1B !important;
  padding:clamp(48px,5.4vw,72px) clamp(24px,4.2vw,64px) !important;
  gap:28px !important; align-items:center !important; }
section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Content"]::before{ content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(46% 62% at 84% 4%, rgba(255,183,27,0.20), transparent 66%),
    radial-gradient(44% 58% at 4% 100%, rgba(1,127,142,0.22), transparent 70%); }
section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Content"] ::selection{ background:#FFB71B; color:#171A1B; }

section[data-naam="Hero"]:has(h1) [data-naam="Head Content"]{ max-width:820px !important; width:100% !important; gap:18px !important; align-items:center !important; overflow:visible !important; }
section[data-naam="Hero"]:has(h1) [data-naam="Head Content"] h1.pg-text{ --pg-text-color:#F7F5F2 !important; --pg-font-size:clamp(30px,3.8vw,46px) !important;
  --pg-line-height:1.1 !important; --pg-letter-spacing:-0.03em !important; --pg-text-alignment:center !important;
  --pg-font-weight:600 !important; color:#F7F5F2 !important; font-size:clamp(30px,3.8vw,46px) !important;
  line-height:1.1 !important; letter-spacing:-0.03em !important; text-align:center !important; font-weight:600 !important; text-wrap:balance; }
section[data-naam="Hero"]:has(h1) [data-naam="Head Content"] p.pg-text{ --pg-text-color:rgba(247,245,242,0.66) !important; --pg-font-size:17px !important;
  --pg-line-height:1.6 !important; --pg-text-alignment:center !important; color:rgba(247,245,242,0.66) !important;
  font-size:17px !important; line-height:1.6 !important; text-align:center !important; max-width:60ch; margin:0 auto; text-wrap:pretty; }

section[data-naam="Hero"]:has(h1) [data-naam="info"]{ width:auto !important; max-width:100%; gap:10px 18px !important; flex-wrap:wrap !important;
  justify-content:center !important; align-items:center !important; }
section[data-naam="Hero"]:has(h1) [data-naam="info"] p.pg-text{ --pg-text-color:rgba(247,245,242,0.6) !important; color:rgba(247,245,242,0.6) !important;
  font-size:14px !important; line-height:20px !important; }
section[data-naam="Hero"]:has(h1) [data-naam="info"] [data-naam="Author"]{ gap:10px !important; align-items:center !important; overflow:visible !important; }
/* Auteursfoto: schone cirkel, geen ring. De bron is een vierkante foto (1820x1820). */
section[data-naam="Hero"]:has(h1) [data-naam="info"] [data-naam="Author"] > div:first-child{ width:36px !important; height:36px !important; flex:none; border-radius:50% !important; overflow:hidden !important;
  box-shadow:0 0 0 1px rgba(247,245,242,0.22); }
section[data-naam="Hero"]:has(h1) [data-naam="info"] [data-naam="Author"] > div:first-child img{ width:100% !important; height:100% !important; object-fit:cover !important; object-position:50% 50%; display:block; }
section[data-naam="Hero"]:has(h1) [data-naam="info"] [data-naam="Author"] > div:last-child p,
section[data-naam="Hero"]:has(h1) [data-naam="info"] [data-naam="Date"] > div:last-child p{ --pg-text-color:#F7F5F2 !important; color:#F7F5F2 !important; font-weight:600 !important; }
.dkba-leestijd{ display:inline-flex; align-items:center; gap:8px; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size:14px; line-height:20px; color:rgba(247,245,242,0.6); }
.dkba-leestijd::before{ content:""; width:4px; height:4px; border-radius:50%; background:rgba(247,245,242,0.35); }
.dkba-leestijd b{ color:#F7F5F2; font-weight:600; }

/* ---------- Foto los onder de kaart, dan de leeskolom ---------- */
section[data-naam="Features Section"]:has(img){ position:relative; margin-top:0 !important; padding:24px 24px 72px !important;
  background:transparent !important; overflow:visible !important; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"]{ max-width:1110px !important; width:100% !important; gap:0 !important; padding:0 !important;
  align-items:center !important; overflow:visible !important; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:has(img) > div{ width:100% !important; max-width:none !important; margin:0 !important; border-radius:24px !important; overflow:hidden !important; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:has(img) > div img{ display:block; }

section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)){ max-width:720px !important; width:100% !important; margin:56px auto 0 !important; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) h2{ --pg-text-color:#171A1B !important; color:#171A1B !important; font-size:28px !important; line-height:1.25 !important;
  letter-spacing:-0.02em !important; font-weight:600 !important; margin:44px 0 12px !important; text-wrap:balance; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) h3{ --pg-text-color:#171A1B !important; color:#171A1B !important; font-size:22px !important; line-height:1.3 !important;
  letter-spacing:-0.015em !important; font-weight:600 !important; margin:32px 0 10px !important; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) h4{ --pg-text-color:#171A1B !important; color:#171A1B !important; font-size:19px !important; line-height:1.35 !important;
  font-weight:600 !important; margin:28px 0 8px !important; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) p{ --pg-text-color:rgba(23,26,27,0.78) !important; color:rgba(23,26,27,0.78) !important;
  font-size:18px !important; line-height:1.7 !important; margin:0 0 20px !important; text-wrap:pretty; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) > p:first-child:has(> em:only-child){ border-left:3px solid #FFB71B; padding:2px 0 2px 18px; margin:0 0 30px !important; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) > p:first-child:has(> em:only-child) em{ color:rgba(23,26,27,0.62); font-size:17px; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) ul, section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) ol{ margin:0 0 22px !important; padding:0 0 0 24px !important; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) li{ --pg-text-color:rgba(23,26,27,0.78) !important; color:rgba(23,26,27,0.78) !important;
  font-size:18px !important; line-height:1.7 !important; margin:0 0 8px !important; padding-left:4px; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) li::marker{ color:#FFB71B; font-weight:600; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) li p{ margin:0 !important; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) strong{ color:#171A1B; font-weight:600; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) a{ color:#171A1B !important; text-decoration:underline !important; text-decoration-color:#FFB71B !important;
  text-decoration-thickness:1.5px; text-underline-offset:3px; transition:color .18s ease; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) a:hover{ color:#B57900 !important; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) img{ border-radius:16px; }
section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) blockquote{ margin:28px 0; padding:4px 0 4px 22px; border-left:3px solid #FFB71B; }

.dkba-terug{ display:inline-flex; align-items:center; gap:9px; margin-top:40px; padding:0 20px; height:46px;
  border-radius:999px; border:1px solid rgba(23,26,27,0.14); color:#171A1B !important; font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size:14.5px; font-weight:600; letter-spacing:-0.01em; text-decoration:none !important;
  transition:border-color .18s ease, background-color .18s ease, color .18s ease, transform .18s ease; }
.dkba-terug:hover{ border-color:#171A1B; background:#171A1B; color:#F7F5F2 !important; }
.dkba-terug:active{ transform:scale(0.98); }
.dkba-terug:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; }
.dkba-terug svg{ transition:transform .3s cubic-bezier(.16,1,.3,1); }
.dkba-terug:hover svg{ transform:translateX(-3px); }

.dkba-voortgang{ position:fixed; top:0; left:0; width:100%; height:3px; background:#FFB71B;
  transform-origin:0 50%; transform:scaleX(0); z-index:2147483000; pointer-events:none; }

@media (max-width:1000px){
  section[data-naam="Hero"]:has(h1){ padding:168px 20px 0 !important; }
  section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Content"]{ border-radius:26px; }
  section[data-naam="Features Section"]:has(img){ padding:20px 20px 64px !important; }
}
@media (max-width:640px){
  section[data-naam="Hero"]:has(h1){ padding:160px 16px 0 !important; }
  section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Content"]{ border-radius:20px; padding:40px 20px !important; }
  section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Button"] > [data-naam="About"]:last-child{ max-width:22ch; }
  section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:has(img) > div{ border-radius:16px !important; }
  section[data-naam="Features Section"]:has(img){ padding:16px 16px 56px !important; }
  section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)){ margin-top:36px !important; }
  section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) p, section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) li{ font-size:17px !important; line-height:1.65 !important; }
  section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) h2{ font-size:24px !important; }
  .dkba-terug{ width:100%; justify-content:center; }
}
@media (prefers-reduced-motion: reduce){
  section[data-naam="Hero"]:has(h1) > [data-naam="Padding"] > [data-naam="Button"] a, section[data-naam="Features Section"]:has(img) > [data-naam="Padding"] > div:not(:has(img)) a, .dkba-terug, .dkba-terug svg{ transition:none; }
}

/* ==== formulier (formCss uit ContactgegevensKop) ==== */
form{
  background:#fff !important;
  border-radius:22px !important;
  padding:28px !important;
  gap:18px !important;
}
form .pg-form-input-wrapper{
  background:#fff !important;
  border:1px solid rgba(10,10,10,0.14) !important;
  border-radius:14px !important;
  padding:12px 16px !important;
  height:auto !important;
  min-height:48px !important;
  display:flex !important;
  align-items:center !important;
  box-shadow:none !important;
  transition:border-color .16s ease, box-shadow .16s ease !important;
}
form .pg-form-input-wrapper:hover{ border-color:rgba(10,10,10,0.3) !important; }
form .pg-form-input-wrapper:focus-within{
  border-color:#FFB71B !important;
  box-shadow:0 0 0 3px rgba(255,183,27,0.28) !important;
}
/* De basisopmaak tekent bij focus een blauwe ring via ::after; die gaat uit. */
form .pg-form-text-input:focus-within::after,
form .pg-form-input-wrapper::after{ display:none !important; content:none !important; }
form .pg-form-input{
  font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size:15px !important;
  line-height:22px !important;
  color:#171A1B !important;
  outline:none !important;
  box-shadow:none !important;
}
/* De basisopmaak geeft het input een vaste hoogte van 12 tot 16px, waardoor letters worden afgeknipt. */
form input.pg-form-input{ height:22px !important; min-height:22px !important; }
form .pg-form-input::placeholder{ color:rgba(10,10,10,0.38) !important; }
form textarea.pg-form-input{ min-height:132px !important; resize:vertical !important; }
form > div:has(a) p{
  font-size:13.5px !important;
  line-height:20px !important;
  color:rgba(10,10,10,0.55) !important;
}
form > div:has(a) a{ color:#171A1B !important; font-weight:600 !important; }
form button[type=submit]{
  font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  background:#FFB71B !important;
  color:#171A1B !important;
  border-radius:999px !important;
  height:48px !important;
  margin-top:4px !important;
  font-size:15px !important;
  font-weight:600 !important;
  letter-spacing:-0.01em !important;
  box-shadow:0 12px 26px -14px rgba(255,183,27,0.9) !important;
  transition:transform .18s ease, background .18s ease !important;
  cursor:pointer !important;
}
form button[type=submit] *{ color:#171A1B !important; }
form button[type=submit]:hover{ background:#FFC547 !important; transform:translateY(-2px) !important; }
form button[type=submit]:active{ transform:scale(0.98) !important; }
form button[type=submit]:focus-visible{ outline:2px solid #FFB71B !important; outline-offset:3px !important; }
@media (max-width:640px){
  form{ padding:20px !important; border-radius:18px !important; }
}

/* ── Zoeken in de veelgestelde vragen (dkfq-zoek) ───────────────────────────────────
   Kwam van de kennisbank, die met de FAQ is samengevoegd. Met 29 vragen op één pagina
   wil je niet eerst de hele lijst door; op een woord zoeken is sneller dan scrollen. */
.dkfq-zoek{ position:relative; display:flex; align-items:center; max-width:620px; margin:28px auto 0;
  height:58px; border-radius:16px; background:#fff; box-shadow:0 24px 50px -30px rgba(0,0,0,0.8); transition:box-shadow .2s ease; }
.dkfq-zoek:focus-within{ box-shadow:0 0 0 3px #FFB71B, 0 24px 50px -30px rgba(0,0,0,0.8); }
.dkfq-zoekicoon{ position:absolute; left:18px; top:50%; transform:translateY(-50%); color:rgba(23,26,27,0.62); display:flex; }
.dkfq-zoek input{ appearance:none; -webkit-appearance:none; width:100%; height:100%; border:0; outline:0; background:transparent;
  padding:0 56px 0 52px; font:inherit; font-size:16.5px; color:#171A1B; border-radius:16px; }
.dkfq-zoek input::placeholder{ color:rgba(23,26,27,0.62); }
.dkfq-zoek input::-webkit-search-cancel-button{ display:none; }
.dkfq-kbd{ position:absolute; right:14px; top:50%; transform:translateY(-50%); font:inherit; font-size:12px; font-weight:600;
  color:rgba(23,26,27,0.62); border:1px solid rgba(23,26,27,0.14); border-radius:6px; padding:3px 8px; background:#F7F5F2; }
.dkfq-wis{ position:absolute; right:12px; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50%;
  border:0; background:rgba(23,26,27,0.06); color:#171A1B; display:grid; place-items:center; cursor:pointer; font:inherit; }
.dkfq-wis:hover{ background:rgba(23,26,27,0.12); }
.dkfq-wis[hidden], .dkfq-kbd[hidden]{ display:none; }
.dkfq-telling{ margin:0 0 18px; font-size:13.5px; font-weight:600; letter-spacing:0.01em; color:rgba(23,26,27,0.62); }
.dkfq-item[hidden], .dkfq-groep[hidden]{ display:none; }
.dkfq-vraagregel mark{ background:rgba(255,183,27,0.38); color:inherit; border-radius:3px; padding:0 1px; }
.dkfq-leeg{ padding:48px 0 32px; text-align:center; color:rgba(23,26,27,0.62); font-size:15.5px; line-height:1.6; }
.dkfq-leeg p{ margin:0; }
.dkfq-leegkop{ margin:0 0 8px; font-size:18px; font-weight:600; letter-spacing:-0.015em; color:#171A1B; }
@media (max-width:640px){ .dkfq-zoek{ height:52px; margin-top:22px; } .dkfq-zoek input{ font-size:16px; padding:0 48px 0 46px; } .dkfq-kbd{ display:none; } }

/* Kruimelpad op de juridische pagina's, in dezelfde vorm als op de module-, blog- en shoppagina's.
   Het staat boven de donkere kaart en lijnt uit met de kolom eronder. De terugknop die duinker.js
   erbij zet past er met flex-wrap naast. */
/* De hero is een flexrij; het kruimelpad neemt een hele regel zodat het boven de kaart staat.
   De tussenruimte komt van de rij zelf (18px, net als op de modulepagina's); het kruimelpad heeft
   daarom geen eigen ondermarge, anders tellen de twee bij elkaar op en wordt het gat 30px. */
section[data-naam="Hero"]:has(.dkjr-kruimel){ flex-wrap:wrap; row-gap:18px; padding-top:clamp(120px,9vw,138px); }
.dkjr-kruimel{ display:flex; flex-wrap:nowrap; align-items:center; gap:8px; min-width:0;
  flex:0 0 100%; width:100%; margin:0;
  padding-inline:max(0px, calc((100% - 1110px) / 2));
  font-size:13.5px; line-height:20px; color:rgba(23,26,27,0.62); letter-spacing:-0.005em; }
.dkjr-kruimel > span{ display:inline-flex; align-items:center; gap:8px; }
.dkjr-kruimel a{ color:rgba(23,26,27,0.62); text-decoration:none;
  border-bottom:1px solid transparent; padding-bottom:1px;
  transition:color .18s ease, border-color .18s ease; }
.dkjr-kruimel a:hover{ color:#171A1B; border-bottom-color:#FFB71B; }
.dkjr-kruimel a:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; border-radius:3px; }
.dkjr-kruimelscheiding{ color:rgba(23,26,27,0.26); }
.dkjr-kruimel [aria-current]{ color:#171A1B; font-weight:600; }
/* Een lange paginatitel (blogartikel) blijft op één regel en wordt afgekapt, net als op de andere pagina's. */
.dkjr-kruimel > span{ flex:none; }
.dkjr-kruimel > span:last-child{ flex:0 1 auto; min-width:0; }
.dkjr-kruimel > span:last-child [aria-current]{ min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

/* De punten onder het AI-paneel op de homepage. Stonden als losse component met drie keer
   hetzelfde winkelwagentje erboven, een icoon dat nergens anders op de site meer voorkomt. Nu in
   dezelfde vorm als de puntenrij bij de koppelingen eronder: een klein vlakje met een getekend
   icoon ernaast, zodat beide rijen op dezelfde pagina hetzelfde lezen. */
.dkrai-punten{ list-style:none; padding:0;
  width:min(1110px, 100%); margin:clamp(34px,3.4vw,48px) auto 0;
  display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,2vw,28px); }
.dkrai-punt{ display:flex; align-items:flex-start; gap:12px; }
.dkrai-punt strong{ display:block; font-size:15px; font-weight:600; color:#171A1B; letter-spacing:-0.015em; }
.dkrai-punttekst{ display:block; margin-top:3px; font-size:14px; line-height:1.5;
  color:rgba(23,26,27,0.62); letter-spacing:-0.01em; text-wrap:pretty; }
.dkrai-puntmerk{ flex:none; width:30px; height:30px; border-radius:9px; display:grid;
  place-items:center; background:rgba(255,183,27,0.16); color:#B87500; margin-top:1px; }
@media (max-width:1100px){ .dkrai-punten{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .dkrai-punten{ grid-template-columns:1fr; gap:16px; } }

/* ══ Blog op de homepagina ══════════════════════════════════════════════════════════
   Toont altijd de twee nieuwste artikelen uit KISS. Zelfde taal als de andere
   homepagina-secties: label met stip, kop links, actie rechts, kaarten eronder. */

/* Plan-demo: de eigen planner (Shared/Planner.razor) in de agendakaart. De planner is gebouwd voor
   de .dw-pagina's; hier krijgt hij dezelfde basis (geen linkopmaak, box-sizing) en wat lucht. */
.dkaf-planner{padding:clamp(16px,2.4vw,28px);}
.dkaf-planner *{box-sizing:border-box;}
.dkaf-planner a{color:inherit;text-decoration:none;}
.dkaf-planner h3{font-size:18px;line-height:24px;font-weight:600;letter-spacing:-.01em;margin:0 0 4px;}
.dkaf-planner .day .dag-kop{margin:0 0 8px;font-size:.86rem;line-height:normal;font-weight:700;letter-spacing:normal;}
.dkaf-planner .week-nav b{font-size:15px;font-weight:600;}
.dkaf-planner .slot{transition:background-color .16s ease,border-color .16s ease,color .16s ease;}
.dkaf-planner .muted{margin:14px 0 0;}
.dkaf-planner .aside{top:150px;}
.dkaf-planner .aside h3{margin-bottom:10px;}
.dkaf-planner .aside .facts{margin:10px 0 12px;}
.dkaf-planner .aside .facts dd{margin:0;}
@media (max-width:600px){
  .dkaf-planner{padding:14px;}
  .dkaf-planner .week-nav{display:grid;grid-template-columns:1fr 1fr;}
  .dkaf-planner .week-nav b{grid-column:1/-1;order:-1;text-align:center;}
  .dkaf-planner .week-nav .btn{padding:0 12px;}
}

/* Bereikbaar-status buiten de footer (bovenbalk, contactpagina's). Zelfde logica als .dkft-status in duinker.js:
   groen met een rustige puls als we open zijn, anders een grijze stip. */
.dk-status{ display:inline-flex; align-items:center; gap:8px; }
.dk-status::before{ content:""; width:8px; height:8px; border-radius:50%; flex:none; background:currentColor; opacity:.35; }
.dk-status.is-open::before{ background:#3DDC84; opacity:1; animation:dkft-puls 2.4s ease-out infinite; }
.dknv .dknv-topstatus{ margin-left:6px; padding-left:12px; border-left:1px solid rgba(247,245,242,0.16); gap:7px; color:rgba(247,245,242,0.58); }
.dknv-topstatus::before{ width:7px; height:7px; }
.dknv-topstatus:empty{ display:none; }
.dkct-status{ gap:14px; }
.dkct-status::before{ width:12px; height:12px; }
.dkct-beltijd{ margin-top:6px; font-size:14px; line-height:20px; color:rgba(247,245,242,0.62); }
@media (max-width:640px){ .dknv .dknv-topstatus{ font-size:0; gap:0; margin-left:2px; padding-left:8px; } }
@media (prefers-reduced-motion:reduce){ .dk-status.is-open::before{ animation:none; } }

/* Contactgegevens: formulier en praktische info (vervangt de overgenomen Framer-sectie). */
.dkcg-blok{ padding:clamp(56px,7vw,96px) 24px clamp(72px,9vw,128px); background:#fff; }
.dkcg-blokraster{ display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,0.9fr); gap:clamp(28px,4vw,56px); align-items:start; }
.dkcg-form{ background:#F7F5F2; border-radius:28px; padding:clamp(24px,3.4vw,44px); scroll-margin-top:130px; }
.dkcg-formlabel{ margin:0 0 10px; font-size:12.5px; line-height:16px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:#8a6300; }
.dkcg-formkop{ margin:0; font-size:clamp(26px,2.6vw,34px); line-height:1.12; font-weight:600; letter-spacing:-0.03em; color:#171A1B; text-wrap:balance; }
.dkcg-formsub{ margin:10px 0 0; font-size:16px; line-height:1.55; color:rgba(23,26,27,0.66); }
.dkcg-velden{ margin-top:28px; display:grid; grid-template-columns:1fr 1fr; gap:18px 16px; }
.dkcg-veld{ display:flex; flex-direction:column; gap:7px; min-width:0; }
.dkcg-veld--breed{ grid-column:1/-1; }
.dkcg-veld label{ font-size:14px; line-height:18px; font-weight:600; color:#171A1B; }
.dkcg-veld label small{ font-weight:500; color:rgba(23,26,27,0.66); font-size:13px; margin-left:4px; }
.dkcg-veld input, .dkcg-veld textarea{ width:100%; font:inherit; font-size:16px; line-height:22px; color:#171A1B; background:#fff; border:1px solid rgba(23,26,27,0.12); border-radius:14px; padding:13px 16px; transition:border-color .16s ease, box-shadow .16s ease; }
.dkcg-veld textarea{ min-height:148px; resize:vertical; }
.dkcg-veld input::placeholder, .dkcg-veld textarea::placeholder{ color:rgba(23,26,27,0.4); }
.dkcg-veld input:hover, .dkcg-veld textarea:hover{ border-color:rgba(23,26,27,0.24); }
.dkcg-veld input:focus, .dkcg-veld textarea:focus{ outline:none; border-color:#171A1B; box-shadow:0 0 0 3px rgba(255,183,27,0.45); }
.dkcg-voet{ margin-top:24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px 24px; }
.dkcg-privacy{ margin:0; max-width:340px; font-size:13.5px; line-height:20px; color:rgba(23,26,27,0.62); }
.dkcg-privacy a{ color:#171A1B; font-weight:600; text-decoration:none; border-bottom:1px solid #FFB71B; }
.dkcg-verstuur{ display:inline-flex; align-items:center; gap:10px; height:52px; padding:0 26px; border:0; border-radius:999px; background:#FFB71B; color:#171A1B; font:inherit; font-size:15.5px; font-weight:600; cursor:pointer; box-shadow:0 10px 26px -10px rgba(255,183,27,0.7); transition:background-color .16s ease, transform .16s ease; }
.dkcg-verstuur:hover{ background:#FFC53F; }
.dkcg-verstuur:active{ transform:scale(.97); }
.dkcg-verstuur:focus-visible{ outline:2px solid #171A1B; outline-offset:3px; }
.dkcg-melding{ margin:22px 0 0; padding:14px 16px; border-radius:14px; font-size:15px; line-height:22px; background:#FFF4D6; color:#171A1B; }
.dkcg-melding--ok{ background:#E3F6EA; }
.dkcg-hp{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.dkcg-info{ display:flex; flex-direction:column; }
.dkcg-infoblok{ padding:26px 0; border-top:1px solid rgba(23,26,27,0.1); }
.dkcg-infoblok:first-child{ border-top:0; padding-top:clamp(8px,1.2vw,16px); }
.dkcg-infolabel{ margin:0 0 12px; font-size:12.5px; line-height:16px; font-weight:600; letter-spacing:0.08em; text-transform:uppercase; color:rgba(23,26,27,0.66); }
.dkcg-infostatus{ font-size:15px; font-weight:600; color:#171A1B; margin:0 0 14px; }
.dkcg-tijden{ margin:0; display:grid; grid-template-columns:auto 1fr; gap:6px 20px; font-size:15.5px; line-height:22px; }
.dkcg-tijden dt{ color:rgba(23,26,27,0.66); }
.dkcg-tijden dd{ margin:0; font-weight:600; color:#171A1B; text-align:right; font-variant-numeric:tabular-nums; }
.dkcg-infotekst{ margin:0; font-size:15.5px; line-height:24px; color:#171A1B; }
.dkcg-infoklein{ margin:14px 0 0; font-size:14px; line-height:21px; color:rgba(23,26,27,0.62); }
.dkcg-infolink{ display:inline-flex; align-items:center; gap:6px; margin-top:12px; font-size:14.5px; font-weight:600; color:#171A1B; text-decoration:none; border-bottom:1px solid #FFB71B; padding-bottom:1px; transition:color .16s ease; }
.dkcg-infoklein .dkcg-infolink{ margin-top:0; font-size:inherit; }
.dkcg-infolink:hover{ color:#8a6300; }
.dkcg-socials{ display:flex; gap:10px; list-style:none; margin:0; padding:0; }
.dkcg-socials a{ width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:#171A1B; transition:background-color .16s ease, transform .16s ease; }
.dkcg-socials a:hover{ background:#000; transform:translateY(-2px); }
.dkcg-socials a:focus-visible{ outline:2px solid #FFB71B; outline-offset:3px; }
.dkcg-socials img{ width:16px; height:16px; object-fit:contain; display:block; }
@media (max-width:900px){ .dkcg-blokraster{ grid-template-columns:1fr; } }
@media (max-width:600px){
  .dkcg-blok{ padding-left:16px; padding-right:16px; }
  .dkcg-form{ border-radius:22px; padding:22px 18px; }
  .dkcg-velden{ grid-template-columns:1fr; }
  .dkcg-verstuur{ width:100%; justify-content:center; }
}
/* Plan ondersteuning: de keuzes zijn links naar de pagina met de planner. */
a.dkos-optie{text-decoration:none;}
.dkos-optiepijl{flex:none;margin-left:auto;color:rgba(247,245,242,0.52);display:grid;place-items:center;transition:transform .2s ease,color .2s ease;}
a.dkos-optie:hover .dkos-optiepijl{transform:translateX(3px);color:#FFB71B;}
.dkcg-blok{font-family:"General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;color:#171A1B;}
.dkcg-blok *{box-sizing:border-box;}
.dkct-pilstatus{white-space:nowrap;}

/* Contact: de twee kaarten onder de hero. Hele kaart is de link, beeld als brede band bovenin,
   tekst eronder en een rustige pijl in plaats van twee gele knoppen naast elkaar. */
a.dkct-groot{flex-direction:column;gap:0;padding:10px;text-decoration:none;color:inherit;}
a.dkct-groot:focus-visible{outline:2px solid #FFB71B;outline-offset:3px;}
a.dkct-groot .dkct-beeldvak{flex:none;min-height:0;height:clamp(200px,19vw,240px);}
a.dkct-groot .dkct-vis{min-height:0;}
a.dkct-groot .dkct-vis--chat{width:min(100%,320px);margin:0 auto;}
a.dkct-groot .dkct-groottekst{justify-content:flex-start;padding:24px 22px 16px;}
a.dkct-groot .dkct-groottitel{font-size:clamp(20px,2vw,24px);}
a.dkct-groot .dkct-grootsub{max-width:44ch;font-size:15px;line-height:23px;}
.dkct-grootlink{margin-top:20px;display:inline-flex;align-items:center;gap:12px;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:#171A1B;}
.dkct-grootpijl{width:36px;height:36px;border-radius:50%;background:#FFB71B;display:grid;place-items:center;color:#171A1B;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .16s ease;}
a.dkct-groot:hover .dkct-grootpijl{transform:translateX(4px);background:#FFC547;}
a.dkct-groot:active{transform:scale(.99);}
@media (max-width:640px){ a.dkct-groot .dkct-beeldvak{height:200px;} a.dkct-groot .dkct-groottekst{padding:20px 14px 12px;} }
@media (prefers-reduced-motion:reduce){ .dkct-grootpijl{transition:none;} }