/* =====================================================================
   VOLTRIX style-v3.css — v5-designsysteem (goedgekeurde preview)
   + adapterlaag voor bestaande paginamarkup (body.v3)
   ===================================================================== */
@font-face{
  font-family:"Inter";
  src:url("../fonts/InterVariable.woff2") format("woff2-variations");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
:root{
  --navy:#0F172A; --navy-2:#1B2740; --navy-3:#243357;
  --gold:#F5B942; --gold-600:#C98F1B; --gold-700:#A97614;
  --paper:#FFFFFF; --mist:#F5F7FB; --mist-2:#EDF1F8;
  --line:#E3E8F1; --line-2:#D4DCE9;
  --ink:#0F172A; --ink-2:#45526B; --ink-3:#64748B;
  --r-btn:12px; --r-card:16px; --r-panel:24px;
  --shadow-float:0 1px 2px rgba(15,23,42,.06),0 16px 40px -20px rgba(15,23,42,.28);
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --container:1200px; --gutter:clamp(20px,4vw,40px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);font-size:17px;line-height:1.65;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
body:where(:not(.v2)) a{color:inherit}
.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}

/* ---------- knoppen ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:var(--r-btn);font:600 15.5px/1 var(--font);text-decoration:none;cursor:pointer;border:1.5px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.btn svg{width:17px;height:17px;flex:none}
.btn-gold{background:var(--gold);color:var(--navy);font-weight:700}
.btn-gold:hover{background:#EFAD2B;transform:translateY(-1px)}
.btn-line{background:var(--paper);border-color:var(--line-2);color:var(--navy)}
.btn-line:hover{border-color:var(--navy)}
.btn-ghost{background:transparent;color:var(--navy);padding:0 14px}
.btn-ghost:hover{color:var(--gold-600)}
.btn-xl{height:58px;padding:0 30px;font-size:16.5px}
.btn:focus-visible{outline:3px solid var(--gold);outline-offset:2px}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;gap:28px;height:78px;max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.logo{display:flex;align-items:center;text-decoration:none}
.logo svg{display:block;height:44px;width:166px}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{text-decoration:none;color:var(--ink-2);font:600 14.5px/1 var(--font);padding:10px 12px;border-radius:10px;transition:color .15s,background .15s}
.nav a:hover{color:var(--navy);background:var(--mist)}
.nav a.active{color:var(--navy);background:var(--mist)}
.header-cta{display:flex;align-items:center;gap:14px;margin-left:8px}
.header-tel{font:700 15px/1 var(--font);color:var(--navy);text-decoration:none;white-space:nowrap}
.header-tel:hover{color:var(--gold-600)}
.header-cta .btn{height:46px;padding:0 22px}
.menu-toggle{display:none;background:none;border:none;padding:10px;cursor:pointer;color:var(--navy);margin-left:auto}
.menu-toggle svg{width:26px;height:26px}

@media (max-width:1500px){
  .header-inner{gap:18px}
  .nav{gap:0}
  .nav a{padding:10px 9px;font-size:13.5px}
}
@media (max-width:1240px){
  .header-tel{display:none}
}

/* ---------- hero trust-chips + google-link (Horizon) ---------- */
.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}
.hero-chips li{display:inline-flex;align-items:center;gap:7px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font:600 13px/1 var(--font);color:var(--navy)}
.hero-chips li svg{width:13px;height:13px;color:var(--gold-600);flex:none}
.google-link{display:inline-flex;align-items:center;gap:9px;margin-top:18px;font:600 14px/1 var(--font);color:var(--ink-2);text-decoration:none}
.google-link .g{width:22px;height:22px;border-radius:999px;background:var(--paper);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;flex:none}
.google-link .g svg{width:12px;height:12px}
.google-link u{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-2)}
.google-link:hover u{text-decoration-color:var(--gold)}
/* ---------- proces (Horizon: 3 stappen) ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;counter-reset:step}
.step{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:30px 28px 28px}
.step .n{width:46px;height:46px;border-radius:999px;background:var(--gold);color:var(--navy);display:flex;align-items:center;justify-content:center;font:800 19px/1 var(--font);margin-bottom:18px}
.step h3{font-size:1.2rem;font-weight:800;letter-spacing:-.015em;color:var(--navy);margin:0 0 9px}
.step p{font-size:15px;line-height:1.6;color:var(--ink-2);margin:0}
.step::after{content:"";position:absolute;top:53px;left:calc(100% + 1px);width:18px;height:2px;background:var(--line-2)}
.step:last-child::after{display:none}
.rev-more{display:flex;justify-content:center;margin-top:28px}
@media (max-width:1060px){.steps{grid-template-columns:1fr}.step::after{display:none}}

/* ---------- formulier-starter ---------- */
.starter{margin-top:22px;background:var(--navy);border-radius:var(--r-panel);padding:clamp(28px,3.5vw,40px);display:grid;grid-template-columns:1fr auto;gap:clamp(22px,3vw,40px);align-items:center;position:relative;overflow:hidden}
.starter::after{content:"";position:absolute;right:-120px;bottom:-150px;width:360px;height:360px;background:radial-gradient(circle,rgba(245,185,66,.14),transparent 65%);pointer-events:none}
.starter h3{color:#fff;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:800;letter-spacing:-.015em;margin:0 0 6px}
.starter .lead{color:rgba(255,255,255,.72);font-size:15px;margin:0 0 20px;max-width:58ch}
.starter-chips{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}
.starter-chips a{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:12px 18px;font:600 14.5px/1 var(--font);color:#fff;text-decoration:none;transition:background .15s,border-color .15s,color .15s}
.starter-chips a:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.starter-chips a svg{width:14px;height:14px;flex:none}
.starter-aside{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.starter-aside .note{color:rgba(255,255,255,.6);font:500 13px/1.5 var(--font);max-width:220px}
@media (max-width:1060px){.starter{grid-template-columns:1fr}.starter-aside{align-items:stretch}.starter-aside .btn{justify-content:center}}
/* ---------- hero ---------- */
.hero{background:linear-gradient(180deg,var(--mist) 0%,var(--paper) 100%);padding:clamp(44px,6vw,84px) 0 0}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(36px,5vw,72px);align-items:center}
.hero-pill{display:inline-flex;align-items:center;gap:9px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:9px 16px 9px 12px;font:600 13.5px/1 var(--font);color:var(--ink-2);margin-bottom:26px}
.hero-pill .dot{width:22px;height:22px;border-radius:999px;background:var(--gold);display:inline-flex;align-items:center;justify-content:center;flex:none}
.hero-pill .dot svg{width:12px;height:12px;color:var(--navy)}
.hero h1{font-size:clamp(2.5rem,5.2vw,4rem);font-weight:800;line-height:1.06;letter-spacing:-.025em;margin:0 0 22px;color:var(--navy)}
.hero h1 .mark{box-shadow:inset 0 -10px 0 0 var(--gold);padding:0 .02em}
.hero-lead{font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.65;color:var(--ink-2);max-width:56ch;margin:0 0 30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero-photo{position:relative}
.hero-photo .frame{border-radius:var(--r-panel);overflow:hidden;aspect-ratio:4/4.6;box-shadow:var(--shadow-float)}
.hero-photo .frame img{width:100%;height:100%;object-fit:cover}
.hero-badge{position:absolute;left:-18px;bottom:26px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-float);padding:14px 18px 14px 14px;display:flex;align-items:center;gap:12px;max-width:290px}
.hero-badge .chip{width:40px;height:40px;border-radius:11px;background:var(--gold);display:flex;align-items:center;justify-content:center;flex:none}
.hero-badge .chip svg{width:19px;height:19px;color:var(--navy)}
.hero-badge p{margin:0;font:600 14px/1.4 var(--font);color:var(--navy)}

/* ---------- trust-strip ---------- */
.trust{padding:clamp(34px,4vw,54px) 0 0;background:var(--paper)}
.trust-card{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-float);margin-top:calc(clamp(34px,4vw,54px) * -1);position:relative;z-index:2}
.trust-item{display:flex;align-items:center;gap:14px;padding:22px 26px;border-right:1px solid var(--line)}
.trust-item:last-child{border-right:0}
.trust-item .ic{width:42px;height:42px;border-radius:11px;background:var(--mist);display:flex;align-items:center;justify-content:center;flex:none;color:var(--gold-600)}
.trust-item .ic svg{width:20px;height:20px}
.trust-item .k{font:600 12.5px/1.2 var(--font);color:var(--ink-3)}
.trust-item .v{font:800 17px/1.25 var(--font);color:var(--navy);letter-spacing:-.01em}

/* ---------- secties ---------- */
.section{padding:clamp(72px,8vw,116px) 0}
.section.mist{background:var(--mist)}
.kicker{display:inline-flex;align-items:center;gap:8px;font:700 15px/1 var(--font);color:var(--gold-600);margin:0 0 14px}
.kicker svg{width:15px;height:15px}
.section-head{display:grid;grid-template-columns:1fr .85fr;gap:clamp(24px,4vw,56px);align-items:end;margin-bottom:clamp(36px,4.5vw,56px)}
body:where(:not(.v2)) h2{font-size:clamp(1.85rem,3.4vw,2.55rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:var(--navy);margin:0}
.section-sub{font-size:1.05rem;color:var(--ink-2);margin:0;padding-bottom:6px;max-width:46ch;justify-self:end}

/* ---------- diensten ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.svc{position:relative;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:26px;text-decoration:none;color:var(--ink);transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.svc:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow-float)}
.svc .num{font:700 13px/1 var(--font);color:var(--ink-3);letter-spacing:.02em}
.svc .ic{width:46px;height:46px;border-radius:12px;background:#FEF3D8;color:var(--gold-700);display:flex;align-items:center;justify-content:center;margin:18px 0 16px}
.svc .ic svg{width:22px;height:22px}
.svc h3{font-size:1.3rem;font-weight:800;letter-spacing:-.015em;margin:0 0 8px;color:var(--navy)}
.svc p{font-size:15px;line-height:1.6;color:var(--ink-2);margin:0}
.svc .go{position:absolute;top:24px;right:24px;width:34px;height:34px;border-radius:999px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-3);transition:background .15s,color .15s,border-color .15s}
.svc .go svg{width:15px;height:15px}
.svc:hover .go{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.svc.featured{grid-column:span 2;background:var(--navy);border-color:var(--navy);color:#fff}
.svc.featured h3{color:#fff}
.svc.featured p{color:rgba(255,255,255,.78)}
.svc.featured .num{color:var(--gold);display:inline-flex;align-items:center;gap:8px}
.svc.featured .num .tag{background:var(--gold);color:var(--navy);border-radius:999px;padding:4px 10px;font:700 11.5px/1 var(--font)}
.svc.featured .ic{background:rgba(245,185,66,.16);color:var(--gold)}
.svc.featured .go{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.7)}
.svc.featured:hover{border-color:var(--gold)}

/* ---------- spoed ---------- */
.spoed{padding:clamp(28px,4vw,56px) 0}
.spoed-panel{position:relative;overflow:hidden;background:var(--navy);border-radius:var(--r-panel);padding:clamp(34px,4.5vw,56px);display:grid;grid-template-columns:1.35fr auto;gap:clamp(28px,4vw,56px);align-items:center}
.spoed-panel::after{content:"";position:absolute;right:-140px;top:-140px;width:420px;height:420px;background:radial-gradient(circle,rgba(245,185,66,.18),transparent 65%);pointer-events:none}
.spoed-panel h2{color:#fff;font-size:clamp(1.6rem,2.8vw,2.1rem);margin:0 0 10px}
.spoed-panel p{color:rgba(255,255,255,.75);margin:0;max-width:52ch}
.spoed-actions{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.spoed-actions .btn{justify-content:flex-start;min-width:250px}
.spoed-actions .btn-line{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.spoed-actions .btn-line:hover{border-color:#fff}
.spoed-actions .btn-ghost{color:rgba(255,255,255,.75)}
.spoed-actions .btn-ghost:hover{color:var(--gold)}

/* ---------- waarom ---------- */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(26px,3.5vw,44px)}
.why .ic{width:48px;height:48px;border-radius:13px;background:var(--mist);color:var(--gold-600);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.why .ic svg{width:23px;height:23px}
.why .num{font:700 13px/1 var(--font);color:var(--ink-3);display:block;margin-bottom:8px}
.why h3{font-size:1.25rem;font-weight:800;letter-spacing:-.015em;color:var(--navy);margin:0 0 10px}
.why p{font-size:15.5px;color:var(--ink-2);margin:0}

/* ---------- realisaties ---------- */
.real-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.real{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
.real:hover{transform:translateY(-3px);box-shadow:var(--shadow-float)}
.real .ph{aspect-ratio:4/4.2;background:var(--mist-2);position:relative}
.real .ph img{width:100%;height:100%;object-fit:cover}
.real .ph .placeholder{position:absolute;inset:12px;border:1.5px dashed var(--line-2);border-radius:10px;display:flex;align-items:center;justify-content:center;font:600 13px/1 var(--font);color:var(--ink-3)}
.real figcaption{padding:16px 20px;font:700 15px/1.3 var(--font);color:var(--navy);border-top:1px solid var(--line)}
.real{margin:0}

/* ---------- reviews ---------- */
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.rev{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:26px}
.rev .stars{color:var(--gold);letter-spacing:.12em;font-size:15px;margin-bottom:14px}
.rev blockquote{margin:0 0 18px;font-size:15.5px;line-height:1.65;color:var(--ink)}
.rev .who{font:700 14.5px/1.3 var(--font);color:var(--navy)}
.rev .what{font:500 13px/1.4 var(--font);color:var(--ink-3)}

/* ---------- werkgebied ---------- */
.area-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,5vw,72px);align-items:center}
.area-copy p{color:var(--ink-2);margin:18px 0 0;max-width:50ch}
.chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.chips li{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:11px 18px;font:600 14.5px/1 var(--font);color:var(--navy)}
.chips li svg{width:14px;height:14px;color:var(--gold-600)}

/* ---------- faq ---------- */
.faq-wrap{max-width:820px;margin:0 auto}
.faq-head{text-align:left;margin-bottom:clamp(30px,4vw,44px)}
.faq-head p{color:var(--ink-2);margin:12px 0 0}
details.faq{background:var(--paper);border:1px solid var(--line);border-radius:14px;margin-bottom:10px;overflow:hidden}
details.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;font:700 16px/1.4 var(--font);color:var(--navy)}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary .chev{width:30px;height:30px;border-radius:999px;background:var(--mist);display:flex;align-items:center;justify-content:center;flex:none;transition:transform .2s ease}
details.faq summary .chev svg{width:14px;height:14px;color:var(--ink-2)}
details.faq[open] summary .chev{transform:rotate(180deg);background:var(--gold)}
details.faq[open] summary .chev svg{color:var(--navy)}
details.faq .a{padding:0 22px 20px;color:var(--ink-2);font-size:15.5px}
details.faq .a p{margin:0;max-width:66ch}
details.faq summary:focus-visible{outline:3px solid var(--gold);outline-offset:-3px}

/* ---------- eind-cta ---------- */
.cta{padding:clamp(40px,5vw,72px) 0 clamp(72px,8vw,110px)}
.cta-panel{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);border-radius:var(--r-panel);padding:clamp(36px,5vw,60px);display:grid;grid-template-columns:1.25fr .9fr;gap:clamp(30px,4.5vw,64px);align-items:center;position:relative;overflow:hidden}
.cta-panel::after{content:"";position:absolute;left:-120px;bottom:-160px;width:380px;height:380px;background:radial-gradient(circle,rgba(245,185,66,.14),transparent 65%);pointer-events:none}
.cta-panel .kicker{color:var(--gold)}
.cta-panel h2{color:#fff;margin:0 0 14px}
.cta-panel>div>p{color:rgba(255,255,255,.75);margin:0 0 26px;max-width:46ch}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.cta-actions .btn-line{background:transparent;border-color:rgba(255,255,255,.28);color:#fff}
.cta-actions .btn-line:hover{border-color:#fff}
.cta-info{background:var(--paper);border-radius:var(--r-card);overflow:hidden;position:relative;z-index:1}
.cta-info .row{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line);font-size:14.5px}
.cta-info .row:last-child{border-bottom:0}
.cta-info .k{font-weight:600;color:var(--ink-3)}
.cta-info .v{font-weight:700;color:var(--navy)}

/* ---------- footer ---------- */
.site-footer{background:var(--navy);color:rgba(255,255,255,.68);padding:clamp(56px,7vw,88px) 0 26px;font-size:14.5px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:clamp(28px,4vw,52px);margin-bottom:48px}
.footer-brand svg{display:block;height:38px;width:143px;margin-bottom:16px}
.footer-tag{color:rgba(255,255,255,.55);max-width:300px;line-height:1.6;margin:0 0 16px}
.footer-address{font-style:normal;color:rgba(255,255,255,.5);font-size:13.5px;line-height:1.7}
.site-footer h4{font:700 13px/1 var(--font);color:var(--gold);margin:0 0 16px}
.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.site-footer a{color:rgba(255,255,255,.68);text-decoration:none}
.site-footer a:hover{color:var(--gold)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.45)}
.credit{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:rgba(255,255,255,.45)!important}
.credit img{height:13px;width:auto}
.credit strong{color:rgba(255,255,255,.7)}
.credit:hover,.credit:hover strong{color:var(--gold)!important}

/* ---------- responsive ---------- */
@media (max-width:1060px){
  .nav{display:none}
  .header-tel{display:none}
  .menu-toggle{display:inline-flex}
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .hero-photo .frame{aspect-ratio:4/3}
  .hero-badge{left:14px;bottom:14px}
  .trust-card{grid-template-columns:1fr 1fr}
  .trust-item:nth-child(2n){border-right:0}
  .trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .section-head{grid-template-columns:1fr;align-items:start}
  .section-sub{justify-self:start}
  .svc-grid{grid-template-columns:1fr 1fr}
  .svc.featured{grid-column:span 2}
  .why-grid{grid-template-columns:1fr}
  .real-grid{grid-template-columns:1fr 1fr}
  .rev-grid{grid-template-columns:1fr}
  .area-grid{grid-template-columns:1fr}
  .spoed-panel{grid-template-columns:1fr}
  .spoed-actions .btn{min-width:0}
  .cta-panel{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .svc-grid{grid-template-columns:1fr}
  .svc.featured{grid-column:auto}
  .real-grid{grid-template-columns:1fr}
  .trust-card{grid-template-columns:1fr}
  .trust-item{border-right:0;border-bottom:1px solid var(--line)}
  .trust-item:last-child{border-bottom:0}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{justify-content:center}
  .cta-actions{flex-direction:column;align-items:stretch}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important}
  html{scroll-behavior:auto}
}

/* ===== Mobiel menu (v3-header) ===== */
@media (max-width:1060px){
  /* Topbalk: logo links, [Offerte][menu] strak samen rechts */
  .header-cta{margin-left:auto;flex:none;gap:10px}
  .menu-toggle{margin-left:0}
  .header-cta .btn{height:42px;padding:0 18px;font-size:14.5px}
  /* Dropdown: compacte kaart rechts onder de menuknop */
  .site-header.nav-open .nav{
    display:flex;flex-direction:column;gap:2px;
    position:absolute;top:calc(100% + 8px);right:16px;left:auto;
    min-width:230px;margin:0;padding:8px;
    background:#fff;border:1px solid var(--line);
    border-radius:var(--r-card);
    box-shadow:0 24px 50px -16px rgba(15,23,42,.3);
  }
  .site-header.nav-open .nav a{padding:12px 16px;font-size:15.5px;border-radius:10px}
}

/* =====================================================================
   V3-ADAPTER — bestaande pagina's (body.v2.v3): v5-huid over v2-markup.
   Alleen vormgeving; markup, teksten en links blijven onaangeroerd.
   ===================================================================== */

/* A. Tokens hertunen: alles wat v2-kleuren gebruikt schuift mee */
body.v2.v3{
  --v2-bg:var(--mist);
  --v2-bg-2:var(--mist-2);
  --v2-gold-deep:var(--gold-600);
  --v2-line:var(--line-2);
  --v2-line-soft:var(--line);
  --v2-container:1200px;
  font-family:var(--font);
  color:var(--ink);
  background:#fff;
  font-size:17px;
}

/* B. Sentence case terug (markup is al sentence case; v2 kapitaliseerde via CSS) */
body.v2.v3 h1,body.v2.v3 h2,body.v2.v3 h3,body.v2.v3 h4,
body.v2.v3 .v2-eyebrow,body.v2.v3 .v2-hero-crumbs,body.v2.v3 .breadcrumb,
body.v2.v3 .v2-btn,body.v2.v3 .btn,
body.v2.v3 .pfc-btn-primary-xl,body.v2.v3 .pfc-btn-secondary,
body.v2.v3 .pfc-btn-tertiary,body.v2.v3 .pfc-btn-wa,body.v2.v3 .pfc-btn-bel,
body.v2.v3 .pfc-btn-ghost,body.v2.v3 .btn-wa-hero,
body.v2.v3 .related-diensten-title,body.v2.v3 .mob-sticky a{
  text-transform:none!important;
}

/* Kopstijl: zwaar maar niet schreeuwend */
body.v2.v3 .page-hero h1{
  font-weight:800!important;letter-spacing:-.025em!important;
  line-height:1.06!important;font-size:clamp(2.1rem,4.6vw,3.4rem)!important;
}
body.v2.v3 .content-section h2,body.v2.v3 .faq-section h2,
body.v2.v3 .realisaties-section h2,body.v2.v3 .v2-content h2,
body.v2.v3 .related-diensten-title,body.v2.v3 section h2{
  font-weight:800!important;letter-spacing:-.02em!important;line-height:1.12!important;
}
body.v2.v3 .content-section h3,body.v2.v3 h3{font-weight:700!important}

/* H1-markering: gouden onderstreep-effect behouden maar zachter */
body.v2.v3 .page-hero h1 em,body.v2.v3 .page-hero h1 span{
  background:linear-gradient(transparent 62%,rgba(245,185,66,.55) 62%,rgba(245,185,66,.55) 94%,transparent 94%);
}

/* C. Eyebrow -> kicker */
body.v2.v3 .v2-eyebrow{
  font-size:13.5px;font-weight:700;letter-spacing:.02em;
  color:var(--gold-600);gap:8px;margin-bottom:14px;
}
body.v2.v3 .v2-eyebrow::before{width:18px;height:3px;border-radius:2px;background:var(--gold)}

/* D. Knoppen: pill-radius, rust in gewicht */
body.v2.v3 .v2-btn,body.v2.v3 .btn,body.v2.v3 .pfc-btn-primary-xl,
body.v2.v3 .btn-next,body.v2.v3 .btn-back{
  border-radius:var(--r-btn)!important;
  font-weight:700;letter-spacing:0;
}
body.v2.v3 .v2-btn{background:var(--gold);color:var(--navy)}
body.v2.v3 .v2-btn:hover{background:var(--gold-600);color:var(--navy)}
body.v2.v3 .v2-btn-dark{background:var(--navy);color:#fff}
body.v2.v3 .v2-btn-dark:hover{background:var(--navy-2);color:#fff}
body.v2.v3 .v2-btn-line{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
body.v2.v3 .v2-btn-line:hover{background:var(--navy);color:#fff}
body.v2.v3 .pfc-btn-secondary,body.v2.v3 .pfc-btn-tertiary,
body.v2.v3 .pfc-btn-wa,body.v2.v3 .pfc-btn-bel,body.v2.v3 .pfc-btn-ghost,
body.v2.v3 .btn-wa-hero{border-radius:var(--r-btn)!important}
body.v2.v3 .page-hero .pfc-btn-secondary,body.v2.v3 .page-hero .pfc-btn-tertiary{
  border-width:1.5px!important;
}
body.v2.v3 .pfc-btn-primary-xl{box-shadow:0 10px 24px -12px rgba(201,143,27,.55)!important}

/* E. Page-hero: licht, met zachte verloop en lijn eronder */
body.v2.v3 .page-hero{
  background:linear-gradient(180deg,#fff 0%,var(--mist) 100%);
  border-bottom:1px solid var(--line);
}
body.v2.v3 .breadcrumb,body.v2.v3 .breadcrumb a{color:var(--ink-3)!important;font-weight:600}
body.v2.v3 .breadcrumb a:hover{color:var(--gold-600)!important}
body.v2.v3 .page-hero .hero-sub,body.v2.v3 .page-hero p{color:var(--ink-2)!important}

/* Hero-USP's als chips */
body.v2.v3 .hero-usps{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none}
body.v2.v3 .hero-usps li{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;border:1px solid var(--line-2);border-radius:999px;
  padding:8px 14px;font-size:14px;font-weight:600;color:var(--ink-2)!important;
}

/* Spoed-hero blijft navy (urgentie), maar met v5-rondingen op de kaart erin */
body.v2.v3 .spoed-hero .hero-usps li{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff!important}

/* F. Kaarten: wit, 1px lijn, ronde hoeken, zachte hover */
body.v2.v3 .option-card,body.v2.v3 .checkbox-card,body.v2.v3 .sw-card,
body.v2.v3 .dienst-card,body.v2.v3 .ea-dienst-card,body.v2.v3 .urgency-card,
body.v2.v3 .wwd-card,body.v2.v3 .spoed-why-card,body.v2.v3 .why-card,
body.v2.v3 .step-card,body.v2.v3 .prijs-card,body.v2.v3 .timing-card,
body.v2.v3 .sidebar-card,body.v2.v3 .vpl-card,body.v2.v3 .b2b-usp-card,
body.v2.v3 .ea-usp-card,body.v2.v3 .b2b-fw-card,body.v2.v3 .b2b-prijs-card,
body.v2.v3 .prijs-row-card,body.v2.v3 .aanvrager-card,body.v2.v3 .b2b-dienst-item,
body.v2.v3 .service-card,body.v2.v3 .review-card,body.v2.v3 .b2b-step,
body.v2.v3 .v2-step,body.v2.v3 .v2-related-item{
  background:#fff;border:1px solid var(--line);border-radius:var(--r-card)!important;
  box-shadow:none;
  transition:box-shadow .18s ease,border-color .18s ease;
}
body.v2.v3 .sw-card:hover,body.v2.v3 .dienst-card:hover,
body.v2.v3 .ea-dienst-card:hover,body.v2.v3 .v2-related-item:hover{
  background:#fff;border-color:var(--line-2);box-shadow:var(--shadow-float);
}
body.v2.v3 .sw-card:hover h3,body.v2.v3 .sw-card:hover .sw-card-title{color:var(--navy)}

/* Keur-blokken: kaart met gouden accentrand links */
body.v2.v3 .keur-block{
  background:#fff;border:1px solid var(--line);border-left:4px solid var(--gold);
  border-radius:var(--r-card)!important;box-shadow:none;
}
body.v2.v3 .keur-block h3{font-weight:700}

/* Related links: v2 zette dit vast met !important — hier dus ook */
body.v2.v3 .related-link{
  background:#fff!important;border:1px solid var(--line)!important;
  border-radius:var(--r-card)!important;box-shadow:none!important;
  transition:box-shadow .18s ease,border-color .18s ease;
}
body.v2.v3 .related-link:hover{border-color:var(--line-2)!important;box-shadow:var(--shadow-float)!important}
body.v2.v3 .related-link-label{font-weight:700;color:var(--navy)}
body.v2.v3 .related-link-arrow{color:var(--gold-600)}

/* G. FAQ: witte kaart-accordions */
body.v2.v3 .faq-item,body.v2.v3 .v2-faq-item{
  background:#fff;border:1px solid var(--line)!important;
  border-radius:var(--r-card)!important;margin:0 0 12px;overflow:hidden;
}
body.v2.v3 .faq-question,body.v2.v3 .v2-faq-q,body.v2.v3 .faq-q{
  font-weight:700;color:var(--navy);background:#fff;border-radius:0;
}
body.v2.v3 .faq-question:hover,body.v2.v3 .v2-faq-q:hover,body.v2.v3 .faq-q:hover{background:var(--mist)}
body.v2.v3 .faq-arrow,body.v2.v3 .v2-faq-arrow{color:var(--gold-600)}

/* H. Eind-CTA: van gele band naar navy paneel (v5 .cta-panel-look) */
body.v2.v3 .page-final-cta{
  background:#fff!important;border-top:none!important;border-bottom:none!important;
  padding:clamp(28px,4vw,56px) 0 clamp(56px,7vw,88px)!important;
}
body.v2.v3 .pfc-inner{
  max-width:1200px;margin:0 auto;
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);
  border-radius:var(--r-panel);
  padding:clamp(40px,6vw,72px) clamp(24px,5vw,72px);
}
body.v2.v3 .page-final-cta .pfc-title{color:#fff!important}
body.v2.v3 .page-final-cta .pfc-title em{color:var(--gold)!important;font-style:normal}
body.v2.v3 .page-final-cta .pfc-sub{color:rgba(255,255,255,.85)!important}
body.v2.v3 .page-final-cta .pfc-note{color:rgba(255,255,255,.62)!important}
body.v2.v3 .page-final-cta .pfc-cta-tagline{color:rgba(255,255,255,.75)!important}
body.v2.v3 .page-final-cta .pfc-btn-primary-xl{
  background:var(--gold)!important;color:var(--navy)!important;
  border-radius:var(--r-btn)!important;
  box-shadow:0 14px 30px -12px rgba(0,0,0,.45)!important;
}
body.v2.v3 .page-final-cta .pfc-btn-primary-xl:hover{background:var(--gold-600)!important;color:var(--navy)!important}
body.v2.v3 .page-final-cta .pfc-btn-secondary,
body.v2.v3 .page-final-cta .pfc-btn-ghost,
body.v2.v3 .page-final-cta .pfc-btn-bel{
  background:transparent!important;color:#fff!important;
  border:1.5px solid rgba(255,255,255,.35)!important;border-radius:var(--r-btn)!important;
}
body.v2.v3 .page-final-cta .pfc-btn-secondary:hover,
body.v2.v3 .page-final-cta .pfc-btn-ghost:hover,
body.v2.v3 .page-final-cta .pfc-btn-bel:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
body.v2.v3 .page-final-cta .pfc-btn-wa{
  background:rgba(255,255,255,.1)!important;color:#fff!important;
  border:1.5px solid rgba(255,255,255,.3)!important;border-radius:var(--r-btn)!important;
}
body.v2.v3 .page-final-cta .pfc-btn-wa:hover{background:rgba(255,255,255,.18)!important}
body.v2.v3 .page-final-cta .pfc-btn-tertiary{color:rgba(255,255,255,.85)!important}
body.v2.v3 .page-final-cta .pfc-btn-tertiary:hover{color:#fff!important}

/* I. Tags & pills */
body.v2.v3 .wg-tag,body.v2.v3 .wg-pill,body.v2.v3 .b2b-wg-pill{
  background:#fff;border:1px solid var(--line-2);border-radius:999px!important;
  color:var(--ink-2);font-weight:600;
}
body.v2.v3 .wg-tag-light{background:var(--mist);border-color:var(--line)}

/* J. Formulier & wizard */
body.v2.v3 input[type="text"],body.v2.v3 input[type="email"],
body.v2.v3 input[type="tel"],body.v2.v3 input[type="number"],
body.v2.v3 select,body.v2.v3 textarea{
  border-radius:var(--r-btn)!important;border:1.5px solid var(--line-2);
  background:#fff;font-family:var(--font);
}
body.v2.v3 input:focus,body.v2.v3 select:focus,body.v2.v3 textarea:focus{
  border-color:var(--gold)!important;outline:none;
  box-shadow:0 0 0 3px rgba(245,185,66,.22);
}
body.v2.v3 .option-card,body.v2.v3 .checkbox-card{border-width:1.5px;cursor:pointer}
body.v2.v3 .option-card:hover,body.v2.v3 .checkbox-card:hover{border-color:var(--gold);box-shadow:var(--shadow-float)}
body.v2.v3 .option-card.selected,body.v2.v3 .option-card.active,
body.v2.v3 .checkbox-card.selected,body.v2.v3 .checkbox-card.active,
body.v2.v3 .option-card:has(input:checked),body.v2.v3 .checkbox-card:has(input:checked){
  border-color:var(--gold)!important;background:#FFFBF0;
}

/* K. Galerij & beeld */
body.v2.v3 .gallery-item{border:none;border-radius:var(--r-card)!important}
body.v2.v3 .content-img,body.v2.v3 .content-img img,body.v2.v3 .ea-gallery-item,
body.v2.v3 .v2-realisatie{border-radius:var(--r-card);overflow:hidden}
body.v2.v3 .content-img-placeholder{
  border:1.5px dashed var(--line-2);border-radius:var(--r-card);background:var(--mist);
}

/* L. Navy panelen (zk-hero-card, price-block): behoud kleur, verzacht vorm */
body.v2.v3 .zk-hero-card{
  background:linear-gradient(135deg,var(--navy),var(--navy-2))!important;
  border:none!important;border-radius:var(--r-panel)!important;
  box-shadow:var(--shadow-float)!important;
}
body.v2.v3 .price-block{border-radius:var(--r-panel)!important;box-shadow:var(--shadow-float)!important}

/* M. Mobiele sticky balk */
body.v2.v3 .mob-sticky{border-top:1px solid var(--line);background:#fff}
body.v2.v3 .mob-sticky a{font-weight:700}

/* N. Checklists */
body.v2.v3 .check-item{color:var(--ink-2)}
body.v2.v3 .check-item .ico-inline,body.v2.v3 .check-item svg{color:var(--gold-600)}

/* O. Secties: afwisseling wit/mist via hertuned tokens; extra lucht */
body.v2.v3 .s-intro{color:var(--ink-2);font-size:17.5px}
body.v2.v3 .content-text{color:var(--ink-2)}
body.v2.v3 .content-text strong{color:var(--navy)}

/* P. Legacy-neutralisatie: oude .header-inner/.header-cta-regels op v2-pagina's */
body.v2 .site-header .header-inner{background:transparent}
body.v2 .site-header .header-cta{display:flex!important}
body.v2.v3 .page-final-cta .pfc-btn-tertiary{background:transparent!important;border:none!important;text-decoration:underline;text-underline-offset:3px}

/* Q. Contact-pagina: lichte sidebar-kaarten en wizard sentence case */
body.v2.v3 .faq-list{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important}
body.v2.v3 .sidebar-card:not([style*="gradient"]) .sidebar-card-title{color:var(--ink-3)!important}
body.v2.v3 .sidebar-card:not([style*="gradient"]) .hours-row span,
body.v2.v3 .sidebar-card:not([style*="gradient"]) .hours-row .k{color:var(--ink-3)!important}
body.v2.v3 .sidebar-card:not([style*="gradient"]) .hours-row .v,
body.v2.v3 .sidebar-card:not([style*="gradient"]) strong{color:var(--navy)!important}
body.v2.v3 .sidebar-card:not([style*="gradient"]) p,
body.v2.v3 .sidebar-card:not([style*="gradient"]) li,
body.v2.v3 .sidebar-card:not([style*="gradient"]) address,
body.v2.v3 .sidebar-card:not([style*="gradient"]) .contact-link{color:var(--ink-2)!important}
body.v2.v3 .form-field > label,body.v2.v3 .oc-text,body.v2.v3 .dc-title,
body.v2.v3 .cc-text,body.v2.v3 .ac-title,body.v2.v3 .md-summary-text,
body.v2.v3 .form-step-title,body.v2.v3 .fps-label,body.v2.v3 .btn-next,
body.v2.v3 .btn-back,body.v2.v3 .btn-back-top{text-transform:none!important;letter-spacing:0!important}
body.v2.v3 .form-field > label{font-weight:700;color:var(--navy)}
body.v2.v3 .sidebar-card:not([style*="gradient"]) .contact-link span,
body.v2.v3 .sidebar-card:not([style*="gradient"]) .contact-link div{color:var(--ink-3)!important}
body.v2.v3 .sidebar-card:not([style*="gradient"]) .contact-link strong{color:var(--navy)!important}
body.v2.v3 .spoed-badge{background:#FEF2F2!important;border:1px solid #FECACA!important;border-radius:var(--r-card)!important}
body.v2.v3 .spoed-badge .spoed-header strong{color:#B91C1C!important}
body.v2.v3 .spoed-badge .spoed-text{color:var(--ink-2)!important}
body.v2.v3 .spoed-badge .spoed-badge-icon{background:#FEE2E2!important;color:#B91C1C!important;border-radius:10px}
body.v2.v3 .spoed-badge .spoed-call-btn-small{background:#B91C1C!important;color:#fff!important;border:none!important;border-radius:var(--r-btn)!important}
body.v2.v3 .dc-sub,body.v2.v3 .ac-sub,body.v2.v3 .field-hint,
body.v2.v3 .md-summary-hint,body.v2.v3 .form-step-sub{text-transform:none!important;letter-spacing:0!important}

/* R. Kaarten die in v2 op navy stonden: tekst terug donker op witte kaart */
body.v2.v3 .wwd-card h3,body.v2.v3 .wwd-card h4,
body.v2.v3 .spoed-why-card h3,body.v2.v3 .spoed-why-card h4,
body.v2.v3 .wwd-card strong,body.v2.v3 .spoed-why-card strong{color:var(--navy)!important}
body.v2.v3 .wwd-card p,body.v2.v3 .spoed-why-card p,
body.v2.v3 .wwd-card li,body.v2.v3 .spoed-why-card li{color:var(--ink-2)!important}

/* S. Sentence case voor resterende v2-labels + leesbaarheidsfixes */
body.v2.v3 .related-link-label,body.v2.v3 .v2-realisatie-cap,
body.v2.v3 .v2-proof-attrib,body.v2.v3 .prc-label,body.v2.v3 .bpc-label,
body.v2.v3 .prijs-type,body.v2.v3 .prijs-badge,body.v2.v3 .card-head,
body.v2.v3 .sidebar-card-title,body.v2.v3 .cp-from,body.v2.v3 .cp-suf,
body.v2.v3 .tc-label,body.v2.v3 .related-diensten .v2-eyebrow,
body.v2.v3 .v2-realisatie-placeholder,body.v2.v3 .card-urgency,
body.v2.v3 .spoed-badge .spoed-header strong{text-transform:none!important;letter-spacing:.01em!important}
body.v2.v3 .related-link{min-width:0}
body.v2.v3 .related-link-label{overflow-wrap:anywhere}
body.v2.v3 .content-img-placeholder,body.v2.v3 .content-img-placeholder span{color:var(--ink-3)!important}
body.v2.v3 .b2b-trust-item{color:var(--ink-2)!important}

/* T. Tekstkleuren binnen witgemaakte kaarten + losse leesbaarheid */
body.v2.v3 .vpl-card h3,body.v2.v3 .vpl-card h4,body.v2.v3 .b2b-dienst-item h3,
body.v2.v3 .b2b-fw-card h3,body.v2.v3 .b2b-usp-card h3,body.v2.v3 .ea-usp-card h3,
body.v2.v3 .urgency-card h3,body.v2.v3 .timing-card h3,body.v2.v3 .step-card h3,
body.v2.v3 .why-card h3,body.v2.v3 .prijs-card h3{color:var(--navy)!important}
body.v2.v3 .vpl-card p,body.v2.v3 .vpl-card li,body.v2.v3 .b2b-dienst-item p,
body.v2.v3 .b2b-fw-card p,body.v2.v3 .b2b-fw-card li,body.v2.v3 .b2b-usp-card p,
body.v2.v3 .ea-usp-card p,body.v2.v3 .urgency-card p,body.v2.v3 .timing-card p,
body.v2.v3 .step-card p,body.v2.v3 .why-card p,body.v2.v3 .prijs-card p,
body.v2.v3 .prijs-card li{color:var(--ink-2)!important}
body.v2.v3 .vpl-num{background:var(--gold);color:var(--navy)!important;border-radius:999px}

/* Eind-CTA zonder binnenpaneel: sectie zelf navy houden */
body.v2.v3 .page-final-cta:not(:has(.pfc-inner)){
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%)!important;
}

/* Sidebar: resterende div-teksten op lichte kaarten */
body.v2.v3 .sidebar-card:not([style*="gradient"]) > div,
body.v2.v3 .sidebar-card:not([style*="gradient"]) > div > div{color:var(--ink-2)}

/* Accentlinks in lopende tekst: donkerder goud + onderstreping */
body.v2.v3 .content-text a:not([class]),body.v2.v3 .eb-text a,
body.v2.v3 .expectations-banner a strong{color:var(--gold-700)!important;text-decoration:underline;text-underline-offset:2px}
body.v2.v3 .edc-arrow,body.v2.v3 .sw-card-link{color:var(--gold-600)!important}

/* U. Navy secties: intro licht houden */
body.v2.v3 .verplicht-sec .s-intro,body.v2.v3 .watwidoen-sec .s-intro{color:rgba(255,255,255,.78)!important}

/* V. Wizard: gekozen kaart onmiskenbaar (navy invulling + vinkje) */
body.v2.v3 .dienst-card:has(input:checked),
body.v2.v3 .aanvrager-card:has(input:checked),
body.v2.v3 .option-card:has(input:checked),
body.v2.v3 .timing-card:has(input:checked),
body.v2.v3 .checkbox-card:has(input:checked){
  background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%)!important;
  border-color:var(--navy)!important;
  box-shadow:0 10px 24px -10px rgba(15,23,42,.45)!important;
}
body.v2.v3 .dienst-card:has(input:checked) .dc-title,
body.v2.v3 .aanvrager-card:has(input:checked) .ac-title,
body.v2.v3 .option-card:has(input:checked) .oc-text,
body.v2.v3 .option-card:has(input:checked) .oc-text strong,
body.v2.v3 .checkbox-card:has(input:checked) .cc-text,
body.v2.v3 .timing-card:has(input:checked) .tc-label{color:#fff!important}
body.v2.v3 .dienst-card:has(input:checked) .dc-sub,
body.v2.v3 .aanvrager-card:has(input:checked) .ac-sub{color:rgba(255,255,255,.75)!important}
/* Vinkje: groter goud rondje met duidelijke check */
body.v2.v3 .dienst-card:has(input:checked)::after,
body.v2.v3 .aanvrager-card:has(input:checked)::after,
body.v2.v3 .option-card:has(input:checked)::after,
body.v2.v3 .timing-card:has(input:checked)::after,
body.v2.v3 .checkbox-card:has(input:checked)::after{
  content:'';position:absolute;top:-9px;right:-9px;width:26px;height:26px;
  background-color:var(--gold);border-radius:50%;border:2px solid #fff;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230F172A' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
  background-size:14px 14px;background-repeat:no-repeat;background-position:center;
  box-shadow:0 2px 8px rgba(15,23,42,.3);
}
body.v2.v3 .option-card-compact:has(input:checked)::after{width:20px;height:20px;background-size:11px 11px;top:-7px;right:-7px}
/* Spoed-variant blijft rood maar even duidelijk */
body.v2.v3 .dienst-card-urgent:has(input:checked){background:linear-gradient(135deg,#B91C1C,#991B1B)!important;border-color:#B91C1C!important}
body.v2.v3 .dienst-card-urgent:has(input:checked) .dc-title{color:#fff!important}