.mbp{--mbp-blauw:#0073aa;--mbp-donker:#16324a;--mbp-lijn:#d9e0e7;--mbp-zacht:#f4f7fa;--mbp-ok:#1d7a46;--mbp-fout:#b32d2e;max-width:880px;margin:0 auto;padding:24px 16px 56px;color:#1b2733;font-size:16px;line-height:1.6;font-family:var(--mbt-font,-apple-system,"Segoe UI",Roboto,Arial,sans-serif)}
.mbp *{box-sizing:border-box}
.mbp h2{font-size:28px;line-height:1.25;margin:0 0 6px;color:var(--mbp-donker)}
.mbp h3{font-size:20px;margin:0 0 10px;color:var(--mbp-donker)}
.mbp h4{font-size:15px;margin:0 0 6px}
.mbp-kop{margin-bottom:18px}
.mbp-sub{margin:0;color:#5b6b7a}
.mbp-kaart{background:#fff;border:1px solid var(--mbp-lijn);border-radius:12px;padding:22px;margin:0 0 18px;box-shadow:0 1px 2px rgba(20,40,60,.04)}
.mbp-klein{font-size:13px;color:#5b6b7a}
.mbp-melding{border-radius:10px;padding:12px 16px;margin:0 0 18px}
.mbp-melding p{margin:0 0 4px}
.mbp-melding p:last-child{margin:0}
.mbp-ok{background:#e7f5ed;color:#14532d;border:1px solid #b6e0c6}
.mbp-fout{background:#fdeaea;color:#7a1c1c;border:1px solid #f0bcbc}
.mbp-chip{display:inline-block;border-radius:999px;padding:2px 12px;font-size:13px;font-weight:600;background:var(--mbp-zacht);color:var(--mbp-donker);border:1px solid var(--mbp-lijn);text-decoration:none}
a.mbp-chip:hover{background:#e6f1f7}
.mbp-chip-ok,.mbp-st-gepubliceerd{background:#e7f5ed;color:#14532d;border-color:#b6e0c6}
.mbp-chip-wacht,.mbp-st-concept{background:#fff4d6;color:#6b4a00;border-color:#efd58a}
.mbp-st-ingediend,.mbp-st-nakijken{background:#e6f1f7;color:#0b4a6b;border-color:#b7d7e8}
.mbp-knop{display:inline-block;background:var(--mbp-blauw);color:#fff!important;border:1px solid var(--mbp-blauw);border-radius:8px;padding:11px 22px;font:600 16px/1.2 inherit;text-decoration:none;cursor:pointer}
.mbp-knop:hover{background:#005f8c}
.mbp-knop[disabled]{opacity:.55;cursor:wait}
.mbp-knop-licht{background:#fff;color:var(--mbp-blauw)!important}
.mbp-knop-licht:hover{background:#eef6fa}
.mbp-link{margin-left:8px;color:#5b6b7a}
.mbp-lijst{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}
.mbp-veld{display:block;margin:0 0 16px}
.mbp-veld>span{display:block;font-weight:600;margin-bottom:6px}
.mbp-veld input[type=text],.mbp-veld select,.mbp-veld textarea{width:100%;border:1px solid #b8c4d0;border-radius:8px;padding:11px 12px;font:inherit;background:#fff;color:inherit}
.mbp-veld textarea{min-height:240px;resize:vertical}
.mbp-veld input:focus,.mbp-veld select:focus,.mbp-veld textarea:focus{outline:2px solid var(--mbp-blauw);outline-offset:1px}
.mbp-rij{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mbp-teller-ok{color:var(--mbp-ok)}
.mbp-drop{position:relative;border:2px dashed #9db3c6;border-radius:12px;background:var(--mbp-zacht);padding:22px;text-align:center}
.mbp-drop label{display:block;cursor:pointer;font-weight:600;color:var(--mbp-blauw)}
.mbp-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.mbp-drop-aan{background:#e6f1f7;border-color:var(--mbp-blauw)}
.mbp-fotos{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.mbp-foto{border:1px solid var(--mbp-lijn);border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.mbp-foto img,.mbp-foto-leeg{width:100%;aspect-ratio:4/3;object-fit:cover;background:#e8edf2;display:block}
.mbp-foto-st{display:block;padding:8px 10px;font-size:13px}
.mbp-foto-ok .mbp-foto-st{color:var(--mbp-ok);font-weight:600}
.mbp-foto-fout{border-color:#f0bcbc;background:#fdf3f3}
.mbp-foto-fout .mbp-foto-st{color:var(--mbp-fout)}
.mbp-foto-naam{padding:6px 10px 0;font-size:12px;color:#5b6b7a;overflow-wrap:anywhere}
.mbp-weg{border:0;background:transparent;color:var(--mbp-fout);padding:6px 10px 10px;text-align:left;cursor:pointer;font:inherit;font-size:13px;text-decoration:underline}
.mbp-acties{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}
.mbp-tekst{margin:12px 0}
.mbp-twee{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mbp-twee ul{margin:0;padding-left:18px}
@media (max-width:640px){.mbp-rij,.mbp-twee{grid-template-columns:1fr}.mbp h2{font-size:23px}.mbp-kaart{padding:16px}}

.mbp .mbp-fotos{padding:0!important;margin:14px 0 0!important;align-items:start}
.mbp .mbp-fotos>li{margin:0!important;list-style:none!important;padding:0!important}
.mbp .mbp-lijst>li{margin:0!important;padding:0!important}

/* Vragenlijst: keuze workshop of excursie */
.mbp-soort{border:0;margin:0 0 18px;padding:0}
.mbp-soort legend{font-weight:600;margin:0 0 8px;padding:0}
.mbp-soort-keuze{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mbp-soort-optie{position:relative;display:block;cursor:pointer}
.mbp-soort-optie input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.mbp-soort-kaart{display:flex;flex-direction:column;gap:4px;border:2px solid var(--mbp-lijn);border-radius:12px;padding:16px 18px;background:#fff;height:100%}
.mbp-soort-kaart strong{font-size:18px;color:var(--mbp-donker)}
.mbp-soort-kaart span{font-size:14px;color:#5b6b7a;line-height:1.4}
.mbp-soort-optie input:checked+.mbp-soort-kaart{border-color:var(--mbp-blauw);background:#e6f1f7;box-shadow:0 0 0 3px rgba(0,115,170,.15)}
.mbp-soort-optie input:focus-visible+.mbp-soort-kaart{outline:2px solid var(--mbp-blauw);outline-offset:2px}
.mbp-hulp{display:block;margin:-2px 0 6px;font-size:13px;color:#5b6b7a;font-weight:400}
.mbp-ster{color:var(--mbp-fout);font-style:normal}
.mbp-vragen[hidden],.mbp-vragen-wrap[hidden]{display:none}
.mbp-demo{margin-bottom:16px}
.mbp-drop-uit{background:#f1f4f7;border-style:dashed;color:#5b6b7a;text-align:center;padding:20px}
.mbp-knop[disabled]{opacity:.5;cursor:not-allowed}
@media (max-width:640px){.mbp-soort-keuze{grid-template-columns:1fr}}
