/* LarsWebdesign: modulebibliotheek voor unieke SEO-pagina's (su-*). Bovenop lwd-e-seo-pagina.css; zelfde kleuren en letters. */
:is(html,#lwdx) .su{--su-oranje:#F1502F;--su-oranje2:#FF6A3D;--su-tekst:#EDF1F7;--su-zacht:#B7C4D8;--su-dim:#8CA0BF;--su-rand:rgba(255,255,255,.08);--su-paneel:rgba(255,255,255,.03);--su-groen:#3ECF8E;--su-rood:#FF6B5B;--su-geel:#FFCF9A;--su-blauw:#173458}
:is(html,#lwdx) :where(.su) :is(h1,h2,h3,h4){font-family:'Poppins',sans-serif;font-weight:600;letter-spacing:-0.02em;color:#fff;margin:0}
:is(html,#lwdx) :where(.su) p{margin:0 0 20px}
:is(html,#lwdx) .su-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 5vw}
:is(html,#lwdx) .su-wrap--smal{max-width:900px}
:is(html,#lwdx) .su-sectie{position:relative;padding:96px 0}
:is(html,#lwdx) .su-sectie--licht{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0))}
:is(html,#lwdx) .su-sectie--rand{border-top:1px solid var(--su-rand)}
:is(html,#lwdx) .su-sectie--accent{background:linear-gradient(160deg,rgba(241,80,47,.10),rgba(10,18,32,0) 60%)}
:is(html,#lwdx) .su-sectie--kort{padding:56px 0}
:is(html,#lwdx) .su-sectie--nul{padding-top:0}
@media (max-width:620px){:is(html,#lwdx) .su-sectie{padding:64px 0}:is(html,#lwdx) .su-sectie--kort{padding:40px 0}}
:is(html,#lwdx) .su-label{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--su-oranje);margin:0 0 16px}
:is(html,#lwdx) .su-label::before{content:"";width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--su-oranje2),var(--su-oranje))}
:is(html,#lwdx) .su-label--rustig{color:var(--su-dim)}
:is(html,#lwdx) .su-label--rustig::before{background:var(--su-dim)}
:is(html,#lwdx) .su-kop{max-width:760px;margin:0 0 44px}
:is(html,#lwdx) .su-kop--midden{margin-left:auto;margin-right:auto;text-align:center}
:is(html,#lwdx) .su-kop--midden .su-label{justify-content:center}
:is(html,#lwdx) .su-kop h2{font-size:clamp(28px,3.6vw,46px);line-height:1.12;margin:0 0 14px}
:is(html,#lwdx) .su-kop p{font-size:18px;line-height:1.65;color:var(--su-zacht);margin:0}
/* hero */
:is(html,#lwdx) .su-hero{position:relative;padding:148px 0 80px;overflow:hidden}
:is(html,#lwdx) .su-hero::after{content:"";position:absolute;pointer-events:none;border-radius:50%}
:is(html,#lwdx) .su-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.08;margin:0 0 22px}
:is(html,#lwdx) .su-hero__lead{font-size:19px;line-height:1.7;color:var(--su-zacht);max-width:620px;margin:0 0 30px}
:is(html,#lwdx) .su-knoppen{display:flex;flex-wrap:wrap;gap:14px;margin:0}
:is(html,#lwdx) .su-kruimel{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--su-dim);margin:0 0 24px}
:is(html,#lwdx) .su-kruimel a:hover{color:var(--su-oranje)}
:is(html,#lwdx) .su-kruimel span{color:#54637C}
:is(html,#lwdx) .su-hero--split .su-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
:is(html,#lwdx) .su-hero--split::after{right:-200px;top:30px;width:640px;height:640px;background:radial-gradient(circle,rgba(241,80,47,.16),rgba(241,80,47,0) 65%)}
:is(html,#lwdx) .su-hero--midden{text-align:center}
:is(html,#lwdx) .su-hero--midden .su-hero__lead{margin-left:auto;margin-right:auto}
:is(html,#lwdx) .su-hero--midden .su-knoppen,:is(html,#lwdx) .su-hero--midden .su-kruimel{justify-content:center}
:is(html,#lwdx) .su-hero--midden::after{left:50%;top:-260px;width:900px;height:600px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(241,80,47,.14),rgba(241,80,47,0) 70%)}
:is(html,#lwdx) .su-hero--artikel{padding-bottom:40px}
:is(html,#lwdx) .su-hero--artikel h1{font-size:clamp(34px,4.4vw,56px);max-width:900px}
:is(html,#lwdx) .su-meta{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:14px;color:var(--su-dim);margin:0}
:is(html,#lwdx) .su-meta span{display:inline-flex;align-items:center;gap:8px}
:is(html,#lwdx) .su-meta span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--su-oranje)}
:is(html,#lwdx) .su-hero--vraag .su-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end}
:is(html,#lwdx) .su-hero--data .su-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
:is(html,#lwdx) .su-hero--data::after{right:-120px;bottom:-200px;width:520px;height:520px;background:radial-gradient(circle,rgba(23,52,88,.9),rgba(23,52,88,0) 70%)}
@media (max-width:980px){:is(html,#lwdx) .su-hero{padding:118px 0 56px}:is(html,#lwdx) .su-hero--split .su-hero__grid,:is(html,#lwdx) .su-hero--vraag .su-hero__grid,:is(html,#lwdx) .su-hero--data .su-hero__grid{grid-template-columns:1fr;gap:36px}}
@media (max-width:620px){:is(html,#lwdx) .su-hero__lead{font-size:17px}:is(html,#lwdx) .su-knoppen .sp-btn{width:100%}}
/* kort antwoord (GEO) */
:is(html,#lwdx) .su-antwoord{position:relative;padding:30px 32px;border-radius:24px;background:linear-gradient(160deg,rgba(23,52,88,.6),rgba(10,18,32,.35));border:1px solid rgba(255,255,255,.1)}
:is(html,#lwdx) .su-antwoord__titel{display:flex;align-items:center;gap:10px;font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--su-geel);margin:0 0 12px}
:is(html,#lwdx) .su-antwoord p{font-size:17px;line-height:1.7;color:#DCE4EF;margin:0 0 16px}
:is(html,#lwdx) .su-antwoord dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:18px 0 0;padding-top:18px;border-top:1px solid var(--su-rand);font-size:15px}
:is(html,#lwdx) .su-antwoord dt{color:var(--su-dim)}
:is(html,#lwdx) .su-antwoord dd{margin:0;color:#fff;font-weight:600}
@media (max-width:520px){:is(html,#lwdx) .su-antwoord{padding:24px 20px}:is(html,#lwdx) .su-antwoord dl{grid-template-columns:1fr;gap:2px 0}:is(html,#lwdx) .su-antwoord dd{margin:0 0 10px}}
/* lopende tekst */
:is(html,#lwdx) .su-tekst{max-width:760px}
:is(html,#lwdx) .su-tekst--midden{margin-left:auto;margin-right:auto}
:is(html,#lwdx) .su-tekst h2{font-size:clamp(28px,3.2vw,40px);line-height:1.16;margin:0 0 22px;scroll-margin-top:110px}
:is(html,#lwdx) .su-tekst h3{font-size:22px;line-height:1.3;margin:34px 0 12px}
:is(html,#lwdx) .su-tekst p{color:var(--su-zacht);font-size:17px;line-height:1.8}
:is(html,#lwdx) .su-tekst p a,:is(html,#lwdx) .su-antwoord p a,:is(html,#lwdx) .su-notitie p a{color:var(--su-oranje);border-bottom:1px solid rgba(241,80,47,.35)}
:is(html,#lwdx) .su-tekst p a:hover{border-color:var(--su-oranje)}
:is(html,#lwdx) .su-tekst__intro{font-size:20px!important;line-height:1.7!important;color:#DCE4EF!important}
@media (max-width:620px){:is(html,#lwdx) .su-tekst__intro{font-size:18px!important}:is(html,#lwdx) .su-tekst p{font-size:16.5px}}
:is(html,#lwdx) .su-duo{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}
:is(html,#lwdx) .su-duo--links{grid-template-columns:340px minmax(0,1fr)}
:is(html,#lwdx) .su-duo__zij{position:sticky;top:110px}
@media (max-width:980px){:is(html,#lwdx) .su-duo,:is(html,#lwdx) .su-duo--links{grid-template-columns:1fr;gap:28px}:is(html,#lwdx) .su-duo__zij{position:relative;top:0}}
:is(html,#lwdx) .su-notitie{padding:24px 26px;border-radius:20px;background:var(--su-paneel);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-notitie--oranje{background:rgba(241,80,47,.07);border-color:rgba(241,80,47,.28)}
:is(html,#lwdx) .su-notitie__kop{font-family:'Poppins',sans-serif;font-weight:600;font-size:17px;color:#fff;margin:0 0 10px}
:is(html,#lwdx) .su-notitie p{font-size:15.5px;line-height:1.7;color:var(--su-zacht);margin:0 0 12px}
:is(html,#lwdx) .su-notitie p:last-child{margin:0}
/* inhoudsopgave bij lange artikelen */
:is(html,#lwdx) .su-toc{padding:22px;border-radius:20px;background:var(--su-paneel);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-toc__kop{font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;color:#fff;margin:0 0 12px}
:is(html,#lwdx) .su-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;counter-reset:suc}
:is(html,#lwdx) .su-toc a{display:flex;gap:10px;padding:7px 10px;border-radius:10px;font-size:14px;line-height:1.45;color:var(--su-dim)}
:is(html,#lwdx) .su-toc a::before{counter-increment:suc;content:counter(suc,decimal-leading-zero);font-family:'Poppins',sans-serif;font-size:12px;color:#54637C}
:is(html,#lwdx) .su-toc a:hover,:is(html,#lwdx) .su-toc a.is-actief{background:rgba(241,80,47,.1);color:#fff}
/* matrix wij / jij */
:is(html,#lwdx) .su-matrix{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:24px;overflow:hidden;border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-matrix__kolom{padding:30px 30px 26px}
:is(html,#lwdx) .su-matrix__kolom--wij{background:linear-gradient(160deg,rgba(241,80,47,.12),rgba(241,80,47,.03))}
:is(html,#lwdx) .su-matrix__kolom--jij{background:var(--su-paneel);border-left:1px solid var(--su-rand)}
:is(html,#lwdx) .su-matrix__kop{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:'Poppins',sans-serif;font-weight:600;font-size:20px;color:#fff;margin:0 0 18px}
:is(html,#lwdx) .su-matrix__kop small{font-family:'Satoshi',sans-serif;font-weight:500;font-size:13px;color:var(--su-dim);letter-spacing:0}
:is(html,#lwdx) .su-matrix ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
:is(html,#lwdx) .su-matrix li{display:grid;grid-template-columns:22px 1fr;gap:12px;font-size:15.5px;line-height:1.55;color:#DCE4EF}
:is(html,#lwdx) .su-matrix li::before{content:"";width:22px;height:22px;border-radius:7px;margin-top:1px;background:linear-gradient(140deg,var(--su-oranje2),var(--su-oranje))}
:is(html,#lwdx) .su-matrix__kolom--jij li::before{background:rgba(255,255,255,.14)}
:is(html,#lwdx) .su-matrix li span{display:block;font-size:13.5px;color:var(--su-dim);margin-top:2px}
@media (max-width:760px){:is(html,#lwdx) .su-matrix{grid-template-columns:1fr}:is(html,#lwdx) .su-matrix__kolom--jij{border-left:0;border-top:1px solid var(--su-rand)}:is(html,#lwdx) .su-matrix__kolom{padding:24px 20px}}
/* vergelijkingstabel */
:is(html,#lwdx) .su-tabel-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:22px;border:1px solid var(--su-rand);background:rgba(10,18,32,.4)}
:is(html,#lwdx) .su-tabel{width:100%;min-width:720px;border-collapse:collapse;font-size:15px;line-height:1.5}
:is(html,#lwdx) .su-tabel th,:is(html,#lwdx) .su-tabel td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--su-rand)}
:is(html,#lwdx) .su-tabel thead th{font-family:'Poppins',sans-serif;font-weight:600;font-size:15px;color:#fff;background:rgba(255,255,255,.04)}
:is(html,#lwdx) .su-tabel tbody th{font-weight:600;color:#fff;width:24%;position:sticky;left:0;background:#0d1729}
:is(html,#lwdx) .su-tabel td{color:var(--su-zacht)}
:is(html,#lwdx) .su-tabel tr:last-child th,:is(html,#lwdx) .su-tabel tr:last-child td{border-bottom:0}
:is(html,#lwdx) .su-tabel .is-wij{background:rgba(241,80,47,.08);color:#fff}
:is(html,#lwdx) .su-tabel thead .is-wij{background:linear-gradient(120deg,rgba(255,106,61,.35),rgba(241,80,47,.25))}
:is(html,#lwdx) .su-tabel__noot{font-size:13.5px;color:var(--su-dim);margin:12px 4px 0}
:is(html,#lwdx) .su-schuif{display:none;font-size:13px;color:var(--su-dim);margin:0 0 10px}
@media (max-width:760px){:is(html,#lwdx) .su-schuif{display:block}}
/* keuzehulp */
:is(html,#lwdx) .su-keuze{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:30px;border-radius:26px;background:linear-gradient(150deg,rgba(23,52,88,.55),rgba(10,18,32,.25));border:1px solid rgba(255,255,255,.1)}
:is(html,#lwdx) .su-keuze__vraag{margin:0 0 20px}
:is(html,#lwdx) .su-keuze__vraag p{font-family:'Poppins',sans-serif;font-weight:600;font-size:17px;color:#fff;margin:0 0 10px}
:is(html,#lwdx) .su-keuze__opties{display:flex;flex-wrap:wrap;gap:8px}
:is(html,#lwdx) .su-keuze__opties button{appearance:none;cursor:pointer;font:inherit;font-size:14.5px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#DCE4EF;transition:background .25s,border-color .25s,color .25s}
:is(html,#lwdx) .su-keuze__opties button:hover{border-color:var(--su-oranje)}
:is(html,#lwdx) .su-keuze__opties button[aria-pressed="true"]{background:linear-gradient(120deg,var(--su-oranje2),var(--su-oranje));border-color:transparent;color:#fff}
:is(html,#lwdx) .su-keuze__uitkomst{display:flex;flex-direction:column;justify-content:center;padding:28px;border-radius:20px;background:rgba(10,18,32,.55);border:1px dashed rgba(255,255,255,.18);min-height:240px}
:is(html,#lwdx) .su-keuze__uitkomst.is-klaar{border-style:solid;border-color:rgba(241,80,47,.45);background:rgba(241,80,47,.07)}
:is(html,#lwdx) .su-keuze__uitkomst h3{font-size:24px;margin:0 0 10px}
:is(html,#lwdx) .su-keuze__uitkomst p{color:var(--su-zacht);font-size:15.5px;line-height:1.7;margin:0 0 16px}
:is(html,#lwdx) .su-keuze__leeg{color:var(--su-dim)!important}
@media (max-width:860px){:is(html,#lwdx) .su-keuze{grid-template-columns:1fr;padding:22px}}
/* prijzen */
:is(html,#lwdx) .su-prijzen{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
:is(html,#lwdx) .su-prijs{position:relative;display:flex;flex-direction:column;padding:30px 28px;border-radius:24px;background:var(--su-paneel);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-prijs.is-uitgelicht{background:linear-gradient(165deg,rgba(241,80,47,.16),rgba(10,18,32,.2));border-color:rgba(241,80,47,.5);box-shadow:0 30px 80px rgba(241,80,47,.12)}
:is(html,#lwdx) .su-prijs__badge{position:absolute;top:-13px;left:28px;padding:6px 12px;border-radius:999px;background:linear-gradient(120deg,var(--su-oranje2),var(--su-oranje));color:#fff;font-size:12.5px;font-weight:700}
:is(html,#lwdx) .su-prijs__naam{font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--su-dim);margin:0 0 10px}
:is(html,#lwdx) .su-prijs__bedrag{font-family:'Poppins',sans-serif;font-weight:700;font-size:40px;line-height:1;color:#fff;margin:0 0 6px}
:is(html,#lwdx) .su-prijs__bedrag small{font-size:15px;font-weight:500;color:var(--su-dim)}
:is(html,#lwdx) .su-prijs__voor{font-size:14.5px;color:var(--su-zacht);margin:0 0 18px}
:is(html,#lwdx) .su-prijs ul{list-style:none;margin:0 0 22px;padding:18px 0 0;border-top:1px solid var(--su-rand);display:flex;flex-direction:column;gap:10px;flex:1}
:is(html,#lwdx) .su-prijs li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:14.5px;line-height:1.5;color:#DCE4EF}
:is(html,#lwdx) .su-prijs li::before{content:"✓";color:var(--su-oranje);font-weight:700}
:is(html,#lwdx) .su-prijs .sp-btn{width:100%;white-space:normal;text-align:center}
:is(html,#lwdx) .su-prijzen__noot{font-size:14px;color:var(--su-dim);margin:16px 0 0;text-align:center}
@media (max-width:980px){:is(html,#lwdx) .su-prijzen{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
/* rekenhulp */
:is(html,#lwdx) .su-reken{display:grid;grid-template-columns:1.1fr .9fr;gap:0;border-radius:26px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
:is(html,#lwdx) .su-reken__invoer{padding:30px;background:var(--su-paneel)}
:is(html,#lwdx) .su-reken__uitvoer{padding:30px;background:linear-gradient(160deg,rgba(241,80,47,.14),rgba(23,52,88,.4));display:flex;flex-direction:column;justify-content:center}
:is(html,#lwdx) .su-reken label{display:block;font-weight:600;font-size:15px;color:#fff;margin:0 0 8px}
:is(html,#lwdx) .su-reken__veld{margin:0 0 22px}
:is(html,#lwdx) .su-reken input[type=range]{width:100%;accent-color:#F1502F}
:is(html,#lwdx) .su-reken select{width:100%;font:inherit;font-size:15px;padding:12px 14px;border-radius:12px;background:#0d1729;color:#fff;border:1px solid rgba(255,255,255,.16)}
:is(html,#lwdx) .su-reken__waarde{float:right;font-weight:700;color:var(--su-oranje)}
:is(html,#lwdx) .su-reken__getal{font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(34px,4vw,48px);line-height:1.05;color:#fff;margin:0 0 8px}
:is(html,#lwdx) .su-reken__uitleg{font-size:15px;line-height:1.65;color:#DCE4EF;margin:0 0 18px}
:is(html,#lwdx) .su-reken__noot{font-size:13px;color:var(--su-dim);margin:0}
@media (max-width:860px){:is(html,#lwdx) .su-reken{grid-template-columns:1fr}:is(html,#lwdx) .su-reken__invoer,:is(html,#lwdx) .su-reken__uitvoer{padding:22px}}
/* tijdlijn */
:is(html,#lwdx) .su-tijdlijn{position:relative;display:grid;grid-template-columns:repeat(var(--su-n,4),1fr);gap:18px;list-style:none;margin:0;padding:0}
:is(html,#lwdx) .su-tijdlijn::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:linear-gradient(90deg,var(--su-oranje),rgba(241,80,47,.1))}
:is(html,#lwdx) .su-tijdlijn li{position:relative;padding-top:66px}
:is(html,#lwdx) .su-tijdlijn__punt{position:absolute;top:0;left:0;display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:56px;padding:0 14px;border-radius:18px;background:#0d1729;border:2px solid var(--su-oranje);font-family:'Poppins',sans-serif;font-weight:700;font-size:14px;color:#fff;box-shadow:0 0 0 6px #0A1220}
:is(html,#lwdx) .su-tijdlijn h3{font-size:19px;margin:0 0 8px}
:is(html,#lwdx) .su-tijdlijn p{font-size:15px;line-height:1.65;color:var(--su-zacht);margin:0}
@media (max-width:900px){:is(html,#lwdx) .su-tijdlijn{grid-template-columns:1fr;gap:0}:is(html,#lwdx) .su-tijdlijn::before{left:27px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(180deg,var(--su-oranje),rgba(241,80,47,.1))}:is(html,#lwdx) .su-tijdlijn li{padding:0 0 30px 84px;min-height:70px}}
/* checklist */
:is(html,#lwdx) .su-check{padding:28px;border-radius:24px;background:var(--su-paneel);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-check__balk{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin:0 0 8px}
:is(html,#lwdx) .su-check__vul{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--su-oranje2),var(--su-oranje));transition:width .4s}
:is(html,#lwdx) .su-check__stand{font-size:14px;color:var(--su-dim);margin:0 0 18px}
:is(html,#lwdx) .su-check ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
:is(html,#lwdx) .su-check label{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:14px 16px;border-radius:16px;background:rgba(10,18,32,.5);border:1px solid var(--su-rand);cursor:pointer;font-size:15px;line-height:1.5;color:#DCE4EF}
:is(html,#lwdx) .su-check input{appearance:none;width:22px;height:22px;margin:0;border-radius:7px;border:2px solid rgba(255,255,255,.3);background:transparent;display:grid;place-content:center;cursor:pointer}
:is(html,#lwdx) .su-check input:checked{background:var(--su-oranje);border-color:var(--su-oranje)}
:is(html,#lwdx) .su-check input:checked::after{content:"✓";color:#fff;font-size:13px;font-weight:700}
:is(html,#lwdx) .su-check label span{display:block;font-size:13.5px;color:var(--su-dim);margin-top:2px}
@media (max-width:760px){:is(html,#lwdx) .su-check ul{grid-template-columns:1fr}:is(html,#lwdx) .su-check{padding:20px}}
/* goede tekens en rode vlaggen */
:is(html,#lwdx) .su-vlaggen{display:grid;grid-template-columns:1fr 1fr;gap:20px}
:is(html,#lwdx) .su-vlag{padding:28px;border-radius:24px;border:1px solid var(--su-rand);background:var(--su-paneel)}
:is(html,#lwdx) .su-vlag--goed{border-color:rgba(62,207,142,.35);background:rgba(62,207,142,.05)}
:is(html,#lwdx) .su-vlag--rood{border-color:rgba(255,107,91,.35);background:rgba(255,107,91,.05)}
:is(html,#lwdx) .su-vlag h3{font-size:20px;margin:0 0 16px}
:is(html,#lwdx) .su-vlag ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
:is(html,#lwdx) .su-vlag li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15px;line-height:1.55;color:#DCE4EF}
:is(html,#lwdx) .su-vlag--goed li::before{content:"✓";color:var(--su-groen);font-weight:700}
:is(html,#lwdx) .su-vlag--rood li::before{content:"✕";color:var(--su-rood);font-weight:700}
@media (max-width:760px){:is(html,#lwdx) .su-vlaggen{grid-template-columns:1fr}}
/* bewijs: zoekresultaat */
:is(html,#lwdx) .su-serp{position:relative;max-width:460px;padding:20px 22px;border-radius:18px;background:#fff;color:#1f2937;font-family:Arial,sans-serif;box-shadow:0 30px 80px rgba(0,0,0,.45)}
:is(html,#lwdx) .su-serp__zoek{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid #dfe1e5;font-size:14px;color:#202124;margin:0 0 16px}
:is(html,#lwdx) .su-serp__zoek::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid #9aa0a6}
:is(html,#lwdx) .su-serp__res{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0;border-top:1px solid #eee}
:is(html,#lwdx) .su-serp__res:first-of-type{border-top:0}
:is(html,#lwdx) .su-serp__pos{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#eef0f3;font-size:12px;font-weight:700;color:#4d5156}
:is(html,#lwdx) .su-serp__res.is-wij .su-serp__pos{background:#F1502F;color:#fff}
:is(html,#lwdx) .su-serp__url{font-size:12px;color:#4d5156;margin:0 0 2px}
:is(html,#lwdx) .su-serp__titel{font-size:16px;line-height:1.3;color:#1a0dab;margin:0}
:is(html,#lwdx) .su-serp__res:not(.is-wij) .su-serp__titel{color:#9aa0a6}
:is(html,#lwdx) .su-serp__bron{font-size:11.5px;color:#70757a;margin:12px 0 0}
/* case */
:is(html,#lwdx) .su-case{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:40px;border-radius:28px;background:linear-gradient(150deg,rgba(23,52,88,.55),rgba(10,18,32,.3));border:1px solid rgba(255,255,255,.09)}
:is(html,#lwdx) .su-case h3{font-size:clamp(24px,2.8vw,34px);line-height:1.2;margin:0 0 14px}
:is(html,#lwdx) .su-case p{color:var(--su-zacht);font-size:16px;line-height:1.75}
:is(html,#lwdx) .su-case__cijfers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0 0}
:is(html,#lwdx) .su-case__cijfer{padding:18px;border-radius:18px;background:rgba(10,18,32,.45);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-case__cijfer b{display:block;font-family:'Poppins',sans-serif;font-size:30px;line-height:1.1;color:#fff}
:is(html,#lwdx) .su-case__cijfer span{font-size:13.5px;color:var(--su-dim)}
:is(html,#lwdx) .su-case__beeld img{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 70px rgba(0,0,0,.45)}
@media (max-width:900px){:is(html,#lwdx) .su-case{grid-template-columns:1fr;gap:28px;padding:24px}}
/* review */
:is(html,#lwdx) .su-review{position:relative;padding:34px 36px;border-radius:26px;background:var(--su-paneel);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-review::before{content:"\201C";position:absolute;top:-18px;left:28px;font-family:Georgia,serif;font-size:96px;line-height:1;color:var(--su-oranje)}
:is(html,#lwdx) .su-review blockquote{margin:0 0 18px;font-family:'Poppins',sans-serif;font-weight:500;font-size:clamp(18px,2vw,22px);line-height:1.5;color:#fff}
:is(html,#lwdx) .su-review figcaption{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--su-dim)}
:is(html,#lwdx) .su-review figcaption strong{color:#fff}
:is(html,#lwdx) .su-sterren{color:var(--su-oranje);letter-spacing:2px}
/* expert */
:is(html,#lwdx) .su-expert{display:grid;grid-template-columns:112px 1fr;gap:22px;align-items:center;padding:24px;border-radius:22px;background:var(--su-paneel);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-expert img{width:112px;height:112px;border-radius:22px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}
:is(html,#lwdx) .su-expert__naam{font-family:'Poppins',sans-serif;font-weight:600;font-size:18px;color:#fff;margin:0}
:is(html,#lwdx) .su-expert__rol{font-size:14px;color:var(--su-oranje);margin:0 0 8px}
:is(html,#lwdx) .su-expert p:not([class]){font-size:15px;line-height:1.65;color:var(--su-zacht);margin:0}
:is(html,#lwdx) .su-experts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
@media (max-width:760px){:is(html,#lwdx) .su-experts{grid-template-columns:1fr}:is(html,#lwdx) .su-expert{grid-template-columns:80px 1fr}:is(html,#lwdx) .su-expert img{width:80px;height:80px}}
/* feiten met bron */
:is(html,#lwdx) .su-feiten{display:grid;grid-template-columns:repeat(var(--su-n,3),1fr);gap:16px}
:is(html,#lwdx) .su-feit{padding:24px;border-radius:20px;background:var(--su-paneel);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-feit b{display:block;font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(26px,3vw,36px);line-height:1.1;color:#fff;margin:0 0 6px}
:is(html,#lwdx) .su-feit span{display:block;font-size:14.5px;line-height:1.5;color:var(--su-zacht)}
:is(html,#lwdx) .su-feit small{display:block;font-size:12px;color:#6F7F99;margin-top:10px}
@media (max-width:900px){:is(html,#lwdx) .su-feiten{grid-template-columns:1fr 1fr}}
@media (max-width:520px){:is(html,#lwdx) .su-feiten{grid-template-columns:1fr}}
/* kaarten en diagram */
:is(html,#lwdx) .su-kaarten{display:grid;grid-template-columns:repeat(var(--su-n,3),1fr);gap:18px}
:is(html,#lwdx) .su-kaart{padding:26px;border-radius:22px;background:var(--su-paneel);border:1px solid var(--su-rand);transition:border-color .35s,transform .35s}
:is(html,#lwdx) .su-kaart:hover{border-color:rgba(241,80,47,.45);transform:translateY(-4px)}
:is(html,#lwdx) .su-kaart__nr{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;margin:0 0 16px;background:rgba(241,80,47,.14);color:var(--su-oranje);font-family:'Poppins',sans-serif;font-weight:700}
:is(html,#lwdx) .su-kaart h3{font-size:19px;line-height:1.3;margin:0 0 10px}
:is(html,#lwdx) .su-kaart p{font-size:15px;line-height:1.65;color:var(--su-zacht);margin:0}
@media (max-width:980px){:is(html,#lwdx) .su-kaarten{grid-template-columns:1fr 1fr}}
@media (max-width:620px){:is(html,#lwdx) .su-kaarten{grid-template-columns:1fr}}
:is(html,#lwdx) .su-diagram{margin:0;padding:26px;border-radius:24px;background:rgba(10,18,32,.45);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-diagram svg{display:block;width:100%;height:auto}
:is(html,#lwdx) .su-diagram figcaption{font-size:14px;color:var(--su-dim);margin:14px 0 0}
/* mythe en feit */
:is(html,#lwdx) .su-mythes{display:flex;flex-direction:column;gap:14px}
:is(html,#lwdx) .su-mythe{display:grid;grid-template-columns:1fr 1fr;border-radius:20px;overflow:hidden;border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-mythe > div{padding:20px 22px}
:is(html,#lwdx) .su-mythe__fabel{background:rgba(255,107,91,.05)}
:is(html,#lwdx) .su-mythe__feit{background:rgba(62,207,142,.05);border-left:1px solid var(--su-rand)}
:is(html,#lwdx) .su-mythe b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px}
:is(html,#lwdx) .su-mythe__fabel b{color:var(--su-rood)}
:is(html,#lwdx) .su-mythe__feit b{color:var(--su-groen)}
:is(html,#lwdx) .su-mythe p{margin:0;font-size:15px;line-height:1.6;color:#DCE4EF}
@media (max-width:700px){:is(html,#lwdx) .su-mythe{grid-template-columns:1fr}:is(html,#lwdx) .su-mythe__feit{border-left:0;border-top:1px solid var(--su-rand)}}
/* stappen verticaal */
:is(html,#lwdx) .su-stappen{list-style:none;margin:0;padding:0;counter-reset:sus;display:flex;flex-direction:column;gap:14px}
:is(html,#lwdx) .su-stappen li{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:22px;border-radius:20px;background:var(--su-paneel);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-stappen li::before{counter-increment:sus;content:counter(sus);display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(140deg,var(--su-oranje2),var(--su-oranje));color:#fff;font-family:'Poppins',sans-serif;font-weight:700;font-size:20px}
:is(html,#lwdx) .su-stappen h3{font-size:18px;margin:0 0 6px}
:is(html,#lwdx) .su-stappen p{margin:0;font-size:15px;line-height:1.65;color:var(--su-zacht)}
/* faq varianten */
:is(html,#lwdx) .su-faq{display:flex;flex-direction:column;gap:12px}
:is(html,#lwdx) .su-faq--twee{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
@media (max-width:900px){:is(html,#lwdx) .su-faq--twee{grid-template-columns:1fr}}
:is(html,#lwdx) .su-faq-duo{display:grid;grid-template-columns:350px minmax(0,1fr);gap:56px;align-items:start}
:is(html,#lwdx) .su-faq-duo__kop{position:sticky;top:110px}
:is(html,#lwdx) .su-faq-duo__kop h2{font-size:clamp(28px,3vw,38px);line-height:1.15;margin:0 0 14px}
:is(html,#lwdx) .su-faq-duo__kop p{color:var(--su-zacht);font-size:16px;line-height:1.7}
@media (max-width:980px){:is(html,#lwdx) .su-faq-duo{grid-template-columns:1fr;gap:26px}:is(html,#lwdx) .su-faq-duo__kop{position:relative;top:0}}
/* cta varianten */
:is(html,#lwdx) .su-cta{border-radius:28px;border:1px solid rgba(241,80,47,.3);background:linear-gradient(150deg,rgba(241,80,47,.18),rgba(10,18,32,.35))}
:is(html,#lwdx) .su-cta--balk{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 36px}
:is(html,#lwdx) .su-cta--balk h2,:is(html,#lwdx) .su-cta--balk h3{font-size:clamp(22px,2.4vw,28px);line-height:1.25;margin:0 0 6px}
:is(html,#lwdx) .su-cta--balk p{margin:0;color:var(--su-zacht);font-size:15.5px}
:is(html,#lwdx) .su-cta--kaart{max-width:880px;margin:0 auto;padding:56px 48px;text-align:center}
:is(html,#lwdx) .su-cta--kaart h2{font-size:clamp(30px,3.8vw,46px);line-height:1.12;margin:0 0 16px}
:is(html,#lwdx) .su-cta--kaart p{color:#C7D2E2;font-size:17px;max-width:56ch;margin:0 auto 28px}
:is(html,#lwdx) .su-cta--kaart .su-knoppen{justify-content:center}
:is(html,#lwdx) .su-cta--stappen{display:grid;grid-template-columns:1.05fr .95fr;gap:0;overflow:hidden}
:is(html,#lwdx) .su-cta--stappen .su-cta__tekst{padding:52px 48px}
:is(html,#lwdx) .su-cta--stappen h2{font-size:clamp(28px,3.4vw,42px);line-height:1.14;margin:0 0 14px}
:is(html,#lwdx) .su-cta--stappen p{color:#C7D2E2;margin:0 0 26px}
:is(html,#lwdx) .su-cta__lijst{padding:48px 42px;background:rgba(10,18,32,.45);border-left:1px solid rgba(255,255,255,.08)}
:is(html,#lwdx) .su-cta__lijst ol{margin:0;padding:0;list-style:none;counter-reset:suct;display:flex;flex-direction:column;gap:18px}
:is(html,#lwdx) .su-cta__lijst li{display:grid;grid-template-columns:34px 1fr;gap:14px;font-size:15.5px;line-height:1.55;color:#DCE4EF}
:is(html,#lwdx) .su-cta__lijst li::before{counter-increment:suct;content:counter(suct);display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:rgba(241,80,47,.18);color:var(--su-oranje);font-weight:700}
:is(html,#lwdx) .su-cta__lijst strong{display:block;color:#fff}
@media (max-width:900px){:is(html,#lwdx) .su-cta--balk{flex-direction:column;align-items:flex-start;padding:26px 22px}:is(html,#lwdx) .su-cta--kaart{padding:40px 22px}:is(html,#lwdx) .su-cta--stappen{grid-template-columns:1fr}:is(html,#lwdx) .su-cta--stappen .su-cta__tekst,:is(html,#lwdx) .su-cta__lijst{padding:30px 22px}:is(html,#lwdx) .su-cta__lijst{border-left:0;border-top:1px solid rgba(255,255,255,.08)}}
/* beeld */
:is(html,#lwdx) .su-beeld{margin:0}
:is(html,#lwdx) .su-beeld img{width:100%;border-radius:22px;border:1px solid rgba(255,255,255,.1);object-fit:cover}
:is(html,#lwdx) .su-beeld figcaption{font-size:14px;color:var(--su-dim);margin:12px 0 0}
/* raster helpers */
:is(html,#lwdx) .su-twee{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
:is(html,#lwdx) .su-twee--top{align-items:start}
@media (max-width:900px){:is(html,#lwdx) .su-twee{grid-template-columns:1fr;gap:28px}}
:is(html,#lwdx) .su-mt{margin-top:40px}
:is(html,#lwdx) .su-mt-s{margin-top:22px}
:is(html,#lwdx) .su-js .su-in{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1)}
:is(html,#lwdx) .su-js .su-in.is-zichtbaar{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){:is(html,#lwdx) .su-js .su-in{opacity:1;transform:none}}
/* ===== uitbreiding v2 ===== */
/* hero met foto */
:is(html,#lwdx) .su-hero--foto .su-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
:is(html,#lwdx) .su-hero--foto::after{left:-220px;top:-120px;width:620px;height:620px;background:radial-gradient(circle,rgba(241,80,47,.12),rgba(241,80,47,0) 65%)}
:is(html,#lwdx) .su-hero__foto{position:relative;margin:0}
:is(html,#lwdx) .su-hero__foto img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:26px;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 90px rgba(0,0,0,.45)}
:is(html,#lwdx) .su-hero__badge{position:absolute;left:-18px;bottom:22px;max-width:270px;padding:14px 18px;border-radius:16px;background:#0d1729;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px rgba(0,0,0,.4);font-size:14px;line-height:1.5;color:#DCE4EF}
:is(html,#lwdx) .su-hero__badge b{display:block;font-family:'Poppins',sans-serif;font-size:17px;color:#fff}
@media (max-width:980px){:is(html,#lwdx) .su-hero--foto .su-hero__grid{grid-template-columns:1fr;gap:32px}:is(html,#lwdx) .su-hero__badge{position:relative;left:auto;bottom:auto;margin:-28px 16px 0;max-width:none}}
/* hero als zoekbalk */
:is(html,#lwdx) .su-hero--zoek{text-align:center}
:is(html,#lwdx) .su-hero--zoek::after{left:50%;top:-240px;width:980px;height:620px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(23,52,88,.95),rgba(23,52,88,0) 70%)}
:is(html,#lwdx) .su-hero--zoek .su-kruimel,:is(html,#lwdx) .su-hero--zoek .su-knoppen{justify-content:center}
:is(html,#lwdx) .su-hero--zoek .su-hero__lead{margin-left:auto;margin-right:auto}
:is(html,#lwdx) .su-zoekbalk{position:relative;z-index:1;display:flex;align-items:center;gap:14px;max-width:640px;margin:0 auto 30px;padding:16px 22px;border-radius:999px;background:#fff;color:#202124;font-family:Arial,sans-serif;font-size:17px;text-align:left;box-shadow:0 24px 60px rgba(0,0,0,.4)}
:is(html,#lwdx) .su-zoekbalk::before{content:"";flex:none;width:15px;height:15px;border-radius:50%;border:2px solid #9aa0a6}
:is(html,#lwdx) .su-zoekbalk span::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:3px;vertical-align:-3px;background:#202124;animation:su-knipper 1.1s steps(1) infinite}
@keyframes su-knipper{50%{opacity:0}}
:is(html,#lwdx) .su-hero--zoek .su-antwoord{max-width:760px;margin:0 auto;text-align:left}
@media (prefers-reduced-motion:reduce){:is(html,#lwdx) .su-zoekbalk span::after{animation:none}}
/* browserframe met wireframe */
:is(html,#lwdx) .su-browser{border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0d1729;box-shadow:0 30px 80px rgba(0,0,0,.4)}
:is(html,#lwdx) .su-browser__balk{display:flex;align-items:center;gap:7px;padding:12px 16px;background:rgba(255,255,255,.05);border-bottom:1px solid var(--su-rand)}
:is(html,#lwdx) .su-browser__balk i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2)}
:is(html,#lwdx) .su-browser__url{flex:1;min-width:0;margin-left:10px;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,.06);font-size:12.5px;color:var(--su-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:is(html,#lwdx) .su-browser__scherm{display:flex;flex-direction:column;gap:12px;padding:18px}
:is(html,#lwdx) .su-browser img{display:block;width:100%;height:auto}
:is(html,#lwdx) .su-wf{position:relative;padding:14px 16px;border-radius:10px;background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.16);font-size:13px;line-height:1.5;color:var(--su-zacht)}
:is(html,#lwdx) .su-wf b{display:block;font-size:13.5px;color:#fff;margin:0 0 3px}
:is(html,#lwdx) .su-wf--hero{padding:24px 18px;border-style:solid;border-color:rgba(241,80,47,.35);background:linear-gradient(135deg,rgba(241,80,47,.18),rgba(23,52,88,.5))}
:is(html,#lwdx) .su-wf--knop{display:inline-block;align-self:flex-start;padding:8px 14px;border-radius:999px;border-style:solid;background:var(--su-oranje);border-color:var(--su-oranje);color:#fff;font-weight:600}
:is(html,#lwdx) .su-wf--rij{display:grid;grid-template-columns:repeat(var(--su-n,3),1fr);gap:10px;padding:0;border:0;background:none}
:is(html,#lwdx) .su-wf__pin{position:absolute;top:-10px;right:-10px;display:grid;place-content:center;width:26px;height:26px;border-radius:50%;background:var(--su-oranje);color:#fff;font-size:12px;font-weight:700;box-shadow:0 0 0 4px #0A1220}
:is(html,#lwdx) .su-browser-duo{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:44px;align-items:start}
:is(html,#lwdx) .su-uitleg{list-style:none;margin:0;padding:0;counter-reset:suu;display:flex;flex-direction:column;gap:16px}
:is(html,#lwdx) .su-uitleg li{display:grid;grid-template-columns:30px 1fr;gap:14px;font-size:15.5px;line-height:1.6;color:var(--su-zacht)}
:is(html,#lwdx) .su-uitleg li::before{counter-increment:suu;content:counter(suu);display:grid;place-content:center;width:30px;height:30px;border-radius:50%;background:var(--su-oranje);color:#fff;font-size:13px;font-weight:700}
:is(html,#lwdx) .su-uitleg strong{display:block;color:#fff;font-weight:600}
@media (max-width:900px){:is(html,#lwdx) .su-browser-duo{grid-template-columns:1fr;gap:28px}:is(html,#lwdx) .su-wf--rij{grid-template-columns:1fr 1fr}}
/* code */
:is(html,#lwdx) .su-code{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--su-rand);background:#0b1322}
:is(html,#lwdx) .su-code__kop{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;font-size:12.5px;color:var(--su-dim);background:rgba(255,255,255,.04);border-bottom:1px solid var(--su-rand)}
:is(html,#lwdx) .su-code pre{margin:0;padding:18px 20px;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13.5px;line-height:1.7;color:#DCE4EF;white-space:pre}
:is(html,#lwdx) .su-code .k{color:#FF8763}
:is(html,#lwdx) .su-code .s{color:#9FE3B8}
:is(html,#lwdx) .su-code .c{color:#6F7F99}
/* goed en fout naast elkaar */
:is(html,#lwdx) .su-paren{display:flex;flex-direction:column;gap:16px}
:is(html,#lwdx) .su-paar{display:grid;grid-template-columns:1fr 1fr;gap:16px}
:is(html,#lwdx) .su-paar__kant{padding:22px 24px;border-radius:20px;border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-paar__kant--fout{background:rgba(255,107,91,.05);border-color:rgba(255,107,91,.3)}
:is(html,#lwdx) .su-paar__kant--goed{background:rgba(62,207,142,.05);border-color:rgba(62,207,142,.3)}
:is(html,#lwdx) .su-paar__label{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px}
:is(html,#lwdx) .su-paar__kant--fout .su-paar__label{color:var(--su-rood)}
:is(html,#lwdx) .su-paar__kant--goed .su-paar__label{color:var(--su-groen)}
:is(html,#lwdx) .su-paar__voorbeeld{font-family:'Poppins',sans-serif;font-weight:500;font-size:16.5px;line-height:1.5;color:#fff;margin:0 0 10px}
:is(html,#lwdx) .su-paar__waarom{font-size:14.5px;line-height:1.6;color:var(--su-zacht);margin:0}
@media (max-width:760px){:is(html,#lwdx) .su-paar{grid-template-columns:1fr}}
/* zoekresultaat-voorbeeld om zelf te testen */
:is(html,#lwdx) .su-snippet{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
:is(html,#lwdx) .su-snippet__invoer{padding:28px;background:var(--su-paneel)}
:is(html,#lwdx) .su-snippet__invoer label{display:flex;justify-content:space-between;gap:10px;font-weight:600;font-size:15px;color:#fff;margin:0 0 8px}
:is(html,#lwdx) .su-snippet__invoer label span{font-weight:500;color:var(--su-dim)}
:is(html,#lwdx) .su-snippet__invoer label span.is-te-lang{color:var(--su-rood)}
:is(html,#lwdx) .su-snippet__invoer input,:is(html,#lwdx) .su-snippet__invoer textarea{display:block;width:100%;margin:0 0 20px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#0d1729;color:#fff;font:inherit;font-size:15px;line-height:1.5;resize:vertical}
:is(html,#lwdx) .su-snippet__voorbeeld{display:flex;flex-direction:column;justify-content:center;padding:28px;background:#fff;font-family:Arial,sans-serif}
:is(html,#lwdx) .su-snippet__url{font-size:13px;color:#4d5156;margin:0 0 4px}
:is(html,#lwdx) .su-snippet__titel{font-size:20px;line-height:1.3;color:#1a0dab;margin:0 0 6px;word-break:break-word}
:is(html,#lwdx) .su-snippet__tekst{font-size:14px;line-height:1.58;color:#4d5156;margin:0;word-break:break-word}
:is(html,#lwdx) .su-snippet__noot{font-size:12.5px;color:#70757a;margin:16px 0 0}
@media (max-width:860px){:is(html,#lwdx) .su-snippet{grid-template-columns:1fr}:is(html,#lwdx) .su-snippet__invoer,:is(html,#lwdx) .su-snippet__voorbeeld{padding:22px}}
/* tabbladen */
:is(html,#lwdx) .su-tabs__knoppen{display:flex;gap:8px;overflow-x:auto;margin:0 0 20px;padding:0 0 4px;scrollbar-width:none}
:is(html,#lwdx) .su-tabs__knoppen button{appearance:none;flex:none;cursor:pointer;font:inherit;font-size:15px;font-weight:600;padding:12px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#DCE4EF;transition:background .25s,border-color .25s,color .25s}
:is(html,#lwdx) .su-tabs__knoppen button:hover{border-color:var(--su-oranje)}
:is(html,#lwdx) .su-tabs__knoppen button[aria-selected="true"]{background:linear-gradient(120deg,var(--su-oranje2),var(--su-oranje));border-color:transparent;color:#fff}
:is(html,#lwdx) .su-tabs__paneel{padding:30px;border-radius:24px;background:var(--su-paneel);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-tabs__paneel + .su-tabs__paneel{margin-top:16px}
:is(html,#lwdx) .su-js .su-tabs__paneel[hidden]{display:none}
:is(html,#lwdx) .su-js .su-tabs__paneel + .su-tabs__paneel{margin-top:0}
:is(html,#lwdx) .su-tabs__paneel h3{font-size:22px;margin:0 0 12px}
:is(html,#lwdx) .su-tabs__paneel p{font-size:15.5px;line-height:1.7;color:var(--su-zacht);margin:0 0 14px}
:is(html,#lwdx) .su-tabs__paneel ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
:is(html,#lwdx) .su-tabs__paneel li{display:grid;grid-template-columns:18px 1fr;gap:10px;font-size:15px;line-height:1.55;color:#DCE4EF}
:is(html,#lwdx) .su-tabs__paneel li::before{content:"✓";color:var(--su-oranje);font-weight:700}
@media (max-width:760px){:is(html,#lwdx) .su-tabs__paneel{padding:22px}:is(html,#lwdx) .su-tabs__paneel ul{grid-template-columns:1fr}}
/* werkgebied */
:is(html,#lwdx) .su-regio{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
:is(html,#lwdx) .su-regio__groep{padding:22px;border-radius:20px;background:var(--su-paneel);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-regio__groep h3{font-size:17px;margin:0 0 12px}
:is(html,#lwdx) .su-regio__groep p{font-size:14.5px;line-height:1.6;color:var(--su-zacht);margin:0 0 12px}
:is(html,#lwdx) .su-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
:is(html,#lwdx) .su-chips li{display:flex}
:is(html,#lwdx) .su-chips li > a,:is(html,#lwdx) .su-chips li > span{display:inline-flex;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-size:13.5px;line-height:1.3;color:#DCE4EF;transition:border-color .25s,color .25s}
:is(html,#lwdx) .su-chips li > a:hover{border-color:var(--su-oranje);color:#fff}
:is(html,#lwdx) .su-chips .is-hier{background:linear-gradient(120deg,var(--su-oranje2),var(--su-oranje));border-color:transparent!important;color:#fff!important}
/* balken met echte waarden */
:is(html,#lwdx) .su-balken{display:flex;flex-direction:column;gap:18px;padding:28px;border-radius:24px;background:var(--su-paneel);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-balk__label{display:flex;justify-content:space-between;gap:14px;font-size:15px;color:#DCE4EF;margin:0 0 8px}
:is(html,#lwdx) .su-balk__label b{color:#fff;font-weight:700;white-space:nowrap}
:is(html,#lwdx) .su-balk__spoor{height:12px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}
:is(html,#lwdx) .su-balk__vul{height:100%;width:var(--w,50%);border-radius:99px;background:linear-gradient(90deg,var(--su-oranje2),var(--su-oranje));transition:width 1.2s cubic-bezier(.16,1,.3,1)}
:is(html,#lwdx) .su-balk--rustig .su-balk__vul{background:rgba(183,196,216,.55)}
:is(html,#lwdx) .su-js .su-balken.su-in:not(.is-zichtbaar) .su-balk__vul{width:0}
:is(html,#lwdx) .su-balken__noot{font-size:13px;color:var(--su-dim);margin:0}
/* projecten */
:is(html,#lwdx) .su-projecten{display:grid;grid-template-columns:repeat(var(--su-n,3),1fr);gap:18px}
:is(html,#lwdx) .su-project{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--su-paneel);border:1px solid var(--su-rand);transition:border-color .35s,transform .35s}
:is(html,#lwdx) a.su-project:hover{border-color:rgba(241,80,47,.45);transform:translateY(-4px)}
:is(html,#lwdx) .su-project img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--su-rand)}
:is(html,#lwdx) .su-project__tekst{padding:20px 22px}
:is(html,#lwdx) .su-project__sector{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--su-oranje);margin:0 0 6px}
:is(html,#lwdx) .su-project h3{font-size:19px;line-height:1.3;margin:0 0 8px}
:is(html,#lwdx) .su-project p{font-size:14.5px;line-height:1.6;color:var(--su-zacht);margin:0}
@media (max-width:980px){:is(html,#lwdx) .su-projecten{grid-template-columns:1fr 1fr}}
@media (max-width:620px){:is(html,#lwdx) .su-projecten{grid-template-columns:1fr}}
/* begrippen */
:is(html,#lwdx) .su-begrippen{display:flex;flex-direction:column;gap:10px}
:is(html,#lwdx) .su-begrippen details{padding:0 22px;border-radius:16px;background:var(--su-paneel);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-begrippen summary{display:flex;justify-content:space-between;gap:14px;padding:17px 0;cursor:pointer;list-style:none;font-family:'Poppins',sans-serif;font-weight:600;font-size:16px;color:#fff}
:is(html,#lwdx) .su-begrippen summary::-webkit-details-marker{display:none}
:is(html,#lwdx) .su-begrippen summary::after{content:"+";flex:none;color:var(--su-oranje);font-size:20px;line-height:1}
:is(html,#lwdx) .su-begrippen details[open] summary::after{content:"\2212"}
:is(html,#lwdx) .su-begrippen details p{font-size:15px;line-height:1.7;color:var(--su-zacht);margin:0 0 18px}
/* meerdere reviews */
:is(html,#lwdx) .su-reviews{display:grid;grid-template-columns:repeat(var(--su-n,3),1fr);gap:16px}
:is(html,#lwdx) .su-reviews figure{display:flex;flex-direction:column;gap:14px;margin:0;padding:24px;border-radius:20px;background:var(--su-paneel);border:1px solid var(--su-rand)}
:is(html,#lwdx) .su-reviews blockquote{margin:0;font-size:15.5px;line-height:1.65;color:#DCE4EF}
:is(html,#lwdx) .su-reviews figcaption{margin-top:auto;font-size:13.5px;color:var(--su-dim)}
:is(html,#lwdx) .su-reviews figcaption strong{display:block;color:#fff}
@media (max-width:980px){:is(html,#lwdx) .su-reviews{grid-template-columns:1fr}}
/* ankernavigatie */
:is(html,#lwdx) .su-ankers{position:sticky;top:76px;z-index:20;background:rgba(10,18,32,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--su-rand);border-bottom:1px solid var(--su-rand)}
:is(html,#lwdx) .su-ankers ul{display:flex;gap:6px;max-width:1240px;margin:0 auto;padding:10px 5vw;overflow-x:auto;list-style:none;scrollbar-width:none}
:is(html,#lwdx) .su-ankers ul::-webkit-scrollbar{display:none}
:is(html,#lwdx) .su-ankers a{display:inline-flex;padding:8px 14px;border-radius:999px;font-size:14px;white-space:nowrap;color:var(--su-zacht);transition:background .25s,color .25s}
:is(html,#lwdx) .su-ankers a:hover,:is(html,#lwdx) .su-ankers a.is-actief{background:rgba(241,80,47,.14);color:#fff}
:is(html,#lwdx) .su section[id],:is(html,#lwdx) .su header[id]{scroll-margin-top:140px}
/* stelling */
:is(html,#lwdx) .su-stelling{max-width:980px;margin:0 auto;text-align:center}
:is(html,#lwdx) .su-stelling p{font-family:'Poppins',sans-serif;font-weight:600;font-size:clamp(24px,3.2vw,40px);line-height:1.3;color:#fff;margin:0}
:is(html,#lwdx) .su-stelling p em{font-style:normal;color:var(--su-oranje)}
:is(html,#lwdx) .su-stelling small{display:block;margin-top:18px;font-size:15px;color:var(--su-dim)}
/* artikel met vaste inhoudsopgave */
:is(html,#lwdx) .su-artikel{display:grid;grid-template-columns:260px minmax(0,1fr);gap:56px;align-items:start}
:is(html,#lwdx) .su-artikel__zij{position:sticky;top:110px}
@media (max-width:980px){:is(html,#lwdx) .su-artikel{grid-template-columns:1fr;gap:24px}:is(html,#lwdx) .su-artikel__zij{position:relative;top:0}}
/* voorbeeldtekst met markering */
:is(html,#lwdx) .su-voorbeeld{padding:24px 26px;border-radius:18px;background:#fff;color:#1f2937;font-size:15.5px;line-height:1.7}
:is(html,#lwdx) .su-voorbeeld p{margin:0 0 12px;color:#1f2937}
:is(html,#lwdx) .su-voorbeeld p:last-child{margin:0}
:is(html,#lwdx) .su-voorbeeld mark{padding:0 3px;border-radius:4px;background:rgba(241,80,47,.18);color:inherit}
:is(html,#lwdx) .su-voorbeeld__kop{font-family:'Poppins',sans-serif;font-weight:600;font-size:20px;color:#111827;margin:0 0 10px}
:is(html,#lwdx) .su-voorbeeld__label{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9aa0a6;margin:0 0 10px}
/* cijferband */
:is(html,#lwdx) .su-band{display:grid;grid-template-columns:repeat(var(--su-n,4),1fr);border-radius:24px;overflow:hidden;border:1px solid var(--su-rand);background:var(--su-paneel)}
:is(html,#lwdx) .su-band > div{padding:26px 24px;border-left:1px solid var(--su-rand)}
:is(html,#lwdx) .su-band > div:first-child{border-left:0}
:is(html,#lwdx) .su-band b{display:block;font-family:'Poppins',sans-serif;font-weight:700;font-size:clamp(24px,2.6vw,32px);line-height:1.1;color:#fff;margin:0 0 6px}
:is(html,#lwdx) .su-band span{display:block;font-size:14px;line-height:1.5;color:var(--su-zacht)}
@media (max-width:860px){:is(html,#lwdx) .su-band{grid-template-columns:1fr 1fr}:is(html,#lwdx) .su-band > div:nth-child(odd){border-left:0}:is(html,#lwdx) .su-band > div:nth-child(n+3){border-top:1px solid var(--su-rand)}}