.mp{--mp-accent:var(--fr-blauw,#1f5f8b);--mp-accent-tekst:var(--fr-knoptekst,#fff);--mp-tekst:var(--fr-tekst,#1d2a24);--mp-stil:var(--fr-stil,#5d6b64); --mp-rand:var(--fr-rand,#dfe5e2);--mp-kaart:var(--fr-kaart,#fff);--mp-vlak:var(--fr-tint,#f3f6f5);--mp-hoek:var(--fr-hoek,12px);--mp-rood:var(--fr-rood,#b3261e); --mp-groen:#2e7d4f;--mp-geel-vlak:#fff4d6;--mp-geel-rand:#e8c35a;--mp-geel-tekst:#5b4500; position:relative;color:var(--mp-tekst);font-family:var(--fr-sans,inherit);padding-block-end:88px} @media(prefers-color-scheme:dark){.mp{--mp-geel-vlak:#3a3115;--mp-geel-rand:#8a7330;--mp-geel-tekst:#f3dc9a;--mp-groen:#6fc493}} .mp *{box-sizing:border-box} .mp .visually-hidden{position:absolute!important;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .mp h1,.mp h2,.mp h3{color:var(--mp-tekst)} .mp a{color:var(--mp-accent)} .mp-kop{margin-block-end:12px} .mp-nav{position:sticky;inset-block-start:0;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin:0 0 14px;padding:4px;border:1px solid var(--mp-rand);border-radius:var(--mp-hoek);background:var(--mp-kaart);box-shadow:0 2px 10px rgba(0,0,0,.05)} .mp .mp-nav-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-block-size:52px;padding:6px 2px;border-radius:calc(var(--mp-hoek) - 4px);color:var(--mp-stil);font-size:.72rem;font-weight:600;text-decoration:none;line-height:1.1} .mp .mp-nav-tab i{font-size:1.25rem} .mp .mp-nav-tab[aria-current]{background:var(--mp-vlak);color:var(--mp-accent)} .mp .mp-nav-tab:hover{color:var(--mp-accent)} .mp .mp-nav-tab .mp-badge{position:absolute;inset-block-start:4px;inset-inline-start:calc(50% + 6px)} .mp-badge{display:inline-grid;place-items:center;min-inline-size:20px;block-size:20px;padding:0 6px;border-radius:999px;background:var(--mp-rood);color:#fff;font-size:.72rem;font-weight:700;line-height:1} .mp-badge[hidden]{display:none} .mp .mp-fab{position:fixed;inset-inline-end:16px;inset-block-end:calc(84px + var(--veilige-onderrand, env(safe-area-inset-bottom,0px)));z-index:30;display:grid;place-items:center;inline-size:58px;block-size:58px;border-radius:50%;background:var(--mp-accent);color:var(--mp-accent-tekst);font-size:1.6rem;box-shadow:0 6px 18px rgba(0,0,0,.22);text-decoration:none} @media(min-width:1025px){.mp .mp-fab{display:none}.mp-nav{grid-template-columns:repeat(5,auto);justify-content:start;gap:4px}.mp .mp-nav-tab{flex-direction:row;gap:8px;min-block-size:44px;padding:8px 16px;font-size:.92rem}.mp .mp-nav-tab i{font-size:1.05rem}.mp .mp-nav-plaatsen{background:var(--mp-accent);color:var(--mp-accent-tekst)}.mp .mp-nav-plaatsen:hover{color:var(--mp-accent-tekst);filter:brightness(1.06)}.mp .mp-nav-tab .mp-badge{position:static}} .mp-melding{margin:0 0 14px;padding:12px 14px;border-radius:10px;border:1px solid var(--mp-rand);background:var(--mp-vlak);font-size:.95rem} .mp-melding-ok{border-color:color-mix(in srgb,var(--mp-groen) 45%,transparent);background:color-mix(in srgb,var(--mp-groen) 10%,var(--mp-kaart))} .mp-melding-fout{border-color:color-mix(in srgb,var(--mp-rood) 45%,transparent);background:color-mix(in srgb,var(--mp-rood) 8%,var(--mp-kaart));color:var(--mp-tekst)} .mp-veldfout{margin:4px 0 10px;color:var(--mp-rood);font-size:.86rem;font-weight:600} .mp-klein{color:var(--mp-stil);font-size:.84rem;margin:6px 0} .mp-rechts{text-align:end} .mp .mp-knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:44px;padding:8px 16px;border:1px solid var(--mp-rand);border-radius:10px;background:var(--mp-kaart);color:var(--mp-tekst);font:inherit;font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap} .mp .mp-knop:hover{border-color:var(--mp-accent)} .mp .mp-knop-vol{background:var(--mp-accent);border-color:var(--mp-accent);color:var(--mp-accent-tekst)} .mp .mp-knop-vol:hover{filter:brightness(1.06)} .mp-knop-groot{min-block-size:50px;font-size:1rem;padding-inline:20px} .mp-knop-klein{min-block-size:36px;padding:6px 12px;font-size:.86rem} .mp .mp-knop-gevaar{color:var(--mp-rood)} .mp-link-knop{border:0;background:none;color:var(--mp-stil);cursor:pointer;padding:6px;font:inherit} .mp .mp-chip{display:inline-flex;align-items:center;gap:6px;min-block-size:38px;padding:6px 14px;border:1px solid var(--mp-rand);border-radius:999px;background:var(--mp-kaart);color:var(--mp-tekst);font:inherit;font-size:.88rem;text-decoration:none;cursor:pointer;white-space:nowrap} .mp .mp-chip:hover{border-color:var(--mp-accent)} .mp-zoek{display:flex;gap:8px;margin:0 0 10px} .mp-zoekveld{flex:1;display:flex;align-items:center;gap:8px;min-inline-size:0;padding:0 14px;border:1px solid var(--mp-rand);border-radius:12px;background:var(--mp-kaart)} .mp-zoekveld i{color:var(--mp-stil)} .mp-zoekveld input{flex:1;min-inline-size:0;min-block-size:46px;border:0;background:none;color:var(--mp-tekst);font:inherit;font-size:1rem;outline:none} .mp-zoekveld:focus-within{border-color:var(--mp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--mp-accent) 20%,transparent)} .mp-zoek>.mp-knop-vol{display:none} .mp-chips{display:flex;gap:8px;overflow-x:auto;margin:0 0 14px;padding-block-end:4px;scrollbar-width:none} .mp-chips::-webkit-scrollbar{display:none} .mp .mp-chips a{display:inline-flex;align-items:center;gap:6px;flex:none;min-block-size:38px;padding:6px 14px;border:1px solid var(--mp-rand);border-radius:999px;background:var(--mp-kaart);color:var(--mp-tekst);font-size:.88rem;font-weight:600;text-decoration:none} .mp .mp-chips a[aria-current]{background:var(--mp-accent);border-color:var(--mp-accent);color:var(--mp-accent-tekst)} .mp-chips-klein a{min-block-size:34px;padding:4px 12px;font-size:.84rem} @media(min-width:641px){.mp-zoek>.mp-knop-vol{display:inline-flex}} .mp-indeling{display:block} .mp-filters,.mp-onderpaneel{position:fixed;inset-inline:0;inset-block-end:0;z-index:60;max-block-size:86vh;overflow:auto;padding:16px 16px calc(16px + var(--veilige-onderrand, env(safe-area-inset-bottom,0px)));border-radius:18px 18px 0 0;background:var(--mp-kaart);box-shadow:0 -10px 30px rgba(0,0,0,.2);transform:translateY(105%);transition:transform .28s cubic-bezier(.4,0,1,1),visibility 0s .28s;visibility:hidden;overscroll-behavior:contain} .mp-filters.is-open,.mp-onderpaneel.is-open{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.22,.61,.36,1),visibility 0s} .mp-filters-laag{position:fixed;inset:0;z-index:55;background:rgba(10,16,26,.6);opacity:0;visibility:hidden;transition:opacity .28s cubic-bezier(.4,0,.2,1),visibility 0s .28s} .mp-filters-laag.is-open{opacity:1;visibility:visible;transition:opacity .28s cubic-bezier(.4,0,.2,1),visibility 0s} .mp-filters-laag[hidden]{display:none} .mp-filters-kop{display:flex;align-items:center;justify-content:space-between;margin-block-end:8px} .mp-filters-kop h2{margin:0;font-size:1.15rem} .mp-filters-voet{position:sticky;inset-block-end:-16px;display:flex;gap:8px;margin:14px -16px -16px;padding:12px 16px;border-block-start:1px solid var(--mp-rand);background:var(--mp-kaart)} .mp-filters-voet .mp-knop{flex:1} @media(prefers-reduced-motion:reduce){.mp-filters,.mp-onderpaneel,.mp-filters.is-open,.mp-onderpaneel.is-open,.mp-filters-laag,.mp-filters-laag.is-open{transition:none}} @media(min-width:1025px){ .mp-indeling{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start} .mp-filters{position:sticky;inset-block-start:76px;inset-inline:auto;z-index:1;max-block-size:none;overflow:visible;padding:16px;border:1px solid var(--mp-rand);border-radius:var(--mp-hoek);box-shadow:none;transform:none;visibility:visible;transition:none} .mp-filters-kop .mp-link-knop,.mp-filterknop{display:none!important} .mp-filters-voet{position:static;margin:14px 0 0;padding:0;border:0} } .mp-veld{display:grid;gap:6px;margin:0 0 12px;border:0;padding:0;min-inline-size:0} .mp-veld>span,.mp-veld legend{font-size:.88rem;font-weight:600;color:var(--mp-tekst)} .mp-veld small{color:var(--mp-stil);font-weight:400} .mp input[type=text],.mp input[type=search]:not(.mp-zoekveld input),.mp select,.mp textarea{inline-size:100%;min-block-size:46px;padding:10px 12px;border:1px solid var(--mp-rand);border-radius:10px;background:var(--mp-kaart);color:var(--mp-tekst);font:inherit;font-size:1rem} .mp textarea{min-block-size:0;resize:vertical;line-height:1.45} .mp input:focus,.mp select:focus,.mp textarea:focus{outline:2px solid var(--mp-accent);outline-offset:1px} .mp [aria-invalid=true]{border-color:var(--mp-rood)} .mp-paar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} @media(max-width:640px){.mp-paar>.mp-veld:first-child{grid-column:1/-1}} .mp-vink{display:flex;align-items:center;gap:10px;min-block-size:40px;margin:0 0 6px;font-size:.95rem} .mp-vink input{inline-size:20px;block-size:20px;accent-color:var(--mp-accent)} .mp-bedragveld{position:relative} .mp-bedragveld .mp-euro{position:absolute;inset-inline-start:12px;inset-block-end:12px;color:var(--mp-stil);font-weight:600} .mp-bedragveld input{padding-inline-start:30px!important;max-inline-size:220px} .mp-postcodeveld{max-inline-size:180px;text-transform:uppercase} .mp-resultaatbalk{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px} .mp-resultaatbalk p{margin:0;color:var(--mp-stil)} .mp-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} @media(min-width:641px){.mp-raster{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}} .mp-kaart{position:relative;min-inline-size:0;border:1px solid var(--mp-rand);border-radius:var(--mp-hoek);background:var(--mp-kaart);overflow:hidden;transition:box-shadow .15s} .mp-kaart:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)} .mp .mp-kaart-link{display:block;color:inherit;text-decoration:none} .mp-kaart-foto{position:relative;aspect-ratio:4/3;background:var(--mp-vlak);display:grid;place-items:center;overflow:hidden} .mp-kaart-foto img{inline-size:100%;block-size:100%;object-fit:cover;display:block} .mp-kaart-foto>i{font-size:2rem;color:var(--mp-stil)} .mp-kaart.is-verkocht .mp-kaart-foto img{filter:grayscale(.6);opacity:.75} .mp-band{position:absolute;inset-block-start:8px;inset-inline-start:8px;padding:3px 9px;border-radius:999px;background:var(--mp-accent);color:var(--mp-accent-tekst);font-size:.74rem;font-weight:700} .mp-band-verkocht{background:#2b2b2b;color:#fff} .mp-band-gereserveerd{background:#a46a00;color:#fff} .mp-band-gevraagd{background:#5b3fa0;color:#fff} .mp-band-te_leen{background:#1f7a6d;color:#fff} .mp-band-groot{inset-block-start:14px;inset-inline-start:14px;padding:6px 14px;font-size:.9rem;z-index:2} .mp-fototeller{position:absolute;inset-block-end:8px;inset-inline-end:8px;padding:2px 8px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:.74rem} .mp-kaart-tekst{padding:10px 12px 12px} .mp-kaart-prijs{margin:0 0 2px;font-size:1.05rem;font-weight:750;color:var(--mp-tekst)} .mp-kaart-prijs.is-gratis,.mp-prijs.is-gratis{color:var(--mp-groen)} .mp-kaart-titel{margin:0 0 6px;font-size:.95rem;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:inherit} .mp-kaart-meta{margin:0;color:var(--mp-stil);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mp-hart-form{position:absolute;inset-block-start:6px;inset-inline-end:6px;margin:0} .mp-hart{display:grid;place-items:center;inline-size:40px;block-size:40px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#333;font-size:1.1rem;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.15)} .mp-hart.is-aan,.mp-hart-knop.is-aan{color:var(--mp-rood)} .mp-leeg{display:grid;justify-items:center;gap:10px;padding:40px 16px;border:1px dashed var(--mp-rand);border-radius:var(--mp-hoek);text-align:center;color:var(--mp-stil)} .mp-leeg>i{font-size:2.4rem} .mp-leeg p{margin:0;max-inline-size:44ch} .mp-leeg-klein{color:var(--mp-stil);padding:16px} .mp-paginas{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0} .mp-regels-link{margin:22px 0 0;font-size:.9rem} .mp-kruimel{margin:0 0 10px;font-size:.85rem;color:var(--mp-stil)} .mp .mp-kruimel a{color:var(--mp-stil)} .mp-detail-indeling{display:grid;gap:16px} @media(min-width:900px){.mp-detail-indeling{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:24px;align-items:start}.mp-info{position:sticky;inset-block-start:76px}} .mp-galerij{position:relative;border-radius:var(--mp-hoek);overflow:hidden;background:#111;margin-inline:calc(var(--fr-rand-uit,0px) * -1)} .mp-galerij-rol{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:4/3} .mp-galerij-rol::-webkit-scrollbar{display:none} .mp-galerij-foto{flex:0 0 100%;margin:0;scroll-snap-align:center;display:grid;place-items:center} .mp-galerij-foto img{max-inline-size:100%;max-block-size:100%;inline-size:100%;block-size:100%;object-fit:contain} .mp-galerij-leeg{display:grid;place-items:center;gap:6px;aspect-ratio:4/3;background:var(--mp-vlak);color:var(--mp-stil);font-size:.9rem} .mp-galerij-leeg i{font-size:3rem} .mp-galerij-pijl{position:absolute;inset-block-start:calc(50% - 50px);display:none;place-items:center;inline-size:44px;block-size:44px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#222;font-size:1.2rem;cursor:pointer} .mp-galerij-pijl.is-vorige{inset-inline-start:10px}.mp-galerij-pijl.is-volgende{inset-inline-end:10px} .mp-galerij-teller{position:absolute;inset-inline-end:10px;inset-block-start:10px;margin:0;padding:3px 10px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:.8rem} .mp-duimen{display:flex;gap:6px;overflow-x:auto;padding:8px;background:var(--mp-kaart);scrollbar-width:thin} .mp-duim{flex:none;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:none;cursor:pointer;inline-size:64px;block-size:48px} .mp-duim img{inline-size:100%;block-size:100%;object-fit:cover;display:block} .mp-duim.is-aan{border-color:var(--mp-accent)} @media(min-width:900px){.mp-galerij-pijl{display:grid}} .mp-soortlabel{margin:0;color:var(--mp-stil);font-size:.84rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em} .mp-titel{margin:4px 0 6px;font-size:1.45rem;line-height:1.25} .mp-prijs{margin:0 0 6px;font-size:1.6rem;font-weight:800} .mp-bodstand{margin:0 0 6px;font-size:.92rem;color:var(--mp-stil)} .mp-plek,.mp-geplaatst{margin:0 0 4px;color:var(--mp-stil);font-size:.88rem} .mp-acties{display:flex;gap:8px;margin:14px 0} .mp-acties .mp-knop{flex:1} .mp-acties form{margin:0;display:flex} .mp-acties form .mp-knop{flex:none} @media(max-width:899px){ .mp-detail .mp-acties{position:fixed;inset-inline:0;inset-block-end:calc(64px + var(--veilige-onderrand, env(safe-area-inset-bottom,0px)));z-index:40;margin:0;padding:10px 16px;border-block-start:1px solid var(--mp-rand);background:var(--mp-kaart);box-shadow:0 -6px 18px rgba(0,0,0,.08)} .mp-alleen-breed{display:none} } .mp-paneel{margin:0 0 14px;padding:14px;border:1px solid var(--mp-rand);border-radius:var(--mp-hoek);background:var(--mp-kaart)} .mp-paneel[hidden]{display:none} .mp-paneel h2{margin:0 0 10px;font-size:1.05rem} .mp-snel{display:flex;gap:6px;overflow-x:auto;margin:0 0 10px;scrollbar-width:none} .mp-snel::-webkit-scrollbar{display:none} .mp-eigen-knoppen{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0} .mp-eigen-knoppen form{margin:0} .mp-verkocht-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px} .mp-verkocht-form .mp-veld{margin:0} .mp-blok{margin:14px 0;padding:14px;border:1px solid var(--mp-rand);border-radius:var(--mp-hoek);background:var(--mp-kaart)} .mp-blok h2{margin:0 0 8px;font-size:1.05rem} .mp-biedlijst{margin:0;padding:0;list-style:none} .mp-biedlijst li{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-block-end:1px solid var(--mp-rand)} .mp-biedlijst li:last-child{border:0} .mp-biedlijst small{margin-inline-start:auto;color:var(--mp-stil)} .mp .mp-verkoper{display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px 14px;border:1px solid var(--mp-rand);border-radius:var(--mp-hoek);background:var(--mp-kaart);color:var(--mp-tekst);text-decoration:none} .mp .mp-verkoper:hover{border-color:var(--mp-accent)} .mp-verkoper-tekst{display:grid;gap:2px;flex:1;min-inline-size:0} .mp-verkoper-tekst small{color:var(--mp-stil)} .mp-avatar{display:grid;place-items:center;flex:none;inline-size:46px;block-size:46px;border-radius:50%;background:var(--mp-accent);color:var(--mp-accent-tekst);font-weight:800;font-size:1.2rem} .mp-avatar-groot{inline-size:72px;block-size:72px;font-size:1.8rem} .mp-sterren-klein{color:#c78a00} .mp-omschrijving-blok{margin:22px 0;max-inline-size:72ch} .mp-omschrijving-blok h2{font-size:1.15rem} .mp-omschrijving{line-height:1.6;overflow-wrap:anywhere} .mp-kenmerken{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:16px 0} .mp-kenmerken div{padding:8px 12px;border-radius:10px;background:var(--mp-vlak)} .mp-kenmerken dt{color:var(--mp-stil);font-size:.78rem} .mp-kenmerken dd{margin:0;font-weight:600} .mp-delen{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0} .mp-veilig{margin:16px 0;padding:12px 14px;border-radius:var(--mp-hoek);background:var(--mp-vlak)} .mp-veilig h3{margin:0 0 4px;font-size:.98rem} .mp-veilig p{margin:0;font-size:.9rem} .mp-melden{margin:16px 0;font-size:.9rem} .mp-melden summary{cursor:pointer;color:var(--mp-stil);min-block-size:40px;display:flex;align-items:center;gap:6px} .mp-melden form{margin-block-start:10px;max-inline-size:420px} .mp-soortgelijk h2{font-size:1.15rem} .mp-raster-rij{grid-auto-flow:column;grid-auto-columns:minmax(150px,46%);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;padding-block-end:6px} .mp-raster-rij .mp-kaart{scroll-snap-align:start} @media(min-width:641px){.mp-raster-rij{grid-auto-columns:minmax(180px,30%)}} @media(min-width:1280px){.mp-raster-rij{grid-auto-columns:minmax(200px,23%)}} .mp-beoordeel .mp-sterren{display:inline-flex;flex-direction:row-reverse;gap:4px;margin:0 0 10px} .mp-sterren input{position:absolute;opacity:0;pointer-events:none} .mp-sterren label{font-size:1.8rem;color:var(--mp-rand);cursor:pointer;min-inline-size:40px;text-align:center} .mp-sterren input:checked~label,.mp-sterren label:hover,.mp-sterren label:hover~label{color:#e3a300} .mp-sterren input:focus-visible+label{outline:2px solid var(--mp-accent);border-radius:6px} .mp-paginakop{margin:0 0 14px} .mp-paginakop h1{margin:0 0 4px;font-size:1.5rem} .mp-paginakop p{margin:0;color:var(--mp-stil)} .mp-kaartblok{margin:0 0 14px;padding:16px;border:1px solid var(--mp-rand);border-radius:var(--mp-hoek);background:var(--mp-kaart);min-inline-size:0} .mp-kaartblok legend,.mp-kaartblok h2{padding:0;font-size:1.05rem;font-weight:700;margin:0 0 10px} .mp-kaartblok legend small{font-weight:400;color:var(--mp-stil)} .mp-plaatsform{max-inline-size:760px} .mp-fotolijst{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none} @media(min-width:641px){.mp-fotolijst{grid-template-columns:repeat(5,minmax(0,1fr))}} .mp-fotovak,.mp-fotokies{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:var(--mp-vlak)} .mp-fotovak img{inline-size:100%;block-size:100%;object-fit:cover;display:block} .mp-fotovak:first-child::after{content:"Hoofdfoto";position:absolute;inset-inline-start:6px;inset-block-start:6px;padding:2px 7px;border-radius:999px;background:var(--mp-accent);color:var(--mp-accent-tekst);font-size:.7rem;font-weight:700} .mp-fotovak.is-bezig{display:grid;place-items:center;color:var(--mp-stil);font-size:.8rem;text-align:center;padding:6px} .mp-fotovak.is-sleep{opacity:.4} .mp-foto-knoppen{position:absolute;inset-inline:0;inset-block-end:0;display:flex;justify-content:space-between;padding:4px;background:linear-gradient(transparent,rgba(0,0,0,.55))} .mp-foto-knoppen button{display:grid;place-items:center;inline-size:32px;block-size:32px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#222;cursor:pointer} .mp-fotoknop{display:grid;place-items:center;align-content:center;gap:6px;inline-size:100%;block-size:100%;border:2px dashed var(--mp-rand);border-radius:10px;color:var(--mp-accent);font-size:.82rem;font-weight:600;text-align:center;cursor:pointer} .mp-fotoknop i{font-size:1.6rem} .mp-fotoknop input,.mp-fotoknop-rond input{position:absolute;inline-size:1px;block-size:1px;opacity:0} .mp-fotoknop:focus-within{outline:2px solid var(--mp-accent)} .mp-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px} .mp-segment label{position:relative} .mp-segment input,.mp-chip-keuze input{position:absolute;opacity:0} .mp-segment span{display:grid;place-items:center;min-block-size:48px;padding:6px;border:1px solid var(--mp-rand);border-radius:10px;font-size:.86rem;font-weight:600;text-align:center;cursor:pointer} .mp-segment input:checked+span,.mp-chip-keuze input:checked+span{border-color:var(--mp-accent);background:color-mix(in srgb,var(--mp-accent) 12%,var(--mp-kaart));color:var(--mp-accent)} .mp-segment input:focus-visible+span,.mp-chip-keuze input:focus-visible+span{outline:2px solid var(--mp-accent)} .mp-prijskeuze{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px} .mp-chip-keuze{position:relative} .mp-chip-keuze span{display:inline-flex;align-items:center;min-block-size:40px;padding:6px 14px;border:1px solid var(--mp-rand);border-radius:999px;font-size:.88rem;font-weight:600;cursor:pointer} .mp-plaats-voet{position:sticky;inset-block-end:calc(64px + var(--veilige-onderrand, env(safe-area-inset-bottom,0px)));display:flex;gap:10px;justify-content:flex-end;padding:12px 0;background:linear-gradient(transparent,var(--fr-bg,#fff) 30%)} @media(min-width:1025px){.mp-plaats-voet{inset-block-end:0}} .mp-plaats-voet .mp-knop-vol{min-inline-size:160px} [data-mp-kenmerk][hidden]{display:none} .mp-chat{display:grid;border:1px solid var(--mp-rand);border-radius:var(--mp-hoek);background:var(--mp-kaart);overflow:hidden;min-block-size:min(78vh,760px)} @media(min-width:900px){.mp-chat{grid-template-columns:340px minmax(0,1fr)}} .mp-gesprekken{border-inline-end:1px solid var(--mp-rand);overflow:auto;max-block-size:min(78vh,760px)} .mp-chat-kop{margin:0;padding:14px 16px 6px;font-size:1.2rem} .mp-gesprekken .mp-chips{padding:4px 16px 10px;margin:0;border-block-end:1px solid var(--mp-rand)} .mp-gesprekslijst{margin:0;padding:0;list-style:none} .mp .mp-gesprek-rij{display:flex;align-items:center;gap:12px;padding:12px 16px;border-block-end:1px solid var(--mp-rand);color:var(--mp-tekst);text-decoration:none} .mp .mp-gesprek-rij:hover{background:var(--mp-vlak)} .mp-gesprek-rij.is-open{background:color-mix(in srgb,var(--mp-accent) 10%,var(--mp-kaart))} .mp-gesprek-rij.is-ongelezen strong{font-weight:800} .mp-duimpje{display:grid;place-items:center;flex:none;inline-size:52px;block-size:52px;border-radius:8px;overflow:hidden;background:var(--mp-vlak);color:var(--mp-stil)} .mp-duimpje img{inline-size:100%;block-size:100%;object-fit:cover} .mp-gesprek-tekst{display:grid;gap:2px;flex:1;min-inline-size:0} .mp-gesprek-tekst strong,.mp-gesprek-tekst small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mp-gesprek-tekst strong{font-size:.92rem;font-weight:600} .mp-gesprek-tekst small{color:var(--mp-stil);font-size:.82rem} .mp-gesprek-meta{display:grid;justify-items:end;gap:4px;color:var(--mp-stil);font-size:.75rem} .mp-gesprek{display:flex;flex-direction:column;min-inline-size:0;min-block-size:min(78vh,760px)} .mp-gesprek-leeg{display:none;place-items:center;align-content:center;gap:8px;flex:1;color:var(--mp-stil)} .mp-gesprek-leeg i{font-size:2.6rem} @media(min-width:900px){.mp-gesprek-leeg{display:grid}} @media(max-width:899px){.mp-berichten.heeft-gesprek .mp-gesprekken{display:none}.mp-berichten:not(.heeft-gesprek) .mp-gesprek{display:none}.mp-berichten.heeft-gesprek .mp-chat{min-block-size:calc(100svh - 230px)}} .mp-gesprek-kop{display:flex;align-items:center;gap:8px;padding:8px 12px;border-block-end:1px solid var(--mp-rand)} .mp .mp-terug{display:grid;place-items:center;inline-size:40px;block-size:40px;color:var(--mp-tekst);font-size:1.3rem} @media(min-width:900px){.mp .mp-terug{display:none}} .mp .mp-gesprek-wie{display:grid;gap:1px;flex:1;min-inline-size:0;color:var(--mp-tekst);text-decoration:none} .mp .mp-gesprek-wie small{color:var(--mp-stil);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .mp-menu{position:relative} .mp-menu summary{display:grid;place-items:center;inline-size:40px;block-size:40px;list-style:none;cursor:pointer;font-size:1.2rem;color:var(--mp-stil)} .mp-menu summary::-webkit-details-marker{display:none} .mp-menu-lijst{position:absolute;inset-inline-end:0;inset-block-start:44px;z-index:10;display:grid;min-inline-size:260px;padding:6px;border:1px solid var(--mp-rand);border-radius:12px;background:var(--mp-kaart);box-shadow:0 10px 30px rgba(0,0,0,.15)} .mp-menu-lijst form{margin:0} .mp-menu-lijst button{display:flex;align-items:center;gap:10px;inline-size:100%;min-block-size:44px;padding:8px 12px;border:0;border-radius:8px;background:none;color:var(--mp-tekst);font:inherit;text-align:start;cursor:pointer} .mp-menu-lijst button:hover{background:var(--mp-vlak)} .mp .mp-gesprek-advertentie{display:flex;align-items:center;gap:12px;padding:8px 12px;border-block-end:1px solid var(--mp-rand);background:var(--mp-vlak);color:var(--mp-tekst);text-decoration:none} .mp-gesprek-advertentie>span:nth-child(2){display:grid;flex:1;min-inline-size:0} .mp-gesprek-titel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem} .mp-status-klein{color:var(--mp-stil);font-size:.78rem} .mp-beoordeel-open{border-block-end:1px solid var(--mp-rand);background:var(--mp-kaart)} .mp-beoordeel-open>summary{display:flex;align-items:center;gap:8px;min-block-size:44px;padding:8px 12px;list-style:none;cursor:pointer;color:var(--mp-accent);font-weight:600} .mp-beoordeel-open>summary::-webkit-details-marker{display:none} .mp-beoordeel-open .mp-beoordeel{margin:0 12px 12px} .mp-berichtenlijst{flex:1;display:flex;flex-direction:column;gap:6px;margin:0;padding:14px 12px;list-style:none;overflow-y:auto;background:color-mix(in srgb,var(--mp-vlak) 60%,var(--mp-kaart));max-block-size:min(60vh,560px)} @media(max-width:899px){.mp-berichtenlijst{max-block-size:calc(100svh - 380px);min-block-size:240px}} .mp-dag{align-self:center;margin:6px 0} .mp-dag span{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--mp-kaart);color:var(--mp-stil);font-size:.75rem} .mp-bericht{display:flex;flex-direction:column;max-inline-size:82%;position:relative} @media(min-width:641px){.mp-bericht{max-inline-size:68%}} .mp-in{align-self:flex-start;align-items:flex-start} .mp-uit{align-self:flex-end;align-items:flex-end} .mp-ballon{padding:9px 12px;border-radius:16px;font-size:.98rem;line-height:1.4;overflow-wrap:anywhere} .mp-in .mp-ballon{background:var(--mp-kaart);border:1px solid var(--mp-rand);border-end-start-radius:4px} .mp-uit .mp-ballon{background:var(--mp-accent);color:var(--mp-accent-tekst);border-end-end-radius:4px} .mp-tijd{display:block;margin-block-start:3px;font-size:.7rem;opacity:.75;text-align:end} .mp-bericht-foto{display:block;margin:0 0 4px;border-radius:14px;overflow:hidden;max-inline-size:240px} .mp-bericht-foto img{display:block;inline-size:100%;block-size:auto} .mp-meld-bericht{position:absolute;inset-inline-end:-36px;inset-block-start:0;margin:0;opacity:0;transition:opacity .15s} .mp-in:hover .mp-meld-bericht,.mp-meld-bericht:focus-within{opacity:1} @media(hover:none){.mp-meld-bericht{opacity:.6}} .mp-systeem{align-self:center;max-inline-size:90%;text-align:center} .mp-systeem span{display:inline-block;padding:5px 12px;border-radius:999px;background:var(--mp-kaart);border:1px solid var(--mp-rand);color:var(--mp-stil);font-size:.84rem} .mp-bod{align-self:center;max-inline-size:90%} .mp-bod-kaart{display:grid;justify-items:center;gap:4px;padding:12px 18px;border:1px dashed var(--mp-accent);border-radius:14px;background:var(--mp-kaart);text-align:center;font-size:.9rem} .mp-bod-kaart strong{font-size:1.3rem} .mp-bod-kaart time{color:var(--mp-stil);font-size:.72rem} .mp-bod-knoppen{display:flex;gap:8px;margin-block-start:4px} .mp-bod-knoppen form{margin:0} .mp-bod-stand{color:var(--mp-stil);font-size:.84rem} .mp-bod-stand.is-geaccepteerd{color:var(--mp-groen);font-weight:700} .mp-waarschuwing{margin:6px 0 0;padding:8px 10px;border:1px solid var(--mp-geel-rand);border-radius:10px;background:var(--mp-geel-vlak);color:var(--mp-geel-tekst);font-size:.82rem;line-height:1.4} .mp-anker{block-size:1px} .mp-gesprek>.mp-snel{padding:8px 12px 0;margin:0;border-block-start:1px solid var(--mp-rand)} .mp-invoer{display:flex;align-items:flex-end;gap:8px;padding:10px 12px calc(10px + var(--veilige-onderrand, env(safe-area-inset-bottom,0px)))} .mp-fotoknop-rond{position:relative;display:grid;place-items:center;flex:none;inline-size:44px;block-size:44px;border-radius:50%;color:var(--mp-accent);font-size:1.4rem;cursor:pointer} .mp-fotoknop-rond.is-gekozen{background:color-mix(in srgb,var(--mp-accent) 15%,transparent)} .mp-invoerveld{flex:1;min-inline-size:0} .mp-invoerveld textarea{display:block;field-sizing:content;min-block-size:44px!important;max-block-size:140px;padding:11px 16px!important;border-radius:22px!important;resize:none} .mp-stuur{display:grid;place-items:center;flex:none;inline-size:46px;block-size:46px;border:0;border-radius:50%;background:var(--mp-accent);color:var(--mp-accent-tekst);font-size:1.1rem;cursor:pointer} .mp-stuur:disabled{opacity:.5} .mp-subkop{margin:22px 0 10px;font-size:1.15rem} .mp-mijnlijst{display:grid;gap:10px;margin:0;padding:0;list-style:none} .mp-mijnrij{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;border:1px solid var(--mp-rand);border-radius:var(--mp-hoek);background:var(--mp-kaart)} .mp-mijntekst{display:grid;gap:3px;flex:1;min-inline-size:200px} .mp .mp-mijntekst a{color:var(--mp-tekst);text-decoration:none} .mp-mijntekst small{color:var(--mp-stil);font-size:.82rem} .mp-mijnknoppen{display:flex;flex-wrap:wrap;gap:6px} .mp-mijnknoppen form{margin:0} .mp-status{justify-self:start;padding:2px 9px;border-radius:999px;background:var(--mp-vlak);font-size:.74rem;font-weight:700} .mp-status-online{background:color-mix(in srgb,var(--mp-groen) 16%,var(--mp-kaart));color:var(--mp-groen)} .mp-status-wacht,.mp-status-gereserveerd{background:#fdf1d8;color:#7a5200} .mp-status-afgewezen{background:color-mix(in srgb,var(--mp-rood) 12%,var(--mp-kaart));color:var(--mp-rood)} .mp-tweeluik{display:grid;gap:14px;margin-block-start:18px} @media(min-width:900px){.mp-tweeluik{grid-template-columns:repeat(2,minmax(0,1fr))}} .mp-kaartblok ul{margin:0;padding-inline-start:20px;line-height:1.55} .mp-profielkop{display:flex;align-items:center;gap:16px;margin:0 0 10px} .mp-profielkop h1{margin:0} .mp-profielkop p{margin:2px 0;color:var(--mp-stil)} .mp-beoordelingen{margin:0;padding:0;list-style:none;display:grid;gap:10px} .mp-beoordelingen li{padding:12px;border:1px solid var(--mp-rand);border-radius:var(--mp-hoek);background:var(--mp-kaart)} .mp-beoordelingen p{margin:6px 0 0} .mp-chatmelding{margin:8px 12px 0} .kh-markt-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} @media(min-width:641px){.kh-markt-raster{grid-template-columns:repeat(3,minmax(0,1fr))}} .kh-markt-kaart{display:block;border:1px solid var(--fr-rand,#dfe5e2);border-radius:var(--fr-hoek,12px);overflow:hidden;background:var(--fr-kaart,#fff);color:inherit;text-decoration:none} .kh-markt-foto{display:grid;place-items:center;aspect-ratio:4/3;background:var(--fr-tint,#f3f6f5);color:var(--fr-stil,#5d6b64);font-size:1.6rem} .kh-markt-foto img{inline-size:100%;block-size:100%;object-fit:cover;display:block} .kh-markt-tekst{display:grid;gap:2px;padding:8px 10px 10px} .kh-markt-prijs{font-weight:750} .kh-markt-titel{font-size:.88rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .kh-markt-plaats{color:var(--fr-stil,#5d6b64);font-size:.74rem} html.mp-geen-scroll{overflow:hidden} .mp-detail .mp-fab{display:none} .mp .mp-zoekveld input:focus,.mp .mp-zoekveld input:focus-visible{outline:0;box-shadow:none;border:0} .mp-catlijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 6px} .mp .mp-catlijst a{hyphens:auto;overflow-wrap:break-word;display:flex;align-items:center;gap:10px;min-block-size:48px;padding:10px 12px;border:1px solid var(--mp-rand);border-radius:12px;background:var(--mp-kaart);color:var(--mp-tekst);font-size:.92rem;font-weight:600;line-height:1.2;text-decoration:none} .mp .mp-catlijst a i{color:var(--mp-stil);font-size:1.1rem} .mp .mp-catlijst a[aria-current]{background:var(--mp-accent);border-color:var(--mp-accent);color:var(--mp-accent-tekst)} .mp .mp-catlijst a[aria-current] i{color:inherit} .mp-cats-kop{margin:14px 0 8px;font-size:.95rem} .mp:has(.mp-leeg-plaatsen) .mp-fab{display:none} @media(max-width:1024px){ .mp-kop{position:absolute!important;inline-size:1px;block-size:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} } @media(max-width:1024px){ .mp-nav{inset-block-start:calc(var(--fr-kopbalk, 0px) + env(safe-area-inset-top, 0px));margin-block-end:10px;padding:3px} #fr-main:not(:has(> .kh-knmi)):has(> .fr-module > .mp > .mp-nav){padding-block-start:0;padding-inline:0} #fr-main:not(:has(> .kh-knmi)) > .fr-module > .mp:has(> .mp-nav){padding-inline:.9rem} #fr-main:not(:has(> .kh-knmi)) > .fr-module > .mp > .mp-nav{margin:0 -.9rem 12px;padding:2px 6px;border-width:0 0 1px;border-radius:0;box-shadow:0 4px 10px rgba(0,0,0,.04)} .mp .mp-nav-tab{min-block-size:46px;padding:4px 2px;font-size:.7rem} .mp .mp-nav-tab i{font-size:1.15rem} .mp-js .mp-snelkeuze{display:none} .mp:not(.mp-js) .mp-catknop{display:none} .mp .mp-zoek-js>.mp-knop-vol{display:none} .mp-zoek .mp-catknop,.mp-zoek .mp-filterknop{flex:none;white-space:nowrap} .mp-zoek-js .mp-zoekveld{transition:flex-basis .2s ease} .mp-zoek-js.mp-zoek-klein .mp-zoekveld{flex:0 0 48px;justify-content:center;padding:0;cursor:pointer} .mp-zoek-js.mp-zoek-klein .mp-zoekveld input{flex:0 0 0;inline-size:0;min-inline-size:0;padding:0;opacity:0} .mp-zoek-js.mp-zoek-klein .mp-catknop{flex:1 1 auto;min-inline-size:0;justify-content:center;padding-inline:12px} .mp-zoek-js.mp-zoek-klein .mp-filterknop{flex:0 0 auto;padding-inline:14px} .mp-zoek-js.mp-zoek-klein .mp-catknop .mp-knoptekst{overflow:hidden;text-overflow:ellipsis} .mp-zoek-js:not(.mp-zoek-klein) .mp-catknop,.mp-zoek-js:not(.mp-zoek-klein) .mp-filterknop{inline-size:48px;padding:0;justify-content:center} .mp-zoek-js:not(.mp-zoek-klein) .mp-knoptekst{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap} } @media(max-width:719px){ #fr-main:not(:has(> .kh-knmi)) > .fr-module > .mp:has(> .mp-nav){padding-inline:1.25rem} #fr-main:not(:has(> .kh-knmi)) > .fr-module > .mp > .mp-nav{margin-inline:-1.25rem} } @media(prefers-reduced-motion:reduce){.mp-zoek-js .mp-zoekveld{transition:none}} @media(max-width:1024px){.mp-filters,.mp-onderpaneel{z-index:1210}.mp-filters-laag{z-index:1200}} @media(min-width:1025px){.mp .mp-catknop,.mp .mp-cats{display:none}.mp-snelkeuze{flex-wrap:wrap;overflow:visible}}
/*!
 * Bootstrap Icons v1.13.1 (https://icons.getbootstrap.com/)
 * Copyright 2019-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
 */ @font-face{font-display:block;font-family:"bootstrap-icons";src:url("/assets/fonts/bootstrap-icons-subset.woff2?183c2f2859") format("woff2")} .bi::before,[class*=" bi-"]::before,[class^=bi-]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .bi-1-circle::before{content:"\f797"} .bi-1-circle-fill::before{content:"\f796"} .bi-2-circle::before{content:"\f79d"} .bi-2-circle-fill::before{content:"\f79c"} .bi-3-circle::before{content:"\f7a3"} .bi-3-circle-fill::before{content:"\f7a2"} .bi-4-circle::before{content:"\f7a9"} .bi-4-circle-fill::before{content:"\f7a8"} .bi-5-circle::before{content:"\f7af"} .bi-6-circle::before{content:"\f7b5"} .bi-7-circle::before{content:"\f7bb"} .bi-8-circle::before{content:"\f7c1"} .bi-9-circle::before{content:"\f7c7"} .bi-activity::before{content:"\f66b"} .bi-apple::before{content:"\f65b"} .bi-archive::before{content:"\f10d"} .bi-arrow-bar-down::before{content:"\f112"} .bi-arrow-counterclockwise::before{content:"\f117"} .bi-arrow-down::before{content:"\f128"} .bi-arrow-down-circle::before{content:"\f119"} .bi-arrow-down-square::before{content:"\f126"} .bi-arrow-down-up::before{content:"\f127"} .bi-arrow-left::before{content:"\f12f"} .bi-arrow-left-right::before{content:"\f12b"} .bi-arrow-repeat::before{content:"\f130"} .bi-arrow-return-left::before{content:"\f131"} .bi-arrow-right::before{content:"\f138"} .bi-arrow-up::before{content:"\f148"} .bi-arrow-up-right::before{content:"\f144"} .bi-arrow-up-right-circle::before{content:"\f141"} .bi-arrows-angle-contract::before{content:"\f149"} .bi-arrows-angle-expand::before{content:"\f14a"} .bi-arrows-collapse::before{content:"\f14b"} .bi-arrows-expand::before{content:"\f14c"} .bi-arrows-fullscreen::before{content:"\f14d"} .bi-arrows-move::before{content:"\f14e"} .bi-arrows-vertical::before{content:"\f698"} .bi-aspect-ratio::before{content:"\f150"} .bi-award::before{content:"\f154"} .bi-bag::before{content:"\f179"} .bi-balloon::before{content:"\f709"} .bi-bank::before{content:"\f62e"} .bi-basket::before{content:"\f180"} .bi-bell::before{content:"\f18a"} .bi-bicycle::before{content:"\f18d"} .bi-binoculars::before{content:"\f18f"} .bi-book::before{content:"\f194"} .bi-book-half::before{content:"\f193"} .bi-bookmark::before{content:"\f1a2"} .bi-bookmark-star::before{content:"\f19f"} .bi-bookmark-x::before{content:"\f1a1"} .bi-bounding-box::before{content:"\f1b6"} .bi-box::before{content:"\f1c8"} .bi-box-arrow-in-down::before{content:"\f1bc"} .bi-box-arrow-in-right::before{content:"\f1be"} .bi-box-arrow-right::before{content:"\f1c3"} .bi-box-arrow-up-right::before{content:"\f1c5"} .bi-box-seam::before{content:"\f1c7"} .bi-box2::before{content:"\f70d"} .bi-boxes::before{content:"\f685"} .bi-braces::before{content:"\f1c9"} .bi-bricks::before{content:"\f1ca"} .bi-briefcase::before{content:"\f1cc"} .bi-briefcase-fill::before{content:"\f1cb"} .bi-broadcast::before{content:"\f1d6"} .bi-broadcast-pin::before{content:"\f1d5"} .bi-brush::before{content:"\f1d8"} .bi-bug::before{content:"\f1dc"} .bi-building::before{content:"\f1dd"} .bi-building-check::before{content:"\f868"} .bi-buildings::before{content:"\f87d"} .bi-calculator::before{content:"\f1e0"} .bi-calendar-check::before{content:"\f1e2"} .bi-calendar-event::before{content:"\f1e8"} .bi-calendar-plus::before{content:"\f1ef"} .bi-calendar-week::before{content:"\f1f3"} .bi-calendar-x::before{content:"\f1f5"} .bi-calendar2-check::before{content:"\f1f8"} .bi-calendar2-event::before{content:"\f1fe"} .bi-calendar3::before{content:"\f214"} .bi-camera::before{content:"\f220"} .bi-camera-fill::before{content:"\f219"} .bi-camera-video::before{content:"\f21f"} .bi-camera-video-fill::before{content:"\f21c"} .bi-car-front::before{content:"\f7e1"} .bi-card-text::before{content:"\f228"} .bi-cart::before{content:"\f242"} .bi-cart-check::before{content:"\f23a"} .bi-cash-coin::before{content:"\f632"} .bi-chat::before{content:"\f268"} .bi-chat-dots::before{content:"\f24a"} .bi-chat-left-dots::before{content:"\f24d"} .bi-chat-left-dots-fill::before{content:"\f24c"} .bi-chat-left-text::before{content:"\f252"} .bi-chat-square-heart::before{content:"\f71a"} .bi-chat-square-text::before{content:"\f264"} .bi-chat-text::before{content:"\f267"} .bi-check-circle::before{content:"\f26b"} .bi-check-circle-fill::before{content:"\f26a"} .bi-check2::before{content:"\f272"} .bi-check2-circle::before{content:"\f270"} .bi-check2-square::before{content:"\f271"} .bi-chevron-down::before{content:"\f282"} .bi-chevron-left::before{content:"\f284"} .bi-chevron-right::before{content:"\f285"} .bi-circle::before{content:"\f28a"} .bi-circle-half::before{content:"\f288"} .bi-clipboard::before{content:"\f290"} .bi-clipboard-check::before{content:"\f28b"} .bi-clipboard-data::before{content:"\f28c"} .bi-clipboard-data-fill::before{content:"\f71c"} .bi-clipboard-x::before{content:"\f28f"} .bi-clock::before{content:"\f293"} .bi-clock-history::before{content:"\f292"} .bi-cloud::before{content:"\f2c1"} .bi-cloud-arrow-up::before{content:"\f297"} .bi-cloud-check::before{content:"\f299"} .bi-cloud-fill::before{content:"\f29e"} .bi-cloud-slash::before{content:"\f2b8"} .bi-cloud-sun::before{content:"\f2be"} .bi-code-slash::before{content:"\f2c6"} .bi-columns-gap::before{content:"\f2cd"} .bi-compass::before{content:"\f2d1"} .bi-cone-striped::before{content:"\f2d2"} .bi-copy::before{content:"\f759"} .bi-cpu::before{content:"\f2d6"} .bi-crosshair::before{content:"\f769"} .bi-cup-hot::before{content:"\f7eb"} .bi-currency-euro::before{content:"\f637"} .bi-dash-lg::before{content:"\f63b"} .bi-database::before{content:"\f8c4"} .bi-diagram-2::before{content:"\f2ec"} .bi-diagram-3::before{content:"\f2ee"} .bi-diagram-3-fill::before{content:"\f2ed"} .bi-disc::before{content:"\f2ff"} .bi-display::before{content:"\f302"} .bi-distribute-vertical::before{content:"\f304"} .bi-door-closed::before{content:"\f306"} .bi-download::before{content:"\f30a"} .bi-droplet::before{content:"\f30d"} .bi-droplet-fill::before{content:"\f30b"} .bi-droplet-half::before{content:"\f30c"} .bi-easel::before{content:"\f310"} .bi-emoji-frown::before{content:"\f31d"} .bi-emoji-smile::before{content:"\f327"} .bi-envelope::before{content:"\f32f"} .bi-envelope-at::before{content:"\f84c"} .bi-envelope-check::before{content:"\f68c"} .bi-envelope-fill::before{content:"\f32c"} .bi-envelope-paper::before{content:"\f73d"} .bi-ethernet::before{content:"\f6d5"} .bi-exclamation-circle::before{content:"\f333"} .bi-exclamation-circle-fill::before{content:"\f332"} .bi-exclamation-octagon::before{content:"\f337"} .bi-exclamation-triangle::before{content:"\f33b"} .bi-exclamation-triangle-fill::before{content:"\f33a"} .bi-eye::before{content:"\f341"} .bi-eye-slash::before{content:"\f340"} .bi-facebook::before{content:"\f344"} .bi-fan::before{content:"\f670"} .bi-file-earmark-check::before{content:"\f360"} .bi-file-earmark-lock::before{content:"\f36f"} .bi-file-earmark-music::before{content:"\f377"} .bi-file-earmark-pdf::before{content:"\f63e"} .bi-file-earmark-play::before{content:"\f37b"} .bi-file-earmark-text::before{content:"\f38b"} .bi-file-earmark-x::before{content:"\f38f"} .bi-file-text::before{content:"\f3b9"} .bi-files::before{content:"\f3c2"} .bi-filetype-txt::before{content:"\f766"} .bi-filter::before{content:"\f3ca"} .bi-fingerprint::before{content:"\f671"} .bi-fire::before{content:"\f7f6"} .bi-flag::before{content:"\f3cc"} .bi-flower1::before{content:"\f3cd"} .bi-folder-fill::before{content:"\f3d1"} .bi-folder2-open::before{content:"\f3d8"} .bi-funnel::before{content:"\f3e1"} .bi-funnel-fill::before{content:"\f3e0"} .bi-gear::before{content:"\f3e5"} .bi-gear-fill::before{content:"\f3e2"} .bi-gem::before{content:"\f3e6"} .bi-geo-alt::before{content:"\f3e8"} .bi-geo-alt-fill::before{content:"\f3e7"} .bi-gift::before{content:"\f3ec"} .bi-globe::before{content:"\f3ee"} .bi-globe-americas::before{content:"\f882"} .bi-globe2::before{content:"\f3ef"} .bi-google-play::before{content:"\f7f7"} .bi-graph-down-arrow::before{content:"\f672"} .bi-graph-up::before{content:"\f3f2"} .bi-graph-up-arrow::before{content:"\f673"} .bi-grid::before{content:"\f3fc"} .bi-grid-1x2::before{content:"\f3f4"} .bi-grid-3x2-gap::before{content:"\f3f6"} .bi-grid-3x3-gap::before{content:"\f3f9"} .bi-grid-fill::before{content:"\f3fb"} .bi-hammer::before{content:"\f3ff"} .bi-hand-index::before{content:"\f403"} .bi-hand-thumbs-up::before{content:"\f407"} .bi-hand-thumbs-up-fill::before{content:"\f406"} .bi-hdd::before{content:"\f412"} .bi-hdd-fill::before{content:"\f40b"} .bi-hdd-network::before{content:"\f40d"} .bi-hdd-network-fill::before{content:"\f40c"} .bi-hdd-rack::before{content:"\f40f"} .bi-hdd-stack::before{content:"\f411"} .bi-hdd-stack-fill::before{content:"\f410"} .bi-headset::before{content:"\f414"} .bi-heart::before{content:"\f417"} .bi-heart-fill::before{content:"\f415"} .bi-heart-pulse::before{content:"\f76f"} .bi-hourglass-bottom::before{content:"\f41e"} .bi-hourglass-split::before{content:"\f41f"} .bi-house::before{content:"\f425"} .bi-house-add::before{content:"\f887"} .bi-house-check::before{content:"\f889"} .bi-house-check-fill::before{content:"\f888"} .bi-house-door::before{content:"\f423"} .bi-house-door-fill::before{content:"\f422"} .bi-house-gear::before{content:"\f891"} .bi-house-gear-fill::before{content:"\f890"} .bi-house-heart::before{content:"\f776"} .bi-hr::before{content:"\f426"} .bi-image::before{content:"\f42a"} .bi-images::before{content:"\f42b"} .bi-inbox::before{content:"\f42d"} .bi-inboxes::before{content:"\f42f"} .bi-info-circle::before{content:"\f431"} .bi-info-circle-fill::before{content:"\f430"} .bi-info-square::before{content:"\f433"} .bi-input-cursor-text::before{content:"\f435"} .bi-instagram::before{content:"\f437"} .bi-journal-check::before{content:"\f43e"} .bi-journal-code::before{content:"\f43f"} .bi-journal-text::before{content:"\f444"} .bi-journals::before{content:"\f447"} .bi-key::before{content:"\f44f"} .bi-layout-sidebar::before{content:"\f45f"} .bi-layout-text-window::before{content:"\f464"} .bi-layout-text-window-reverse::before{content:"\f463"} .bi-layout-three-columns::before{content:"\f465"} .bi-life-preserver::before{content:"\f467"} .bi-lightbulb::before{content:"\f46b"} .bi-lightbulb-fill::before{content:"\f468"} .bi-lightning::before{content:"\f46f"} .bi-lightning-charge::before{content:"\f46d"} .bi-lightning-charge-fill::before{content:"\f46c"} .bi-link-45deg::before{content:"\f470"} .bi-linkedin::before{content:"\f472"} .bi-list::before{content:"\f479"} .bi-list-check::before{content:"\f473"} .bi-list-nested::before{content:"\f474"} .bi-list-ol::before{content:"\f475"} .bi-list-ul::before{content:"\f478"} .bi-lock::before{content:"\f47b"} .bi-magic::before{content:"\f675"} .bi-map::before{content:"\f47f"} .bi-map-fill::before{content:"\f47e"} .bi-megaphone::before{content:"\f484"} .bi-microsoft::before{content:"\f65d"} .bi-moisture::before{content:"\f493"} .bi-moon-stars::before{content:"\f496"} .bi-moon-stars-fill::before{content:"\f495"} .bi-mortarboard::before{content:"\f6fe"} .bi-mortarboard-fill::before{content:"\f6fd"} .bi-music-note-beamed::before{content:"\f49e"} .bi-newspaper::before{content:"\f4a3"} .bi-p-square-fill::before{content:"\f806"} .bi-palette::before{content:"\f4b1"} .bi-patch-check::before{content:"\f4b6"} .bi-patch-check-fill::before{content:"\f4b5"} .bi-patch-exclamation::before{content:"\f4b8"} .bi-pause-fill::before{content:"\f4c3"} .bi-pc-display::before{content:"\f6a6"} .bi-pencil::before{content:"\f4cb"} .bi-pencil-square::before{content:"\f4ca"} .bi-people::before{content:"\f4d0"} .bi-people-fill::before{content:"\f4cf"} .bi-percent::before{content:"\f4d1"} .bi-person::before{content:"\f4e1"} .bi-person-badge::before{content:"\f4d3"} .bi-person-check::before{content:"\f4d6"} .bi-person-circle::before{content:"\f4d7"} .bi-person-dash::before{content:"\f4d9"} .bi-person-gear::before{content:"\f8a7"} .bi-person-heart::before{content:"\f77a"} .bi-person-lock::before{content:"\f8a8"} .bi-person-plus::before{content:"\f4dd"} .bi-person-square::before{content:"\f4de"} .bi-person-vcard::before{content:"\f8c9"} .bi-person-x::before{content:"\f4e0"} .bi-phone::before{content:"\f4e7"} .bi-phone-landscape::before{content:"\f4e4"} .bi-piggy-bank::before{content:"\f64a"} .bi-pin-angle::before{content:"\f4eb"} .bi-pin-map::before{content:"\f64c"} .bi-play-btn::before{content:"\f4f1"} .bi-play-fill::before{content:"\f4f4"} .bi-plug::before{content:"\f4f7"} .bi-plug-fill::before{content:"\f4f6"} .bi-plus-circle::before{content:"\f4fa"} .bi-plus-lg::before{content:"\f64d"} .bi-plus-square::before{content:"\f4fd"} .bi-power::before{content:"\f4ff"} .bi-printer::before{content:"\f501"} .bi-puzzle::before{content:"\f503"} .bi-question-circle::before{content:"\f505"} .bi-question-circle-fill::before{content:"\f504"} .bi-question-diamond::before{content:"\f507"} .bi-record-circle::before{content:"\f518"} .bi-recycle::before{content:"\f64f"} .bi-rocket-takeoff::before{content:"\f845"} .bi-router-fill::before{content:"\f6eb"} .bi-rulers::before{content:"\f523"} .bi-safe::before{content:"\f65a"} .bi-search::before{content:"\f52a"} .bi-send::before{content:"\f6c0"} .bi-send-fill::before{content:"\f6b9"} .bi-server::before{content:"\f52c"} .bi-share::before{content:"\f52e"} .bi-share-fill::before{content:"\f52d"} .bi-shield::before{content:"\f53f"} .bi-shield-check::before{content:"\f52f"} .bi-shield-exclamation::before{content:"\f530"} .bi-shield-fill-check::before{content:"\f531"} .bi-shield-lock::before{content:"\f538"} .bi-shield-lock-fill::before{content:"\f537"} .bi-shield-slash::before{content:"\f53d"} .bi-shop::before{content:"\f543"} .bi-shop-window::before{content:"\f542"} .bi-shuffle::before{content:"\f544"} .bi-signpost::before{content:"\f54a"} .bi-signpost-2::before{content:"\f546"} .bi-signpost-2-fill::before{content:"\f545"} .bi-signpost-split::before{content:"\f549"} .bi-slash-circle::before{content:"\f567"} .bi-sliders::before{content:"\f56b"} .bi-sliders2::before{content:"\f789"} .bi-snow::before{content:"\f56d"} .bi-snow2::before{content:"\f56e"} .bi-speedometer::before{content:"\f57f"} .bi-speedometer2::before{content:"\f580"} .bi-square::before{content:"\f584"} .bi-square-half::before{content:"\f583"} .bi-star::before{content:"\f588"} .bi-star-fill::before{content:"\f586"} .bi-star-half::before{content:"\f587"} .bi-stars::before{content:"\f589"} .bi-sun::before{content:"\f5a2"} .bi-sun-fill::before{content:"\f5a1"} .bi-table::before{content:"\f5aa"} .bi-tag::before{content:"\f5b0"} .bi-tag-fill::before{content:"\f5af"} .bi-tags::before{content:"\f5b2"} .bi-telephone::before{content:"\f5c1"} .bi-telephone-fill::before{content:"\f5b4"} .bi-telephone-forward-fill::before{content:"\f5b5"} .bi-telephone-outbound::before{content:"\f5bc"} .bi-telephone-outbound-fill::before{content:"\f5bb"} .bi-terminal::before{content:"\f5c3"} .bi-text-paragraph::before{content:"\f5c8"} .bi-thermometer-half::before{content:"\f5cd"} .bi-thermometer-high::before{content:"\f5ce"} .bi-thermometer-low::before{content:"\f5cf"} .bi-thermometer-snow::before{content:"\f5d0"} .bi-thermometer-sun::before{content:"\f5d1"} .bi-three-dots::before{content:"\f5d4"} .bi-three-dots-vertical::before{content:"\f5d3"} .bi-tiktok::before{content:"\f6cc"} .bi-toggles::before{content:"\f5d9"} .bi-tools::before{content:"\f5db"} .bi-trash::before{content:"\f5de"} .bi-trash3::before{content:"\f78b"} .bi-tree::before{content:"\f5e2"} .bi-tree-fill::before{content:"\f5e1"} .bi-trophy::before{content:"\f5e7"} .bi-truck::before{content:"\f5ea"} .bi-twitter-x::before{content:"\f8db"} .bi-type-h1::before{content:"\f5f1"} .bi-type-h2::before{content:"\f5f2"} .bi-universal-access::before{content:"\f826"} .bi-upc-scan::before{content:"\f601"} .bi-upload::before{content:"\f603"} .bi-volume-down::before{content:"\f60b"} .bi-volume-down-fill::before{content:"\f60a"} .bi-volume-up::before{content:"\f611"} .bi-water::before{content:"\f617"} .bi-whatsapp::before{content:"\f618"} .bi-wifi::before{content:"\f61c"} .bi-wifi-off::before{content:"\f61b"} .bi-wind::before{content:"\f61d"} .bi-window::before{content:"\f620"} .bi-window-dock::before{content:"\f61e"} .bi-window-sidebar::before{content:"\f61f"} .bi-wrench::before{content:"\f621"} .bi-wrench-adjustable::before{content:"\f790"} .bi-wrench-adjustable-circle-fill::before{content:"\f78e"} .bi-x-circle::before{content:"\f623"} .bi-x-lg::before{content:"\f659"} .bi-x-octagon-fill::before{content:"\f626"} .bi-youtube::before{content:"\f62b"} .bi-zoom-in::before{content:"\f62c"} .bi-zoom-out::before{content:"\f62d"}
.skip-to-content { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.cms-google-map { display: block; width: 100%; max-width: 100%; border: 0; border-radius: var(--adm-radius-md, var(--portal-radius-card, var(--panel-radius, 12px))); margin-block: var(--adm-space-3, var(--sp-3, 12px)); } .mk-frame { display: block; width: 100%; height: 100%; border: 0; } .mk-pane { display: none; } html.mk-scherm-open { overflow: hidden; } .mk-sheet[open] { touch-action: pan-x pan-y; } @media (min-width: 1025px) { .mk-body.has-map { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 40%); gap: 20px; align-items: start; } .mk-body.has-map > .mk-pane { display: block; position: sticky; top: calc(var(--site-header-h, 72px) + 16px); } .mk-pane[hidden] { display: none !important; } .mk-pane .mk-slot { height: min(680px, calc(100dvh - var(--site-header-h, 72px) - 96px)); min-height: 360px; overflow: hidden; border: 1px solid var(--mk-lijn, #d9dee4); border-radius: 12px; background: var(--mk-vlak-zacht, #eef1f4); } } @media (max-width: 1024px) { .mk-sheet { width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; background: var(--mk-vlak, #fff); color: var(--mk-tekst, inherit); } .mk-sheet[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; } .mk-sheet::backdrop { background: rgb(12 24 30 / .68); } .mk-sheet .mk-slot { min-height: 0; } }
.cms-bladeren { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .5rem; margin: var(--cms-bladeren-marge, 1.5rem 0 0); color: var(--cms-bladeren-stand-kleur, inherit); } .cms-bladeren[hidden] { display: none; } .cms-bladeren--boven { margin: var(--cms-bladeren-marge-boven, 0 0 1rem); } .cms-bladeren__terug, .cms-bladeren__verder { display: flex; align-items: center; gap: .4rem; min-width: 0; } .cms-bladeren__terug { justify-self: start; } .cms-bladeren__verder { justify-self: end; } .cms-bladeren__stand { justify-self: center; white-space: nowrap; font-size: .875rem; font-variant-numeric: tabular-nums; } .cms-bladeren__knop { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 44px; min-width: 44px; white-space: nowrap; text-decoration: none; } .cms-bladeren__knop--standaard { padding: 0 .85rem; border: 1px solid var(--cms-bladeren-rand, currentColor); border-radius: var(--cms-bladeren-radius, 8px); background: var(--cms-bladeren-vlak, transparent); color: var(--cms-bladeren-kleur, inherit); font-weight: 600; font-size: .875rem; line-height: 1.2; } .cms-bladeren__knop--standaard:not(.is-uit):hover { background: var(--cms-bladeren-vlak-hover, transparent); text-decoration: underline; } .cms-bladeren__knop--standaard:focus-visible { outline: 2px solid var(--cms-bladeren-focus, currentColor); outline-offset: 2px; } .cms-bladeren__knop.is-uit { opacity: 1; cursor: default; pointer-events: none; } .cms-bladeren__icoon { flex: 0 0 auto; } @media (max-width: 479.98px) { .cms-bladeren { grid-template-columns: auto minmax(0, 1fr) auto; grid-template-areas: "terug . verder" "stand stand stand"; gap: .3rem .35rem; } .cms-bladeren__terug { grid-area: terug; gap: .3rem; } .cms-bladeren__verder { grid-area: verder; gap: .3rem; } .cms-bladeren__stand { grid-area: stand; } .cms-bladeren .cms-bladeren__knop { padding-left: .6rem; padding-right: .6rem; } .cms-bladeren__knop--home .cms-bladeren__woord { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; white-space: nowrap; } .cms-bladeren .cms-bladeren__knop--home { padding-left: 0; padding-right: 0; } }
:root { --fp-ink: #14212b; --fp-muted: #5c6873; --fp-muted-2: #64707b; --fp-navy: #0f2233; --fp-deep: #0b1b29; --fp-deep-2: #1d3446; --fp-sea: #0f6b8a; --fp-sea-hover: #0b5670; --fp-sea-soft: #e4f1f5; --fp-sky: #5bbad5; --fp-sky-text: #8fb3c4; --fp-mist: #c9d6df; --fp-bg: #f7f5f0; --fp-sand: #f6f3ec; --fp-sand-2: #eee9de; --fp-photo-bg: #eceae4; --fp-line: #e6e1d6; --fp-line-2: #e9e4da; --fp-line-3: #e1dbcf; --fp-surface: #fff; --fp-buoy: #f2b84b; --fp-amber-bg: #fff2cc; --fp-amber-fg: #8a5a00; --fp-green: #1f7a4d; --fp-green-bg: #e3f4ea; --fp-live: #2fb67c; --fp-red: #b03a3a; --fp-red-bg: #fde3e3; --fp-red-line: #f0c9c9; --fp-heart: #d9435f; --fp-font-display: 'Bricolage Grotesque', system-ui, sans-serif; --fp-font-body: 'Manrope', system-ui, sans-serif; --fp-fs-micro: 11px; --fp-fs-small: 13px; --fp-fs-body: 14px; --fp-fs-text: 15px; --fp-fs-price: 20px; --fp-fs-price-big: clamp(30px, 2.8vw, 44px); --fp-fs-h2: clamp(28px, 2.6vw, 44px); --fp-fs-h1-hero: clamp(42px, 5.2vw, 108px); --fp-tracking-display: -.02em; --fp-r-pill: 999px; --fp-r-sm: 12px; --fp-r-md: 16px; --fp-r-lg: 20px; --fp-r-xl: 24px; --fp-shadow-float: 0 6px 16px rgba(11, 27, 41, .18); --fp-shadow-card: 0 22px 40px -28px rgba(15, 34, 51, .45); --fp-shadow-modal: 0 40px 80px -30px rgba(0, 0, 0, .5); --fp-pad-x: 16px; --fp-gap-row: 22px; --fp-gap-col: 12px; --fp-header-h: 72px; } @media (min-width: 900px) { :root { --fp-pad-x: 32px; --fp-gap-row: 32px; --fp-gap-col: 20px; } } @media (min-width: 1700px) { :root { --fp-pad-x: 48px; } } .fp-grid-home { display: grid; gap: var(--fp-gap-row) var(--fp-gap-col); grid-template-columns: repeat(2, minmax(0, 1fr)); } .fp-grid-markt { display: grid; gap: var(--fp-gap-row) var(--fp-gap-col); grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: row dense; } @media (min-width: 900px) { .fp-grid-home { grid-template-columns: repeat(auto-fill, minmax(max(250px, calc((100% - 7 * 20px) / 8)), 1fr)); } .fp-grid-markt { grid-template-columns: repeat(auto-fill, minmax(max(220px, calc((100% - 6 * 20px) / 7)), 1fr)); } } .fp-grid-markt > .fp-boei { grid-column: 1 / -1; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } } *,*::before,*::after{box-sizing:border-box}html{scroll-padding-top:140px}body.fp-body{margin:0;background:var(--fp-bg);color:var(--fp-ink);font:400 16px/1.5 var(--fp-font-body);-webkit-font-smoothing:antialiased}body.fp-dialog-open{overflow:hidden}a{color:var(--fp-sea);text-decoration:none}a:hover{color:var(--fp-sea-hover)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto}svg{flex-shrink:0}button:disabled{cursor:not-allowed;opacity:.65}button,input,select,textarea{max-width:100%}input,select,textarea{color:var(--fp-ink)}:focus-visible{outline:3px solid var(--fp-sea);outline-offset:4px}h1,h2{font-family:var(--fp-font-display);font-weight:700;letter-spacing:-.035em;line-height:1.06}h1{font-size:clamp(32px,3.4vw,56px)}h2{font-size:var(--fp-fs-h2)}p{overflow-wrap:anywhere}[hidden]{display:none!important}.fp-icon{vertical-align:middle}.fp-muted{color:var(--fp-muted)}body.fp-body .fp-visually-hidden,body.fp-body .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fp-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.fp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 20px;border:1px solid transparent;border-radius:var(--fp-r-pill);background:var(--fp-sea);color:white;font-size:14px;font-weight:800;line-height:1.4;text-align:center;cursor:pointer}.fp-button:hover{background:var(--fp-sea-hover);color:white}.fp-button-secondary{background:white;color:var(--fp-ink);border-color:var(--fp-line-3)}.fp-button-secondary:hover{background:var(--fp-sand);color:var(--fp-ink);border-color:var(--fp-ink)}.fp-icon-button{border:1px solid var(--fp-line);border-radius:12px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--fp-surface);color:var(--fp-ink)}.fp-eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--fp-sea)}.fp-main{padding:32px var(--fp-pad-x) 64px;min-height:55vh;width:100%;min-width:0}.fp-main:focus{outline:none}.fp-main>.mp{max-width:none}.fp-prose{max-width:70ch;margin:32px auto 80px}.fp-prose p{line-height:1.8}.fp-prose h2{font-size:28px;margin-top:36px} .fp-header{position:relative;top:0;z-index:50;background:rgba(255,255,255,.95);border-bottom:1px solid var(--fp-line);backdrop-filter:saturate(1.6) blur(18px);transition:background .25s,border-color .25s;color:var(--fp-ink);padding:0 var(--fp-pad-x)}.fp-header-main{display:flex;align-items:center;gap:24px;padding:14px 0;min-height:80px;flex-wrap:wrap}.fp-brand{display:flex;align-items:center;gap:10px;color:inherit;flex-shrink:0}.fp-brand:hover{color:inherit}.fp-brand>img{width:48px;height:48px;border-radius:13px;background:white;box-shadow:0 2px 8px rgba(11,27,41,.18);object-fit:contain}.fp-brand>span{display:flex;flex-direction:column;line-height:1.05}.fp-brand strong{font-family:var(--fp-font-display);font-size:29px;letter-spacing:-.02em}.fp-brand strong>span,.fp-footer-brand>span{color:var(--fp-sea)}.fp-brand small{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.08em;margin-top:5px;color:var(--fp-muted)}.fp-header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.fp-place-button{white-space:nowrap;font-size:15px}.fp-account-button{display:inline-flex;gap:10px;align-items:center;min-height:44px;padding:5px 14px 5px 5px;border:1px solid var(--fp-line-3);border-radius:999px;color:inherit;font-size:14px;font-weight:700}.fp-account-button:not(:has(.fp-avatar)){padding:10px 16px}.fp-avatar{position:relative;display:grid;place-items:center;border-radius:50%;width:32px;height:32px;background:var(--fp-sky);color:var(--fp-deep);font-size:12px;font-weight:800}.fp-unread-dot{position:absolute;right:-2px;top:-2px;width:12px;height:12px;border:2px solid white;border-radius:50%;background:var(--fp-buoy)}.fp-header-nav{display:flex;align-items:center;gap:2px;height:44px}.fp-header-nav>a{color:inherit;font-size:14px;font-weight:700;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-bottom:2px solid transparent}.fp-header-nav>a[aria-current]{border-color:var(--fp-sea);color:var(--fp-sea)}.fp-header-nav>a:hover{color:var(--fp-sea)}.fp-nav-spacer{flex:1}.fp-header-search{display:flex;align-items:center;gap:6px;flex:1;min-width:180px;padding:4px 4px 4px 16px;background:white;border:1.5px solid var(--fp-line-3);border-radius:999px;color:var(--fp-muted)}.fp-header-search input{width:100%;min-width:0;background:none;border:0;padding:8px;font-size:15px}.fp-header-search kbd{border:1px solid var(--fp-line);padding:0 7px;border-radius:7px;font-size:12px}.fp-menu-toggle{display:none}.fp-is-home .fp-header:not(.is-scrolled){background:var(--fp-deep);color:white;border-color:rgba(255,255,255,.09)}.fp-is-home .fp-header:not(.is-scrolled) .fp-brand strong>span{color:var(--fp-sky)}.fp-is-home .fp-header:not(.is-scrolled) .fp-brand small{color:var(--fp-sky-text)}.fp-is-home .fp-header:not(.is-scrolled) .fp-header-nav>a[aria-current]{color:var(--fp-sky);border-color:var(--fp-sky)}.fp-is-home .fp-header:not(.is-scrolled) .fp-header-nav>a:hover{color:var(--fp-sky)}.fp-is-home .fp-header:not(.is-scrolled) .fp-place-button{background:var(--fp-sky);color:var(--fp-navy)}.fp-is-home .fp-header:not(.is-scrolled) .fp-account-button,.fp-is-home .fp-header:not(.is-scrolled) .fp-menu-toggle{background:rgba(255,255,255,.06);color:white;border-color:rgba(255,255,255,.15)} .fp-home{display:flex;flex-direction:column;gap:64px;min-width:0}.fp-hero{position:relative;background:radial-gradient(ellipse at 90% 10%,rgba(91,186,213,.16),transparent 60%),var(--fp-deep);color:white;margin:-32px calc(-1*var(--fp-pad-x)) 0;padding:clamp(44px,5.5vw,110px) var(--fp-pad-x) clamp(96px,9vw,150px);overflow:hidden}.fp-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,80px);align-items:center;position:relative;z-index:1}.fp-hero-label{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;color:var(--fp-mist)}.fp-live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--fp-live);flex-shrink:0}.fp-hero h1{font-size:var(--fp-fs-h1-hero);line-height:.95;letter-spacing:-.04em;margin:22px 0 20px;text-wrap:balance}.fp-hero h1>span{background:linear-gradient(90deg,var(--fp-sky),#9fe3f2);background-clip:text;color:transparent}.fp-hero-copy>p{font-size:clamp(16px,1.25vw,20px);line-height:1.55;color:var(--fp-mist);margin:0 0 30px;max-width:56ch}.fp-hero-search{display:flex;align-items:center;gap:6px;background:white;border-radius:22px;padding:8px 8px 8px 20px;color:var(--fp-muted);box-shadow:0 30px 70px -30px rgba(0,0,0,.65)}.fp-hero-search>input{flex:1;min-width:0;width:100%;border:0;padding:12px 8px;background:transparent;font-size:17px;font-weight:600}.fp-hero-search>.fp-button{font-size:16px;border-radius:16px;padding:14px 24px}.fp-hero-place{display:flex;align-items:center;gap:6px;border-left:1px solid var(--fp-line);padding-left:10px;font-size:14px;font-weight:700;color:var(--fp-ink);min-width:0}.fp-hero-place select{border:0;background:transparent;max-width:190px;font-size:14px;min-height:44px;width:100%}.fp-place-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;font-size:13px;font-weight:700}.fp-place-chips>span{color:var(--fp-sky-text);margin-right:2px}.fp-place-chips>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);color:white}.fp-place-chips>a:hover{background:rgba(255,255,255,.16)}.fp-hero-copy>.fp-hero-place-link{font-size:14px;color:var(--fp-sky-text);font-weight:600;margin:22px 0 0}.fp-hero-place-link>a{color:var(--fp-sky);font-weight:800;display:inline-block;padding:8px 0}.fp-wall{height:540px;overflow:hidden;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);transform:rotate(-4deg) scale(1.06)}.fp-wall img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:20px;margin-bottom:14px;background:var(--fp-deep-2)}.fp-up{animation:fp-up 48s linear infinite}.fp-down{animation:fp-down 56s linear infinite}.fp-up2{animation:fp-up 64s linear infinite}.fp-wall:hover>div{animation-play-state:paused}.fp-wall-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:linear-gradient(145deg,var(--fp-deep-2),var(--fp-deep));padding:40px;text-align:center;transform:rotate(4deg)}.fp-wall-empty>svg{width:100px;height:100px;color:var(--fp-sky)}.fp-wall-empty>span{font:700 32px/1.1 var(--fp-font-display)}.fp-wall-empty>small{color:var(--fp-mist)}.fp-hero-wave{position:absolute;left:0;bottom:-1px;width:100%;height:clamp(34px,4.6vw,80px);display:block;z-index:2;fill:var(--fp-bg)} .fp-ticker-section{display:flex;align-items:center;gap:14px;margin-top:-28px;min-width:0}.fp-ticker-label{display:flex;align-items:center;gap:8px;background:var(--fp-navy);color:white;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:800;white-space:nowrap;min-height:44px}.fp-ticker-wrap{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.fp-ticker{display:flex;width:max-content;animation:fp-side 80s linear infinite}.fp-ticker-wrap:hover .fp-ticker,.fp-ticker-wrap:focus-within .fp-ticker{animation-play-state:paused}.fp-ticker-group{display:flex}.fp-ticker-group>a{display:inline-flex;align-items:center;gap:10px;margin-right:10px;background:white;border:1px solid var(--fp-line-2);border-radius:999px;padding:5px 16px 5px 5px;min-height:46px;white-space:nowrap;color:var(--fp-ink)}.fp-ticker-group img{width:34px;height:34px;border-radius:50%;object-fit:cover}.fp-ticker-group strong{font-size:14px}.fp-ticker-group span{font-size:13px;color:var(--fp-muted)}.fp-ticker-group>a:not(:has(img)){padding-left:16px}.fp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--fp-line-2);background:var(--fp-line-2);border-radius:22px;overflow:hidden}.fp-stats>div{display:flex;align-items:center;gap:14px;padding:20px 24px;background:white}.fp-stat-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:14px;background:var(--fp-sea-soft);color:var(--fp-sea);font:800 24px var(--fp-font-display)}.fp-stats>div>span:last-child{display:flex;flex-direction:column;line-height:1.2}.fp-stats strong{font:700 clamp(22px,1.8vw,30px)/1.2 var(--fp-font-display);letter-spacing:-.02em}.fp-stats small{font-size:13px;font-weight:600;color:var(--fp-muted)}.fp-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.fp-section-head h2{margin:0 0 4px}.fp-section-head p{margin:0;color:var(--fp-muted)}.fp-section-head>a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:15px;font-weight:800}.fp-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:138px;gap:14px;grid-auto-flow:row dense}.fp-category{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:16px 18px;background:white;border:1px solid var(--fp-line-2);border-radius:24px;color:var(--fp-ink);min-width:0;overflow:hidden}.fp-category:hover{border-color:var(--fp-sea);color:var(--fp-ink);box-shadow:var(--fp-shadow-card)}.fp-category-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--fp-sea-soft);color:var(--fp-sea);flex-shrink:0;z-index:1}.fp-category-text{display:flex;flex-direction:column;gap:2px;min-width:0;z-index:1}.fp-category strong{font-weight:800;font-size:15px;line-height:1.2}.fp-category small{font-size:12.5px;color:var(--fp-muted-2);font-weight:600}.fp-category-feature{grid-column:span 2}.fp-category-0{grid-row:span 2}.fp-category-photo{color:white;background:var(--fp-navy);border:0}.fp-category-photo:hover{color:white}.fp-category-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.fp-category-photo:hover>img{transform:scale(1.05)}.fp-category-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,27,41,0) 20%,rgba(11,27,41,.88))}.fp-category-photo .fp-category-icon{background:rgba(255,255,255,.2);color:white;backdrop-filter:blur(8px)}.fp-category-photo small{color:var(--fp-mist)}.fp-category-feature strong{font:700 24px/1.08 var(--fp-font-display);letter-spacing:-.03em}.fp-category-0 strong{font-size:34px}.fp-category-all{background:var(--fp-navy);color:white;border:0}.fp-category-all:hover{background:var(--fp-deep-2);color:white}.fp-category-all .fp-category-icon{background:rgba(255,255,255,.1);color:var(--fp-sky)}.fp-category-all small{color:var(--fp-mist)}.fp-home-item{min-width:0}.fp-home-item:nth-child(n+11){display:none}.fp-empty{border:1px solid var(--fp-line-2);border-radius:24px;background:white;text-align:center;padding:48px 20px}.fp-empty h3{font:700 26px var(--fp-font-display);margin:16px 0 8px}.fp-empty p{color:var(--fp-muted);margin:0 0 24px}.fp-empty-icon{display:grid;place-items:center;margin:auto;background:var(--fp-sea-soft);color:var(--fp-sea);width:64px;height:64px;border-radius:20px}.fp-empty-icon svg{width:32px;height:32px}.fp-place-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fp-place-card{display:flex;flex-direction:column;gap:12px;background:white;border:1px solid var(--fp-line-2);border-radius:24px;padding:12px;color:var(--fp-ink);min-width:0}.fp-place-card:hover{border-color:var(--fp-sea);color:var(--fp-ink)}.fp-place-photos{display:flex;gap:6px;height:96px;border-radius:16px;overflow:hidden}.fp-place-photos>img{width:0;flex:1;min-width:0;height:96px;object-fit:cover;background:var(--fp-photo-bg)}.fp-place-empty{height:96px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:16px;background:repeating-linear-gradient(135deg,var(--fp-bg),var(--fp-bg) 10px,var(--fp-sand-2) 10px,var(--fp-sand-2) 20px);color:var(--fp-muted);font-size:13px;font-weight:800}.fp-place-card>span:last-child{display:flex;flex-direction:column;padding:0 4px 2px}.fp-place-card strong{font-size:16px;font-weight:800;overflow-wrap:anywhere}.fp-place-card small{font-size:13px;color:var(--fp-muted);font-weight:600} .fp-boei{display:flex;align-items:center;gap:24px;padding:18px 24px;border:1px solid var(--fp-line-2);border-radius:24px;background:white;min-width:0}.fp-boei-picture{display:block;width:160px;flex-shrink:0;border:1px solid var(--fp-line-2);border-radius:16px;overflow:hidden}.fp-boei-picture img{display:block;width:100%;height:auto}.fp-boei-copy{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.fp-boei h2{font-size:clamp(22px,2vw,32px);margin:0}.fp-boei p{font-size:14px;margin:0;color:var(--fp-muted);max-width:60ch}.fp-boei-label{display:inline-block;background:var(--fp-sea-soft);border-radius:999px;padding:5px 10px;font-size:10px}.fp-boei-large{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(18px,3vw,48px);padding:clamp(14px,2.2vw,28px);border-radius:28px}.fp-boei-large .fp-boei-picture{width:auto}.fp-boei-large h2{font-size:clamp(26px,2.4vw,40px)}.fp-boei-large p{font-size:16px}.fp-updates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.fp-updates>div{display:flex;flex-direction:column;gap:12px;padding:clamp(22px,3vw,40px);border-radius:28px}.fp-push{background:radial-gradient(110% 90% at 100% 0%,rgba(91,186,213,.25),transparent 60%),var(--fp-navy);color:white;scroll-margin-top:140px}.fp-feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(91,186,213,.16);color:var(--fp-sky)}.fp-push .fp-eyebrow{color:var(--fp-sky)}.fp-updates h2{font-size:clamp(26px,2.4vw,40px);margin:0}.fp-push p{color:var(--fp-mist);font-size:15px;max-width:52ch;margin:4px 0 24px}.fp-push .fp-button{align-self:flex-start;background:var(--fp-sky);color:var(--fp-navy);margin-top:auto}.fp-news{background:white;border:1px solid var(--fp-line-2)}.fp-news article{padding:14px 0 0 24px;border-top:1px solid var(--fp-line);position:relative}.fp-news article::before{content:'';position:absolute;left:0;top:21px;width:8px;height:8px;border-radius:50%;background:var(--fp-sea)}.fp-news h3{font-size:16px;margin:0 0 3px}.fp-news p{font-size:14px;color:var(--fp-muted);margin:0}.fp-news a{font-weight:700} .fp-footer{position:relative;background:var(--fp-deep);color:var(--fp-mist);padding:64px var(--fp-pad-x) 20px;font-size:13px;margin-top:20px}.fp-footer-wave{position:absolute;top:-30px;left:0;width:100%;height:31px;fill:var(--fp-deep)}.fp-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:clamp(24px,5vw,80px);padding-bottom:40px}.fp-footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.fp-footer h2{font:800 11px var(--fp-font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--fp-sky-text);margin:0 0 14px}.fp-footer p{margin:12px 0;max-width:36ch;line-height:1.6}.fp-footer a{color:var(--fp-mist);display:inline-flex;align-items:center;min-height:44px}.fp-footer a:hover{color:white}.fp-footer .fp-footer-brand{font:700 24px var(--fp-font-display);color:white}.fp-footer-brand>span{color:var(--fp-sky)}.fp-footer .fp-button{background:var(--fp-sky);color:var(--fp-navy);min-height:44px}.fp-footer-bottom{display:flex;align-items:center;gap:24px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px;font-size:12px;color:var(--fp-sky-text);flex-wrap:wrap}.fp-footer-bottom nav{display:flex;gap:18px;flex-wrap:wrap}.fp-footer-bottom>span:last-child{margin-left:auto}.fp-bottom-nav{display:none}.fp-menu{position:fixed;inset:0 auto 0 0;width:min(88vw,360px);max-width:100%;height:100dvh;max-height:100dvh;border:0;margin:0;padding:16px 14px 28px;background:white;color:var(--fp-ink);box-shadow:var(--fp-shadow-modal)}dialog::backdrop{background:rgba(11,27,41,.55);backdrop-filter:blur(3px)}.fp-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.fp-dialog-head h2{font-size:26px;margin:0}.fp-menu-account{background:var(--fp-sea-soft);color:var(--fp-sea);border-radius:14px;padding:16px;display:flex;align-items:center;gap:10px;font-weight:800}.fp-menu nav{display:flex;flex-direction:column;margin-top:18px}.fp-menu nav>a{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--fp-line);color:var(--fp-ink);font-size:15px;font-weight:700;padding:8px}.fp-menu>p{font-size:12px;color:var(--fp-muted);margin:24px 8px}.fp-cookie{position:fixed;bottom:20px;left:var(--fp-pad-x);right:var(--fp-pad-x);max-width:680px;z-index:65;display:flex;align-items:center;gap:20px;background:white;color:var(--fp-ink);box-shadow:var(--fp-shadow-modal);border:1px solid var(--fp-line);border-radius:18px;padding:16px 18px}.fp-cookie p{font-size:13px;margin:0}.fp-cookie a{text-decoration:underline}.fp-cookie .fp-button{flex-shrink:0}.fp-toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:110;background:var(--fp-navy);color:white;border-radius:14px;padding:14px 22px;box-shadow:var(--fp-shadow-float);max-width:calc(100vw - 32px);font-size:14px;text-align:center} @keyframes fp-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes fp-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes fp-side{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(min-width:900px){.fp-header{position:sticky}} @media(min-width:1180px){.fp-bento{grid-template-columns:repeat(6,minmax(0,1fr))}.fp-place-grid{grid-template-columns:repeat(6,minmax(0,1fr))}} @media(min-width:1600px){.fp-wall{height:640px}.fp-bento{grid-auto-rows:156px}.fp-home-item:nth-child(n+11){display:block}.fp-home-item:nth-child(n+13){display:none}} @media(min-width:2100px){.fp-bento{grid-template-columns:repeat(8,minmax(0,1fr))}.fp-home-item:nth-child(n+13){display:block}} @media(min-width:900px) and (max-width:1179px){.fp-header-main{gap:16px}.fp-brand strong{font-size:24px}.fp-account-label{display:none}.fp-hero-search{flex-wrap:wrap;padding:8px 12px}.fp-hero-place{order:2;flex:1;border:0}.fp-hero-search>.fp-button{order:3}.fp-hero-search>input{flex-basis:calc(100% - 36px)}.fp-home-item:nth-child(n+7){display:none}.fp-stats>div{padding:16px}.fp-stat-icon{width:36px;height:36px}} @media(max-width:899px){html{scroll-padding-top:20px;scroll-padding-bottom:calc(90px + var(--veilige-onderrand, env(safe-area-inset-bottom, 0px)))}.fp-body{padding-bottom:calc(72px + var(--veilige-onderrand, env(safe-area-inset-bottom, 0px)))}.fp-main{padding-top:24px;padding-bottom:44px}.fp-header-main{min-height:72px;padding:14px 0;gap:10px}.fp-brand{gap:8px}.fp-brand>img{width:38px;height:38px;border-radius:10px}.fp-brand strong{font-size:24px}.fp-brand small,.fp-header-nav,.fp-place-button,.fp-account-label{display:none}.fp-menu-toggle{display:inline-flex}.fp-header-actions{gap:0}.fp-account-button{padding:5px}.fp-account-button:not(:has(.fp-avatar)){padding:9px 11px;font-size:12px}.fp-header-search{order:3;flex-basis:100%}.fp-header-search kbd{display:none}.fp-home{gap:36px}.fp-hero{margin-top:-24px;padding:26px var(--fp-pad-x) 64px}.fp-hero-grid{grid-template-columns:minmax(0,1fr)}.fp-hero-label{font-size:10px;padding:7px 10px;gap:7px}.fp-hero h1{font-size:clamp(42px,10vw,72px);margin:22px 0 20px}.fp-hero-copy>p{font-size:16px;margin-bottom:24px}.fp-hero-search{padding:6px 6px 6px 12px;border-radius:18px;gap:2px}.fp-hero-search>svg{width:18px;height:18px}.fp-hero-search>input{font-size:14px;padding:12px 5px}.fp-hero-search>.fp-button{padding:12px 15px;font-size:14px;border-radius:13px}.fp-hero-place,.fp-wall{display:none}.fp-place-chips{gap:6px;font-size:12px;margin-top:16px}.fp-place-chips>a{padding:7px 10px}.fp-hero-copy>.fp-hero-place-link{margin-top:14px;font-size:13px}.fp-ticker-section{margin-top:-14px;gap:8px}.fp-ticker-label{font-size:11px;padding:8px 12px}.fp-ticker-group>a{gap:7px}.fp-stats{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:18px}.fp-stats>div{padding:14px 16px}.fp-stats .fp-stat-icon{display:none}.fp-stats strong{font-size:24px}.fp-stats small{font-size:12px}.fp-section-head{gap:8px;margin-bottom:16px}.fp-section-head h2{font-size:28px}.fp-section-head p{font-size:14px}.fp-section-head>a{font-size:13px}.fp-bento{display:flex;overflow-x:auto;gap:14px;margin:0 calc(-1*var(--fp-pad-x));padding:4px var(--fp-pad-x) 8px;scrollbar-width:none}.fp-category,.fp-category-feature{width:82px;flex:0 0 82px;align-items:center;justify-content:flex-start;gap:8px;padding:0;background:transparent;color:var(--fp-ink);border:0;border-radius:0;overflow:visible;box-shadow:none}.fp-category:hover,.fp-category-all:hover{color:var(--fp-ink);background:transparent;box-shadow:none}.fp-category>img,.fp-category::after,.fp-category small{display:none}.fp-category .fp-category-icon{width:68px;height:68px;border-radius:50%;background:linear-gradient(white,white) padding-box,conic-gradient(from 210deg,var(--fp-sky),var(--fp-sea),var(--fp-buoy),var(--fp-sky)) border-box;border:4px solid transparent;color:var(--fp-sea)}.fp-category-icon>svg{width:26px;height:26px}.fp-category strong,.fp-category-0 strong{font:700 12px/1.2 var(--fp-font-body);text-align:center;letter-spacing:0}.fp-home-item:nth-child(n+7){display:none}.fp-place-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fp-place-card{border-radius:20px;padding:10px}.fp-place-card strong{font-size:14px}.fp-place-card small{font-size:12px}.fp-boei{flex-direction:column;align-items:stretch;padding:16px;gap:16px}.fp-boei:not(.fp-boei-large) .fp-boei-picture{width:120px}.fp-boei-large{grid-template-columns:minmax(0,1fr);padding:14px;border-radius:24px}.fp-boei-large p{font-size:14px}.fp-updates{grid-template-columns:minmax(0,1fr);gap:16px}.fp-updates>div{padding:24px;border-radius:24px}.fp-footer{padding:40px var(--fp-pad-x) 24px}.fp-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.fp-footer-grid>div:first-child{grid-column:1/-1}.fp-footer-grid>div:last-child{grid-column:1/-1}.fp-footer p{max-width:50ch}.fp-footer-bottom{gap:12px}.fp-footer-bottom>span:last-child{margin-left:0}.fp-footer-bottom nav{gap:14px}.fp-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:8px 8px calc(8px + var(--veilige-onderrand, env(safe-area-inset-bottom, 0px)));min-height:72px;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid var(--fp-line)}.fp-bottom-nav>a{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:48px;color:var(--fp-muted);font-size:10px;font-weight:800}.fp-bottom-nav>a[aria-current]{color:var(--fp-sea)}.fp-bottom-nav>a>svg{width:22px;height:22px}.fp-bottom-nav .fp-bottom-place{background:var(--fp-sea);color:white;width:50px;height:50px;justify-self:center;border-radius:17px;box-shadow:var(--fp-shadow-float);margin-top:-24px;border:4px solid white;box-sizing:content-box}.fp-unread-badge{position:absolute;top:0;right:calc(50% - 22px);border:2px solid white;background:var(--fp-buoy);color:var(--fp-navy);border-radius:999px;min-width:18px;padding:0 4px;font-size:10px}.fp-cookie{bottom:calc(84px + var(--veilige-onderrand, env(safe-area-inset-bottom, 0px)));gap:12px;padding:14px;border-radius:16px}.fp-cookie p{font-size:12px}.fp-cookie .fp-button{font-size:12px;padding:10px 12px}.fp-toast{bottom:calc(90px + var(--veilige-onderrand, env(safe-area-inset-bottom, 0px)))}.fp-push{scroll-margin-top:20px}} @media(max-width:374px){.fp-brand strong{font-size:21px}.fp-brand>img{width:32px;height:32px}.fp-header-main{gap:8px}.fp-hero-label{font-size:9px}.fp-account-button:not(:has(.fp-avatar)){padding:9px}.fp-hero-search>.fp-button{padding:12px}.fp-hero-search>input{font-size:13px}.fp-hero-search>svg{display:none}} .fp-header-place{display:flex;flex:0 0 auto;align-items:center;gap:6px;border-left:1px solid var(--fp-line);padding-left:8px;min-width:0}.fp-header-place select{background:transparent;border:0;font-size:13px;font-weight:700;min-height:44px;max-width:160px}.fp-menu-categories h3{margin:8px;font-size:13px;color:var(--fp-muted);text-transform:uppercase;letter-spacing:.06em}.fp-menu .fp-menu-categories>a{justify-content:flex-start}.fp-menu-categories>a>span{flex:1} @media(min-width:900px){.fp-header-main{padding:14px 0 6px;min-height:66px;gap:clamp(14px,2vw,32px)}.fp-brand>img{width:46px;height:46px}.fp-brand strong{font-size:24px}} @media(max-width:1179px){.fp-header-place{display:none}} @media(max-width:899px){.fp-header-main{min-height:60px;padding:10px 0 12px}.fp-brand strong{font-size:19px}} @media(min-width:900px) and (max-width:1123px){.fp-home-item:nth-child(n+7){display:none}} @media(min-width:1124px) and (max-width:1393px){.fp-home-item:nth-child(-n+8){display:block}.fp-home-item:nth-child(n+9){display:none}} @media(min-width:1394px) and (max-width:1663px){.fp-home-item:nth-child(-n+10){display:block}.fp-home-item:nth-child(n+11){display:none}} @media(min-width:1664px) and (max-width:1965px){.fp-home-item:nth-child(-n+12){display:block}.fp-home-item:nth-child(n+13){display:none}} @media(min-width:1966px) and (max-width:2235px){.fp-home-item:nth-child(-n+14){display:block}.fp-home-item:nth-child(n+15){display:none}} @media(min-width:2236px){.fp-home-item:nth-child(-n+16){display:block}} @media(max-width:899px){.fp-category-order-0{order:0}.fp-category-order-1{order:1}.fp-category-order-2{order:2}.fp-category-order-3{order:3}.fp-category-order-4{order:4}.fp-category-order-5{order:5}.fp-category-order-6{order:6}.fp-category-order-7{order:7}.fp-category-order-8{order:8}.fp-category-order-9{order:9}.fp-category-order-10{order:10}.fp-category-order-11{order:11}.fp-category-order-12{order:12}.fp-category-order-13{order:13}.fp-category-order-14{order:14}.fp-category-order-15{order:15}.fp-category-order-16{order:16}.fp-category-all{order:18}} .fp-seintjes-toggle{position:relative}.fp-seintjes-lijst li.is-nieuw h3::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--fp-buoy);vertical-align:middle}.fp-seintjes-instellingen{display:flex;flex-wrap:wrap;gap:8px} .fp-body .portal-confirm{--local-brand:var(--fp-sea);--local-on-brand:var(--fp-surface);--local-danger:var(--fp-red);--local-line:var(--fp-line)} .fp-body .portal-confirm-actions button{min-height:44px} .fp-auth-page .pw-reveal-field{display:block;position:relative} .fp-auth-page .pw-reveal-field input{padding-right:54px} .fp-auth-page .pw-reveal-toggle{position:absolute;right:3px;top:3px;width:44px;height:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:10px;background:transparent;color:var(--fp-sea)} .fp-auth-page .pw-reveal-toggle:hover{background:var(--fp-sea-soft)} @media(max-width:359px){.fp-header-main{gap:6px}.fp-brand{gap:6px}.fp-brand>img{width:30px;height:30px}.fp-brand strong{font-size:16px}.fp-account-button:not(:has(.fp-avatar)){padding:9px 8px}} .fp-body .hhfb{--hhfb-accent:var(--fp-sea);--hhfb-accent-tekst:var(--fp-surface)} @media(max-width:899px){.fp-body:has(.fp-cookie:not([hidden])) .hhfb:not(.is-open),.fp-body:has(.fp-toast:not([hidden])) .hhfb:not(.is-open),.fp-body:has(.mp-berichten.heeft-gesprek) .hhfb:not(.is-open){display:none}} .fp-menu nav>.fp-menu-uitloggen{margin:0}.fp-menu nav>.fp-menu-uitloggen>button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:0;border-bottom:1px solid var(--fp-line);background:none;color:var(--fp-ink);font:inherit;font-size:15px;font-weight:700;padding:8px;text-align:left;cursor:pointer} .fp-uitlog-form{display:contents}
.fp-market,.fp-detail{--mp-accent:var(--fp-sea);--mp-accent-tekst:var(--fp-surface);--mp-tekst:var(--fp-ink);--mp-stil:var(--fp-muted);--mp-rand:var(--fp-line);--mp-kaart:var(--fp-surface);--mp-vlak:var(--fp-sand);--mp-hoek:var(--fp-r-lg);--mp-rood:var(--fp-red);--mp-groen:var(--fp-green);padding:0 0 40px;min-width:0} .fp-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:600;color:var(--fp-muted-2);margin-bottom:24px} .fp-breadcrumb a{text-decoration:none;color:var(--fp-sea)} .fp-breadcrumb .mp-knop,.fp-detail .mp-delen .mp-knop{min-width:44px;min-height:44px} .fp-market-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-bottom:22px} .fp-market-heading h1{font:700 clamp(32px,3.4vw,56px)/1.04 var(--fp-font-display);letter-spacing:-.035em;margin:0 0 8px;overflow-wrap:anywhere} .fp-market-heading p{color:var(--fp-muted);margin:0} .fp-market-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .fp-sort{display:flex;align-items:center;gap:6px;background:var(--fp-surface);border:1px solid var(--fp-line-3);border-radius:var(--fp-r-pill);padding:4px 8px 4px 14px;font-size:13px;color:var(--fp-muted);font-weight:600;max-width:100%} .mp .fp-sort select{border:0;padding:4px 2px;min-height:36px;min-block-size:36px;inline-size:auto;max-width:175px;background:transparent;color:var(--fp-ink);font-size:13px;font-weight:700} .fp-sort-submit{border:0;background:transparent;color:var(--fp-sea);font:inherit;padding:7px;min-height:36px} .fp-market.fp-enhanced .fp-sort-submit{display:none} .fp-view-switch{display:flex;gap:2px;padding:3px;background:var(--fp-surface);border:1px solid var(--fp-line-3);border-radius:var(--fp-r-pill)} .fp-view-switch button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--fp-ink);cursor:pointer} .fp-view-switch button[aria-pressed=true]{background:var(--fp-navy);color:var(--fp-surface)} .fp-market-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start} .fp-filter-sidebar,.fp-market-results{min-width:0} .fp-filter-content{display:flex;flex-direction:column;gap:12px} .fp-filter-box{padding:14px;background:var(--fp-surface);border:1px solid var(--fp-line-2);border-radius:22px;min-width:0} .fp-filter-box h2{font:800 11px/1.4 var(--fp-font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--fp-muted-2);margin:0 0 12px} .fp-filter-categories{padding:10px;display:flex;flex-direction:column;gap:2px} .fp-filter-categories h2{padding:8px 10px 6px;margin:0} .fp-filter-categories>a{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 10px;border-radius:12px;color:var(--fp-ink);font-size:13px;font-weight:700;text-decoration:none} .fp-filter-categories>a>span:nth-child(2){flex:1;min-width:0} .fp-filter-categories>a>small{font-size:12px;color:var(--fp-muted-2)} .fp-filter-categories>a:hover,.fp-subcategories>a:hover{background:var(--fp-sea-soft)} .fp-filter-categories>a[aria-current]{background:var(--fp-navy);color:var(--fp-surface)} .fp-filter-categories>a[aria-current]>small{color:var(--fp-mist)} .fp-category-icon{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:9px;background:var(--fp-sea-soft);color:var(--fp-sea)} .fp-category-icon svg{width:17px;height:17px} .fp-subcategories{display:flex;flex-direction:column;margin:2px 0 6px 24px;padding-left:12px;border-left:2px solid var(--fp-sea-soft)} .fp-subcategories a{padding:10px;min-height:44px;border-radius:10px;color:var(--fp-ink);font-size:13px;text-decoration:none} .fp-subcategories a[aria-current]{color:var(--fp-sea);font-weight:800;background:var(--fp-sea-soft)} .fp-filter-segments,.fp-filter-pills{display:flex;gap:4px;flex-wrap:wrap} .fp-filter-segments{background:var(--fp-bg);padding:3px;border-radius:16px} .fp-filter-segments a,.fp-filter-pills a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 11px;color:var(--fp-ink);font-size:12px;font-weight:700;text-decoration:none;border-radius:var(--fp-r-pill)} .fp-filter-pills a{border:1px solid var(--fp-line-3)} .fp-filter-segments a[aria-current],.fp-filter-pills a[aria-current]{background:var(--fp-navy);border-color:var(--fp-navy);color:var(--fp-surface)} .fp-filter-form{display:flex;flex-direction:column;gap:10px} .fp-filter-form .mp-veld{margin:0;min-width:0} .fp-filter-form fieldset{padding:0;border:0} .fp-filter-form .mp-veld>span,.fp-filter-form legend{font-size:13px;font-weight:700} .fp-filter-form input,.fp-filter-form select{font-size:14px} .fp-photo-filter{display:flex;align-items:center;justify-content:space-between;min-height:44px} .fp-photo-filter input{accent-color:var(--fp-sea);width:22px;height:22px} .fp-market-results{display:flex;flex-direction:column;gap:18px} .fp-active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap} .fp-active-filters a{display:inline-flex;align-items:center;gap:10px;background:var(--fp-navy);color:var(--fp-surface);border-radius:var(--fp-r-pill);padding:8px 12px;font-size:13px;font-weight:700;text-decoration:none;min-height:44px} .fp-active-filters a span{font-size:18px} .fp-active-filters .fp-clear-filters{background:transparent;color:var(--fp-sea)} .fp-market-empty{padding:56px 24px;text-align:center;border:1px dashed var(--fp-line-3);border-radius:24px;background:var(--fp-surface);color:var(--fp-muted)} .fp-market-empty h2{font:700 28px/1.1 var(--fp-font-display);margin:0 0 12px} .fp-market-empty p{margin:0 0 20px} .fp-card.mp-kaart{position:relative;min-width:0;border:0;border-radius:16px;background:transparent;overflow:visible;box-shadow:none} .fp-card.mp-kaart:hover{box-shadow:none} .fp-card .mp-kaart-link,.mp .fp-card .mp-kaart-link{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--fp-ink)} .fp-card .mp-kaart-foto{position:relative;aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:var(--fp-photo-bg);margin:0} .fp-card .mp-kaart-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)} .fp-card:hover .mp-kaart-foto img{transform:scale(1.05)} .fp-card .mp-kaart-tekst{display:flex;flex-direction:column;gap:3px;padding:0 4px;min-width:0} .fp-card .mp-kaart-prijs{font:700 20px/1.25 var(--fp-font-display);letter-spacing:-.02em;margin:0;color:var(--fp-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fp-card .mp-kaart-prijs.is-omschrijving{font:700 15px/1.4 var(--fp-font-body);color:var(--fp-muted);letter-spacing:normal} .fp-card .mp-kaart-titel{font:700 15px/1.35 var(--fp-font-body);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;transition:color .15s} .fp-card:hover .mp-kaart-titel{color:var(--fp-sea)} .fp-card .mp-kaart-meta{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--fp-muted-2);min-width:0;margin:0} .fp-card .mp-kaart-meta>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fp-card .mp-kaart-meta svg{width:13px;height:13px;flex-shrink:0} .fp-card-description{display:none;color:var(--fp-muted);font-size:14px;line-height:1.6;margin:8px 0 0} .fp-card .mp-band{position:absolute;top:10px;left:10px;inset-block-start:10px;inset-inline-start:10px;background:rgba(11,27,41,.78);color:var(--fp-surface);font:800 11px/1.3 var(--fp-font-body);letter-spacing:.05em;text-transform:uppercase;padding:5px 9px;border-radius:var(--fp-r-pill);max-width:calc(100% - 65px)} .fp-card .mp-band-gevraagd{background:var(--fp-buoy);color:var(--fp-ink)} .fp-card .mp-fototeller,.fp-geen-foto-label{position:absolute;bottom:10px;background:rgba(11,27,41,.78);color:var(--fp-surface);padding:4px 8px;border-radius:var(--fp-r-pill);font-size:12px} .fp-card .mp-fototeller{right:10px;display:flex;align-items:center;gap:4px} .fp-card .mp-fototeller svg{width:14px;height:14px} .fp-geen-foto-label{left:10px;inset-block-end:10px;inset-inline-start:10px;font-weight:700;line-height:1.3} .fp-card .mp-hart-form,.fp-card .fp-card-login{position:absolute;top:8px;right:8px;inset-block-start:8px;inset-inline-end:8px;margin:0} .fp-card .mp-hart{display:grid;place-items:center;width:44px;height:44px;inline-size:44px;block-size:44px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--fp-ink);box-shadow:var(--fp-shadow-float);text-decoration:none;cursor:pointer} .fp-card .mp-hart.is-aan,.mp .mp-hart-knop.is-aan{color:var(--fp-heart)} .mp-hart.is-aan svg{fill:currentColor} .fp-grid-markt.mp-raster,.mp-raster.fp-grid-home{display:grid;gap:var(--fp-gap-row) var(--fp-gap-col);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row dense;overflow:visible} .fp-grid-markt>.fp-boei{grid-column:1/-1} .fp-grid-markt.fp-list-view{grid-template-columns:minmax(0,1fr);grid-auto-flow:row} .fp-list-view .fp-card{padding:12px;border:1px solid var(--fp-line-2);border-radius:22px;background:var(--fp-surface)} .fp-list-view .fp-card .mp-kaart-link{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:start} .fp-list-view .fp-card .mp-kaart-tekst{padding-top:8px;padding-right:44px} .fp-list-view .fp-card-description{display:block} .fp-pagination-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:13px;color:var(--fp-muted)} .fp-pagination{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .fp-pagination a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:9px 15px;border:1px solid var(--fp-line-2);border-radius:var(--fp-r-pill);background:var(--fp-surface);color:var(--fp-ink);font-weight:700;text-decoration:none} .fp-pagination a[aria-current]{background:var(--fp-navy);color:var(--fp-surface);border-color:var(--fp-navy)} .mp .fp-filter-trigger{display:none} .fp-filter-dialog{padding:18px;width:calc(100% - 24px);max-width:540px;max-height:88dvh;border:0;border-radius:24px;background:var(--fp-bg);color:var(--fp-ink)} .fp-filter-dialog::backdrop,.fp-lightbox::backdrop,.fp-action-dialog::backdrop{background:rgba(15,34,51,.66);backdrop-filter:blur(3px)} .fp-filter-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px} .fp-filter-dialog-head h2{font:700 28px/1.1 var(--fp-font-display);margin:0} .fp-detail .mp-detail-indeling{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-template-areas:'img info' 'desc info' 'boei info';gap:24px 40px;align-items:start} .fp-detail .mp-galerij{grid-area:img;border:1px solid var(--fp-line-2);border-radius:24px;background:var(--fp-photo-bg);min-width:0;margin:0} .fp-detail .mp-galerij-rol{aspect-ratio:4/3;max-height:calc(100vh - 190px);min-height:240px;width:100%} .fp-detail .mp-galerij-foto{display:block;width:100%;height:100%;min-width:0;max-height:calc(100vh - 190px);position:relative} .fp-photo-open{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:calc(100vh - 190px);padding:0;border:0;background:transparent;cursor:zoom-in;color:var(--fp-ink)} .fp-photo-open img{display:block;object-fit:contain;width:100%;height:100%;max-height:calc(100vh - 190px)} .fp-photo-enlarge{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:6px;background:rgba(11,27,41,.76);color:var(--fp-surface);padding:10px 12px;border-radius:var(--fp-r-pill);font-size:12px;font-weight:700;min-height:44px} .fp-detail .mp-galerij-leeg{position:relative;display:block;background:var(--fp-photo-bg);min-height:280px;max-height:calc(100vh - 190px);min-width:0;width:100%} .fp-detail .mp-galerij-leeg .fp-geen-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .fp-detail .mp-galerij-leeg .fp-geen-foto-label{bottom:14px;left:14px;inset-block-end:14px;inset-inline-start:14px} .fp-detail .mp-info{grid-area:info;position:sticky;top:140px;inset-block-start:140px;min-width:0} .fp-detail-panel{padding:28px;border:1px solid var(--fp-line-2);border-radius:24px;background:var(--fp-surface)} .fp-detail .mp-soortlabel{display:inline-flex;align-items:center;min-height:28px;margin:0 0 12px;padding:6px 10px;border-radius:var(--fp-r-pill);background:var(--fp-navy);color:var(--fp-surface);font-size:11px;font-weight:800} .fp-detail .mp-titel{font:700 clamp(28px,2.6vw,44px)/1.1 var(--fp-font-display);letter-spacing:-.025em;margin:0 0 12px;overflow-wrap:anywhere} .fp-detail .mp-prijs{font:700 var(--fp-fs-price-big)/1.1 var(--fp-font-display);letter-spacing:-.02em;margin:0 0 16px;color:var(--fp-ink)} .fp-detail .mp-geplaatst,.fp-detail .mp-plek{font-size:13px;color:var(--fp-muted-2);line-height:1.7} .fp-detail .mp-acties{position:static;display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0;padding:0;border:0;background:transparent;box-shadow:none} .fp-detail .mp-acties>.mp-knop-vol{flex:1 1 100%} .fp-detail .mp-acties>*{flex:1 1 auto} .fp-detail .mp-acties form .mp-knop{flex:1;width:100%} .fp-detail .mp-acties .mp-knop{white-space:normal;border-radius:16px;font-size:14px;font-weight:700;padding:12px} .fp-detail .mp-verkoper{padding:18px;border:1px solid var(--fp-line-2);border-radius:24px;background:var(--fp-surface);margin:14px 0} .fp-detail .mp-avatar{background:var(--fp-navy);color:var(--fp-sky);width:50px;height:50px;inline-size:50px;block-size:50px;flex-shrink:0;display:grid;place-items:center;border-radius:50%} .fp-all-seller{color:var(--fp-sea);font-size:13px;font-weight:700;line-height:1.5} .fp-detail .mp-verkoper small{font-size:12px} .fp-detail .mp-veilig{padding:16px;border:0;border-radius:16px;background:var(--fp-sea-soft);font-size:13px;color:var(--fp-sea)} .fp-detail .mp-veilig h3{font-size:14px;color:var(--fp-sea);margin:0 0 6px} .fp-detail .mp-veilig p{margin:0;line-height:1.6} .fp-detail .mp-melden{margin:12px 0;padding:0 4px;color:var(--fp-red)} .fp-detail .mp-melden summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer} .fp-detail .mp-melden form{padding:14px;border:1px solid var(--fp-line-2);border-radius:16px;background:var(--fp-surface);color:var(--fp-ink)} .fp-detail .mp-omschrijving-blok{grid-area:desc;margin:0;max-inline-size:none;padding:30px;border:1px solid var(--fp-line-2);border-radius:24px;background:var(--fp-surface);min-width:0} .fp-detail .mp-omschrijving-blok h2{font:700 26px/1.2 var(--fp-font-display);margin:0 0 16px} .fp-detail .mp-omschrijving{font-size:16px;line-height:1.7;max-width:70ch} .fp-detail .mp-kenmerken{margin-top:20px;border-top:1px solid var(--fp-line);padding-top:16px} .fp-detail .mp-delen{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px;padding:16px 0 0;border-top:1px solid var(--fp-line)} .fp-detail .mp-delen .mp-knop{font-size:13px;border-radius:var(--fp-r-pill)} .fp-detail-boei{grid-area:boei;min-width:0} .fp-detail .mp-soortgelijk{margin-top:40px} .fp-detail .mp-soortgelijk>h2{font:700 clamp(26px,2.4vw,40px)/1.1 var(--fp-font-display);letter-spacing:-.025em;margin:0 0 20px} .fp-action-dialog{width:calc(100% - 32px);max-width:600px;max-height:90dvh;overflow-y:auto;padding:26px;border:0;border-radius:24px;background:var(--fp-surface);color:var(--fp-ink)} .fp-dialog-close{float:right;margin-bottom:14px} .fp-action-dialog .mp-paneel{clear:both;padding:0;margin:0;border:0} .fp-action-dialog .mp-paneel h2{font:700 28px/1.1 var(--fp-font-display);margin:0 0 18px} .fp-action-dialog .mp-snel{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px} .fp-action-dialog .mp-chip{white-space:normal;min-height:44px} .fp-lightbox{width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:none;max-height:none;padding:14px;background:var(--fp-deep);color:var(--fp-surface);border:0;border-radius:20px} .fp-lightbox[open]{display:flex;flex-direction:column} .fp-lightbox-bar{display:flex;align-items:center;justify-content:space-between;min-height:48px;gap:20px} .fp-lightbox-bar p{margin:0} .fp-lightbox-images{flex:1;min-height:0;display:flex;align-items:center;justify-content:center} .fp-lightbox-images img{width:100%;height:100%;object-fit:contain;min-height:0;max-height:calc(100dvh - 110px)} .fp-lightbox-images img[hidden]{display:none} .fp-lightbox-prev,.fp-lightbox-next{position:absolute;top:50%;left:20px} .fp-lightbox-next{left:auto;right:20px} @media(min-width:900px){.fp-grid-markt.mp-raster{grid-template-columns:repeat(auto-fill,minmax(max(220px,calc((100% - 6 * 20px)/7)),1fr))}.mp-raster.fp-grid-home{grid-template-columns:repeat(auto-fill,minmax(max(250px,calc((100% - 7 * 20px)/8)),1fr))}.fp-grid-markt.fp-list-view{grid-template-columns:minmax(0,1fr)}} @media(max-width:899px){.fp-market-heading{align-items:flex-start}.fp-market-heading h1{font-size:34px}.fp-market-controls{gap:6px;width:100%}.fp-market-layout{grid-template-columns:minmax(0,1fr);gap:20px}.fp-market.fp-enhanced .fp-filter-sidebar{display:none}.mp .fp-filter-trigger{display:inline-flex;border-radius:var(--fp-r-pill);font-size:13px;padding:8px 12px}.fp-sort{padding-left:10px;flex:1;justify-content:space-between;gap:4px}.mp .fp-sort select{max-width:145px;min-width:0;font-size:12px}.fp-view-switch{margin-left:auto}.fp-view-switch button{width:44px;height:44px}.fp-card .mp-kaart-meta{font-size:11px}.fp-card .mp-kaart-titel{font-size:14px}.fp-card .mp-kaart-prijs{font-size:19px}.fp-card .mp-kaart-prijs.is-omschrijving{font-size:13px}.fp-card .mp-band{font-size:9px;padding:5px 7px;left:7px;top:8px}.fp-card .mp-hart-form,.fp-card .fp-card-login{right:5px;top:5px;inset-inline-end:5px;inset-block-start:5px}.fp-list-view .fp-card .mp-kaart-link{grid-template-columns:100px minmax(0,1fr);gap:12px}.fp-list-view .fp-card .mp-kaart-tekst{padding-top:0;padding-right:0}.fp-list-view .fp-card-description{display:none}.fp-list-view .mp-hart-form,.fp-list-view .fp-card-login{top:auto;bottom:8px}.fp-detail .mp-detail-indeling{grid-template-columns:minmax(0,1fr);grid-template-areas:'img' 'info' 'desc' 'boei';gap:18px}.fp-detail .mp-info{position:static}.fp-detail .mp-galerij-leeg,.fp-detail .mp-galerij-rol,.fp-detail .mp-galerij-foto,.fp-photo-open,.fp-photo-open img{max-height:65dvh}.fp-detail-panel{padding:20px}.fp-detail .mp-omschrijving-blok{padding:22px}.fp-detail .mp-titel{font-size:30px}.fp-detail .mp-prijs{font-size:34px}.fp-detail .mp-omschrijving{font-size:15px}.fp-detail .mp-galerij{border-radius:20px}.fp-detail .mp-soortgelijk{margin-top:30px}.fp-detail .mp-delen{gap:6px}.fp-detail .mp-delen .mp-knop{padding:8px 12px}.fp-breadcrumb{gap:8px;margin-bottom:18px}.fp-pagination-row{justify-content:center}.fp-pagination{justify-content:center}.fp-lightbox{padding:10px;width:calc(100vw - 16px);height:calc(100dvh - 16px)}.fp-action-dialog{padding:20px}} @media(prefers-reduced-motion:reduce){.fp-card .mp-kaart-foto img{transition:none}.fp-card:hover .mp-kaart-foto img{transform:none}} .mp .fp-boei .fp-button{color:var(--fp-surface)}.mp .fp-boei .fp-button-secondary{color:var(--fp-ink)} .fp-detail .mp-prijs.is-omschrijving{font:700 22px/1.4 var(--fp-font-body);color:var(--fp-muted)}
.fp-members{--mp-accent:var(--fp-sea);--mp-accent-tekst:var(--fp-surface);--mp-tekst:var(--fp-ink);--mp-stil:var(--fp-muted);--mp-rand:var(--fp-line);--mp-kaart:var(--fp-surface);--mp-vlak:var(--fp-sand);--mp-hoek:var(--fp-r-lg);--mp-rood:var(--fp-red);--mp-groen:var(--fp-green);padding:36px var(--fp-pad-x) 64px;font-family:var(--fp-font-body);font-size:14px;min-width:0} .fp-members h1,.fp-members h2,.fp-members h3{font-family:var(--fp-font-display);letter-spacing:var(--fp-tracking-display)} .fp-members .mp-paginakop{margin:0 0 26px} .fp-members .mp-paginakop h1{font-size:clamp(28px,3vw,40px);line-height:1.08;margin:0 0 10px;font-weight:700} .fp-members .mp-paginakop p{font-size:15px;line-height:1.7;color:var(--fp-muted)} .fp-members .mp-paginakop .fp-member-eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fp-sea);margin:0 0 4px} .fp-member-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px} .fp-member-heading>.mp-knop{flex:none;margin-bottom:26px} .mp .fp-member-nav,.fp-member-nav{display:flex;position:static;gap:6px;overflow-x:auto;max-width:100%;width:max-content;padding:5px;margin:0 0 28px;border:1px solid var(--fp-line);border-radius:999px;background:var(--fp-surface);box-shadow:none;scrollbar-width:none} .fp-member-nav::-webkit-scrollbar{display:none} .mp .fp-member-nav .mp-nav-tab,.fp-member-nav .mp-nav-tab{display:inline-flex;flex-direction:row;align-items:center;gap:8px;flex:none;min-height:44px;padding:8px 14px;font-family:var(--fp-font-body);font-size:13px;font-weight:700;line-height:1.3;white-space:nowrap;color:var(--fp-muted);border-radius:999px;text-decoration:none} .mp .fp-member-nav .mp-nav-tab[aria-current],.fp-member-nav .mp-nav-tab[aria-current]{background:var(--fp-navy);color:var(--fp-surface)} .mp .fp-member-nav .mp-nav-tab:hover,.fp-member-nav .mp-nav-tab:hover{background:var(--fp-sand);color:var(--fp-ink)} .fp-member-nav .mp-nav-tab .mp-badge{position:static;background:var(--fp-buoy);color:var(--fp-ink)} .fp-members .mp-knop{min-height:44px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:700;white-space:normal} .fp-members .mp-knop-vol{background:var(--fp-sea);border-color:var(--fp-sea)} .fp-members .mp-knop-vol:hover{background:var(--fp-sea-hover);border-color:var(--fp-sea-hover);filter:none} .fp-members .mp-knop-klein{min-height:44px;padding:8px 13px;font-size:13px} .fp-members .mp-knop-gevaar{border-color:var(--fp-red-line);color:var(--fp-red)} .fp-members .mp-link-knop{min-width:44px;min-height:44px;border-radius:999px} .fp-members .mp-chip,.fp-members .mp-chips a{min-height:44px;font-size:13px;font-weight:700} .fp-members .mp-melding{border-radius:16px;padding:16px 18px} .fp-members .mp-kaartblok{padding:24px;border-radius:22px;margin:0} .fp-members .mp-kaartblok h2,.fp-members .mp-kaartblok legend{font-family:var(--fp-font-body);font-weight:800;font-size:16px;letter-spacing:0} .fp-members .mp-kaartblok p{color:var(--fp-muted);line-height:1.7} .fp-members .mp-veld{gap:7px;margin-bottom:16px} .fp-members .mp-veld>span{font-size:13px;font-weight:700;color:var(--fp-muted)} .fp-members input[type=text],.fp-members input[type=search]:not(.mp-zoekveld input),.fp-members select,.fp-members textarea{min-height:48px;border-radius:12px;padding:12px 14px;font-size:15px;background:var(--fp-sand);border-color:var(--fp-line);color:var(--fp-ink)} .fp-members textarea{min-height:120px;line-height:1.6} .fp-members :is(input,select,textarea):focus-visible{outline:3px solid var(--fp-sea);outline-offset:3px} .fp-members .mp-vink{min-height:44px;align-items:flex-start;line-height:1.6} .fp-members .mp-vink input{flex:none;margin-top:3px} .fp-members .mp-paar{gap:16px} .fp-members .mp-klein{font-size:13px;line-height:1.6} .fp-members .mp-tweeluik{margin-top:26px;gap:20px} .fp-members .mp-leeg{padding:48px 24px;border-color:var(--fp-mist);border-radius:22px;background:var(--fp-surface);gap:16px} .fp-members .mp-leeg>i{color:var(--fp-sea);font-size:36px} .fp-members .mp-leeg p{font-size:15px;line-height:1.7} .fp-members .mp-subkop{font-size:24px;margin:26px 0 16px} .fp-member-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 24px} .fp-member-summary>a{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--fp-line);border-radius:20px;background:var(--fp-surface);color:var(--fp-ink);text-decoration:none} .fp-member-summary>a:hover{border-color:var(--fp-ink)} .fp-member-summary strong{font-family:var(--fp-font-display);font-size:32px;line-height:1.15;letter-spacing:-.03em} .fp-member-summary span{font-size:14px;font-weight:600;color:var(--fp-muted)} .fp-member-summary .fp-summary-dark{background:var(--fp-navy);border-color:var(--fp-navy)} .fp-member-summary .fp-summary-dark strong{color:var(--fp-sky)} .fp-member-summary .fp-summary-dark span{color:var(--fp-mist)} .fp-member-summary .fp-summary-label{font-size:20px} .fp-member-summary>a>i{font-size:24px;color:var(--fp-sea)} .fp-member-links{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:13px;font-weight:700} .fp-member-links a{min-height:44px;display:inline-flex;align-items:center} .fp-members .mp-mijnlijst{gap:0;border:1px solid var(--fp-line);border-radius:20px;background:var(--fp-surface);overflow:hidden} .fp-members .mp-mijnrij{border:0;border-bottom:1px solid var(--fp-sand-2);border-radius:0;padding:18px;gap:14px} .fp-members .mp-mijnrij:last-child{border-bottom:0} .fp-members .mp-mijnrij .mp-duimpje{width:64px;height:64px;border-radius:12px} .fp-members .mp-mijntekst{min-width:0;flex-basis:220px;gap:5px} .fp-members .mp-mijntekst strong{font-size:14px;font-weight:700} .fp-members .mp-mijntekst small{font-size:13px;line-height:1.6} .fp-members .mp-status{border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800} .fp-members .mp-status-wacht,.fp-members .mp-status-gereserveerd{background:var(--fp-amber-bg);color:var(--fp-amber-fg)} .fp-members .mp-status-online{background:var(--fp-green-bg);color:var(--fp-green)} .fp-members .mp-status-afgewezen{background:var(--fp-red-bg);color:var(--fp-red)} .fp-admin-links{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))} .fp-admin-links strong{font-size:24px} .fp-members .mp-plaatsform{max-inline-size:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start} .fp-members .mp-plaatsform>.mp-melding,.fp-members .mp-plaatsform>.mp-plaats-voet,.fp-members .mp-plaatsform>.fp-post-note{grid-column:1/-1} .fp-members .mp-plaatsform>fieldset{min-width:0;align-self:stretch;padding-top:18px} .fp-members .mp-plaatsform>fieldset legend{padding:0 6px;margin:0 0 6px;float:none;width:auto} .fp-members .mp-plaatsform>fieldset:nth-of-type(1){grid-column:1/-1} .fp-members .mp-plaatsform>fieldset:nth-of-type(2){grid-row:span 2} .fp-members .mp-fotolijst{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:12px} .fp-members .mp-fotokies{border-radius:16px} .fp-members .mp-fotoknop{border:2px dashed var(--fp-mist);border-radius:16px;min-height:160px} .fp-members .mp-fotovak{border-radius:16px} .fp-members .mp-foto-knoppen button{width:44px;height:44px} .fp-members .mp-fotovak:first-child:after{padding:5px 9px;font-size:11px;background:var(--fp-navy)} .fp-members .mp-fotoknop input,.fp-members .mp-fotoknop-rond input{width:1px;height:1px;padding:0;border:0} .fp-members .mp-segment{gap:8px;margin-bottom:20px} .fp-members .mp-segment span{border-radius:12px;font-size:13px;padding:10px;min-height:54px} .fp-members .mp-segment input:checked+span,.fp-members .mp-chip-keuze input:checked+span{background:var(--fp-sea-soft);color:var(--fp-sea);border-color:var(--fp-sea)} .fp-members .mp-chip-keuze span{min-height:44px;font-size:13px;padding:8px 14px} .fp-members .mp-plaats-voet{position:static;background:none;margin:0;padding:0;justify-content:flex-end} .fp-members .mp-plaats-voet .mp-knop{min-height:48px} .fp-post-note{display:block;font-size:13px;line-height:1.7;color:var(--fp-muted);margin:0} .fp-post-note i{margin-right:6px;color:var(--fp-sea)} .fp-members .mp-postcode{max-width:none;min-height:260px} .fp-members .mp-postcode p{max-width:70ch} .fp-members .mp-chat{border-radius:22px;min-height:560px} .fp-members .mp-chat-kop{font-family:var(--fp-font-body);font-size:15px;font-weight:800;padding:18px 16px 10px} .fp-members .mp-gesprekken{max-height:760px} .fp-members .mp-gesprek{min-height:560px} .fp-members .mp-gesprek-kop{padding:14px 18px} .fp-members .mp-gesprek-wie strong{font-size:15px} .fp-members .mp-gesprek-rij{padding:14px;gap:12px} .fp-members .mp-gesprek-rij.is-open{background:var(--fp-sea-soft)} .fp-members .mp-duimpje{border-radius:12px} .fp-members .mp-gesprek-advertentie{padding:12px 18px;background:var(--fp-surface)} .fp-members .mp-berichtenlijst{padding:20px;gap:12px;background:var(--fp-sand);min-height:320px} .fp-members .mp-ballon{font-size:15px;padding:12px 16px;line-height:1.5;border-radius:16px} .fp-members .mp-uit .mp-ballon{border-radius:16px 16px 4px 16px} .fp-members .mp-in .mp-ballon{border-radius:16px 16px 16px 4px} .fp-members .mp-tijd{font-size:11px} .fp-members .mp-gesprek>.mp-snel{padding:12px 16px;background:var(--fp-surface)} .fp-members .mp-invoer{padding:12px 16px;border-top:1px solid var(--fp-line)} .fp-members .mp-invoerveld textarea{font-size:15px;min-height:48px!important} .fp-members .mp-stuur{height:48px;width:48px} .fp-members .mp-fotoknop-rond{height:48px;width:44px} .fp-members .mp-fotoknop-rond:focus-within{outline:3px solid var(--fp-sea);outline-offset:2px} .fp-members .mp-menu summary,.fp-members .mp-terug{width:44px;height:44px} .fp-members .mp-meld-bericht{right:0;position:static;align-self:flex-start;opacity:1} .fp-members .mp-meld-bericht .mp-link-knop{font-size:12px;color:var(--fp-muted)} .fp-members .mp-bericht-foto{max-width:320px} .fp-members .mp-bod-knoppen{flex-wrap:wrap;justify-content:center} .fp-members .mp-bericht.mp-bod{max-width:100%} .fp-members .mp-profielkop{padding:24px;border-radius:24px;border:1px solid var(--fp-line);background:var(--fp-surface);margin-bottom:18px} .fp-members .mp-profielkop h1{font-size:clamp(30px,3vw,48px)} .fp-members .mp-profielkop p{font-size:14px;line-height:1.7} .fp-members .mp-avatar{display:grid;place-items:center;flex:none;border-radius:50%;background:var(--fp-navy);color:var(--fp-sky);height:72px;width:72px;font-size:28px;font-weight:800} .fp-members .mp-sterren-klein{color:var(--fp-amber-fg)} .fp-members .mp-beoordelingen{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px} .fp-members .mp-beoordelingen li{border-radius:20px;padding:20px;line-height:1.7} .fp-members .mp-regels-link{margin-top:30px} .fp-members .mp-kaartblok li{margin:0 0 10px;color:var(--fp-muted);line-height:1.7} @media(min-width:900px){.fp-members .mp-chat{grid-template-columns:320px minmax(0,1fr)}} @media(min-width:1700px){.fp-members{padding-top:48px}.fp-members .mp-plaatsform{grid-template-columns:repeat(3,minmax(0,1fr))}.fp-members .mp-plaatsform>fieldset:nth-of-type(1){grid-column:auto;grid-row:span 2}.fp-members .mp-plaatsform>fieldset:nth-of-type(2){grid-row:span 2}.fp-members .mp-chat{grid-template-columns:380px minmax(0,1fr)}} @media(max-width:899px){ .fp-members{padding-top:26px;padding-bottom:40px} .fp-members .mp-paginakop{margin-bottom:22px} .fp-member-heading{align-items:flex-start;flex-direction:column;gap:0} .fp-member-heading>.mp-knop{margin-bottom:22px} .mp .fp-member-nav,.fp-member-nav{margin-bottom:24px;border-radius:24px} .fp-member-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .fp-member-summary>a{padding:16px;gap:7px} .fp-member-summary strong{font-size:28px} .fp-member-summary span{font-size:12px} .fp-member-summary .fp-summary-label{font-size:17px} .fp-members .mp-kaartblok{padding:20px} .fp-members .mp-plaatsform{grid-template-columns:1fr;gap:20px} .fp-members .mp-plaatsform>fieldset:nth-of-type(2){grid-row:auto} .fp-members .mp-fotolijst{grid-template-columns:repeat(2,minmax(0,1fr))} .fp-members .mp-fotoknop{min-height:140px} .fp-members .mp-mijnrij{padding:16px;gap:12px} .fp-members .mp-mijntekst{flex-basis:calc(100% - 80px)} .fp-members .mp-mijnknoppen{width:100%} .fp-members .mp-mijnknoppen .mp-knop{padding:8px 12px} .fp-members .mp-chat{min-height:420px} .fp-members .mp-gesprek{min-height:440px} .fp-members .mp-berichtenlijst{padding:14px;min-height:260px;max-height:55svh} .fp-members .mp-gesprek-advertentie{padding:10px 12px} .fp-members .mp-gesprek-advertentie .mp-duimpje{width:44px;height:44px} .fp-members .mp-gesprek>.mp-snel{padding:10px 12px} .fp-members .mp-invoer{padding:10px;gap:6px} .fp-members .mp-fotoknop-rond{width:44px} .fp-members .mp-ballon{padding:10px 12px} .fp-members .mp-profielkop{padding:20px;align-items:flex-start;gap:12px} .fp-members .mp-avatar{width:52px;height:52px;font-size:22px} .fp-members .mp-profielkop h1{font-size:28px} .fp-members .mp-profielkop p{font-size:13px} .fp-members .mp-gesprek-tekst strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} } @media(max-width:380px){.fp-members .mp-segment{grid-template-columns:1fr}.fp-members .mp-segment span{min-height:44px}.fp-members .mp-paar{grid-template-columns:1fr}.fp-members .mp-foto-knoppen{padding:2px}.fp-members .mp-foto-knoppen button{width:44px;height:44px}} .fp-post-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:start} .fp-post-layout .mp-plaatsform{grid-template-columns:1fr} .fp-post-layout .mp-plaatsform>fieldset:nth-of-type(1){grid-column:auto;grid-row:auto} .fp-post-layout .mp-plaatsform>fieldset:nth-of-type(2){grid-row:auto} .fp-post-preview{position:sticky;top:100px;min-width:0} .fp-post-preview h2{font:800 11px var(--fp-font-body);text-transform:uppercase;letter-spacing:.1em;color:var(--fp-muted-2);margin:0 0 16px} .fp-post-preview-card{border:1px solid var(--fp-line);border-radius:20px;overflow:hidden;background:var(--fp-surface);box-shadow:var(--fp-shadow-card)} .fp-post-preview-image{aspect-ratio:4/3;position:relative;display:grid;place-items:center;background:var(--fp-photo-bg)} .fp-post-preview-image img{width:100%;height:100%;object-fit:cover} .fp-post-preview-leeg{position:absolute;inset:0} .fp-post-preview-image>[hidden]{display:none} .fp-post-preview-kind{position:absolute;top:12px;left:12px;background:var(--fp-sea-soft);color:var(--fp-sea);font-size:11px;font-weight:800;letter-spacing:.05em;padding:6px 10px;border-radius:999px;text-transform:uppercase} .fp-post-preview-text{display:grid;grid-template-columns:1fr auto;gap:8px 16px;padding:18px} .fp-post-preview-text strong{font-size:15px;overflow-wrap:anywhere} .fp-post-preview-text>span{font-family:var(--fp-font-display);font-size:20px;font-weight:700;color:var(--fp-sea)} .fp-post-preview-text small{grid-column:1/-1;font-size:13px;color:var(--fp-muted)} .fp-post-preview>p{font-size:13px;line-height:1.7;color:var(--fp-muted);max-width:70ch} @media(max-width:899px){.fp-post-layout{grid-template-columns:1fr}.fp-post-preview{position:static}.fp-post-preview-text{grid-template-columns:1fr}.fp-post-preview-text small{grid-column:auto}} .fp-member-header-actions{display:flex;align-items:center;gap:16px;margin-bottom:20px;color:var(--fp-muted-2);font-size:13px} .fp-member-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start} .fp-overview-card{display:flex;flex-direction:column;gap:10px;border:1px solid var(--fp-line);border-radius:20px;background:var(--fp-surface);padding:18px;min-width:0} .fp-overview-card>header{display:flex;justify-content:space-between;align-items:center;gap:12px} .fp-members .fp-overview-card h2{font:800 16px var(--fp-font-body);letter-spacing:0;margin:0} .fp-overview-card>header>a{display:flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;text-decoration:none} .fp-overview-card>p{margin:4px 0 12px;color:var(--fp-muted);line-height:1.7} .fp-overview-card>.mp-knop{align-self:flex-start} .fp-members .fp-overview-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--fp-sand);color:var(--fp-ink);text-decoration:none;min-width:0} .fp-overview-row>span:nth-child(2){display:grid;flex:1;min-width:0;gap:3px} .fp-overview-row strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fp-overview-row small{font-size:12px;color:var(--fp-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fp-overview-row .mp-duimpje{width:46px;height:46px} .fp-overview-avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--fp-sea-soft);color:var(--fp-sea);font-size:14px;font-weight:800} @media(max-width:899px){.fp-member-overview{grid-template-columns:1fr}.fp-member-header-actions{width:100%;justify-content:space-between;margin-top:-10px}.fp-member-header-actions time{font-size:12px}.fp-overview-row{flex-wrap:wrap}.fp-overview-row .mp-status{margin-left:58px}} .fp-main>.fp-members{padding:0} .fp-delete-message{align-self:flex-end;margin:0}.fp-delete-message .mp-link-knop{font-size:12px;color:var(--fp-muted);display:inline-flex;align-items:center;gap:6px;padding:6px 8px} .fp-member-heading .mp-paginakop{margin-bottom:20px}.fp-member-heading .mp-paginakop h1{margin-bottom:0} @media(max-width:899px){.fp-member-heading{align-items:stretch}.fp-member-header-actions{margin-top:0}}
.fp-kicker{margin:0 0 10px;color:var(--fp-sea);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .fp-page-heading{margin-bottom:24px}.fp-page-heading h1,.fp-page-intro h1,.fp-legal-page h1,.fp-error-page h1{margin:0 0 14px;font-family:var(--fp-font-display);font-size:clamp(34px,3.6vw,50px);font-weight:700;letter-spacing:-.035em;line-height:1.02}.fp-page-heading>p:last-child:not(.fp-kicker){margin:0;color:var(--fp-muted)} .fp-split-page{display:flex;align-items:flex-start;gap:36px;flex-wrap:wrap}.fp-page-intro{flex:0 1 380px;min-width:0}.fp-page-intro>p:not(.fp-kicker){margin:0 0 20px;color:var(--fp-muted);font-size:16px;line-height:1.6}.fp-page-main{flex:1 1 460px;min-width:0}.fp-page-card{padding:clamp(18px,2.5vw,32px);background:var(--fp-surface);border:1px solid var(--fp-line);border-radius:24px;min-width:0}.fp-dark-card{background:var(--fp-navy);color:var(--fp-surface);border-radius:24px;padding:clamp(20px,3vw,32px)}.fp-dark-card .fp-kicker{color:var(--fp-sky)}.fp-dark-card p:not(.fp-kicker){color:var(--fp-mist)} .fp-page-form{display:flex;flex-direction:column;gap:14px}.fp-page-form>label,.fp-auth-card .portal-auth-form-v148>label{display:flex;flex-direction:column;gap:6px;color:var(--fp-muted);font-size:13px;font-weight:700}.fp-page-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.fp-page-form select,.fp-page-form textarea,.fp-auth-card .portal-auth-form-v148 input:not([type=checkbox]):not([type=radio]):not([type=hidden]){box-sizing:border-box;display:block;width:100%;min-width:0;border:1px solid var(--fp-line);border-radius:12px;padding:12px 14px;color:var(--fp-ink);background:var(--fp-sand);font:inherit;font-size:15px;font-weight:500;line-height:1.5}.fp-page-form input::placeholder,.fp-page-form textarea::placeholder{color:var(--fp-muted-2);opacity:1}.fp-page-form textarea{resize:vertical;min-height:150px}.fp-page-form input:focus,.fp-page-form select:focus,.fp-page-form textarea:focus{border-color:var(--fp-sea);outline:3px solid var(--fp-sea-soft);outline-offset:1px}.fp-page-form .fp-page-check,.fp-auth-card .portal-remember-v149{flex-direction:row;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5}.fp-page-check input,.fp-auth-card .portal-remember-v149 input{width:20px;height:20px;flex-shrink:0;accent-color:var(--fp-sea);margin-top:2px}.fp-page-hint{font-size:13px;color:var(--fp-muted-2);line-height:1.55;margin:0}.fp-page-hint a{color:var(--fp-sea);text-decoration:underline;text-underline-offset:3px}.fp-page-hint.is-invalid{color:var(--fp-red)} .fp-page-button,.fp-auth-card .portal-passkey-btn-v159,.fp-auth-card .portal-otp-wissel-v160,.fp-auth-card .portal-auth-form-v148 button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:12px 22px;border:1px solid transparent;border-radius:999px;background:var(--fp-sea);color:var(--fp-surface);text-decoration:none;font:inherit;font-size:14px;font-weight:800;line-height:1.4;cursor:pointer;text-align:center}.fp-page-button:hover,.fp-auth-card .portal-passkey-btn-v159:hover,.fp-auth-card .portal-auth-form-v148 button:hover{background:var(--fp-sea-hover);color:var(--fp-surface)}.fp-page-button-sky{background:var(--fp-sky);color:var(--fp-navy)}.fp-page-button-sky:hover{background:var(--fp-mist);color:var(--fp-navy)}.fp-page-button-secondary{background:var(--fp-surface);border-color:var(--fp-line-3);color:var(--fp-ink)}.fp-page-button-secondary:hover{background:var(--fp-sand);color:var(--fp-ink);border-color:var(--fp-ink)}.fp-page-button-outline{background:transparent;color:var(--fp-surface);border-color:var(--fp-muted-2)}.fp-page-button-outline:hover{background:var(--fp-deep-2);border-color:var(--fp-surface)} .fp-contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.fp-form-wide{grid-column:1/-1}.fp-form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.fp-form-actions .fp-page-hint{flex:1 1 250px}.fp-form-actions .fp-page-button{margin-left:auto}.fp-contact-channels{display:flex;flex-direction:column;gap:8px}.fp-contact-channels>a,.fp-contact-channels>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;background:var(--fp-surface);border:1px solid var(--fp-line);border-radius:16px;padding:14px 16px;text-decoration:none;color:var(--fp-ink);font-size:15px;overflow-wrap:anywhere}.fp-contact-channels>a:hover,.fp-contact-channels>div:hover{border-color:var(--fp-ink)}.fp-contact-channels>div{position:relative}.fp-contact-channels>div>a{color:inherit;text-decoration:none}.fp-contact-channels>div>a::after{content:"";position:absolute;inset:0;border-radius:16px}.fp-contact-channels span{color:var(--fp-muted);text-align:right}.fp-contact-channels strong{flex-shrink:0} .fp-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fp-notice{padding:14px 16px;border-radius:14px;background:var(--fp-green-bg);color:var(--fp-green);line-height:1.6;overflow-wrap:anywhere}.fp-notice-error{background:var(--fp-red-bg);color:var(--fp-red)} .fp-help-page .fp-page-intro{flex-basis:360px}.fp-help-contact{border-radius:20px;padding:20px 22px}.fp-help-contact h2{margin:0 0 6px;font:800 16px/1.4 var(--fp-font-body);letter-spacing:0}.fp-help-contact p{font-size:14px;line-height:1.5;margin:0 0 14px}.fp-help-contact p a{color:inherit}.fp-help-contact .fp-page-button{padding:10px 16px}.fp-faq-list{display:flex;flex:1 1 460px;min-width:0;flex-direction:column;gap:8px}.fp-faq{background:var(--fp-surface);border:1px solid var(--fp-line);border-radius:18px;overflow:hidden}.fp-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:58px;padding:16px 20px;font-size:16px;font-weight:700;line-height:1.5;cursor:pointer;list-style:none}.fp-faq summary::-webkit-details-marker{display:none}.fp-faq summary>span{display:inline-flex;justify-content:center;align-items:center;width:26px;height:26px;background:var(--fp-sand);border-radius:50%;flex-shrink:0;transition:transform .2s}.fp-faq[open] summary>span{transform:rotate(45deg)}.fp-faq p{margin:0;padding:0 20px 18px;font-size:15px;line-height:1.65;color:var(--fp-muted)} .fp-auth-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.fp-auth-card>p{line-height:1.65;color:var(--fp-muted)}.fp-auth-aside h2{margin:0 0 12px;font-family:var(--fp-font-display);font-size:clamp(26px,2.5vw,40px);line-height:1.1;font-weight:700;letter-spacing:-.025em}.fp-auth-aside p:not(.fp-kicker){font-size:15px;line-height:1.65;margin:0 0 18px;max-width:60ch}.fp-auth-links{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-top:20px;font-size:14px}.fp-auth-links>a{display:inline-flex;align-items:center;min-height:44px;color:var(--fp-sea);font-weight:700}.fp-password-toggle{align-self:flex-start;padding:6px 10px;min-height:44px;border:1px solid var(--fp-line);border-radius:12px;background:var(--fp-surface);color:var(--fp-sea);font:700 13px/1.5 var(--fp-font-body);cursor:pointer}.fp-auth-card .portal-auth-form-v148{display:flex;flex-direction:column;gap:12px}.fp-auth-card .portal-auth-hint-v148{font-size:13px;line-height:1.55;color:var(--fp-muted)}.fp-auth-card .portal-mailcode{border-top:1px solid var(--fp-line);padding-top:18px}.fp-auth-card .portal-auth-divider-v159{margin:0 0 14px;color:var(--fp-muted);font-size:13px}.fp-auth-card .portal-passkey-nieuw summary{cursor:pointer;min-height:44px;font-weight:700;padding:12px 0}.fp-auth-card .alert-danger{background:var(--fp-red-bg);color:var(--fp-red);padding:14px;border-radius:12px} .fp-boeien-page{display:flex;flex-direction:column;gap:28px}.fp-boeien-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;align-items:center;border-radius:28px;padding:clamp(28px,4vw,52px)}.fp-boeien-hero h1{font-family:var(--fp-font-display);font-size:clamp(36px,4.4vw,64px);font-weight:700;letter-spacing:-.035em;line-height:1;margin:0 0 24px;text-wrap:balance}.fp-boeien-hero p:not(.fp-kicker){font-size:17px;line-height:1.5;max-width:56ch;margin:0 0 26px}.fp-page-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.fp-boeien-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0}.fp-boeien-stats>div{padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(255,255,255,.06)}.fp-boeien-stats dd{margin:4px 0 0;font-family:var(--fp-font-display);font-size:clamp(24px,2.4vw,34px);overflow-wrap:anywhere;letter-spacing:-.03em;font-weight:700;color:var(--fp-sky);line-height:1.3}.fp-boeien-stats dt{color:var(--fp-mist);font-size:14px;font-weight:600;line-height:1.45}.fp-boeien-options>h2{font-family:var(--fp-font-display);font-size:32px;letter-spacing:-.025em;line-height:1.2;margin:4px 0 10px}.fp-boeien-options>p{max-width:70ch;color:var(--fp-muted);line-height:1.6;margin:0 0 20px}.fp-boeien-options>.fp-page-card{padding:24px;border-radius:22px}.fp-boeien-options>.fp-page-card h3{font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:8px 0}.fp-boeien-options>.fp-page-card p{font-size:15px;line-height:1.6;color:var(--fp-muted);margin:0}.fp-boei-example{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:center;padding:26px}.fp-boei-example h2{font-size:24px;font-family:var(--fp-font-display);letter-spacing:-.025em;line-height:1.2;margin:0 0 10px}.fp-boei-example p:not(.fp-kicker){line-height:1.6;color:var(--fp-muted);margin:0 0 18px}.fp-boei-example>a{display:block;justify-self:center;width:100%;max-width:400px;border:1px solid var(--fp-sand-2);border-radius:16px;overflow:hidden}.fp-boei-example img{display:block;width:100%;height:auto}.fp-boei-empty{padding:32px;border:1px dashed var(--fp-line);border-radius:16px;background:var(--fp-sand)} .fp-page-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--fp-muted);margin:0 0 24px}.fp-page-breadcrumb a{color:var(--fp-sea)}.fp-legal-body{font-size:16px;line-height:1.75;color:var(--fp-muted);max-width:75ch}.fp-legal-body h2,.fp-legal-body h3{font-family:var(--fp-font-display);line-height:1.2;letter-spacing:-.02em;color:var(--fp-ink);margin:32px 0 12px}.fp-legal-body h2{font-size:28px}.fp-legal-body p{margin:0 0 18px}.fp-legal-body a{color:var(--fp-sea);text-decoration:underline;text-underline-offset:3px}.fp-legal-body ul,.fp-legal-body ol{padding-left:24px}.fp-legal-body li{margin-bottom:8px}.fp-legal-body table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:14px}.fp-legal-body th,.fp-legal-body td{padding:12px 8px;border:1px solid var(--fp-line);text-align:left;vertical-align:top;overflow-wrap:anywhere}.fp-legal-body code{overflow-wrap:anywhere}.fp-error-page{padding:36px 0 56px}.fp-error-page>p:not(.fp-error-code){max-width:60ch;color:var(--fp-muted);font-size:17px;line-height:1.65;margin:0 0 24px}.fp-error-code{font-family:var(--fp-font-display);font-size:clamp(72px,12vw,160px);font-weight:700;letter-spacing:-.06em;line-height:1;color:var(--fp-sea);margin:0 0 18px} @media(max-width:899px){.fp-split-page{flex-direction:column;gap:24px}.fp-page-intro,.fp-help-page .fp-page-intro,.fp-page-main,.fp-faq-list{flex:none;width:100%}.fp-page-intro h1{font-size:38px}.fp-contact-form{grid-template-columns:1fr}.fp-contact-channels>a,.fp-contact-channels>div{font-size:14px}.fp-auth-columns{grid-template-columns:1fr;gap:18px}.fp-page-heading h1{font-size:36px}.fp-boeien-hero{grid-template-columns:1fr;gap:24px}.fp-boeien-hero h1{font-size:40px}.fp-boeien-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-boeien-stats>div{padding:16px}.fp-boeien-stats dd{font-size:30px}.fp-boei-example{grid-template-columns:1fr;padding:20px}.fp-boeien-options>h2{font-size:28px}.fp-faq summary{font-size:15px;padding:14px 16px}.fp-faq p{padding:0 16px 16px}.fp-legal-body table{font-size:12px}.fp-legal-body th,.fp-legal-body td{padding:8px 5px}.fp-legal-body h2{font-size:24px}} @media(prefers-reduced-motion:reduce){.fp-faq summary>span{transition:none}} .fp-seintjes{width:min(560px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);padding:24px;border:1px solid var(--fp-line);border-radius:24px;background:var(--fp-surface);color:var(--fp-ink);box-shadow:var(--fp-shadow-modal);overflow:auto}.fp-seintjes .fp-dialog-head{margin-bottom:12px}.fp-seintjes-uitleg{margin:0 0 20px;font-size:14px;line-height:1.6;color:var(--fp-muted)}.fp-seintjes-leeg{margin:0;padding:24px 18px;border:1px dashed var(--fp-line-3);border-radius:16px;background:var(--fp-sand);font-size:15px;text-align:center}.fp-seintjes-lijst{list-style:none;padding:0;margin:0}.fp-seintjes-lijst>li{padding:16px 0;border-top:1px solid var(--fp-line);overflow-wrap:anywhere}.fp-seintjes-lijst h3{font:800 16px/1.45 var(--fp-font-body);margin:0 0 6px}.fp-seintjes-lijst h3>a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;color:var(--fp-sea)}.fp-seintjes-lijst h3>a:hover{text-decoration:underline;text-underline-offset:3px}.fp-seintjes-lijst p{margin:0 0 8px;font-size:14px;line-height:1.6;color:var(--fp-muted);white-space:pre-line}.fp-seintjes-lijst time{display:block;color:var(--fp-muted);font-size:12px;line-height:1.5}.fp-seintjes-instellingen{padding-top:20px;border-top:1px solid var(--fp-line);margin-top:20px}.fp-seintjes-instellingen .fp-button{width:100%}@media(max-width:899px){.fp-seintjes{padding:20px;border-radius:20px}} .fp-boeien-stats>div:nth-child(3) dd{font-size:clamp(18px,2vw,24px);overflow-wrap:normal}
body:not(.site-theme-julianadorp) *:not(:focus):not(:focus-visible), body:not(.site-theme-julianadorp) *::before, body:not(.site-theme-julianadorp) *::after { box-shadow: none !important; } .site-footer-builder-v14516{ width:100%; padding:0; border-top:var(--footer-border-top-width,1px) solid var(--footer-border-top-color,var(--footer-border)); background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(0,0,0,.08)),var(--footer-bg); color:var(--footer-text); box-shadow:0 -18px 42px rgba(5,13,28,.14); } .site-footer-builder-v14516 .site-footer-inner-v10{ width:100%; max-width:none; padding:0 clamp(18px,3vw,42px) 18px; } .site-footer-columns-v20{ display:grid; grid-template-columns:var(--footer-cols,1fr); align-items:start; gap:clamp(24px,3vw,56px); padding:26px 0 20px; border-bottom:1px solid var(--footer-border); } .site-footer-col-v20{ min-width:0; display:flex; flex-direction:column; gap:10px; } .site-footer-col-about-v20 .site-footer-logo-v14516{margin-bottom:2px} .site-footer-brand-row-v20{display:flex;align-items:center;gap:14px} .site-footer-brand-row-v20 .site-footer-logo-v14516{flex:0 0 auto;margin-bottom:0} .site-footer-brand-row-v20 h2{margin:0} .site-footer-logo-v14516{ width:var(--footer-logo-size,58px); height:var(--footer-logo-size,58px); display:grid; place-items:center; padding:0; overflow:hidden; border:1px solid var(--footer-logo-frame-color,var(--footer-border)); border-radius:14px; background:rgba(255,255,255,.08); box-shadow:none; } .site-footer-logo-noframe{border:0!important;background:transparent!important} .site-footer-logo-noframe::before,.site-footer-logo-noframe::after{display:none!important} .site-footer-logo-v14516 strong{color:var(--footer-link);font-size:1.9rem;font-weight:950;line-height:1} .site-footer-logo-v14516 img{width:100%;height:100%;object-fit:contain;transform-origin:center;will-change:transform} .site-footer-builder-v14516 h2{margin:0 0 8px;color:var(--footer-text);font-size:.96rem;font-weight:850} .site-footer-builder-v14516 p{margin:0;color:color-mix(in srgb,var(--footer-text) 78%,transparent);line-height:1.62} .site-footer-col-about-v20 p{max-width:35ch} .site-footer-legal-items-v20{columns:19ch 2;column-gap:28px;font-size:.9rem} .site-footer-legal-items-v20 a,.site-footer-legal-items-v20 span{display:block;break-inside:avoid;margin-bottom:8px} .site-footer-legal-v1030 a,.site-footer-legal-v1030 span,.site-footer-bottom-v14516 a{color:var(--footer-link);text-decoration:none;font-weight:760} .site-footer-legal-v1030 a:hover,.site-footer-bottom-v14516 a:hover{color:var(--footer-link-hover);text-decoration:underline} .site-footer-bottom-v14516{ display:flex!important; flex-wrap:wrap; align-items:center; justify-content:space-between!important; gap:6px 18px; margin:16px 0 0!important; padding-top:0!important; border-top:0!important; color:color-mix(in srgb,var(--footer-text) 72%,transparent); font-size:.88rem; } .site-footer-bottom-v14516 p{flex:0 1 auto;margin:0} .footer-heart{color:var(--footer-heart,#e5342f)!important;font-size:1.08em;font-weight:950} .site-footer-social-v20{display:flex;flex-wrap:wrap;gap:10px} .site-footer-social-v20 a{ display:grid; place-items:center; width:44px; height:44px; border-radius:12px; border:1px solid color-mix(in srgb,var(--footer-border) 80%,white 20%); background:rgba(255,255,255,.08); color:var(--brand,var(--footer-link)); font-size:1.15rem; text-decoration:none; transition:background .28s ease,border-color .28s ease,color .28s ease,transform .28s ease,box-shadow .28s ease; } .site-footer-social-v20 a:hover,.site-footer-social-v20 a:focus-visible{ color:#fff; border-color:var(--brand,#2563eb); background:var(--brand-bg,var(--brand,#2563eb)); transform:translateY(-3px); box-shadow:0 10px 22px var(--brand-glow,rgba(37,99,235,.45)); } .site-footer-social-facebook{--brand:#1877f2;--brand-glow:rgba(24,119,242,.45)} .site-footer-social-instagram{--brand:#dc2743;--brand-bg:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);--brand-glow:rgba(220,39,67,.45)} .site-footer-social-youtube{--brand:#ff0000;--brand-glow:rgba(255,0,0,.4)} .site-footer-social-whatsapp{--brand:#25d366;--brand-glow:rgba(37,211,102,.45)} .site-footer-builder-v14516 .site-footer-social-v20 a{color:var(--brand,var(--footer-link))!important} .site-footer-builder-v14516 .site-footer-social-v20 a:hover,.site-footer-builder-v14516 .site-footer-social-v20 a:focus-visible{color:#fff!important} @media(prefers-reduced-motion:reduce){.site-footer-social-v20 a{transition:none}.site-footer-social-v20 a:hover,.site-footer-social-v20 a:focus-visible{transform:none}} .site-footer-contact-v20{display:flex;flex-direction:column;gap:6px;margin-top:4px} .site-footer-contact-v20 a{display:inline-flex;align-items:center;gap:8px;min-height:32px;color:var(--footer-link);text-decoration:none;font-weight:700;font-size:.9rem} .site-footer-contact-v20 a:hover{color:var(--footer-link-hover)} .site-footer-connect-label-v20{display:block;font-size:.75rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase;color:var(--footer-link);margin-bottom:2px;opacity:.9} @media(min-width:701px) and (max-width:1279.98px){ .site-footer-columns-v20.site-footer-columns-4-v20{grid-template-columns:repeat(2,minmax(0,1fr))} .site-footer-columns-4-v20 .site-footer-legal-items-v20{columns:1} } @media(max-width:700px){ .site-footer-columns-v20{display:flex;flex-direction:column;gap:22px;padding:20px 0 16px} .site-footer-col-v20{width:100%} .site-footer-col-about-v20 p{max-width:none} .site-footer-legal-items-v20{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px} .site-footer-legal-items-v20 a,.site-footer-legal-items-v20 span{ display:inline-flex; align-items:center; min-height:44px; margin-bottom:0; padding:0 15px; border-radius:999px; border:1px solid color-mix(in srgb,var(--footer-border) 82%,white 18%); background:rgba(255,255,255,.06); } .site-footer-contact-v20 a{min-height:44px} .site-footer-bottom-v14516{flex-direction:column;align-items:flex-start;justify-content:flex-start!important;gap:4px;text-align:left;font-size:.82rem} .site-footer-bottom-v14516 p{width:100%} }
[hidden] { display: none !important; } main[tabindex="-1"]:focus { outline: none; } .portal-zoek__label { display: block; margin-bottom: .45rem; font-size: .78rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--portal-muted, #6b7280); } .portal-zoek__verborgen { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .portal-zoek__rij { display: flex; align-items: stretch; border: 1px solid var(--portal-border, #d5d8de); border-radius: 8px; background: var(--portal-surface, #fff); overflow: hidden; } .portal-zoek__rij:focus-within { border-color: var(--portal-primary, #14213d); box-shadow: 0 0 0 3px color-mix(in srgb, var(--portal-primary, #14213d) 18%, transparent); } .portal-zoek__veld, .portal-zoek__plaats { min-width: 0; padding: .6rem .7rem; border: 0; background: transparent; color: var(--portal-text, #1f2430); font: inherit; font-size: .95rem; } .portal-zoek__veld { flex: 1 1 auto; } .portal-zoek__veld:focus, .portal-zoek__plaats:focus { outline: none; } .portal-zoek__plaats { flex: 0 0 auto; max-width: 42%; border-left: 1px solid var(--portal-border, #d5d8de); color: var(--portal-muted, #6b7280); cursor: pointer; } .portal-zoek__knop { flex: 0 0 auto; padding: 0 .85rem; border: 0; background: var(--portal-primary, #14213d); color: #fff; cursor: pointer; font-size: 1rem; } .portal-zoek__knop:hover { filter: brightness(1.12); } .portal-zoek__uitleg { margin: .45rem 0 0; color: var(--portal-muted, #6b7280); font-size: .8rem; line-height: 1.5; } .portal-zoek--pagina { margin: 0 0 1.4rem; } .portal-zoek--pagina .portal-zoek__veld { font-size: 1.05rem; padding: .75rem .85rem; } .portal-zoek-telling, .portal-zoek-melding { margin: 0 0 1rem; color: var(--portal-muted, #6b7280); font-size: .95rem; } .portal-zoek-treffers { display: flex; flex-direction: column; gap: 10px; } .portal-zoek-treffer { display: grid; gap: .3rem; padding: 14px 16px; border: 1px solid var(--portal-border, #d5d8de); border-radius: 8px; background: var(--portal-surface, #fff); text-decoration: none; transition: border-color .15s ease, transform .15s ease; } .portal-zoek-treffer:hover { border-color: var(--portal-primary, #14213d); transform: translateY(-1px); } .portal-zoek-treffer__kop { display: flex; flex-wrap: wrap; align-items: baseline; gap: .5rem; } .portal-zoek-treffer__titel { color: var(--portal-heading, var(--portal-text, #1f2430)); font-weight: 600; font-size: 1.02rem; } .portal-zoek-treffer__soort { padding: .1rem .45rem; border-radius: 999px; background: var(--portal-primary-soft, rgba(0, 0, 0, .06)); color: var(--portal-primary, #14213d); font-size: .72rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; } .portal-zoek-treffer__tekst { color: var(--portal-text, #1f2430); font-size: .92rem; line-height: 1.6; } .portal-zoek-treffer__plaats { color: var(--portal-muted, #6b7280); font-size: .8rem; } .portal-zoek { container: portal-zoek / inline-size; } .portal-zoek.portal-search-v20 { container-type: normal; } @container portal-zoek (max-width: 460px) { .portal-zoek__rij { flex-wrap: wrap; } .portal-zoek__veld { flex: 1 1 100%; } .portal-zoek__plaats { flex: 1 1 0; max-width: none; border-left: 0; border-top: 1px solid var(--portal-border, #d5d8de); } .portal-zoek__knop { border-top: 1px solid var(--portal-border, #d5d8de); } } @media (prefers-reduced-motion: reduce) { .portal-zoek-treffer { transition: none; } .portal-zoek-treffer:hover { transform: none; } } .fr-over-blok { margin: 2.4rem 0 0; } .fr-over-kop { margin: 0 0 .5rem; font-family: var(--portal-font-serif, var(--portal-font-sans)); font-size: clamp(1.3rem, 2.6vw, 1.7rem); font-weight: 600; color: var(--portal-heading, var(--portal-text)); } .fr-over-lead { margin: 0 0 1.1rem; color: var(--portal-muted); font-size: .96rem; line-height: 1.6; } .fr-over-cijferrij { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } .fr-over-cijfer { display: flex; flex-direction: column; gap: .2rem; padding: 16px 18px; border: 1px solid var(--portal-border); border-radius: 10px; background: var(--portal-surface, #fff); text-decoration: none; } a.fr-over-cijfer:hover { border-color: var(--portal-primary); } .fr-over-cijfer-getal { font-family: var(--portal-font-serif, var(--portal-font-sans)); font-size: 2rem; font-weight: 700; line-height: 1; color: var(--portal-primary); } .fr-over-cijfer-label { color: var(--portal-muted); font-size: .86rem; line-height: 1.45; } .fr-over-waarden { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(340px, 1fr)); } .fr-over-waarde { padding: 18px; border: 1px solid var(--portal-border); border-radius: 10px; background: var(--portal-surface, #fff); } .fr-over-waarde h3 { margin: 0 0 .4rem; font-size: 1.02rem; font-weight: 600; color: var(--portal-heading, var(--portal-text)); } .fr-over-waarde p { margin: 0; color: var(--portal-text); font-size: .93rem; line-height: 1.65; } .fr-over-stappen { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; } .fr-over-stappen li { display: flex; gap: .9rem; align-items: flex-start; } .fr-over-stapnr { flex: 0 0 auto; display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--portal-primary); color: #fff; font-weight: 700; font-size: .9rem; } .fr-over-staptekst { display: flex; flex-direction: column; gap: .15rem; } .fr-over-staptekst strong { color: var(--portal-heading, var(--portal-text)); font-size: 1rem; } .fr-over-staptekst span { color: var(--portal-text); font-size: .93rem; line-height: 1.6; } .fr-contact-routelink { margin: .7rem 0 0; } .fr-contact-routelink a { color: var(--portal-primary); font-size: .9rem; font-weight: 600; text-decoration: none; } .fr-contact-routelink a:hover { text-decoration: underline; } .fr-contact-faq { display: grid; gap: 8px; } .fr-contact-vraag { border: 1px solid var(--portal-border); border-radius: 10px; background: var(--portal-surface, #fff); } .fr-contact-vraag > summary { padding: 14px 16px; color: var(--portal-heading, var(--portal-text)); font-weight: 600; font-size: .96rem; cursor: pointer; list-style: none; } .fr-contact-vraag > summary::-webkit-details-marker { display: none; } .fr-contact-vraag > summary::after { content: '+'; float: right; margin-left: 1rem; color: var(--portal-primary); font-weight: 700; } .fr-contact-vraag[open] > summary::after { content: '\2212'; } .fr-contact-vraag > p { margin: 0; padding: 0 16px 14px; color: var(--portal-text); font-size: .93rem; line-height: 1.65; } .fr-contact-verwachting .fr-over-lead { max-width: 62ch; } .fr-weetjes-rij { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); } .fr-weetje { padding: 18px; border: 1px solid var(--portal-border); border-left: 3px solid var(--portal-primary); border-radius: 10px; background: var(--portal-surface, #fff); } .fr-weetje h3 { margin: 0 0 .4rem; font-family: var(--portal-font-serif, var(--portal-font-sans)); font-size: 1.05rem; font-weight: 600; color: var(--portal-heading, var(--portal-text)); } .fr-weetje p { margin: 0; color: var(--portal-text); font-size: .93rem; line-height: 1.7; } .fr-auth-tweeluik { display: grid; gap: 20px; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: start; } @media (max-width: 900px) { .fr-auth-tweeluik { grid-template-columns: minmax(0, 1fr); } } .fr-auth-zij { padding: 20px; border: 1px solid var(--portal-border); border-radius: 12px; background: var(--portal-surface-soft, var(--portal-surface, #fff)); } .fr-auth-zij-kop { margin: 0 0 .8rem; font-family: var(--portal-font-serif, var(--portal-font-sans)); font-size: 1.15rem; font-weight: 600; color: var(--portal-heading, var(--portal-text)); } .fr-auth-voordelen { margin: 0 0 1.1rem; padding: 0; list-style: none; display: grid; gap: .8rem; } .fr-auth-voordelen li { display: flex; flex-direction: column; gap: .15rem; } .fr-auth-voordelen strong { color: var(--portal-heading, var(--portal-text)); font-size: .97rem; } .fr-auth-voordelen span { color: var(--portal-muted); font-size: .89rem; line-height: 1.6; } .fr-auth-regels h3 { margin: 0 0 .5rem; font-size: .95rem; font-weight: 600; color: var(--portal-heading, var(--portal-text)); } .fr-auth-regels ul { margin: 0 0 1rem; padding-left: 1.1rem; display: grid; gap: .4rem; } .fr-auth-regels li { color: var(--portal-text); font-size: .89rem; line-height: 1.6; } .fr-auth-privacy { margin: 0; padding-top: .9rem; border-top: 1px solid var(--portal-border); color: var(--portal-muted); font-size: .84rem; line-height: 1.6; } .fr-auth-kicker { margin: .8rem 0 0; } .fr-ww-hulp { margin: .5rem 0 0; } .fr-ww-eisen, .fr-ww-adviezen { margin: 0; padding: 0; list-style: none; display: grid; gap: .35rem; } .fr-ww-eisen li { display: flex; align-items: center; gap: .5rem; color: var(--portal-text); font-size: .88rem; } .fr-ww-vink { flex: 0 0 auto; display: inline-block; width: 16px; height: 16px; border: 1.5px solid var(--portal-border, #d5d8de); border-radius: 4px; position: relative; } .fr-ww-eisen li.is-goed .fr-ww-vink { border-color: var(--portal-primary, var(--local-brand, var(--fr-link, #4b3fdb))); background: var(--portal-primary, var(--local-brand, var(--fr-link, #4b3fdb))); } .fr-ww-eisen li.is-goed .fr-ww-vink::after { content: ''; position: absolute; left: 4px; top: 1px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); } .fr-ww-verplicht { flex: 0 0 auto; margin-left: auto; color: var(--portal-muted); font-size: .72rem; letter-spacing: .05em; text-transform: uppercase; white-space: nowrap; overflow-wrap: normal; } .fr-ww-advies-kop { margin: .8rem 0 .35rem; color: var(--portal-muted); font-size: .78rem; letter-spacing: .05em; text-transform: uppercase; } .fr-ww-adviezen li { padding-left: 1.1rem; position: relative; color: var(--portal-muted); font-size: .85rem; line-height: 1.55; } .fr-ww-adviezen li::before { content: '·'; position: absolute; left: .35rem; } .fr-ww-adviezen li.is-goed { color: var(--portal-text); } .fr-ww-sterkte { display: flex; align-items: center; gap: .6rem; margin-top: .7rem; } .fr-ww-sterkte[hidden] { display: none; } .fr-ww-sterkte-balk { flex: 1 1 auto; height: 6px; border-radius: 999px; background: var(--portal-border, #d5d8de); overflow: hidden; } .fr-ww-sterkte-balk > span { display: block; height: 100%; width: 0; border-radius: 999px; background: var(--portal-primary, var(--local-brand, var(--fr-link, #4b3fdb))); transition: width .2s ease; } .fr-ww-sterkte.is-zwak .fr-ww-sterkte-balk > span { background: #b23b3b; } .fr-ww-sterkte.is-matig .fr-ww-sterkte-balk > span { background: #c07a2c; } .fr-ww-sterkte-tekst { color: var(--portal-muted); font-size: .78rem; white-space: nowrap; } .fr-ww-wikkel { position: relative; display: block; } .fr-ww-wikkel > input { width: 100%; padding-right: 5.2rem; } .fr-ww-kijk { position: absolute; top: 50%; right: .5rem; transform: translateY(-50%); padding: .25rem .55rem; border: 1px solid var(--portal-border, #d5d8de); border-radius: 6px; background: transparent; color: var(--portal-muted); font: inherit; font-size: .78rem; cursor: pointer; } .fr-ww-kijk:hover { color: var(--portal-primary, var(--local-brand, var(--fr-link, #4b3fdb))); border-color: var(--portal-primary, var(--local-brand, var(--fr-link, #4b3fdb))); } .portal-auth-form-v148 button.fr-ww-kijk, body[class*="site-theme-"] .portal-auth-form-v148 button.fr-ww-kijk { width: auto; min-height: 0; height: auto; padding: .25rem .55rem; line-height: 1.3; border: 1px solid var(--portal-border, var(--border, rgba(100,116,139,.28))); border-radius: 6px; background: transparent; color: var(--portal-muted, var(--ink-3, #64748b)); font-size: .78rem; font-weight: 600; } .portal-auth-form-v148 button.fr-ww-kijk:hover, body[class*="site-theme-"] .portal-auth-form-v148 button.fr-ww-kijk:hover { background: transparent; color: var(--portal-primary, var(--link, var(--accent-2, #4b3fdb))); border-color: var(--portal-primary, var(--link, var(--accent-2, #4b3fdb))); } @media (prefers-reduced-motion: reduce) { .fr-ww-sterkte-balk > span { transition: none; } } html:has(.portal-slide-panel-v20.is-open), body:has(.portal-slide-panel-v20.is-open) { overscroll-behavior-y: none; } .portal-passkey-2fa-v159{display:grid;gap:12px;margin-bottom:4px} .portal-otp-v160{ display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin-top:4px; } .portal-auth-form-v148 input.portal-otp-vak-v160, body[class*="site-theme-"] .portal-auth-form-v148 input.portal-otp-vak-v160{ width:100%; min-width:0; padding:10px 0; text-align:center; font-size:22px; font-weight:800; font-variant-numeric:tabular-nums; } .portal-auth-form-v148 input.portal-otp-echt-v160, body[class*="site-theme-"] .portal-auth-form-v148 input.portal-otp-echt-v160{ position:absolute; width:1px; min-width:0; height:1px; min-height:0; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; } .portal-otp-onder-v160{ display:grid; gap:2px; justify-items:start; } .portal-otp-status-v160{ min-height:1.2em; margin:0; } .portal-auth-form-v148 button.portal-otp-wissel-v160, body[class*="site-theme-"] .portal-auth-form-v148 button.portal-otp-wissel-v160{ justify-self:start; min-height:auto; padding:0; border:0; background:none; color:var(--local-brand,var(--fr-link,var(--accent-2,#4b3fdb))); font:inherit; font-size:13px; font-weight:700; text-decoration:underline; cursor:pointer; } .portal-auth-form-v148 button.portal-otp-wissel-v160:hover, body[class*="site-theme-"] .portal-auth-form-v148 button.portal-otp-wissel-v160:hover{ background:none; text-decoration:none; } @media(max-width:400px){ .portal-otp-v160{gap:6px} .portal-auth-form-v148 input.portal-otp-vak-v160, body[class*="site-theme-"] .portal-auth-form-v148 input.portal-otp-vak-v160{font-size:19px;padding:9px 0} } label.portal-remember-v149, body[class*="site-theme-"] label.portal-remember-v149, .portal-auth-card-v148 label.portal-remember-v149, body[class*="site-theme-"] .portal-auth-card-v148 label.portal-remember-v149{ display:flex; flex-direction:row; align-items:flex-start; gap:0.55rem; font-family:inherit; font-size:0.875rem; font-weight:400; line-height:1.5; letter-spacing:normal; text-transform:none; } .portal-confirm{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:16px} .portal-confirm[hidden]{display:none!important} .portal-confirm-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)} .portal-confirm-box{position:relative;z-index:1;width:min(420px,94vw);background:var(--local-panel,var(--panel,#fff));color:var(--local-text,var(--ink,#141b2d));border:1px solid var(--local-line,rgba(148,163,184,.4));border-radius:16px;box-shadow:0 20px 60px rgba(15,23,42,.25);padding:20px} .portal-confirm-box h2{color:inherit;margin:0 0 8px;font-size:1.1rem;line-height:1.3;font-weight:700} .portal-confirm-box p{margin:0 0 18px;line-height:1.55} .portal-confirm-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap} .portal-confirm-actions button{appearance:none;min-height:42px;padding:0 16px;border-radius:10px;border:1px solid var(--local-line,rgba(148,163,184,.5));background:var(--local-panel,var(--panel,#fff));color:inherit;font:inherit;font-weight:600;cursor:pointer} .portal-confirm-actions .is-primary{border-color:transparent;background:var(--local-brand,#4f46e5);color:var(--local-on-brand,#fff)} .portal-confirm-actions button:focus-visible{outline:2px solid var(--local-brand,#4f46e5);outline-offset:2px} @media (max-width:480px){.portal-confirm{align-items:flex-end;padding:0}.portal-confirm-box{width:100%;border-radius:16px 16px 0 0}.portal-confirm-actions{flex-direction:column-reverse}.portal-confirm-actions button{width:100%}} .portal-confirm-actions .is-danger{background:var(--local-danger,#b42318);color:var(--local-on-danger,#fff)} .portal-passkey-nieuw { margin-top: .75rem; } .portal-passkey-nieuw > summary { cursor: pointer; font-weight: 600; padding: .5rem 0; } .portal-passkey-nieuw[open] > summary { margin-bottom: .5rem; } .portal-mailcode { display: grid; gap: .75rem; } .portal-mailcode .portal-mailcode-melding { margin: 0; font-weight: 600; }
:root { --letterschaal: 1; } html[data-schaal="klein"] { --letterschaal: .93; } html[data-schaal="normaal"] { --letterschaal: 1; } html[data-schaal="groot"] { --letterschaal: 1.14; } .letterschaal, .theme-switch { display: inline-flex; gap: 1px; background: var(--letterschaal-lijn, rgba(128, 128, 128, .35)); border: 1px solid var(--letterschaal-lijn, rgba(128, 128, 128, .35)); border-radius: 5px; overflow: hidden; } .letterschaal button, .theme-switch button { border: 0; background: var(--letterschaal-vlak, transparent); color: var(--letterschaal-inkt, inherit); min-width: 34px; height: 32px; padding: 0 6px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; line-height: 1; border-radius: 0; } .letterschaal button > span, .theme-switch button > i { display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; line-height: 1; } .letterschaal button[data-letterschaal="klein"] > span { font-size: 11px; } .letterschaal button[data-letterschaal="normaal"] > span { font-size: 14px; } .letterschaal button[data-letterschaal="groot"] > span { font-size: 17px; } .letterschaal button[aria-pressed="true"], .theme-switch button[aria-pressed="true"] { background: var(--letterschaal-aan, #2c6ab0); color: var(--letterschaal-aan-inkt, #fff); } .letterschaal button:hover:not([aria-pressed="true"]), .theme-switch button:hover:not([aria-pressed="true"]) { background: var(--letterschaal-hover, rgba(128, 128, 128, .18)); } @media (prefers-reduced-motion: reduce) { .letterschaal button, .theme-switch button { transition: none; } } .letterschaal-in-kop { align-items: center; margin-left: .75rem; }
@font-face { font-family: "Newsreader"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/newsreader-latin.woff2") format("woff2"); } @font-face { font-family: "Newsreader"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/newsreader-italic-latin.woff2") format("woff2"); } @font-face { font-family: "Instrument Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/instrument-sans-latin.woff2") format("woff2"); } @font-face { font-family: "IBM Plex Sans"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/ibm-plex-sans-latin-var.woff2") format("woff2"); } @font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("/assets/fonts/ibm-plex-mono-latin.woff2") format("woff2"); } @font-face { font-family: "Fraunces"; font-style: normal; font-weight: 400 900; font-display: swap; src: url("/assets/fonts/fraunces-latin.woff2") format("woff2"); } @font-face { font-family: "Manrope"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("/assets/fonts/manrope-latin-var.woff2") format("woff2"); } @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("/assets/fonts/public-sans-latin.woff2") format("woff2"); } @font-face { font-family: "Space Grotesk"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/space-grotesk-latin.woff2") format("woff2"); } @font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/jetbrains-mono-latin.woff2") format("woff2"); } @font-face { font-family: "EB Garamond"; font-style: normal; font-weight: 400 800; font-display: swap; src: url("/assets/fonts/eb-garamond-latin-var.woff2") format("woff2"); } @font-face { font-family: "EB Garamond"; font-style: italic; font-weight: 400 800; font-display: swap; src: url("/assets/fonts/eb-garamond-italic-latin-var.woff2") format("woff2"); } @font-face { font-family: "Archivo"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/archivo-latin-var.woff2") format("woff2"); } @font-face { font-family: "Archivo"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/archivo-italic-latin-var.woff2") format("woff2"); } @font-face { font-family: "Space Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/assets/fonts/space-mono-latin.woff2") format("woff2"); } @font-face { font-family: "Space Mono"; font-style: normal; font-weight: 700; font-display: swap; src: url("/assets/fonts/space-mono-bold-latin.woff2") format("woff2"); } @font-face { font-family: "Bitter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/bitter-latin-var.woff2") format("woff2"); } @font-face { font-family: "Bitter"; font-style: italic; font-weight: 100 900; font-display: swap; src: url("/assets/fonts/bitter-italic-latin-var.woff2") format("woff2"); } @font-face { font-family: "Source Sans 3"; font-style: normal; font-weight: 200 900; font-display: swap; src: url("/assets/fonts/source-sans-3-latin-var.woff2") format("woff2"); } @font-face { font-family: "Source Sans 3"; font-style: italic; font-weight: 200 900; font-display: swap; src: url("/assets/fonts/source-sans-3-italic-latin-var.woff2") format("woff2"); } @font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 200 800; font-display: swap; src: url("/assets/fonts/bricolage-grotesque-latin-var.woff2") format("woff2"); }
html.cms-panel-open, html.cms-panel-open body { overscroll-behavior: none; } @media (max-width: 991.98px) { body:has(.portal-bottom-nav-v20), body:has(lh-bottom-nav) { padding-bottom: calc(var(--cms-nav-height, 70px) + 12px); } body .we-balk:not(.we-balk--kop) { bottom: calc(var(--cms-nav-height, 0px) + 10px); } html.cms-panel-open .we-balk { visibility: hidden; pointer-events: none; } body .letterschaal button, body .theme-switch button, body theme-toggle button { min-width: 44px; min-height: 44px; } body .portal-bottom-nav-v20, body .lh-bottom-nav { padding-left: max(4px, env(safe-area-inset-left)); padding-right: max(4px, env(safe-area-inset-right)); padding-bottom: max(5px, var(--veilige-onderrand, env(safe-area-inset-bottom, 0px))); } body .portal-bottom-nav-item-v20, body .lh-bn-item { min-height: 60px; } body .portal-slide-panel-v20 { bottom: var(--cms-nav-height, 0px); transition: visibility 0s .3s; } body .portal-slide-panel-v20.is-open { transition-delay: 0s; } body .portal-slide-panel-v20 .portal-slide-body-v20 { box-sizing: border-box; height: var(--cms-panel-height, calc(100dvh - var(--cms-nav-height, 0px))); max-height: var(--cms-panel-height, calc(100dvh - var(--cms-nav-height, 0px))); border-radius: 0; padding-top: env(safe-area-inset-top); padding-bottom: max(12px, var(--veilige-onderrand, env(safe-area-inset-bottom, 0px))); padding-left: max(0px, env(safe-area-inset-left)); padding-right: max(0px, env(safe-area-inset-right)); opacity: 0; transform: translateY(100%); transition: transform .3s cubic-bezier(.22,.61,.36,1), opacity .24s ease; } body .portal-slide-panel-v20 .lh-menu-body { padding-left: max(24px, env(safe-area-inset-left)); padding-right: max(24px, env(safe-area-inset-right)); } body .portal-slide-panel-v20.is-open .portal-slide-body-v20 { opacity: 1; transform: translateY(0); } body .portal-slide-content-v20 { min-height: 0; scrollbar-width: none; } body .portal-slide-content-v20::-webkit-scrollbar { display: none; } body .portal-slide-link-v20, body .lh-menu-link { min-height: 48px; } body .portal-slide-link-v20 { padding-top: 9px; padding-bottom: 9px; } body .portal-slide-content-v20[data-meer-onder] { -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 2.75rem), transparent); mask-image: linear-gradient(to bottom, #000 calc(100% - 2.75rem), transparent); } body .portal-slide-header-v20 { touch-action: pan-x; } body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="range"]):not([type="color"]):not([type="file"]), body select, body textarea { font-size: max(16px, 1em); min-height: 44px; } } .dorps-instellingen-knop { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; padding: 0; border: 1px solid var(--fr-rand, #aaa); border-radius: 12px; background: var(--fr-kaart); color: var(--fr-tekst); cursor: pointer; } .dorps-desktop-voorkeuren { display: none; } @media (min-width: 1025px) { .dorps-desktop-voorkeuren + .dorps-instellingen-knop { display: none; } .dorps-desktop-voorkeuren { display: flex; align-items: center; gap: 10px; } .dorps-desktop-voorkeuren .letterschaal { margin: 0; } } .dorps-instellingen-knop svg { width: 22px; height: 22px; } .cms-compacte-voorkeuren { display: grid; grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)); gap: 8px; } .cms-compacte-voorkeuren .letterschaal, .cms-compacte-voorkeuren .theme-switch { display: flex; width: 100%; min-width: 0; margin: 0; box-sizing: border-box; } .cms-compacte-voorkeuren .letterschaal button, .cms-compacte-voorkeuren .theme-switch button { flex: 1; min-width: 44px; min-height: 44px; padding: 0; } @media (max-width: 1024px) { .dorps-linkerrail { display: none; } .dorps-instellingen .portal-slide-close-v20 { display: none; } .dorps-instellingen .dorps-menugroep { margin-bottom: 12px; } } @media (max-width: 991.98px) { .lodewijk-pwa-weergave .portal-slide-close-v20 { display: none; } } .dorps-instellingen .dorps-plaatskop { font: 600 15px/1.4 var(--fr-sans, sans-serif); margin: 20px 4px 10px; } .dorps-instellingen .dorps-menugroep > span { display: block; padding: 14px; } .dorps-instellingen .portal-slide-content-v20 { scrollbar-width: none; } :is(.dorps-instellingen, .kh-kaart-scherm) .portal-slide-close-v20 { flex: 0 0 44px; width: 44px; height: 44px; font-size: 22px; } @media (min-width: 1025px) { body .dorps-instellingen .portal-slide-body-v20 { left: auto; width: min(420px, 100%); height: var(--cms-panel-height, 100dvh); max-height: var(--cms-panel-height, 100dvh); padding-bottom: 16px; border-radius: 0; } } .dorps-meer .portal-slide-header-v20 strong { font: 700 26px/1.3 var(--fr-sans, sans-serif); text-transform: none; letter-spacing: 0; color: var(--fr-tekst); } .dorps-meer .portal-slide-content-v20 { padding: 14px 16px 24px; } .dorps-meer h2 { font: 600 16px/1.4 var(--fr-sans, sans-serif); color: var(--fr-tekst); margin: 24px 4px 10px; } .dorps-meer .dorps-menugroep { border: 1px solid var(--fr-rand, #aaa); border-radius: 16px; overflow: hidden; background: var(--fr-bg); } .dorps-meer .dorps-menugroep a { min-height: 54px; box-sizing: border-box; padding: 14px; gap: 12px; font: 400 16px/1.4 var(--fr-sans, sans-serif); } .dorps-meer .dorps-menugroep a:last-child { border-bottom: 0; } .dorps-meer .dorps-menugroep a > span { flex: 1; min-width: 0; overflow-wrap: anywhere; } .dorps-meer .dorps-menugroep small { display: block; font-size: 13px; margin-top: 3px; } .dorps-meer .dorps-menugroep .bi-chevron-right { font-size: 12px; } .dorps-meer .fr-zoek-paneel { width: 100%; box-sizing: border-box; margin: 24px 0 0; padding: 0; } .dorps-meer .portal-zoek__label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; } .dorps-meer .portal-zoek__uitleg { display: none; } @media (max-width: 1024px) { body:has(.dorps-onderbalk) .fr-header [data-fr-head] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } body:has(.dorps-onderbalk) .fr-merk { flex: 1 1 150px; min-width: 0; } body:has(.dorps-onderbalk) .fr-merk-naam { padding-right: 0; min-height: 0; white-space: normal; overflow: visible; display: block; overflow-wrap: anywhere; } body:has(.dorps-onderbalk) [data-fr-acties] { position: static; margin: 0 0 0 auto; flex: 0 0 auto; } body:has(.dorps-onderbalk) .fr-merk-sub { white-space: normal; } body:has(.dorps-onderbalk) .fr-bezoek-tekst { min-width: 0; overflow-wrap: anywhere; } body:has(.dorps-onderbalk) .pbm-kaart { box-sizing: border-box; width: auto; left: 12px; right: 12px; margin-left: auto; bottom: calc(var(--cms-nav-height, 70px) + 12px); max-height: calc(var(--cms-panel-height, 100dvh) - 24px); overflow-y: auto; } body .dorps-onderbalk { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); } body .dorps-onderbalk .portal-bottom-nav-item-v20 { min-width: 0; min-height: 64px; padding: 8px 1px; gap: 6px; font: 500 11px/1.2 var(--fr-sans, sans-serif); letter-spacing: 0; text-transform: none; } body .dorps-onderbalk .portal-bottom-nav-item-v20 > span { max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-overflow: clip; overflow: visible; } .dorps-onderbalk .portal-bottom-nav-item-v20 i { width: 36px; padding: 3px 0; border-radius: 16px; text-align: center; } .dorps-onderbalk .is-active i, .dorps-onderbalk [aria-expanded="true"] i { background: #ffffff20; } } @media (min-width: 992px) and (max-width: 1024px) { body:has(.dorps-onderbalk) { padding-bottom: calc(var(--cms-nav-height, 70px) + 12px); } body .dorps-meer { bottom: var(--cms-nav-height, 0px); } body .dorps-meer .portal-slide-body-v20 { box-sizing: border-box; height: var(--cms-panel-height, calc(100dvh - var(--cms-nav-height, 0px))); max-height: var(--cms-panel-height, calc(100dvh - var(--cms-nav-height, 0px))); border-radius: 0; padding-top: env(safe-area-inset-top); padding-bottom: 12px; opacity: 0; transition: transform .3s cubic-bezier(.22,.61,.36,1), opacity .24s ease; } body .dorps-meer.is-open .portal-slide-body-v20 { opacity: 1; transform: translateY(0); } body .dorps-meer .portal-slide-content-v20 { min-height: 0; scrollbar-width: none; } html.cms-panel-open body:has(.dorps-onderbalk) .we-balk { visibility: hidden; pointer-events: none; } } @media (prefers-reduced-motion: reduce) { body .portal-slide-panel-v20, body .portal-slide-panel-v20 .portal-slide-body-v20, body .portal-slide-panel-v20 .portal-slide-backdrop-v20 { transition: none; } } @media (min-width: 1025px) { html[data-schaal] body [data-fr-body]:has(> .dorps-linkerrail):has(> main + aside) { grid-template-columns: clamp(12rem, 19vw, 18rem) minmax(0, 1fr) clamp(13rem, 21vw, 20rem); } html[data-schaal] body [data-fr-body] > aside[data-fr-rail]:last-child { grid-column: auto; border-top: 0; border-left: 1px solid var(--fr-rand); } html[data-schaal] body [data-fr-body] > aside[data-fr-rail]:is(:first-child, :last-child) .fr-rail-inhoud { position: sticky; top: 1rem; } html[data-schaal] body [data-fr-body] > aside[data-fr-rail]:last-child .fr-clubs-lijst { column-count: 1; grid-template-columns: minmax(0, 1fr); } [data-fr-rail] > .fr-rail-inhoud:not(.dorps-rail-onder) { max-height: max(5rem, calc(100dvh - var(--dorps-rail-top, 10rem) - 1rem)); overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: none; } [data-fr-rail] > .fr-rail-inhoud::-webkit-scrollbar { display: none; } [data-fr-rail] > .fr-rail-inhoud > * { flex-shrink: 0; } }