body{ font-family:'Inter Tight',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; color:#0f172a; }
.dp-top{ background:#fff; border-bottom:1px solid #e3e9f2; }
.dp-topin{ max-width:980px; margin:0 auto; padding:11px 1rem; display:flex; align-items:center; gap:14px; }
.dp-ident{ display:flex; align-items:center; gap:14px; min-width:0; }
.dp-logo{ height:40px; max-width:160px; object-fit:contain; object-position:left center; flex-shrink:0;
          padding-right:14px; border-right:1px solid #e6ebf3; }
.dp-identt{ min-width:0; }
.dp-naam{ font-family:'Fraunces',Georgia,serif; font-size:1.02rem; font-weight:600; color:#0f172a; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-van{ font-size:.8rem; color:#64748b; line-height:1.35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-topact{ margin-left:auto; display:flex; align-items:center; gap:8px; flex-shrink:0; }
.dp-verzoek{ position:relative; }
.dp-verzoek > summary{
  list-style:none; cursor:pointer; display:inline-flex; align-items:center; gap:7px;
  border:1px solid #d7dfea; background:#fff; color:#1f2937; border-radius:9px;
  padding:.44rem .8rem; font-size:.85rem; font-weight:600;
}
.dp-verzoek > summary::-webkit-details-marker{ display:none; }
.dp-verzoek > summary:hover{ background:#f6f8fb; }
.dp-verzoek[open] > summary{ background:#f6f8fb; }
.dp-verzoek-paneel{
  position:absolute; right:0; top:calc(100% + 8px); z-index:30; width:min(340px,86vw);
  background:#fff; border:1px solid #d7dfea; border-radius:12px; padding:14px;
  box-shadow:0 12px 30px -12px rgba(15,23,42,.35); text-align:left;
}
.dp-verzoek-paneel p{ margin:0 0 9px; font-size:.82rem; color:#5b6675; line-height:1.4; }
.dp-verzoek-paneel input, .dp-verzoek-paneel textarea{
  width:100%; box-sizing:border-box; border:1px solid #d7dfea; border-radius:8px;
  padding:.5rem .6rem; font:inherit; font-size:.86rem; margin-bottom:8px; background:#fff; color:#111827;
}
.dp-verzoek-paneel textarea{ min-height:88px; resize:vertical; }
.dp-verzoek-paneel button{
  width:100%; border:0; border-radius:8px; padding:.55rem .9rem; font:inherit;
  font-weight:600; font-size:.86rem; cursor:pointer; background:var(--dr-accent); color:var(--dr-op-accent);
}
@media (max-width:600px){
  .dp-topin{ flex-wrap:wrap; }
  .dp-topact{ margin-left:0; flex-basis:100%; justify-content:flex-end; }
  .dp-verzoek > summary{ justify-content:center; }
  .dp-verzoek-paneel{ right:0; left:auto; width:min(340px,92vw); }
}
.dp-shell{ max-width:980px; margin:1.7rem auto 4rem; padding:0 1rem; }
@media (min-width:1500px){
  body.dp-breed .dp-shell{ max-width:1400px; }
  body.dp-breed .dp-topin{ max-width:1400px; }
  body.dp-breed .dp-tegels, body.dp-breed .dp-raster{
    grid-template-columns:repeat(auto-fill, minmax(260px, 1fr)); }
}
.dp-demo{ margin:0 0 14px; padding:0; border-radius:12px; background:#0f172a;
  color:#e2e8f0; font-size:.86rem; line-height:1.55; }
.dp-demo > summary{ display:flex; gap:10px; align-items:center; padding:11px 14px; cursor:pointer;
  list-style:none; border-radius:12px; }
.dp-demo > summary::-webkit-details-marker{ display:none; }
.dp-demo > summary::marker{ content:""; }
.dp-demo > summary:focus-visible{ outline:2px solid #93c5fd; outline-offset:2px; }
.dp-demo svg{ flex:0 0 auto; color:#94a3b8; }
.dp-demo .dp-demo-kop{ min-width:0; flex:1 1 auto; }
.dp-demo b{ color:#fff; font-weight:600; }
.dp-demo .dp-demo-meer{ flex:0 0 auto; font-size:.8rem; color:#cbd5e1; text-decoration:underline;
  text-underline-offset:2px; }
.dp-demo[open] > summary .dp-demo-meer{ display:none; }
.dp-demo[open] > summary{ padding-bottom:1px; }
.dp-demo .dp-demo-uit{ padding:0 14px 11px 41px; }
.dp-demo .dp-demo-uit p{ margin:0; }
.dp-demo code{ font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  background:rgba(255,255,255,.14); border-radius:5px; padding:1px 6px; color:#fff; }
.dp-demo a{ color:#fff; text-decoration:underline; text-underline-offset:2px; }
@media (max-width:600px){
  .dp-demo{ font-size:.82rem; }
  .dp-demo > summary{ padding:9px 12px; min-height:44px; box-sizing:border-box; }
  .dp-demo .dp-demo-uit{ padding:0 12px 11px 12px; }
}
.dp-card{ background:#fff; border:1px solid #e5e9f0; border-radius:18px; padding:26px 26px 22px; box-shadow:0 16px 40px -26px rgba(15,23,42,.35); }
.dp-title{ font-family:'Fraunces',Georgia,serif; font-size:1.5rem; color:#0f172a; margin:0 0 4px; font-weight:600; letter-spacing:-.02em; }
.dp-client{ color:#64748b; font-size:.95rem; margin:0 0 16px; }
.dp-intro{ color:#334155; font-size:.93rem; line-height:1.6; white-space:pre-wrap; background:#f8fafc; border:1px solid #eef2f7; border-radius:12px; padding:12px 14px; margin:0 0 18px; }
.dp-introwrap{ margin:0 0 8px; }
.dp-introwrap .dp-intro{ margin:0; position:relative; }
.dp-introwrap.is-kort .dp-intro{ max-height:8em; overflow:hidden; padding-bottom:0; }
.dp-introwrap.is-kort .dp-intro::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1.7em; background:linear-gradient(rgba(248,250,252,0), #f8fafc); pointer-events:none; }
.dp-introknop{ display:none; margin:6px 0 0; background:none; border:none; color:var(--dr-accent-tekst); font:inherit; font-size:.88rem; font-weight:600; cursor:pointer; padding:4px 2px; }
.dp-introwrap.is-lang .dp-introknop{ display:inline-block; }
.dp-hero{ position:relative; height:220px; border:1px solid #e5e9f0; border-bottom:0; border-radius:18px 18px 0 0; overflow:hidden; background:#0f172a; }
.dp-hero-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.dp-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(15,23,42,0) 38%, rgba(15,23,42,.20) 72%, rgba(15,23,42,.40) 100%); pointer-events:none; }
.dp-hero-tekst{ position:absolute; left:0; right:0; bottom:0; z-index:1; max-width:100%; padding:14px 22px 16px;
  background:rgba(15,23,42,.72); }
.dp-hero-tekst::before{ content:""; position:absolute; left:0; right:0; bottom:100%; height:54px;
  background:linear-gradient(180deg, rgba(15,23,42,0), rgba(15,23,42,.72)); pointer-events:none; }
.dp-hero-h1{ color:#fff; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-shadow:0 1px 3px rgba(15,23,42,.6); }
.dp-hero-client{ color:#e2e8f0; margin:2px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-shadow:0 1px 3px rgba(15,23,42,.6); }
.dp-card.met-band{ border-radius:0 0 18px 18px; border-top:0; }
.dp-verkenner.zonder-kop{ border-top:0; margin-top:0; padding-top:2px; }
.dp-verkenner{ border-top:1px solid #eef2f7; margin-top:10px; padding-top:16px; }
.dp-melding{ background:#fff7ed; border:1px solid #fed7aa; color:#9a3412; border-radius:10px; padding:10px 14px; font-size:.9rem; margin:0 0 14px; }
.dp-balk{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 12px; }
.dp-kruimels{ display:flex; align-items:center; gap:2px; min-width:0; flex:1 1 260px; overflow-x:auto; white-space:nowrap; font-size:.92rem; scrollbar-width:thin; padding:2px 0; }
.dp-kruimels button{ background:none; border:none; padding:4px 6px; border-radius:7px; color:var(--dr-accent-tekst); font:inherit; font-size:.92rem; font-weight:500; cursor:pointer; }
.dp-kruimels button:hover{ background:#eef4fd; }
.dp-kruimels .sep{ color:#94a3b8; padding:0 1px; }
.dp-kruimels .huidig{ color:#0f172a; font-weight:600; padding:4px 6px; }
.dp-werk{ display:flex; align-items:center; gap:8px; margin-left:auto; }
.dp-zoek{ position:relative; display:inline-flex; align-items:center; }
.dp-zoek svg{ position:absolute; left:10px; color:#94a3b8; pointer-events:none; }
.dp-zoek input{ padding:.5rem .7rem .5rem 32px; border:1px solid #cbd5e1; border-radius:9px; font:inherit; font-size:.88rem; width:220px; background:#fff; color:#0f172a; }
.dp-zoek input:focus{ outline:2px solid var(--dr-focus); border-color:var(--dr-accent-tekst); }
.dp-sortmob{ display:none; position:relative; align-items:center; }
.dp-sortmob .dp-sortik{ display:none; }
.dp-sortmob > svg{ position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#64748b; pointer-events:none; }
.dp-sortmob select{ -webkit-appearance:none; appearance:none; cursor:pointer;
  padding:.5rem 30px .5rem .7rem; border:1px solid #cbd5e1; border-radius:9px; font:inherit; font-size:.88rem;
  background:#fff; color:#0f172a; max-width:100%; }
.dp-sortmob select:hover{ border-color:#94a3b8; }
.dp-sortmob select:focus{ outline:2px solid var(--dr-focus); border-color:var(--dr-accent-tekst); }
.dp-status{ color:#64748b; font-size:.92rem; padding:32px 10px; text-align:center; }
.dp-status a, .dp-status button{ color:var(--dr-accent-tekst); background:none; border:none; font:inherit; font-size:.92rem; font-weight:600; cursor:pointer; padding:2px 0; text-decoration:underline; }
.dp-status button:focus-visible{ outline:2px solid var(--dr-focus); outline-offset:2px; }
.dp-tabel{ width:100%; border-collapse:collapse; table-layout:fixed; }
.dp-tabel th{ text-align:left; font-size:.78rem; font-weight:600; color:#64748b; text-transform:uppercase; letter-spacing:.04em; padding:6px 10px; border-bottom:1px solid #e5e9f0; }
.dp-tabel th button{ background:none; border:none; padding:0; font:inherit; color:inherit; cursor:pointer; text-transform:inherit; letter-spacing:inherit; display:inline-flex; align-items:center; gap:4px; }
.dp-tabel th button:hover{ color:#0f172a; }
.dp-tabel th button .pijl{ font-size:.7rem; opacity:0; }
.dp-tabel th[aria-sort="ascending"] button, .dp-tabel th[aria-sort="descending"] button{ color:#0f172a; }
.dp-tabel th[aria-sort] button .pijl{ opacity:1; }
.dp-tabel .k-tijd{ width:112px; }
.dp-tabel .k-maat{ width:84px; }
.dp-tabel .k-act{ width:112px; }
@media (max-width:900px){
  .dp-tabel .k-tijd, .dp-rij .c-tijd{ display:none; }
}
.dp-rij{ cursor:pointer; }
.dp-rij td{ padding:9px 10px; border-bottom:1px solid #eef2f7; vertical-align:middle; }
.dp-rij:hover td{ background:#f8fafc; }
.dp-rij:focus{ outline:none; }
.dp-rij:focus-visible td{ background:#eef4fd; box-shadow:inset 3px 0 0 var(--dr-accent-tekst); }
.dp-rij .c-naam{ display:flex; align-items:center; gap:12px; min-width:0; }
.dp-rij .ic{ width:38px; height:38px; border-radius:9px; background:#eef4fd; color:var(--dr-accent-tekst); display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; overflow:hidden; }
.dp-rij[data-soort="map"] .ic{ background:#fff4e0; color:#c2410c; }
.dp-rij .ic-thumb{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.dp-rij .nm-wrap{ min-width:0; }
.dp-rij .nm{ font-weight:500; color:#0f172a; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-rij .sub{ display:none; font-size:.78rem; color:#64748b; margin-top:2px; }
.dp-zoekt .dp-rij .sub{ display:block; }
.dp-rij .sub .dp-loc{ margin-left:8px; }
.dp-rij .c-tijd, .dp-rij .c-maat{ font-size:.86rem; color:#64748b; white-space:nowrap; }
.dp-rij .c-act{ text-align:right; }
.dp-actions{ display:inline-flex; align-items:center; justify-content:flex-end; flex-wrap:nowrap; gap:4px; max-width:100%; }
.dp-dl{ display:inline-flex; align-items:center; gap:7px; background:var(--dr-accent); color:var(--dr-op-accent); border:1px solid var(--dr-rand-accent); border-radius:10px; padding:.55rem 1rem; font:inherit; font-size:.88rem; font-weight:600; text-decoration:none; white-space:nowrap; cursor:pointer; }
.dp-dl:hover{ filter:brightness(1.08); }
.dp-act{ display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; flex-shrink:0; padding:0; border:1px solid transparent; border-radius:9px; background:none; color:#64748b; font:inherit; text-decoration:none; cursor:pointer; }
.dp-act:hover{ background:#eef4fd; border-color:#d9e4f5; color:var(--dr-accent-tekst); }
.dp-rij .dp-actions{ opacity:0; pointer-events:none; transition:opacity .12s ease; }
.dp-rij:hover .dp-actions, .dp-rij:focus-within .dp-actions, .dp-rij:focus-visible .dp-actions{ opacity:1; pointer-events:auto; }
@media (hover:none){
  .dp-rij .dp-actions{ opacity:1; pointer-events:auto; }
  .dp-act{ width:40px; height:40px; }
}
@media (prefers-reduced-motion:reduce){ .dp-rij .dp-actions{ transition:none; } }
.dp-dl:focus-visible, .dp-act:focus-visible, .dp-kruimels button:focus-visible, .dp-introknop:focus-visible{ outline:2px solid var(--dr-focus); outline-offset:1px; }
.dp-leeg{ text-align:center; padding:42px 10px 34px; color:#64748b; }
.dp-leeg .lk{ width:56px; height:56px; border-radius:14px; background:#f1f5f9; color:#94a3b8; display:flex; align-items:center; justify-content:center; margin:0 auto 12px; }
.dp-leeg p{ margin:0; font-size:.95rem; }
.dp-empty{ color:#94a3b8; font-size:.95rem; text-align:center; padding:20px 0; }
.dp-foot{ text-align:center; color:#5b6b7d; font-size:.8rem; margin-top:22px; }
.dp-foot a{ color:#5b6b7d; }
.dp-lock{ text-align:center; padding:20px 0 12px; }
.dp-lock .lk{ width:52px; height:52px; border-radius:50%; background:#eef4fd; color:var(--dr-accent-tekst); display:flex; align-items:center; justify-content:center; margin:0 auto 12px; }
.dp-lock input{ display:block; margin:0 auto; padding:.6rem .8rem; border:1px solid #cbd5e1; border-radius:10px; font:inherit; font-size:.95rem; width:100%; max-width:280px; }
.dp-lock input:focus{ outline:2px solid var(--dr-focus); border-color:var(--dr-accent-tekst); }
.dp-lock button{ margin-top:12px; border:1px solid var(--dr-rand-accent); background:var(--dr-accent); color:var(--dr-op-accent); border-radius:10px; padding:.6rem 1.4rem; font:inherit; font-size:.95rem; font-weight:600; cursor:pointer; }
.dp-ok{ margin:0 0 12px; padding:.6rem .8rem; border-radius:9px; background:#e8f5ec; border:1px solid #bcdfc8; color:#166534; font-size:.88rem; }
.dp-err{ color:#b42318; font-size:.88rem; margin-top:10px; }
[hidden]{ display:none !important; }
.vis-hidden{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.dp-zip-los{ display:inline-flex; align-items:flex-start; gap:7px; max-width:100%;
  font-size:.82rem; color:#475569; line-height:1.35; padding:.42rem .7rem;
  border:1px solid #e2e8f0; background:#f8fafc; border-radius:9px; }
.dp-zip-los svg{ flex-shrink:0; margin-top:1px; color:#94a3b8; }
.dp-zoekinfo{ display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin:0 0 12px; padding:.5rem .8rem; border:1px solid #e2e8f0; background:#f8fafc;
  border-radius:10px; font-size:.86rem; color:#475569; }
.dp-zoekinfo .tel{ font-weight:600; color:#0f172a; }
.dp-zoekinfo .meer{ color:#9a3412; }
.dp-zoekinfo button{ margin-left:auto; background:none; border:none; padding:6px 4px; font:inherit;
  font-size:.84rem; font-weight:600; color:var(--dr-accent-tekst); cursor:pointer; text-decoration:underline; }
.dp-zoekinfo button:focus-visible{ outline:2px solid var(--dr-focus); outline-offset:2px; }
.dp-loc{ display:inline-flex; align-items:center; gap:5px; min-width:0; max-width:100%;
  font-size:.78rem; color:#64748b; }
.dp-loc svg{ width:13px; height:13px; flex-shrink:0; color:#c2410c; }
.dp-loc .p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-groepkop{ display:flex; align-items:center; gap:10px; margin:0 0 10px;
  font-family:'Inter Tight',system-ui,sans-serif; font-size:.76rem; font-weight:700;
  text-transform:uppercase; letter-spacing:.06em; color:#64748b; }
.dp-groepkop .n{ font-weight:600; color:#94a3b8; letter-spacing:0; text-transform:none; }
.dp-groepkop::after{ content:""; flex:1 1 auto; height:1px; background:#eef2f7; }
.dp-tegels, .dp-raster{ display:grid; grid-template-columns:repeat(auto-fill, minmax(220px, 1fr)); gap:16px; align-items:stretch; }
.dp-tegels{ margin:0 0 22px; }
.dp-tegel{ position:relative; display:flex; flex-direction:column; min-width:0; border:1px solid #e5e9f0; border-radius:14px; background:#fff; overflow:hidden; box-shadow:0 10px 26px -22px rgba(15,23,42,.35); }
.dp-tegel-link{ display:block; color:inherit; text-decoration:none; min-width:0; }
.dp-tegel-link:hover .dp-tegel-naam{ color:var(--dr-accent-tekst); }
.dp-tegel-link:focus-visible{ outline:2px solid var(--dr-focus); outline-offset:-2px; }
.dp-mozaiek{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); grid-template-rows:1fr 1fr; aspect-ratio:4/5; gap:2px; background:#eef2f7; }
.dp-mozaiek > *{ min-width:0; overflow:hidden; }
.dp-mozaiek img{ width:100%; height:100%; object-fit:cover; display:block; }
.dp-mozaiek .een{ grid-column:1/3; grid-row:1/3; }
.dp-mozaiek .breed{ grid-row:1/3; }
.dp-mozaiek .leeg{ background:#f1f5f9; display:flex; align-items:center; justify-content:center; color:#64748b; font-size:.82rem; font-weight:600; }
.dp-mozaiek .vlak{ grid-column:1/3; grid-row:1/3; display:flex; align-items:center; justify-content:center; background:#f1f5f9; color:#94a3b8; position:relative; }
.dp-mozaiek .vlak svg{ width:34px; height:34px; }
.dp-mozaiek .video{ background:#0b1220; color:#fff; }
.dp-play{ width:52px; height:52px; border-radius:50%; background:var(--dr-accent); color:var(--dr-op-accent); border:1px solid var(--dr-rand-accent); display:inline-flex; align-items:center; justify-content:center; }
.dp-play svg{ width:22px; height:22px; margin-left:3px; }
.dp-mozaiek .video .n{ position:absolute; right:10px; bottom:8px; font-size:.75rem; background:rgba(0,0,0,.6); color:#fff; padding:2px 7px; border-radius:6px; }
.dp-tegel-body, .dp-kaart-tekst{ padding:10px 48px 12px 12px; display:flex; flex-direction:column; gap:3px; min-width:0; }
.dp-tegel-naam, .dp-kaart-naam{ font-weight:600; color:#0f172a; font-size:.94rem; line-height:1.3;
  overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2;
  overflow-wrap:anywhere; }
.dp-tegel-sub, .dp-kaart-sub{ color:#64748b; font-size:.79rem; line-height:1.35; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-tegel-los{ align-self:flex-start; max-width:100%; font-size:.72rem; color:#9a3412; background:#fff7ed;
  border:1px solid #fed7aa; border-radius:99px; padding:1px 9px; line-height:1.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-kaart{ position:relative; display:flex; flex-direction:column; min-width:0; border:1px solid #e5e9f0; border-radius:14px; background:#fff; overflow:hidden; box-shadow:0 10px 26px -22px rgba(15,23,42,.35); }
.dp-kaart-open{ display:flex; flex-direction:column; width:100%; min-width:0; padding:0; border:0; background:none; font:inherit; color:inherit; text-align:left; cursor:pointer; text-decoration:none; }
.dp-kaart-open:hover .dp-kaart-naam{ color:var(--dr-accent-tekst); }
.dp-kaart-open:focus-visible{ outline:2px solid var(--dr-focus); outline-offset:-2px; }
.dp-kaart-beeld{ aspect-ratio:4/5; background:#f1f5f9; display:flex; align-items:center; justify-content:center; color:#94a3b8; position:relative; overflow:hidden; }
.dp-kaart-beeld img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:block;
  filter:drop-shadow(0 0 0.5px rgba(15,23,42,.35)) drop-shadow(0 2px 6px rgba(15,23,42,.10)); }
.dp-kaart-beeld svg{ width:34px; height:34px; }
.dp-kaart-beeld.video{ background:#0b1220; color:#fff; }
.dp-kaart-beeld.video img{ filter:none; }
.dp-kaart-beeld .dp-play{ width:44px; height:44px; }
.dp-kaart-type{ position:absolute; left:8px; bottom:8px; z-index:1;
  font-size:.66rem; font-weight:700; letter-spacing:.04em; line-height:1.5;
  padding:1px 7px; border-radius:6px; background:rgba(15,23,42,.72); color:#fff; }
.dp-tegel > .dp-act, .dp-kaart > .dp-act{ position:absolute; right:7px; bottom:8px; width:36px; height:36px;
  background:rgba(255,255,255,.94); border-color:#e5e9f0; color:#475569;
  opacity:0; pointer-events:none; transition:opacity .12s ease; }
.dp-tegel:hover > .dp-act, .dp-kaart:hover > .dp-act,
.dp-tegel:focus-within > .dp-act, .dp-kaart:focus-within > .dp-act{ opacity:1; pointer-events:auto; }
.dp-tegel > .dp-act:hover, .dp-kaart > .dp-act:hover{ background:#eef4fd; border-color:#d9e4f5; color:var(--dr-accent-tekst); }
@media (hover:none){
  .dp-tegel > .dp-act, .dp-kaart > .dp-act{ opacity:1; pointer-events:auto; width:40px; height:40px; }
}
@media (prefers-reduced-motion:reduce){ .dp-tegel > .dp-act, .dp-kaart > .dp-act{ transition:none; } }
.dp-verkenner:not(.dp-w-lijst) .dp-sortmob{ display:inline-flex; }
.dp-view{ display:inline-flex; border:1px solid #d7dfea; border-radius:9px; overflow:hidden; flex-shrink:0; background:#fff; }
.dp-view button{ border:0; background:none; color:#64748b; font:inherit; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; width:38px; height:38px; }
.dp-view button + button{ border-left:1px solid #e6ebf3; }
.dp-view button:hover{ background:#f6f8fb; color:#334155; }
.dp-view button[aria-pressed="true"]{ background:var(--dr-accent); color:var(--dr-op-accent); }
.dp-view button:focus-visible{ outline:2px solid var(--dr-focus); outline-offset:-2px; }
.dp-viewmob{ display:none; position:relative; align-items:center; }
.dp-viewmob select{ position:absolute; inset:0; width:100%; height:100%; min-height:0;
  padding:0; margin:0; border:0; opacity:0; font:inherit; cursor:pointer; }
.dp-viewmob .ik{ color:#334155; pointer-events:none; display:block; }
@media (max-width:600px){
  .dp-view{ display:none; }
  .dp-viewmob{ display:inline-flex; flex:0 0 44px; width:44px; height:44px; justify-content:center;
    border:1px solid #d7dfea; border-radius:9px; background:#fff; }
  .dp-viewmob.is-aan{ background:var(--dr-accent); border-color:var(--dr-rand-accent); }
  .dp-viewmob.is-aan .ik{ color:var(--dr-op-accent); }
}
.dp-contact{ display:grid; grid-template-columns:repeat(auto-fill, minmax(110px, 1fr)); gap:6px; margin:0 0 22px; }
.dp-cel{ position:relative; aspect-ratio:1; min-width:0; padding:0; border:1px solid #e5e9f0; border-radius:8px;
  background:#f1f5f9; overflow:hidden; cursor:pointer; display:block; width:100%;
  color:#64748b; font:inherit; text-align:left; text-decoration:none; }
.dp-cel:hover{ border-color:#cbd5e1; }
.dp-cel:focus-visible{ outline:2px solid var(--dr-focus); outline-offset:1px; }
.dp-cel img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.dp-cel.video{ background:#0b1220; color:#fff; }
.dp-cel-geen{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  font-size:.72rem; font-weight:700; letter-spacing:.04em; color:#94a3b8; text-align:center; padding:4px; }
.dp-cel .dp-play{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:34px; height:34px; }
.dp-cel .dp-play svg{ width:15px; height:15px; }
.dp-cel-nm{ position:absolute; left:0; right:0; bottom:0; padding:4px 6px; font-size:.68rem; line-height:1.3;
  background:rgba(15,23,42,.78); color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  opacity:0; transition:opacity .12s ease; }
.dp-cel:hover .dp-cel-nm, .dp-cel:focus-visible .dp-cel-nm{ opacity:1; }
@media (prefers-reduced-motion:reduce){ .dp-cel-nm{ transition:none; } }
.dp-contactvak{ position:relative; min-width:0; }
.dp-contactvak > .dp-hart{ position:absolute; right:3px; top:3px; z-index:2; min-width:30px; height:30px; padding:0 5px;
  background:rgba(255,255,255,.92); border-color:rgba(15,23,42,.18); border-radius:8px;
  box-shadow:0 2px 8px -3px rgba(15,23,42,.5); }
.dp-contactvak > .dp-hart[aria-pressed="true"]{ background:#fff1f2; }
.dp-cel.is-mislukt .dp-cel-geen{ color:#64748b; }
.dp-dia{ margin:0 0 22px; }
.dp-overlay.dp-ov-in{ position:static; inset:auto; z-index:auto; border:1px solid #1f2a44;
  border-radius:14px; overflow:hidden; }
.dp-ov-in .dp-ov-body{ height:min(68vh, 720px); flex:0 0 auto; }
.dp-ov-in #dpOvSluit{ display:none; }
.dp-dia-leeg{ padding:26px 12px; text-align:center; color:#64748b; font-size:.92rem; }
@media (max-width:600px){
  .dp-ov-in .dp-ov-body{ height:min(56vh, 520px); }
}
.dp-tabel .k-rv{ width:176px; }
.dp-hart{ display:inline-flex; align-items:center; justify-content:center; gap:4px; min-width:34px; height:34px; padding:0 8px; border:1px solid transparent; border-radius:9px; background:none; color:#64748b; font:inherit; font-size:.82rem; font-weight:600; cursor:pointer; flex-shrink:0; }
.dp-hart svg{ width:17px; height:17px; flex-shrink:0; }
.dp-hart:hover{ background:#fff1f2; border-color:#fecdd3; color:#be123c; }
.dp-hart[aria-pressed="true"]{ color:#be123c; }
.dp-hart[aria-pressed="true"] svg{ fill:currentColor; }
.dp-hart:focus-visible{ outline:2px solid var(--dr-focus); outline-offset:1px; }
.dp-rij .c-rv{ white-space:nowrap; }
.dp-rij .c-rv .dp-rvcel{ display:inline-flex; align-items:center; gap:6px; }
.dp-rvinfo{ display:inline-flex; align-items:center; gap:7px; font-size:.78rem; color:#64748b; white-space:nowrap; font-variant-numeric:tabular-nums; }
.dp-rvinfo:empty{ display:none; }
.dp-hart .n:empty{ display:none; }
.dp-rvinfo svg{ width:13px; height:13px; }
.dp-rvinfo .n{ display:inline-flex; align-items:center; gap:3px; }
.dp-rvbadge{ display:inline-flex; align-items:center; gap:3px; border-radius:99px; padding:1px 7px; font-size:.72rem; font-weight:700; line-height:1.4; }
.dp-rvbadge.goed{ background:#e8f5ec; color:#166534; }
.dp-rvbadge.aanpassen{ background:#fff7ed; color:#9a3412; }
.dp-rij .sub .sub-rv{ display:none; margin-left:8px; }
.dp-oordeel{ display:flex; gap:5px; flex-wrap:wrap; min-width:0; }
.dp-oordeelknop{ min-height:32px; max-width:100%; min-width:0; border:1px solid #d7dfea; border-radius:8px; background:#fff;
  color:#475569; font:inherit; font-size:.76rem; font-weight:600; line-height:1.2; cursor:pointer;
  display:inline-flex; align-items:center; justify-content:center; gap:5px; padding:0 9px; }
.dp-oordeelknop .ik{ flex:0 0 auto; font-size:.86rem; }
.dp-oordeelknop .lbl{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-oordeelknop:hover{ background:#f6f8fb; color:#1f2937; }
.dp-oordeelknop:focus-visible{ outline:2px solid var(--dr-focus); outline-offset:1px; }
.dp-oordeelknop.goed[aria-pressed="true"]{ background:#e8f5ec; border-color:#86c79c; color:#166534; }
.dp-oordeelknop.nee[aria-pressed="true"]{ background:#fff7ed; border-color:#fdba74; color:#9a3412; }
.dp-kaart > .dp-oordeel{ padding:2px 48px 10px 12px; }
.dp-rij .dp-oordeelknop .lbl{ display:none; }
.dp-rij .dp-oordeelknop{ width:32px; padding:0; }
@media (max-width:600px){
  .dp-oordeelknop{ min-height:40px; }
  .dp-kaart > .dp-oordeel{ padding:2px 44px 8px 9px; }
  .dp-rij .dp-oordeelknop{ width:40px; }
}
.dp-kaart .dp-hart{ position:absolute; top:6px; right:6px; z-index:1; width:36px; min-width:36px; height:36px; padding:0; border-radius:50%; background:rgba(255,255,255,.94); color:#475569; border-color:transparent;
  box-shadow:0 0 0 1px rgba(15,23,42,.14), 0 2px 6px rgba(15,23,42,.28); }
.dp-kaart .dp-hart[aria-pressed="true"]{ color:#be123c; }
.dp-tegel-body > .dp-rvinfo, .dp-kaart-tekst > .dp-rvinfo{
  margin-top:1px; display:flex; flex-wrap:wrap; white-space:normal; row-gap:4px; max-width:100%; }
.dp-tegel-body > .dp-rvinfo .dp-rvbadge, .dp-kaart-tekst > .dp-rvinfo .dp-rvbadge{
  max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-melding.rv{ background:#fef2f2; border-color:#fecaca; color:#991b1b; }
.dp-rvbalk{ margin:0 0 14px; padding:11px 14px; border-radius:11px;
  background:color-mix(in srgb, var(--dr-accent) 7%, #fff); border:1px solid color-mix(in srgb, var(--dr-accent) 18%, #fff); }
.dp-rvbalk-uitleg{ margin:0; font-size:.86rem; line-height:1.45; color:#334155; }
.dp-rvbalk-uitleg .kort{ display:none; }
.dp-rvbalk-stand{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:9px; }
.dp-rvbalk-tel{ display:flex; align-items:center; gap:10px; min-width:0; flex:1 1 220px; font-size:.84rem; font-weight:600; color:#1f2937; }
.dp-rvbalk-bar{ flex:1 1 90px; max-width:190px; height:6px; border-radius:99px; background:rgba(15,23,42,.10); overflow:hidden; }
.dp-rvbalk-bar i{ display:block; height:100%; width:0; border-radius:99px; background:var(--dr-accent); transition:width .25s ease; }
@media (prefers-reduced-motion:reduce){ .dp-rvbalk-bar i{ transition:none; } }
.dp-rvbalk-chips{ display:flex; gap:7px; flex-wrap:wrap; }
.dp-rvchip{ min-height:34px; border-radius:99px; border:1px solid #cfdae8; background:#fff; color:#334155;
  font:inherit; font-size:.8rem; font-weight:600; padding:0 12px; cursor:pointer; }
.dp-rvchip:hover{ background:#f6f8fb; }
.dp-rvchip:focus-visible{ outline:2px solid var(--dr-focus); outline-offset:1px; }
.dp-rvchip[aria-pressed="true"]{ background:var(--dr-accent); color:var(--dr-op-accent); border-color:var(--dr-rand-accent); }
@media (max-width:600px){
  .dp-rvchip{ min-height:40px; padding:0 14px; }
  .dp-rvbalk{ padding:10px 12px; }
}
.dp-ov-body{ display:flex; }
.dp-ov-body iframe{ flex:1 1 auto; min-width:0; }
.dp-rv{ flex:0 0 340px; width:340px; max-width:100%; background:#fff; color:#0f172a; border-left:1px solid #e3e9f2; display:flex; flex-direction:column; min-height:0; overflow-y:auto; padding:14px; gap:12px; position:relative; z-index:2; box-sizing:border-box; }
.dp-rv-acties{ display:flex; gap:8px; flex-wrap:wrap; }
.dp-rv-acties button{ min-height:40px; border-radius:10px; border:1px solid #d7dfea; background:#fff; color:#1f2937; font:inherit; font-size:.86rem; font-weight:600; padding:0 12px; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
.dp-rv-acties button:hover{ background:#f6f8fb; }
.dp-rv-acties button:focus-visible{ outline:2px solid var(--dr-focus); outline-offset:1px; }
.dp-rv-acties .dp-hart{ height:40px; border-color:#d7dfea; }
.dp-rv-goed[aria-pressed="true"]{ background:#e8f5ec; border-color:#86c79c; color:#166534; }
.dp-rv-nee[aria-pressed="true"]{ background:#fff7ed; border-color:#fdba74; color:#9a3412; }
.dp-rv label{ display:block; font-size:.82rem; font-weight:600; color:#334155; margin:0 0 5px; }
.dp-rv textarea{ width:100%; box-sizing:border-box; border:1px solid #d7dfea; border-radius:9px; padding:.55rem .65rem; font:inherit; font-size:.88rem; min-height:72px; resize:vertical; background:#fff; color:#111827; }
.dp-rv textarea:focus{ outline:2px solid var(--dr-focus); border-color:var(--dr-accent-tekst); }
.dp-rv-knoppen{ display:flex; align-items:center; justify-content:flex-end; gap:8px; margin-top:8px; flex-wrap:wrap; }
.dp-rv-knoppen .dp-dl{ min-height:40px; }
.dp-rv-licht{ min-height:40px; border:1px solid #d7dfea; background:#fff; color:#334155; border-radius:10px; padding:0 12px; font:inherit; font-size:.86rem; font-weight:600; cursor:pointer; }
.dp-rv-redenform{ background:#fff7ed; border:1px solid #fed7aa; border-radius:10px; padding:10px 12px; }
.dp-rv-kop{ font-size:.82rem; text-transform:uppercase; letter-spacing:.04em; color:#64748b; margin:4px 0 0; font-weight:700; }
.dp-rv-samenvatting{ font-size:.84rem; color:#334155; line-height:1.45; }
.dp-rv-samenvatting .dp-rv-item{ padding:6px 0; }
.dp-rv-lijst{ display:flex; flex-direction:column; }
.dp-rv-item{ padding:8px 0; border-bottom:1px solid #eef2f7; font-size:.88rem; }
.dp-rv-item.antwoord{ margin-left:14px; padding-left:10px; border-left:2px solid var(--dr-accent);
  border-bottom:0; background:#f8fafc; border-radius:0 8px 8px 0; }
.dp-rv-item .afz{ margin-left:6px; font-size:.7rem; font-weight:700; letter-spacing:.02em;
  padding:1px 6px; border-radius:99px; background:var(--dr-accent); color:var(--dr-op-accent); }
.dp-rv-item .wie{ font-weight:600; font-size:.82rem; color:#0f172a; }
.dp-rv-item .jij{ font-weight:500; color:#64748b; }
.dp-rv-item .tijd{ color:#94a3b8; font-size:.76rem; margin-left:6px; }
.dp-rv-item .tekst{ white-space:pre-wrap; margin-top:3px; line-height:1.45; overflow-wrap:anywhere; }
.dp-rv-leeg{ color:#64748b; font-size:.86rem; margin:0; }
.dp-rv-wie{ margin-right:auto; font-size:.78rem; color:#64748b; min-width:0; overflow:hidden; text-overflow:ellipsis; }
.dp-rv-wie b{ color:#0f172a; font-weight:600; }
.dp-rv-wie button{ background:none; border:none; color:var(--dr-accent-tekst); font:inherit; font-size:.78rem; font-weight:600; cursor:pointer; padding:6px 4px; text-decoration:underline; }
.dp-ov-knoppen .dp-ov-rv{ width:auto; padding:0 10px; gap:6px; font-size:.84rem; font-weight:600; }
.dp-ov-knoppen .dp-ov-rv[aria-pressed="true"]{ background:#2c3a5c; }
.dp-ov-knoppen .dp-ov-rv .tel{ background:rgba(255,255,255,.14); border-radius:99px; padding:0 6px; font-size:.76rem; }
.dp-wie{ position:fixed; inset:0; z-index:70; background:rgba(15,23,42,.55); display:flex; align-items:center; justify-content:center; padding:16px; }
.dp-wie-kaart{ background:#fff; color:#0f172a; border-radius:14px; padding:20px; width:min(440px, 100%); box-sizing:border-box; box-shadow:0 24px 60px -20px rgba(0,0,0,.5); }
.dp-wie-kaart h2{ font-family:'Fraunces',Georgia,serif; font-size:1.25rem; margin:0 0 6px; font-weight:600; }
.dp-wie-kaart p{ margin:0 0 12px; font-size:.86rem; color:#5b6675; line-height:1.45; }
.dp-wie-kaart label{ display:block; font-size:.82rem; font-weight:600; color:#334155; margin:0 0 5px; }
.dp-wie-kaart input{ display:block; width:100%; box-sizing:border-box; min-height:44px; border:1px solid #d7dfea; border-radius:9px; padding:.5rem .7rem; font:inherit; font-size:.92rem; margin:0 0 12px; background:#fff; color:#111827; }
.dp-wie-kaart input:focus{ outline:2px solid var(--dr-focus); border-color:var(--dr-accent-tekst); }
.dp-wie-knoppen{ display:flex; justify-content:flex-end; gap:8px; margin-top:4px; }
.dp-wie-knoppen .dp-dl{ min-height:44px; }
.dp-wie-knoppen .dp-rv-licht{ min-height:44px; }
.dp-overlay{ position:fixed; inset:0; z-index:60; background:#0b1220; display:flex; flex-direction:column; }
.dp-ov-kop{ display:flex; align-items:center; gap:10px; padding:10px 14px; background:#111a2e; color:#e2e8f0; border-bottom:1px solid #1f2a44; flex-shrink:0; }
.dp-ov-titel{ min-width:0; flex:1 1 auto; }
.dp-ov-titel .nm{ font-weight:600; font-size:.98rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#f8fafc; }
.dp-ov-titel .pd{ font-size:.78rem; color:#94a3b8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dp-ov-knoppen{ display:inline-flex; align-items:center; gap:6px; flex-shrink:0; }
.dp-ov-knoppen .pos{ font-size:.8rem; color:#94a3b8; padding:0 6px; }
.dp-ov-knoppen button{ background:#1f2a44; color:#e2e8f0; border:1px solid #2c3a5c; border-radius:9px; width:38px; height:36px; font:inherit; font-size:1rem; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; }
.dp-ov-knoppen button:hover{ background:#2c3a5c; }
.dp-ov-knoppen button[disabled]{ opacity:.35; cursor:default; }
.dp-ov-knoppen button:focus-visible, .dp-ov-knoppen a:focus-visible{ outline:2px solid #93c5fd; outline-offset:1px; }
.dp-ov-knoppen .dp-dl{ height:36px; box-sizing:border-box; }
.dp-ov-body{ flex:1 1 auto; min-height:0; position:relative; }
.dp-ov-body iframe{ width:100%; height:100%; border:0; background:#fff; display:block; }
.dp-ov-geen{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; color:#cbd5e1; text-align:center; padding:20px; }
.dp-ov-geen p{ margin:0; font-size:1rem; }
body.dp-ov-open{ overflow:hidden; }
@media (max-width:820px){
  .dp-tabel .k-tijd{ width:126px; }
  .dp-tabel .k-maat{ width:84px; }
  .dp-tabel .k-rv{ width:150px; }
}
@media (max-width:900px){
  .dp-ov-body{ flex-direction:column; }
  .dp-rv{ flex:0 0 auto; width:auto; max-height:58%; border-left:0; border-top:1px solid #e3e9f2; }
}
@media (max-width:600px){
  .dp-shell{ margin:1rem auto 3rem; padding:0 .6rem; }
  .dp-topin{ padding:9px .6rem; gap:10px; }
  .dp-logo{ height:30px; max-width:104px; padding-right:10px; }
  .dp-naam{ font-size:.95rem; white-space:normal; overflow:visible; }
  .dp-van{ white-space:normal; overflow:visible; }
  .dp-verkenner{ padding-top:14px; }
  .dp-rij .dp-actions{ opacity:1; pointer-events:auto; }
  .dp-act{ width:40px; height:40px; }
  .dp-card{ padding:18px 14px 16px; border-radius:14px; }
  .dp-balk{ gap:8px; }
  .dp-kruimels{ flex-basis:100%; }
  .dp-werk{ width:100%; margin-left:0; flex-wrap:wrap; }
  .dp-zoek{ flex:1 1 140px; }
  .dp-zoek input{ width:100%; }
  .dp-sortmob{ display:inline-flex; flex:0 1 auto; min-width:0; }
  .dp-werk .dp-dl{ flex:1 1 100%; justify-content:center; }
  .dp-zoek input, .dp-sortmob select, .dp-dl, .dp-verzoek > summary,
  .dp-verzoek-paneel input, .dp-verzoek-paneel textarea, .dp-verzoek-paneel button,
  .dp-kruimels button{ min-height:44px; }
  .dp-dl, .dp-verzoek > summary{ padding-top:0; padding-bottom:0; align-items:center; }
  .dp-verzoek-paneel textarea{ min-height:88px; }
  .dp-tabel thead{ display:none; }
  .dp-tabel, .dp-tabel tbody, .dp-tabel td{ display:block; }
  .dp-tabel tr.dp-rij{ display:flex; align-items:center; gap:8px; border-bottom:1px solid #eef2f7; padding:8px 2px; }
  .dp-rij td{ border:0; padding:0; }
  .dp-rij .c-naam{ flex:1 1 auto; min-width:0; }
  .dp-rij .c-tijd, .dp-rij .c-maat{ display:none; }
  .dp-rij .sub{ display:block; }
  .dp-rij .c-act{ flex-shrink:0; }
  .dp-actions{ flex-wrap:nowrap; }
  .dp-rij .c-rv{ flex-shrink:0; }
  .dp-rij .c-rv .dp-rvinfo{ display:none; }
  .dp-rij .sub .sub-rv{ display:inline; }
  .dp-hart{ min-width:40px; height:40px; }
  .dp-kaart .dp-hart{ width:40px; min-width:40px; height:40px; }
  .dp-rv{ padding:10px 12px; gap:10px; }
  .dp-ov-knoppen .dp-ov-rv .lbl{ display:none; }
  .dp-ov-knoppen button{ height:40px; min-width:40px; }
  .dp-ov-knoppen .dp-dl{ height:40px; }
  .dp-ov-kop{ flex-wrap:wrap; padding:8px 10px; }
  .dp-ov-titel{ flex-basis:100%; }
  .dp-ov-knoppen{ width:100%; justify-content:flex-end; }
  .dp-ov-knoppen .pos{ margin-right:auto; }
  .dp-ov-knoppen .dp-dl span{ display:none; }
  .dp-hero{ height:auto; aspect-ratio:5/2; max-height:42vh; border-radius:14px 14px 0 0; }
  .dp-hero-tekst{ left:0; right:0; bottom:0; max-width:100%; padding:9px 12px 10px; border-radius:0; }
  .dp-hero-tekst::before{ height:42px; }
  .dp-hero-h1{ font-size:1.05rem; line-height:1.25; }
  .dp-hero-client{ font-size:.8rem; line-height:1.3; }
  .dp-topin{ flex-wrap:nowrap; }
  .dp-topact{ flex:0 0 auto; width:auto; margin:0; }
  .dp-topin{ position:relative; }
  .dp-verzoek{ position:static; }
  .dp-verzoek-paneel{ left:8px; right:8px; width:auto; top:calc(100% + 6px); }
  .dp-verzoek > summary{ padding-left:10px; padding-right:10px; }
  .dp-verzoek > summary .lbl{ display:none; }
  .dp-introwrap.is-kort .dp-intro{ max-height:4.1em; }
  .dp-introwrap.is-kort .dp-intro::after{ height:.5em; }
  .dp-introknop{ margin-top:2px; padding:3px 2px; }
  .dp-werk{ flex-wrap:wrap; gap:6px; }
  .dp-zoek{ flex:1 1 90px; min-width:0; }
  .dp-sortmob{ flex:0 0 44px; width:44px; height:44px; border:1px solid #d7dfea;
    border-radius:9px; background:#fff; justify-content:center; }
  .dp-sortmob select{ position:absolute; inset:0; width:100%; height:100%; min-height:0;
    padding:0; margin:0; border:0; opacity:0; }
  .dp-sortmob .dp-sortpijl{ display:none; }
  .dp-sortmob .dp-sortik{ display:block; color:#334155; pointer-events:none; }
  .dp-kruimels.is-wortel{ display:none; }
  .dp-rvbalk-uitleg{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden; font-size:.82rem; }
  .dp-rvbalk-uitleg .lang{ display:none; }
  .dp-rvbalk-uitleg .kort{ display:inline; }
  .dp-rvbalk-stand{ margin-top:7px; gap:8px; }
  .dp-rvbalk-tel{ flex:1 1 100%; font-size:.8rem; }
  .dp-shell{ margin-top:.7rem; }
  .dp-card.met-band{ border-radius:0 0 14px 14px; }
  .dp-tegels{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
  .dp-tegel-body, .dp-kaart-tekst{ padding:8px 44px 10px 9px; }
  .dp-tegel-naam, .dp-kaart-naam{ font-size:.88rem; }
  .dp-raster{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
  .dp-tegel > .dp-act, .dp-kaart > .dp-act{ width:40px; height:40px; right:3px; bottom:4px; opacity:1; pointer-events:auto; }
  .dp-groepkop{ margin-bottom:8px; }
  .dp-zoekinfo{ padding:.45rem .6rem; font-size:.82rem; }
}
@media (max-width:400px){
  .dp-tegels, .dp-raster{ grid-template-columns:minmax(0,1fr); }
  .dp-contact{ grid-template-columns:repeat(3, minmax(0,1fr)); gap:4px; }
  .dp-contactvak > .dp-hart{ display:none; }
  .dp-contactvak > .dp-hart[aria-pressed="true"]{ display:inline-flex; pointer-events:none;
    width:24px; min-width:24px; height:24px; padding:0; right:4px; top:4px; border-radius:50%;
    background:rgba(255,255,255,.95); border-color:#fecdd3; }
  .dp-contactvak > .dp-hart[aria-pressed="true"] svg{ width:14px; height:14px; }
  .dp-contactvak > .dp-hart[aria-pressed="true"] .n{ display:none; }
}