/* Warmtepompcheck. Eén bron voor het venster op elke pagina en voor de losse
   checkpagina. Alles staat onder #wpcheck, zodat het de rest van de site niet raakt.
   Typemaat: 12 meta, 15 tekst, 17 waarde, 24 kop, 44 kerngetal. */
#wpcheck{--ink:#101A13; --muted:#5B6B60; --zacht:#93A098;
  --paper:#FAFBF9; --wit:#fff; --mist:#EFF2EE; --lijn:#E4E8E2; --lijn2:#D2D9D2;
  --groen:#18793D; --groen-d:#115C2E; --groen-z:#EBF4ED; --blad:#54B848;
  --oker:#8A6A12; --oker-v:#FDF8E8; --oker-l:#E9DCB0;
  --rood:#A8402B;
  --r:9px; --r-l:14px;
  --sch:0 1px 1px rgba(16,26,19,.04), 0 12px 32px -18px rgba(16,26,19,.35);
  --ease:cubic-bezier(.22,1,.36,1);}#wpcheck *{box-sizing:border-box}#wpcheck, #wpcheck{margin:0}#wpcheck{background:var(--mist); color:var(--ink);
  font:400 15px/1.6 'Manrope',ui-sans-serif,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}#wpcheck [hidden]{display:none!important}#wpcheck button, #wpcheck input{font:inherit;color:inherit}#wpcheck svg{display:block}#wpcheck .cijfer{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}#wpcheck .app{max-width:1040px;margin:30px auto;background:var(--wit);
  border:1px solid var(--lijn);border-radius:var(--r-l);box-shadow:var(--sch);overflow:hidden}#wpcheck .balk{display:flex;align-items:center;gap:14px;padding:15px 22px;border-bottom:1px solid var(--lijn)}#wpcheck .balk img{height:36px;width:auto}#wpcheck .balk .tel{margin-left:auto;display:inline-flex;align-items:center;gap:7px;
  font-weight:700;font-size:15px;color:var(--ink);text-decoration:none}#wpcheck .balk .tel svg{color:var(--groen)}#wpcheck .balk .tel:hover{color:var(--groen)}#wpcheck .stappen{display:flex;margin:0;padding:0;border-bottom:1px solid var(--lijn);background:var(--paper);overflow-x:auto;scrollbar-width:none}#wpcheck .stappen::-webkit-scrollbar{display:none}#wpcheck .stappen li{list-style:none;display:flex;align-items:center;gap:9px;padding:12px 20px;
  font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--zacht);white-space:nowrap;position:relative}#wpcheck .stappen li+li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background:var(--lijn)}#wpcheck .stappen .nr{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--lijn2);
  display:grid;place-items:center;font-size:11px;font-weight:800;flex:none;letter-spacing:0;
  transition:background .2s,border-color .2s,color .2s}#wpcheck .stappen li[data-op]{color:var(--ink)}#wpcheck .stappen li[data-op] .nr{border-color:var(--groen);background:var(--groen);color:#fff}#wpcheck .stappen li[data-klaar]{color:var(--muted)}#wpcheck .stappen li[data-klaar] .nr{border-color:var(--groen);background:var(--wit);color:var(--groen)}#wpcheck .body{display:grid;grid-template-columns:minmax(0,1fr) 316px}#wpcheck .vragen{padding:30px 26px 26px;min-width:0}#wpcheck .paneel{border-left:1px solid var(--lijn);background:var(--paper);padding:26px 22px}#wpcheck h1{margin:0 0 7px;font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.22}#wpcheck h2{margin:0 0 7px;font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.22}#wpcheck .sub{margin:0 0 24px;color:var(--muted);max-width:50ch}#wpcheck .meta{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--zacht)}#wpcheck .groep{padding:20px 0;border-top:1px solid var(--lijn)}#wpcheck .groep:first-of-type{border-top:0;padding-top:0}#wpcheck .vraag{display:flex;align-items:center;gap:11px;margin-bottom:12px}#wpcheck .vraag .ico{width:30px;height:30px;border-radius:8px;background:var(--groen-z);color:var(--groen);
  display:grid;place-items:center;flex:none}#wpcheck .vraag b{font-size:15px;font-weight:700}#wpcheck .hint{font-size:12px;color:var(--muted);margin:-6px 0 12px;line-height:1.5}#wpcheck .keuzes{display:flex;flex-wrap:wrap;gap:8px}#wpcheck .keuzes.kolom{flex-direction:column;align-items:stretch;max-width:420px}#wpcheck .keuzes label{position:relative;display:block}#wpcheck .keuzes input{position:absolute;opacity:0;width:0;height:0}#wpcheck .keuzes .k{display:flex;align-items:center;gap:9px;cursor:pointer;
  border:1px solid var(--lijn2);background:var(--wit);border-radius:var(--r);
  padding:10px 14px;font-size:15px;font-weight:600;
  transition:border-color .15s,box-shadow .15s,background .15s}#wpcheck .keuzes .k::before{content:"";width:7px;height:7px;border-radius:50%;flex:none;
  box-shadow:inset 0 0 0 1.5px var(--lijn2);transition:box-shadow .15s,background .15s}#wpcheck .keuzes .k:hover{border-color:#AEBFB2}#wpcheck .keuzes input:focus-visible + .k{outline:2px solid var(--groen);outline-offset:2px}#wpcheck .keuzes input:checked + .k{border-color:var(--groen);background:var(--groen-z);box-shadow:inset 0 0 0 1px var(--groen)}#wpcheck .keuzes input:checked + .k::before{background:var(--groen);box-shadow:inset 0 0 0 1.5px var(--groen)}#wpcheck .keuzes .k em{font-style:normal;color:var(--muted);font-weight:500;font-size:12px}#wpcheck .rij{display:flex;gap:12px;flex-wrap:wrap}#wpcheck .veld{display:flex;flex-direction:column;gap:6px}#wpcheck .veld > label{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}#wpcheck .veld .in{display:flex;align-items:center;border:1px solid var(--lijn2);border-radius:var(--r);background:var(--wit);
  padding:0 13px;transition:border-color .15s,box-shadow .15s}#wpcheck .veld .in:focus-within{border-color:var(--groen);box-shadow:inset 0 0 0 1px var(--groen)}#wpcheck .veld input{border:0;outline:0;background:none;padding:11px 0;font-size:17px;font-weight:700;width:100%;letter-spacing:-.01em}#wpcheck .veld input::placeholder{font-weight:500;color:var(--zacht);letter-spacing:0}#wpcheck .veld .eenheid{font-size:15px;font-weight:700;color:var(--zacht);padding-left:8px}#wpcheck .veld.fout .in{border-color:var(--rood);box-shadow:inset 0 0 0 1px var(--rood)}#wpcheck .melding{font-size:12px;font-weight:700;color:var(--rood);margin:12px 0 0}#wpcheck .acties{display:flex;align-items:center;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid var(--lijn)}#wpcheck .knop{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--r);
  padding:12px 18px;font-size:15px;font-weight:700;letter-spacing:-.01em;cursor:pointer;
  transition:background .15s,border-color .15s,transform .12s var(--ease)}#wpcheck .knop:active{transform:translateY(1px)}#wpcheck .knop-p{background:var(--groen);color:#fff}#wpcheck .knop-p:hover{background:var(--groen-d)}#wpcheck .knop-p[disabled]{background:#C7D3C9;cursor:not-allowed}#wpcheck .knop-s{background:var(--wit);border-color:var(--lijn2)}#wpcheck .knop-s:hover{border-color:#AEBFB2}#wpcheck .acties .rechts{margin-left:auto;font-size:12px;color:var(--zacht)}#wpcheck .kern{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--lijn);border-radius:var(--r-l);overflow:hidden;margin-bottom:4px}#wpcheck .kern > div{padding:20px 22px}#wpcheck .kern > div + div{border-left:1px solid var(--lijn)}#wpcheck .kern .meta{margin-bottom:6px;display:block}#wpcheck .kern .groot{font-size:44px;font-weight:800;letter-spacing:-.045em;line-height:1}#wpcheck .kern .eenh{font-size:15px;font-weight:700;color:var(--muted);margin-left:5px;letter-spacing:-.01em}#wpcheck .kern .op{color:var(--groen)}#wpcheck .kern .bij{font-size:12px;color:var(--muted);margin:7px 0 0;line-height:1.45}#wpcheck dl.lijst{margin:18px 0 0}#wpcheck dl.lijst > div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:12px 0;border-top:1px solid var(--lijn)}#wpcheck dl.lijst > div:last-child{border-bottom:1px solid var(--lijn)}#wpcheck dl.lijst dt{font-size:15px;color:var(--muted)}#wpcheck dl.lijst dd{margin:0;font-size:17px;font-weight:700;letter-spacing:-.02em;text-align:right}#wpcheck dl.lijst dd .eenh{font-size:12px;font-weight:700;color:var(--zacht);margin-left:4px}#wpcheck .paneel .meta{display:block;margin-bottom:9px}#wpcheck .paneel .adres{font-size:17px;font-weight:800;letter-spacing:-.02em;margin:0}#wpcheck .paneel .adres-s{font-size:15px;color:var(--muted);margin:1px 0 20px}#wpcheck .paneel dl.lijst{margin:0}#wpcheck .paneel dl.lijst dt{font-size:15px}#wpcheck .paneel dl.lijst dd{font-size:15px}#wpcheck .bedrag{margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--lijn)}#wpcheck .bedrag .groot{font-size:32px;font-weight:800;letter-spacing:-.04em;color:var(--groen);line-height:1;display:flex;align-items:center;gap:8px}#wpcheck .bedrag .groot svg{color:var(--blad);flex:none}#wpcheck .bedrag p{font-size:12px;color:var(--muted);margin:10px 0 0;line-height:1.5}#wpcheck .bedrag a{color:var(--groen);font-weight:700}#wpcheck .wacht{margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--lijn);
  font-size:12px;color:var(--zacht);line-height:1.55}#wpcheck .letop{border:1px solid var(--oker-l);background:var(--oker-v);border-radius:var(--r);padding:15px 16px;margin-top:20px}#wpcheck .letop b{display:block;font-size:15px;margin-bottom:5px}#wpcheck .letop p{margin:0;font-size:15px;color:#6E5C22;line-height:1.55}#wpcheck details.aannames{margin-top:20px;border-top:1px solid var(--lijn);padding-top:16px}#wpcheck details.aannames summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}#wpcheck details.aannames summary::-webkit-details-marker{display:none}#wpcheck details.aannames summary svg{transition:transform .2s var(--ease)}#wpcheck details.aannames[open] summary svg{transform:rotate(90deg)}#wpcheck details.aannames dl{margin:14px 0 0}#wpcheck details.aannames dt{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--zacht);margin-top:14px}#wpcheck details.aannames dt:first-child{margin-top:0}#wpcheck details.aannames dd{margin:3px 0 0;font-size:15px;color:var(--muted)}#wpcheck .vink{width:42px;height:42px;border-radius:50%;background:var(--groen-z);display:grid;place-items:center;color:var(--groen);margin-bottom:16px}#wpcheck pre.payload{margin:12px 0 0;font-size:12px;line-height:1.6;overflow-x:auto;
  background:var(--paper);border:1px solid var(--lijn);border-radius:var(--r);padding:14px}#wpcheck .laden{display:inline-flex;gap:5px;align-items:center}#wpcheck .laden i{width:5px;height:5px;border-radius:50%;background:var(--groen);animation:pols 1s infinite}#wpcheck .laden i:nth-child(2){animation-delay:.14s}#wpcheck .laden i:nth-child(3){animation-delay:.28s}
