.mk-kop{padding:clamp(40px,6vw,70px) 0 20px}
.mk-kop h1{font-size:clamp(2.2rem,4.8vw,3.6rem);line-height:1.05;margin:10px 0 14px;max-width:820px}
.mk-kop .lead{max-width:720px;color:var(--zacht);font-size:1.15rem}
.mk-tool{padding:20px 0 clamp(60px,8vw,100px)}
.mk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(20px,3vw,40px);align-items:start}
.mk-invoer,.mk-uitkomst{background:#fff;border-radius:var(--r-l);padding:clamp(22px,3vw,36px);box-shadow:var(--schaduw)}
.mk-uitkomst{position:sticky;top:96px;background:var(--petrol);color:#fff}
.mk-invoer h2,.mk-uitkomst h2{font-size:1.5rem;margin-bottom:6px}
.mk-uitkomst h2{color:#fff}
.mk-uitkomst h3{font-size:1rem;color:#fff;margin:26px 0 10px}
.mk-invoer fieldset{border:0;padding:0;margin:20px 0 0}
.mk-invoer legend{font-weight:700;font-size:.92rem;margin-bottom:8px;padding:0}
.mk-invoer label{display:grid;gap:6px;font-size:.88rem;font-weight:600}
.mk-twee{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.mk-eur{display:flex;align-items:center;background:var(--creme);border:1.5px solid var(--lijn);border-radius:12px;padding:0 12px;gap:6px}
.mk-eur:focus-within{border-color:var(--groen);box-shadow:0 0 0 4px rgba(138,184,39,.2)}
.mk-eur i{font-style:normal;color:var(--zacht);font-weight:600}
.mk-eur b{font-size:.76rem;color:var(--zacht);font-weight:500;white-space:nowrap}
.mk-eur input{border:0;background:transparent;font:inherit;font-weight:600;padding:12px 0;width:100%;min-width:0;color:var(--tekst);outline:none}
.mk-hint{font-size:.84rem;color:var(--zacht);margin-top:8px;line-height:1.45}
.mk-uitkomst .mk-hint{color:rgba(255,255,255,.75)}
.keuzes{display:flex;gap:8px;flex-wrap:wrap}
.keuzes label{display:block;cursor:pointer;position:relative}
.keuzes input{position:absolute;opacity:0;width:1px;height:1px}
.keuzes span{display:inline-block;padding:10px 15px;border-radius:999px;border:1.5px solid var(--lijn);background:var(--creme);font-weight:600;font-size:.9rem;transition:background .15s,border-color .15s,color .15s}
.keuzes input:checked+span{background:var(--petrol);border-color:var(--petrol);color:#fff}
.keuzes input:focus-visible+span{box-shadow:0 0 0 4px rgba(138,184,39,.3)}
.mk-meer{margin-top:22px;background:var(--creme);border-radius:var(--r);padding:0 18px;box-shadow:none}
.mk-meer summary{padding:16px 0}
.mk-reset{margin:4px 0 16px;background:none;border:0;color:var(--groen-tekst);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;padding:0}
.mk-sub{color:rgba(255,255,255,.75);font-size:.92rem}
.mk-kaarten{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.mk-kaart{border-radius:var(--r);padding:18px 18px 16px;background:rgba(255,255,255,.08)}
.mk-kaart span{display:block;font-size:.84rem;font-weight:600;opacity:.85}
.mk-kaart b{display:block;font-size:clamp(1.9rem,3.6vw,2.6rem);font-weight:800;line-height:1.1;margin-top:4px}
.mk-kaart small{opacity:.7}
.mk-kaart.aventura{background:var(--groen);color:var(--petrol-nacht)}
.mk-verschil{margin-top:16px;font-size:1.05rem;font-weight:600;line-height:1.45}
.mk-tabel{width:100%;border-collapse:collapse;font-size:.92rem}
.mk-tabel th,.mk-tabel td{padding:9px 6px;text-align:right;border-bottom:1px solid rgba(255,255,255,.14)}
.mk-tabel th:first-child,.mk-tabel th[scope=row]{text-align:left;font-weight:500;color:rgba(255,255,255,.85)}
.mk-tabel thead th{font-weight:700;color:#fff;font-size:.85rem}
.mk-tabel tr.tot th,.mk-tabel tr.tot td{font-weight:800;color:#fff;border-bottom:0;padding-top:12px}
.mk-grafiek{background:#fff;border-radius:var(--r);padding:12px 8px 8px;color:var(--tekst)}
.mk-legenda{display:flex;gap:16px;flex-wrap:wrap;font-size:.8rem;padding:6px 10px 2px;color:var(--zacht)}
.mk-legenda i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.mk-legenda em{font-style:normal;flex-basis:100%;font-size:.76rem}
.mk-zeker{margin-top:22px;background:rgba(255,255,255,.08);border-radius:var(--r);padding:16px 18px}
.mk-zeker p{margin-top:4px;font-size:.92rem;color:rgba(255,255,255,.9)}
.mk-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.mk-cta .knop-lijn{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45)}
@media(max-width:980px){.mk-grid{grid-template-columns:1fr}.mk-uitkomst{position:static}}
@media(max-width:520px){.mk-twee{grid-template-columns:1fr}.mk-kaarten{grid-template-columns:1fr}}
.mk-mail{margin-top:22px;background:#fff;color:var(--tekst);border-radius:var(--r);padding:20px 22px}
.mk-mail h3{color:var(--petrol)!important;margin:0 0 6px!important}
.mk-mail p{font-size:.92rem;color:var(--zacht)}
.mk-mail form{display:grid;gap:12px;margin-top:14px}
.mk-mailvelden{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mk-mail label{display:grid;gap:5px;font-size:.85rem;font-weight:600}
.mk-mail input:not(.hp){font:inherit;padding:12px 14px;border-radius:12px;border:1.5px solid var(--lijn);background:var(--creme);width:100%;min-width:0}
.mk-mail .form-status.fout{color:#b3261e}
.mk-mail .mk-klein{font-size:.78rem;margin:0}
.mk-mail .form-klaar h3{margin-bottom:6px}
@media(max-width:520px){.mk-mailvelden{grid-template-columns:1fr}}
.mk-invoer [hidden]{display:none!important}
.mk-mailvelden{grid-template-columns:1fr 1fr 1fr}
.mk-mail .mk-of{font-size:.8rem;color:var(--zacht);margin:-4px 0 0}
.mk-pdf{display:inline-flex;margin-top:12px}
@media(max-width:700px){.mk-mailvelden{grid-template-columns:1fr}}
@media print{
  header,footer,.topbalk,.mk-kop,.mk-invoer,.mk-mail,.mk-cta,.cookie,#cookiemelding,.mk-pdf,.menuknop,.mobielmenu{display:none!important}
  body{background:#fff!important}
  .mk-tool{padding:0}.mk-grid{display:block}
  .mk-uitkomst{position:static;background:#fff!important;color:#111!important;box-shadow:none;padding:0}
  .mk-uitkomst h2,.mk-uitkomst h3,.mk-sub,.mk-uitkomst .mk-hint,.mk-tabel th,.mk-tabel td,.mk-zeker p{color:#111!important}
  .mk-kaart{background:#f3efe6!important;color:#111!important;border:1px solid #ccc}
  .mk-kaart.aventura{background:#e6f0cf!important}
  .mk-tabel th,.mk-tabel td{border-bottom:1px solid #ccc!important}
  .mk-zeker{background:#f3efe6!important}
  .mk-printkop{display:block!important}
}
.mk-printkop{display:none;margin-bottom:14px}
#mk-vol[hidden]{display:none!important}
.mk-disc{background:#f6f1e4;border-radius:10px;padding:10px 12px;color:var(--tekst)!important}
#mk-vol .mk-disc{background:rgba(255,255,255,.1);color:rgba(255,255,255,.85)!important;margin-top:18px}
.mk-mail.klaar{background:rgba(255,255,255,.1);color:#fff}
.mk-mail.klaar h3,.mk-mail.klaar p{color:#fff!important}
@media print{#mk-vol .mk-disc{background:#f3efe6!important;color:#111!important}}
.mk-mailvelden{grid-template-columns:1fr 1fr}
@media(max-width:700px){.mk-mailvelden{grid-template-columns:1fr}}
.keuzes.een-regel{flex-wrap:nowrap;gap:6px}
.keuzes.een-regel label{flex:1 1 0;min-width:0}
.keuzes.een-regel span{display:block;text-align:center;padding:10px 4px;font-size:.88rem}
.mk-eenheid{font-weight:500;color:var(--zacht)}
.keuzes label.volgt{cursor:not-allowed}
.keuzes label.volgt span{opacity:.45;border-style:dashed}
.keuzes label.volgt span::after{content:" (offerte)";font-size:.72rem}
