@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--mobycon-groen: #95af3d;--mobycon-blauw: #00aad4;--mobycon-steun: #297774;--nav: #1c4f4c;--nav-2: #297774;--groen: #657f26;--groen-hover: #55691f;--groen-zacht: #eef3e0;--blauw: #0a7ea0;--blauw-zacht: #e2f4f9;--wit: #ffffff;--vlak: #f6f8f4;--vlak-2: #edf1e8;--lijn: #e1e6da;--lijn-sterk: #cbd3c2;--tekst: #1f2420;--tekst-2: #555f56;--tekst-3: #868f86;--waarschuwing: #c90c0f;--nav-breedte: 232px;--kop-hoogte: 61px;--ui: "Barlow", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--data: "IBM Plex Mono", ui-monospace, Menlo, monospace;--r: 6px;--schaduw: 0 1px 2px rgba(28, 50, 45, .05), 0 6px 20px -12px rgba(28, 50, 45, .28)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--wit);color:var(--tekst);font:400 14.5px/1.55 var(--ui);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--groen);outline-offset:2px;border-radius:3px}.mono{font-family:var(--data);font-variant-numeric:tabular-nums}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em;text-wrap:balance}h1{font-size:22px}h2{font-size:16px}h3{font-size:14px}p{margin:0}.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--lijn-sterk);background:var(--wit);color:var(--tekst);border-radius:var(--r);padding:8px 14px;font-size:14px;font-weight:500;white-space:nowrap}.knop:hover{border-color:var(--tekst-3);background:var(--vlak)}.knop.primair{background:var(--groen);border-color:var(--groen);color:#fff;font-weight:600}.knop.primair:hover{background:var(--groen-hover);border-color:var(--groen-hover)}.knop.stil{border-color:transparent;background:transparent;color:var(--tekst-2)}.knop.stil:hover{background:var(--vlak-2);color:var(--tekst)}.knop.klein{padding:5px 10px;font-size:13px}.knop:disabled{opacity:.45;cursor:default}.opzet{display:grid;grid-template-columns:var(--nav-breedte) 1fr;min-height:100%}.nav{background:var(--nav);color:#dfeae5;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;padding:18px 12px 14px}.nav .logo{padding:4px 10px 22px;display:flex;align-items:baseline;gap:7px}.nav .logo{flex-direction:column;align-items:flex-start;gap:1px}.nav .logo b{color:#fff;font-size:18px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.nav .logo span{color:var(--mobycon-groen);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.nav ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.nav a{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--r);text-decoration:none;color:#c2d6cf;font-size:14.5px}.nav a:hover{background:#ffffff12;color:#fff}.nav a[aria-current=page]{background:#ffffff1a;color:#fff;font-weight:600}.nav a[aria-current=page] svg{color:var(--groen)}.nav svg{width:17px;height:17px;flex:none;color:#8fb0a5}.nav .teller{margin-left:auto;background:var(--mobycon-groen);color:#10231f;border-radius:10px;padding:0 7px;font-size:11.5px;font-weight:700;font-family:var(--data)}.nav .rek{flex:1}.nav .voet{border-top:1px solid rgba(255,255,255,.1);padding-top:10px;display:grid;gap:2px}.nav .gebruiker{display:flex;align-items:center;gap:10px;padding:8px 10px}.nav .gebruiker .bol{width:28px;height:28px;border-radius:50%;background:var(--nav-2);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;flex:none}.nav .gebruiker span{font-size:13px;line-height:1.25}.nav .gebruiker small{display:block;color:#8fb0a5;font-size:11.5px}.inhoud{min-width:0;display:flex;flex-direction:column}.paginakop{position:sticky;top:0;z-index:20;background:var(--wit);border-bottom:1px solid var(--lijn);padding:0 24px;min-height:var(--kop-hoogte);display:flex;align-items:center;gap:14px}.paginakop .rek{flex:1}main{padding:22px 24px 60px}.smal{max-width:1120px}.zoek{position:relative;flex:1;max-width:620px}.zoek input{width:100%;padding:9px 36px;border:1px solid var(--lijn-sterk);border-radius:var(--r);background:var(--wit)}.zoek input:hover{border-color:var(--tekst-3)}.zoek .icoon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--tekst-3)}.zoek .leeg{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--tekst-3);padding:4px 6px}.zoek.groot input{padding:13px 40px 13px 42px;font-size:15.5px}.zoek.groot .icoon{left:14px}.filterbalk{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 0 4px}.filterknop{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--lijn-sterk);background:var(--wit);border-radius:var(--r);padding:6px 11px;font-size:13.5px;color:var(--tekst-2)}.filterknop:hover{border-color:var(--tekst-3);color:var(--tekst)}.filterknop[aria-pressed=true]{background:var(--groen-zacht);border-color:#b6e2c4;color:var(--nav);font-weight:600}.filterknop .telling{color:var(--tekst-3);font-family:var(--data);font-size:11.5px}.resultaatbalk{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--lijn)}.resultaatbalk .aantal{font-size:13.5px;color:var(--tekst-2)}.resultaatbalk .rek{flex:1}.weergavekeuze{display:flex;border:1px solid var(--lijn-sterk);border-radius:var(--r);overflow:hidden}.weergavekeuze button{border:0;background:var(--wit);padding:6px 10px;color:var(--tekst-2);display:grid;place-items:center}.weergavekeuze button+button{border-left:1px solid var(--lijn)}.weergavekeuze button[aria-pressed=true]{background:var(--vlak-2);color:var(--tekst)}select.sorteer{border:1px solid var(--lijn-sterk);border-radius:var(--r);padding:6px 8px;background:var(--wit);font-size:13.5px}.werkblad{display:grid;grid-template-columns:1fr 262px;gap:22px;align-items:start}.filterpaneel{border:1px solid var(--lijn);border-radius:var(--r);background:var(--wit);position:sticky;top:calc(var(--kop-hoogte) + 16px)}.filterpaneel>header{padding:12px 14px;border-bottom:1px solid var(--lijn)}.filterpaneel>header h3{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--tekst-2)}.actievefilters{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.filterchip{display:inline-flex;align-items:center;gap:6px;background:var(--vlak-2);border-radius:3px;padding:3px 5px 3px 9px;font-size:12.5px}.filterchip button{border:0;background:transparent;color:var(--tekst-3);padding:0 2px;line-height:1}.filterchip button:hover{color:var(--waarschuwing)}.wisalles{border:0;background:transparent;color:var(--groen-hover);font-size:12.5px;padding:6px 0 0}.filtergroep{border-bottom:1px solid var(--lijn);padding:10px 14px}.filtergroep:last-child{border-bottom:0}.filtergroep>button.titel{width:100%;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:2px 0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-2)}.filtergroep .opties{display:grid;gap:1px;margin-top:7px;max-height:210px;overflow-y:auto}.optie{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:4px;border-radius:4px;text-align:left;font-size:13.5px;color:var(--tekst-2)}.optie:hover{background:var(--vlak)}.optie .vak{width:14px;height:14px;border:1.5px solid var(--lijn-sterk);border-radius:3px;display:grid;place-items:center;color:#fff;font-size:10px;flex:none}.optie[aria-pressed=true]{color:var(--tekst);font-weight:500}.optie[aria-pressed=true] .vak{background:var(--groen);border-color:var(--groen)}.optie .n{margin-left:auto;font-family:var(--data);font-size:11.5px;color:var(--tekst-3)}.optie.leeg{opacity:.45}.tabel{width:100%;border-collapse:collapse;min-width:880px}.tabel th,.tabel td{white-space:nowrap}.tabel td.naam{max-width:270px;overflow:hidden;text-overflow:ellipsis}.tabel td.zacht{max-width:150px;overflow:hidden;text-overflow:ellipsis}.tabel th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tekst-3);font-weight:600;padding:9px 8px;border-bottom:1px solid var(--lijn);white-space:nowrap}.tabel td{padding:6px 8px;border-bottom:1px solid var(--lijn);font-size:13.5px;vertical-align:middle}.tabel tbody tr{cursor:pointer}.tabel tbody tr:hover{background:var(--vlak)}.tabel tbody tr[data-gekozen="1"]{background:var(--groen-zacht)}.tabel .mini{width:54px;height:36px;object-fit:cover;border-radius:3px;background:var(--vlak-2);display:block}.tabel .miniwrap{position:relative;width:54px;display:block}.tabel .miniwrap .speel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#0f1e1959;border-radius:3px;font-size:11px}.tabel .naam{font-family:var(--data);font-size:12.5px}.tabel .zacht{color:var(--tekst-2)}.tabel td.kies{width:34px}.raster{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(232px,1fr))}.kaart{border:1px solid var(--lijn);border-radius:var(--r);overflow:hidden;background:var(--wit);text-align:left;padding:0}.kaart:hover{border-color:var(--lijn-sterk);box-shadow:var(--schaduw)}.kaart[data-gekozen="1"]{border-color:var(--groen);box-shadow:0 0 0 1px var(--groen)}.kaart .beeld{position:relative;aspect-ratio:3 / 2;background:var(--vlak-2)}.kaart img{width:100%;height:100%;object-fit:cover;display:block}.kaart .acties{position:absolute;top:8px;right:8px;display:flex;gap:6px;opacity:0}.kaart:hover .acties,.kaart:focus-within .acties{opacity:1}.kaart[data-gekozen="1"] .acties,.kaart[data-favoriet="1"] .acties{opacity:1}.kaart .acties button{width:27px;height:27px;border-radius:4px;border:1px solid rgba(255,255,255,.5);background:#12221d8c;color:#fff;display:grid;place-items:center;padding:0}.kaart .acties button[aria-pressed=true]{background:var(--groen);border-color:var(--groen)}.kaart .duur{position:absolute;left:8px;bottom:8px;background:#12221dc7;color:#fff;font-family:var(--data);font-size:11px;padding:1px 6px;border-radius:3px}.kaart .onder{padding:9px 11px 11px;display:grid;gap:2px}.kaart .titel{font-size:13.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kaart .meta{font-size:12px;color:var(--tekst-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kaart .themalabel{font-size:11.5px;color:var(--nav);background:var(--groen-zacht);border-radius:3px;padding:1px 6px;justify-self:start;margin-top:3px}.welkom{padding:10px 0 4px}.welkom h1{font-size:25px}.welkom p{color:var(--tekst-2);margin-top:4px}.welkomzoek{max-width:660px;margin:18px 0 6px}.sectiekop{display:flex;align-items:baseline;gap:12px;margin:30px 0 12px}.sectiekop h2{font-size:13px;text-transform:uppercase;letter-spacing:.09em;color:var(--blauw);font-weight:700}.sectiekop a{margin-left:auto;font-size:13px;color:var(--groen-hover);text-decoration:none}.collectierij{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.collectie{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--lijn);aspect-ratio:4 / 3;padding:0;text-align:left;display:block}.collectie img{width:100%;height:100%;object-fit:cover;display:block}.collectie .laag{position:absolute;inset:auto 0 0 0;padding:26px 12px 11px;color:#fff;background:linear-gradient(to top,#0b201ae0,#0b201a00)}.collectie b{display:block;font-size:14.5px}.collectie span{font-size:12px;opacity:.85}.collectie:hover img{transform:scale(1.02);transition:transform .2s}.strook{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,1fr);gap:12px;overflow-x:auto;padding-bottom:4px}.strook img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:var(--r);border:1px solid var(--lijn);display:block}.trefwoorden{display:flex;flex-wrap:wrap;gap:7px}.trefwoord{border:1px solid var(--lijn-sterk);background:var(--wit);border-radius:100px;padding:5px 13px;font-size:13px;color:var(--tekst-2)}.trefwoord:hover{border-color:var(--groen);color:var(--nav);background:var(--groen-zacht)}.tegels{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.tegel{border:1px solid var(--lijn);border-radius:var(--r);padding:14px 16px}.tegel .groot{font-size:22px;font-weight:600;font-family:var(--data)}.tegel .label{font-size:12.5px;color:var(--tekst-2)}.detail{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:26px;align-items:start}.detail .beeldvlak{background:var(--vlak-2);border:1px solid var(--lijn);border-radius:var(--r);overflow:hidden}.detail .beeldvlak img,.detail .beeldvlak video{width:100%;max-height:68vh;object-fit:contain;display:block;background:#10201b}.metadata dl{margin:0}.metarij{display:grid;grid-template-columns:116px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid var(--lijn)}.metarij dt{color:var(--tekst-2);font-size:12.5px}.metarij dd{margin:0;font-size:13.5px;overflow-wrap:anywhere;min-width:0}.metarij dd.mono{font-size:12.5px}.tagwolk{display:flex;flex-wrap:wrap;gap:5px}.tagwolk span{background:var(--vlak-2);border-radius:3px;padding:2px 8px;font-size:12.5px}.actiebalk{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 18px}.terug{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--tekst-2);font-size:13.5px;padding:4px 0}.terug:hover{color:var(--tekst)}.sleepvlak{border:1.5px dashed var(--lijn-sterk);border-radius:var(--r);background:var(--vlak);padding:44px 20px;text-align:center;display:grid;gap:6px;justify-items:center}.sleepvlak[data-over="1"]{border-color:var(--groen);background:var(--groen-zacht)}.sleepvlak p{color:var(--tekst-2);font-size:13.5px}.formraster{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.veld{display:grid;gap:5px}.veld label{font-size:12.5px;color:var(--tekst-2)}.veld input,.veld select,.veld textarea{border:1px solid var(--lijn-sterk);border-radius:var(--r);padding:8px 10px;background:var(--wit)}.veld textarea{min-height:74px;resize:vertical}.tabbalk{display:flex;gap:4px;border-bottom:1px solid var(--lijn);margin-bottom:18px}.tabbalk button{border:0;background:transparent;padding:9px 12px;color:var(--tekst-2);font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px}.tabbalk button[aria-selected=true]{color:var(--nav);border-bottom-color:var(--groen);font-weight:600}.leegstaat{border:1px solid var(--lijn);border-radius:var(--r);padding:46px 20px;text-align:center;display:grid;gap:6px;justify-items:center}.leegstaat b{font-size:15px}.leegstaat p{color:var(--tekst-2);font-size:13.5px;max-width:46ch}.laden{display:grid;gap:12px}.skelet{background:linear-gradient(90deg,var(--vlak) 25%,var(--vlak-2) 37%,var(--vlak) 63%);background-size:400% 100%;animation:golf 1.3s ease infinite;border-radius:var(--r)}@keyframes golf{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.skelet{animation:none}}.paginering{display:flex;align-items:center;gap:8px;justify-content:center;padding:22px 0 0}.paginering .pagina{border:1px solid var(--lijn-sterk);background:var(--wit);border-radius:var(--r);min-width:33px;padding:5px 8px;font-size:13.5px}.paginering .pagina[aria-current=true]{background:var(--nav);border-color:var(--nav);color:#fff;font-weight:600}.melding{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--nav);color:#fff;padding:10px 16px;border-radius:var(--r);font-size:13.5px;z-index:60;box-shadow:var(--schaduw)}.balkonder{position:fixed;left:calc(var(--nav-breedte) + 24px);right:24px;bottom:18px;z-index:40;background:var(--nav);color:#fff;border-radius:var(--r);padding:9px 10px 9px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--schaduw)}.balkonder b{font-family:var(--data);font-size:13px}.balkonder .rek{flex:1}.balkonder .knop{background:#ffffff1f;border-color:transparent;color:#fff}.balkonder .knop:hover{background:#fff3}.balkonder .knop.primair{background:var(--groen)}.menuknop{display:none}@media (max-width: 1080px){.werkblad{grid-template-columns:1fr}.filterpaneel{position:static}.detail{grid-template-columns:1fr}}@media (max-width: 860px){.opzet{grid-template-columns:1fr}.nav{position:fixed;inset:0 auto 0 0;width:250px;z-index:50;transform:translate(-100%);transition:transform .2s}.nav[data-open="1"]{transform:none}.sluier{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1e1973;z-index:45}.menuknop{display:inline-flex}main{padding:16px 14px 80px}.paginakop{flex-wrap:wrap;row-gap:9px;padding:10px 14px 10px 52px}.paginakop .zoek{flex-basis:100%;max-width:none;order:1;margin-left:-38px}.paginakop .rek{display:none}.paginakop label{order:3;margin-left:auto}.paginakop label span,.resultaatbalk>span:nth-of-type(2){display:none}.paginakop .filterknop{order:2}select.sorteer{max-width:150px}.filterbalk{gap:6px}.filterknop{padding:5px 9px;font-size:13px}.balkonder{left:14px;right:14px}.raster{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}}.demobalk{position:fixed;left:50%;bottom:0;transform:translate(-50%);z-index:55;background:var(--nav);color:#dfeae5;font-size:12.5px;padding:5px 14px;border-radius:6px 6px 0 0}.afgeschermd{min-height:100dvh;display:grid;place-items:center;background:var(--vlak);padding:20px}.afgeschermd-kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:10px;padding:26px 26px 20px;width:min(400px,100%);box-shadow:var(--schaduw)}.afgeschermd-kaart h1{font-size:20px;margin-bottom:2px}.afgeschermd-kaart>p{color:var(--tekst-2);font-size:13.5px;margin-bottom:14px}.inlogform{display:grid;grid-template-columns:1fr;gap:10px;padding:16px 18px}.afgeschermd-kaart .inlogform{padding:0}.merkregel{display:flex;align-items:baseline;gap:7px;margin-bottom:14px}.merkregel b{font-size:19px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mobycon-groen)}.fout{color:var(--waarschuwing);font-size:13px}.wachtrij{display:grid;gap:14px;max-width:1000px}.inzending{display:grid;grid-template-columns:220px 1fr;gap:16px;border:1px solid var(--lijn);border-radius:var(--r);padding:12px;background:var(--wit)}.inzending[data-gekozen="1"]{border-color:var(--groen);box-shadow:0 0 0 1px var(--groen)}.inzending .voorbeeld{border:0;background:var(--vlak-2);border-radius:4px;padding:0;overflow:hidden;aspect-ratio:4/3;display:grid;place-items:center}.inzending .voorbeeld img{width:100%;height:100%;object-fit:cover;display:block}.inzending .nogniet{font-size:12.5px;color:var(--tekst-3)}.inzending .gegevens{min-width:0}.regelkop{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width: 720px){.inzending{grid-template-columns:1fr}}.nogverwerkt{display:grid;place-items:center;width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--vlak) 0 8px,var(--vlak-2) 8px 16px);color:var(--tekst-3);font-size:11.5px;text-align:center}.strook .nogverwerkt{aspect-ratio:3/2;border-radius:var(--r);border:1px solid var(--lijn)}