@keyframes pols{0%,65%,100%{opacity:.18}32%{opacity:1}}

@media (max-width:900px){#wpcheck .app{margin:0;border:0;border-radius:0;box-shadow:none}#wpcheck .body{grid-template-columns:minmax(0,1fr)}#wpcheck .paneel{border-left:0;border-top:1px solid var(--lijn)}
}
@media (max-width:560px){#wpcheck .vragen{padding:24px 18px}#wpcheck .kern{grid-template-columns:1fr}#wpcheck .kern > div + div{border-left:0;border-top:1px solid var(--lijn)}#wpcheck .kern .groot{font-size:38px}#wpcheck .acties{flex-wrap:wrap}#wpcheck .acties .knop{flex:1 1 100%;justify-content:center}#wpcheck .acties .rechts{flex:1 1 100%;margin-left:0}
}
@media (prefers-reduced-motion:reduce){#wpcheck *{animation:none!important;transition:none!important}}

/* in het venster is .vak al de kaart, dus geen tweede kader */
.venster #wpcheck .app{margin:0;border:0;border-radius:0;box-shadow:none;max-width:none}
.venster .vak:has(#wpcheck){max-width:62rem}
.venster-sluit{position:absolute;top:10px;right:10px;z-index:3;display:grid;place-items:center;
  width:34px;height:34px;border:0;border-radius:9px;background:rgba(255,255,255,.92);
  color:#5B6B60;cursor:pointer;transition:background .15s,color .15s}
.venster-sluit:hover{background:#EFF2EE;color:#101A13}
.venster #wpcheck .balk{padding-right:58px}