/* de-pages.css — subpagina-content in de-stijl (gegenereerd uit legacy.css door _tools/make_de_pages_css.py) */
.de-sub{--red:#E4032B;--red-ink:#FF4D6A;--red-dark:#C4001F;--ink:#e9e9ec;--ink-soft:rgba(255,255,255,.62);--bg:#121317;--panel:#1a1b21;--line:rgba(255,255,255,.1);--dark:#0b0b0e;--dark-2:#1a1b21;--green:#22C55E;--green-ink:#4ADE80;--green-bg:rgba(23,163,74,.16);--blue:#60A5FA;--r:14px;--shadow:0 20px 50px -20px rgba(0,0,0,.6);--display:Oswald,Impact,"Arial Narrow",sans-serif}
.de-sub main{background:var(--bg);color:var(--ink);font-size:16px;line-height:1.6}
.de-sub main p{margin:0 0 1em}.de-sub main a{color:var(--red-ink)}
.de-sub main h1,.de-sub main h2,.de-sub main h3{margin:0 0 .5em;color:#fff}
.de-sub main h1{font-size:clamp(2.3rem,6.4vw,4.4rem)}.de-sub main h2{font-size:clamp(1.8rem,4vw,2.7rem)}.de-sub main h3{font-size:1.3rem}
.de-sub main a{color:var(--red-ink)}
.de-sub main h1,.de-sub main h2,.de-sub main h3{font-family:var(--display);font-weight:700;line-height:1.1;text-transform:uppercase;letter-spacing:.01em;margin:0 0 .5em}
.de-sub main h1{font-size:clamp(2.3rem,6.4vw,4.4rem)}
.de-sub main h2{font-size:clamp(1.8rem,4vw,2.7rem)}
.de-sub main h3{font-size:1.3rem}
.de-sub main p{margin:0 0 1em}
.de-sub .wrap{width:min(1180px,100% - 40px);margin-inline:auto}
.de-sub .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.de-sub .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:#fff;text-decoration:none;font:700 16px/1 Inter;padding:17px 26px;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:background .15s,transform .15s}
.de-sub .btn:hover{background:var(--red-dark);transform:translateY(-1px)}
.de-sub .btn-ghost{background:transparent;color:inherit;border-color:currentColor}
.de-sub .btn-ghost:hover{background:rgba(255,255,255,.1)}
.de-sub .btn-light{background:#fff;color:var(--ink)}
.de-sub .btn-light:hover{background:#23242b}
.de-sub .btn-outline{background:var(--panel);color:var(--ink);border-color:var(--line)}
.de-sub .btn-outline:hover{background:var(--bg)}
.de-sub .btn[disabled],.de-sub .btn[aria-disabled=true]{background:#2c2d35;color:rgba(255,255,255,.55);cursor:not-allowed;transform:none}
.de-sub .btn-sm{padding:12px 18px;font-size:15px}
.de-sub .hero{position:relative;color:#fff;background:var(--dark);overflow:hidden}
.de-sub .hero-bg{position:absolute;inset:0}
.de-sub .hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.42}
.de-sub .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,16,.94) 0%,rgba(12,12,16,.75) 50%,rgba(12,12,16,.35) 100%)}
.de-sub .hero .wrap{position:relative;z-index:1;padding:88px 0 96px}
.de-sub .hero h1 em{font-style:normal;color:#FF3B57}
.de-sub .hero .lead{font-size:1.15rem;max-width:620px;color:#E6E6EA}
.de-sub .eyebrow{display:inline-block;font:700 13px/1 Inter;letter-spacing:.08em;text-transform:uppercase;color:var(--red-ink);background:rgba(228,3,43,.14);padding:9px 14px;border-radius:999px;margin-bottom:18px}
.de-sub .hero .eyebrow{background:rgba(23,163,74,.18);color:#7BE3A0}
.de-sub .slogan{font:600 1.05rem/1.4 var(--display);letter-spacing:.02em;color:#fff;margin:18px 0 28px}
.de-sub .cta-row{display:flex;flex-wrap:wrap;gap:12px}
.de-sub .hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;margin:30px 0 0;padding:0;list-style:none;color:#D5D5DB;font-weight:600;font-size:15px}
@media(max-width:600px){.de-sub .hero .wrap{padding:56px 0 64px}.de-sub .cta-row .btn{width:100%}}
.de-sub .usps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-44px;position:relative;z-index:2}
.de-sub .usp{background:var(--panel);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);display:flex;gap:14px;align-items:flex-start}
.de-sub .usp .ic{font-size:26px;line-height:1}
.de-sub .usp b{display:block;font-family:var(--display);text-transform:uppercase;font-size:1.05rem;letter-spacing:.02em}
.de-sub .usp span{color:var(--ink-soft);font-size:14px}
@media(max-width:900px){.de-sub .usps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.de-sub .usps{grid-template-columns:1fr;margin-top:-30px}}
.de-sub .sec{padding:84px 0}
.de-sub .sec-alt{background:var(--panel)}
.de-sub .sec-dark{background:var(--dark);color:#fff}
.de-sub .sec-head{max-width:700px;margin:0 auto 44px;text-align:center}
.de-sub .sec-head p{color:var(--ink-soft);font-size:1.08rem}
.de-sub .sec-dark .sec-head p{color:rgba(255,255,255,.72)}
@media(max-width:600px){.de-sub .sec{padding:60px 0}}
.de-sub .grid{display:grid;gap:22px}
.de-sub .g2{grid-template-columns:repeat(2,1fr)}
.de-sub .g3{grid-template-columns:repeat(3,1fr)}
.de-sub .g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1000px){.de-sub .g4,.de-sub .g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.de-sub .g4,.de-sub .g3,.de-sub .g2{grid-template-columns:1fr}}
.de-sub .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.de-sub .card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.de-sub .card-img{position:relative;aspect-ratio:4/3;background:#23242b;display:grid;place-items:center;overflow:hidden}
.de-sub .card-img img{width:100%;height:100%;object-fit:cover}
.de-sub .card-img.contain img{object-fit:contain;padding:10px}
.de-sub .card-body{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1}
.de-sub .card-body h3{font-size:1.2rem;margin:0}
.de-sub .card-body h3 a{color:var(--ink);text-decoration:none}
.de-sub .card-body h3 a::after{content:"";position:absolute;inset:0}
.de-sub .card{position:relative}
.de-sub .meta{color:var(--ink-soft);font-size:14px}
.de-sub .price{margin-top:auto;padding-top:12px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.de-sub .price b{font:700 1.6rem/1 var(--display)}
.de-sub .price span{color:var(--ink-soft);font-size:14px}
.de-sub .badge{position:absolute;top:12px;left:12px;z-index:1;background:var(--ink);color:#fff;font:700 12px/1 Inter;letter-spacing:.05em;text-transform:uppercase;padding:8px 11px;border-radius:999px}
.de-sub .badge-soon{background:#FFD23F;color:#1C1D21}
.de-sub .badge-inline{position:static;display:inline-block}
.de-sub .ph-blue{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#2B59C3 0,#1B3A8A 45%,#0E1A3D 100%);color:#fff;text-align:center;font:600 14px/1.3 Inter}
.de-sub .ph-blue .board{width:92px;height:92px;border-radius:50%;background:radial-gradient(circle,#E4032B 0 9%,#fff 9% 22%,#1C1D21 22% 42%,#E4032B 42% 52%,#1C1D21 52% 72%,#fff 72% 78%,#1C1D21 78%);margin:0 auto 10px;box-shadow:0 0 0 6px rgba(255,255,255,.12)}
.de-sub .steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:0;padding:0}
.de-sub .steps li{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:26px 22px}
.de-sub .steps li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--red);color:#fff;font:700 20px/1 var(--display);margin-bottom:14px}
.de-sub .steps h3{font-size:1.15rem}
.de-sub .steps p{color:var(--ink-soft);margin:0;font-size:15px}
@media(max-width:900px){.de-sub .steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.de-sub .steps{grid-template-columns:1fr}}
.de-sub .feat{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:var(--r);background:var(--bg)}
.de-sub .sec-dark .feat{background:var(--dark-2)}
.de-sub .feat .ic{font-size:28px;line-height:1;flex:none}
.de-sub .feat h3{font-size:1.1rem;margin-bottom:.3em}
.de-sub .feat p{margin:0;color:var(--ink-soft);font-size:15px}
.de-sub .sec-dark .feat p{color:rgba(255,255,255,.72)}
.de-sub .split{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.de-sub .split img{border-radius:var(--r);box-shadow:var(--shadow)}
@media(max-width:860px){.de-sub .split{grid-template-columns:1fr;gap:28px}}
.de-sub .chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0 0}
.de-sub .chips li{background:var(--green-bg);color:var(--green-ink);font-weight:600;font-size:14px;padding:8px 14px;border-radius:999px}
.de-sub .faq{max-width:820px;margin:0 auto}
.de-sub .faq details{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:12px}
.de-sub .faq summary{cursor:pointer;list-style:none;padding:18px 54px 18px 20px;font-weight:700;position:relative}
.de-sub .faq summary::-webkit-details-marker{display:none}
.de-sub .faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);font:700 24px/1 Inter;color:var(--red-ink)}
.de-sub .faq details[open] summary::after{content:"–"}
.de-sub .faq details>div{padding:0 20px 18px;color:var(--ink-soft)}
.de-sub .faq details>div p:last-child{margin:0}
.de-sub .band{background:linear-gradient(120deg,var(--red) 0%,var(--red-dark) 100%);color:#fff;border-radius:28px;padding:54px 44px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
.de-sub .band h2{margin:0 0 .3em}
.de-sub .band p{margin:0;color:rgba(228,3,43,.14)}
@media(max-width:600px){.de-sub .band{padding:36px 24px}.de-sub .band .btn{width:100%}}
.de-sub .phead{background:var(--dark);color:#fff;padding:64px 0 56px;position:relative;overflow:hidden}
.de-sub .phead::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(228,3,43,.35),transparent 65%)}
.de-sub .phead .wrap{position:relative;z-index:1}
.de-sub .phead p{color:#D0D0D6;max-width:680px;font-size:1.1rem;margin:0}
.de-sub .phead .eyebrow{background:rgba(255,255,255,.1);color:#FF8A9B}
.de-sub .crumbs{font-size:14px;color:#B9B9C2;margin-bottom:14px}
.de-sub .crumbs a{color:#fff}
.de-sub .filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.de-sub .filters button{font:600 14px/1 Inter;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:11px 16px;border-radius:999px;cursor:pointer}
.de-sub .filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.de-sub .pd{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.de-sub .pd-img{border-radius:var(--r);overflow:hidden;background:#23242b;position:relative;aspect-ratio:1/1;display:grid;place-items:center}
.de-sub .pd-img img{width:100%;height:100%;object-fit:cover}
.de-sub .pd-img.contain img{object-fit:contain;padding:18px}
.de-sub .pd h1{font-size:clamp(2rem,4.4vw,3rem)}
.de-sub .pd .price b{font-size:2.3rem}
.de-sub .pd-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:24px;margin:22px 0}
.de-sub .spec{width:100%;border-collapse:collapse;font-size:15px}
.de-sub .spec th,.de-sub .spec td{text-align:left;padding:10px 0;border-bottom:1px solid var(--line)}
.de-sub .spec th{color:var(--ink-soft);font-weight:600;width:42%}
.de-sub .soon-box{background:rgba(245,158,11,.12);border:1px solid #F3D774;border-radius:14px;padding:16px 18px;margin:18px 0;color:#F3D774}
.de-sub .ticks{list-style:none;padding:0;margin:0}
.de-sub .ticks li{padding-left:30px;position:relative;margin-bottom:10px}
.de-sub .ticks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--green-ink);font-weight:800}
@media(max-width:860px){.de-sub .pd{grid-template-columns:1fr;gap:26px}}
.de-sub .form{display:grid;gap:16px}
.de-sub .field label{display:block;font-weight:600;margin-bottom:6px;font-size:15px}
.de-sub .field input,.de-sub .field select,.de-sub .field textarea{width:100%;font:inherit;padding:13px 14px;border:1.5px solid rgba(255,255,255,.18);border-radius:12px;background:var(--panel);color:var(--ink)}
.de-sub .field textarea{min-height:130px;resize:vertical}
.de-sub .field input:focus,.de-sub .field select:focus,.de-sub .field textarea:focus{border-color:var(--ink);outline:3px solid rgba(37,99,235,.35);outline-offset:0}
.de-sub .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:620px){.de-sub .row2{grid-template-columns:1fr}}
.de-sub .note{font-size:14px;color:var(--ink-soft)}
.de-sub .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:28px}
@media(max-width:520px){.de-sub .panel{padding:20px}}
.de-sub .alert{border-radius:12px;padding:14px 16px;background:var(--green-bg);color:var(--green-ink);font-weight:600}
.de-sub .contact-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.de-sub .contact-list a{color:var(--ink);font-weight:600}
.de-sub .mapbox{margin-top:18px;border-radius:14px;overflow:hidden;background:#23242b;aspect-ratio:4/3;display:grid;place-items:center;text-align:center;padding:20px}
.de-sub .mapbox iframe{width:100%;height:100%;border:0}
.de-sub .bk{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}
@media(max-width:980px){.de-sub .bk{grid-template-columns:1fr}}
.de-sub .stepper{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 22px;counter-reset:b}
.de-sub .stepper li{flex:1;counter-increment:b;font:600 14px/1.2 Inter;color:var(--ink-soft);border-top:4px solid var(--line);padding-top:10px}
.de-sub .stepper li::before{content:counter(b)". "}
.de-sub .stepper li.on{color:var(--ink);border-color:var(--red)}
.de-sub .stepper li.done{color:var(--green-ink);border-color:var(--green)}
@media(max-width:520px){.de-sub .stepper li{font-size:12px}}
.de-sub .bk-step[hidden]{display:none}
.de-sub .item{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.de-sub .item:last-child{border-bottom:0}
.de-sub .item .th{width:72px;height:72px;border-radius:12px;overflow:hidden;background:#23242b}
.de-sub .item .th img{width:100%;height:100%;object-fit:cover}
.de-sub .item b{display:block;line-height:1.3}
.de-sub .item small{color:var(--ink-soft);display:block}
.de-sub .item.dis{opacity:.95}
.de-sub .item.dis .th{filter:grayscale(.2)}
.de-sub .qty{display:flex;align-items:center;border:1.5px solid rgba(255,255,255,.18);border-radius:999px;overflow:hidden;background:var(--panel)}
.de-sub .qty button{width:40px;height:40px;border:0;background:#fff;font:700 20px/1 Inter;cursor:pointer;color:var(--ink)}
.de-sub .qty button:disabled{color:#B5B1AC;cursor:not-allowed}
.de-sub .qty input{width:44px;text-align:center;border:0;font:700 16px Inter;-moz-appearance:textfield;background:var(--panel);color:var(--ink)}
.de-sub .qty input::-webkit-inner-spin-button{-webkit-appearance:none}
@media(max-width:520px){.de-sub .item{grid-template-columns:56px 1fr}.de-sub .item .th{width:56px;height:56px}.de-sub .item .qty,.de-sub .item .act{grid-column:2;justify-self:start}}
.de-sub .summary{position:sticky;top:92px}
.de-sub .sum-lines{list-style:none;padding:0;margin:0 0 12px;font-size:15px}
.de-sub .sum-lines li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--line)}
.de-sub .sum-total{display:flex;justify-content:space-between;font:700 1.5rem/1 var(--display);padding-top:8px}
.de-sub .err{color:var(--red-ink);font-weight:600;margin:10px 0 0}
.de-sub .chk{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.de-sub .chk input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--red)}
.de-sub .legal{max-width:860px;margin:0 auto}
.de-sub .legal h2{font-size:1.5rem;margin-top:1.6em}
.de-sub .legal h3{font-size:1.15rem;margin-top:1.2em}
.de-sub .legal ul{padding-left:1.2em}
.de-sub .legal li{margin-bottom:.4em}
.de-sub .legal table{width:100%;border-collapse:collapse;margin:0 0 1em;font-size:15px}
.de-sub .legal th,.de-sub .legal td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}
.de-sub .nadruk-box,.de-sub .waarschuw-box{background:rgba(228,3,43,.14);border-left:4px solid var(--red);padding:14px 16px;border-radius:10px;margin:16px 0}
.de-sub .waarschuw-box{background:rgba(245,158,11,.12);border-color:#E3B400}
.de-sub .stat{background:var(--dark-2);border-radius:var(--r);padding:22px;text-align:center}
.de-sub .stat b{display:block;font:700 2.4rem/1 var(--display);color:#fff}
.de-sub .stat span{color:rgba(255,255,255,.72);font-size:14px}
.de-sub .m0{margin:0}
.de-sub .mt{margin-top:28px}
.de-sub .center{text-align:center}
.de-sub main h1,.de-sub main h2,.de-sub main h3{overflow-wrap:break-word;hyphens:auto}
.de-sub main{overflow-wrap:break-word}
.de-sub .legal{hyphens:auto}
.de-sub .card-img>img,.de-sub .pd-img>img{position:absolute;inset:0}
.de-sub .card-img>.ph-blue,.de-sub .pd-img>.ph-blue{position:absolute;inset:0}
.de-sub .hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.de-sub .form-msg{border-radius:12px;padding:14px 16px;font-weight:600}
.de-sub .form-msg.ok{background:var(--green-bg);color:var(--green-ink)}
.de-sub .form-msg.bad,.de-sub #formulier.bad{background:rgba(228,3,43,.14);color:var(--red-ink);border-radius:12px;padding:14px 16px}
.de-sub #formulier,.de-sub #op-de-hoogte{scroll-margin-top:100px}
/* handmatige de-afwerking */
.de-sub .btn{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:600;border-radius:4px}
.de-sub .btn:not(.btn-light):not(.btn-outline):not([disabled]):hover{box-shadow:0 16px 36px -10px rgba(228,3,43,.85)}
.de-sub .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
.de-sub .btn-outline:hover{background:#fff;color:#121317}
.de-sub .phead{background:radial-gradient(900px 380px at 85% 0%,rgba(228,3,43,.28),transparent 60%),#0b0b0e;border-bottom:2px solid var(--de-accent)}
.de-sub .eyebrow{background:rgba(245,158,11,.12);color:var(--de-accent)}
.de-sub .card,.de-sub .panel,.de-sub .pd-box,.de-sub .steps li,.de-sub .faq details,.de-sub .usp{border-color:var(--line);box-shadow:none}
.de-sub .card:hover{border-color:rgba(228,3,43,.5)}
.de-sub .sec-alt{background:#16171c}
.de-sub .field input,.de-sub .field select,.de-sub .field textarea,.de-sub .qty,.de-sub .qty input,.de-sub .qty button{background:#121317;color:#fff}
.de-sub .field input::placeholder,.de-sub .field textarea::placeholder{color:rgba(255,255,255,.4)}
.de-sub .field input:focus,.de-sub .field select:focus,.de-sub .field textarea:focus{border-color:var(--de-accent);outline:none;box-shadow:0 0 0 3px rgba(245,158,11,.25)}
.de-sub select option{background:#1a1b21;color:#fff}
.de-sub .filters button{background:transparent;color:#fff}
.de-sub .filters button[aria-pressed=true]{background:var(--red);border-color:var(--red)}
.de-sub .waarschuw-box{background:rgba(245,158,11,.12)}
.de-sub main :focus-visible{outline:3px solid var(--de-accent)}
.de-sub .btn-light{background:#fff;color:#121317}.de-sub .btn-light:hover{background:var(--de-accent);color:#121317}
.de-sub .skip{position:absolute;left:-999px;top:8px;background:#fff;color:#121317;padding:10px 16px;z-index:200;border-radius:8px}.de-sub .skip:focus{left:8px}
.de-sub .sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.de-sub .chk{display:block;position:relative;padding-left:32px}.de-sub .chk input{position:absolute;left:0;top:1px;margin:0}
/* hawk 18-10: Binnenkort zonder placeholderfoto */
.de-sub .card-soon{padding:18px 20px 0}
.de-sub .card-soon .badge,.de-sub .pd-soon .badge{position:static;display:inline-block}
.de-sub .pd-noimg{grid-template-columns:1fr;max-width:820px}
.de-sub .pd-soon{margin-bottom:-24px}
.de-sub .bk-nojs{padding:14px 16px;border:1px solid var(--line);border-radius:10px;margin:0 0 18px}
/* hawk ronde 2 (18-10): contrast badges, rustige focus na stapwissel, ontbrekende boek-classes */
.de-sub .badge:not(.badge-soon){background:#121317;color:#fff;box-shadow:0 0 0 1px rgba(255,255,255,.28)}
.de-sub .bk-step [tabindex="-1"]:focus{outline:none}
.de-sub .bk-step [tabindex="-1"]:focus-visible{outline:none;box-shadow:inset 3px 0 0 rgba(245,158,11,.7);padding-left:10px;transition:padding .15s}
.de-sub .nav-btns{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px}
.de-sub .uitleg{color:var(--ink-soft);font-size:13px;line-height:1.45;margin-top:4px}
.de-sub .bk-vrij{font-size:13px;line-height:1.45;margin-top:4px;color:var(--green-ink)}