/*!
 * 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?c1f746b634") 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-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-bank::before{content:"\f62e"} .bi-bell::before{content:"\f18a"} .bi-binoculars::before{content:"\f18f"} .bi-book-half::before{content:"\f193"} .bi-bookmark::before{content:"\f1a2"} .bi-bookmark-star::before{content:"\f19f"} .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-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-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-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-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-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-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-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; } @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; } }
@view-transition{navigation:auto} :root{color-scheme:light;--hnv-paper:#f8f6f0;--hnv-surface:#fffefa;--hnv-ink:#182d3e;--hnv-muted:#52636b;--hnv-accent:#146961;--hnv-soft:#e6efea;--hnv-line:#d3ddd7;--hnv-input-line:#7c9091;--hnv-amber:#d99b37;--hnv-button-text:#fff;--hnv-error:#9b3128;--hnv-error-bg:#ffefea;--hnv-heading:'Bitter',Georgia,serif;--fr-bg:var(--hnv-paper);--fr-tekst:var(--hnv-ink);--fr-groen:var(--hnv-accent)} @media(prefers-color-scheme:dark){:root:not([data-hnv-theme=light]){color-scheme:dark;--hnv-paper:#14232c;--hnv-surface:#1a2e38;--hnv-ink:#eef2ed;--hnv-muted:#b6c5cc;--hnv-accent:#83d4c6;--hnv-soft:#223d40;--hnv-line:#3a535a;--hnv-input-line:#728d92;--hnv-amber:#e7b65b;--hnv-button-text:#12302d;--hnv-error:#ffc1b3;--hnv-error-bg:#492c2a}} :root[data-hnv-theme=dark]{color-scheme:dark;--hnv-paper:#14232c;--hnv-surface:#1a2e38;--hnv-ink:#eef2ed;--hnv-muted:#b6c5cc;--hnv-accent:#83d4c6;--hnv-soft:#223d40;--hnv-line:#3a535a;--hnv-input-line:#728d92;--hnv-amber:#e7b65b;--hnv-button-text:#12302d;--hnv-error:#ffc1b3;--hnv-error-bg:#492c2a} *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-block-start:110px}body.hnv-body{margin:0;background:var(--hnv-paper);color:var(--hnv-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:17px;line-height:1.7}body:has(.hnv-menu[open]){overflow:hidden}[hidden]{display:none}img,svg{max-inline-size:100%;block-size:auto}button,input,textarea,select{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}a{color:var(--hnv-accent);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--hnv-accent);outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait}h1,h2,h3{font-family:var(--hnv-heading);font-weight:560;line-height:1.2;letter-spacing:-.025em;text-wrap:balance;margin-block:0 .65em}h1{font-size:clamp(2.3rem,4.7vw,4.4rem);max-inline-size:19ch}h2{font-size:clamp(1.65rem,2.6vw,2.35rem)}h3{font-size:1.4rem}p,li{text-wrap:pretty;overflow-wrap:anywhere}p{margin-block:0 1.2em}ul,ol{padding-inline-start:1.5em}li+li{margin-block-start:.6em}::selection{background:var(--hnv-amber);color:#182d3e}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hnv-wrap{inline-size:min(100% - 48px,1180px);margin-inline:auto}.hnv-section{padding-block:72px}.hnv-prose{inline-size:min(100% - 48px,68ch);margin-inline:auto}.hnv-prose>section{margin-block:2.8rem}.hnv-prose h2{margin-block-start:1.5em}.hnv-prose .hnv-callout h2,.hnv-callout>h2{margin-block-start:0}.hnv-prose table{display:block;max-inline-size:100%;overflow:auto}.hnv-prose td,.hnv-prose th{padding:.55em;border-block-end:1px solid var(--hnv-line)}.hnv-eyebrow{color:var(--hnv-accent);font-size:.76rem;font-weight:700;letter-spacing:.075em;line-height:1.7;margin-block-end:1.1rem;text-transform:uppercase}.hnv-lead{font-size:1.14rem}.hnv-intro{max-inline-size:68ch}.hnv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:26px}.hnv-button,.ervaringen-button,.hnv-auth-card button:not(.hnv-theme-toggle),.portal-passkey-btn-v159{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-block-size:48px;padding:11px 22px;border:1px solid var(--hnv-accent);border-radius:7px;background:var(--hnv-accent);color:var(--hnv-button-text);font-size:.92rem;font-weight:650;line-height:1.5;text-decoration:none;text-align:center}.hnv-button:hover,.ervaringen-button:hover,.hnv-auth-card button:hover{background:color-mix(in srgb,var(--hnv-accent) 88%,var(--hnv-ink));color:var(--hnv-button-text);text-decoration:none}.hnv-button-secondary,.hnv-auth-card .hnv-button-secondary{background:transparent;color:var(--hnv-accent)}.hnv-button-secondary:hover,.hnv-auth-card .hnv-button-secondary:hover{background:var(--hnv-soft);color:var(--hnv-accent)}.hnv-text-link{display:inline-flex;align-items:center;gap:.6rem;font-size:.94rem;font-weight:650;min-block-size:44px}.hnv-breadcrumb,.ervaringen-breadcrumb{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;font-size:.8rem;color:var(--hnv-muted);margin-block-end:2rem}.hnv-breadcrumb a,.ervaringen-breadcrumb a{padding-block:4px}.hnv-breadcrumb [aria-current],.ervaringen-breadcrumb [aria-current]{overflow-wrap:anywhere}.hnv-header{position:sticky;inset-block-start:0;z-index:30;border-block-end:1px solid var(--hnv-line);background:var(--hnv-paper)}.hnv-header-inner{max-inline-size:1420px;padding:18px 28px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;min-block-size:89px}.hnv-brand{display:flex;align-items:center;gap:12px;flex-shrink:0;color:var(--hnv-ink);text-decoration:none;line-height:1.2;font-size:.78rem}.hnv-brand strong{display:block;font-family:var(--hnv-heading);font-weight:650;font-size:1.55rem;letter-spacing:-.02em;margin-block-start:3px}.hnv-brand img{inline-size:38px;block-size:38px}.hnv-desktop-nav{display:flex;align-items:center;gap:22px}.hnv-desktop-nav a{display:flex;align-items:center;min-block-size:44px;color:var(--hnv-ink);text-decoration:none;font-size:.84rem;white-space:nowrap}.hnv-desktop-nav a[aria-current]{color:var(--hnv-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.hnv-header-actions{display:flex;align-items:center;gap:12px}.hnv-theme-toggle{inline-size:44px;block-size:44px;background:transparent;border:1px solid var(--hnv-line);border-radius:50%;color:var(--hnv-ink);font-size:1.35rem;line-height:1}.hnv-theme-toggle:hover{background:var(--hnv-soft)}.hnv-account{font-size:.83rem;white-space:nowrap;min-block-size:44px;display:flex;align-items:center;color:var(--hnv-ink)}.hnv-hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:70px;align-items:center;padding-block:80px 76px}.hnv-hero h1{max-inline-size:15ch}.hnv-hero-note{border-inline-start:1px solid var(--hnv-line);padding:30px 0 30px 34px;font-family:var(--hnv-heading);font-size:1.4rem;line-height:1.55}.hnv-hero-note>p{margin-block:1.7rem}.hnv-line-motif{display:flex;align-items:center;gap:7px;block-size:62px}.hnv-line-motif span{inline-size:8px;border-radius:6px;background:var(--hnv-accent);block-size:20px}.hnv-line-motif span:nth-child(2){block-size:35px}.hnv-line-motif span:nth-child(3){block-size:62px;background:var(--hnv-amber)}.hnv-line-motif span:nth-child(4){block-size:42px}.hnv-line-motif span:nth-child(5){block-size:25px}.hnv-count{font-family:system-ui,sans-serif;padding-block-start:1.3rem;border-block-start:1px solid var(--hnv-line);font-size:.85rem;color:var(--hnv-muted)}.hnv-count strong{display:block;font-family:var(--hnv-heading);font-size:3.9rem;line-height:1.1;color:var(--hnv-accent);font-weight:500}.hnv-section-heading{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;margin-block-end:28px}.hnv-section-heading h2{margin:0}.hnv-section-heading .hnv-eyebrow{margin-block-end:.5rem}.hnv-empty{border:1px dashed var(--hnv-input-line);border-radius:10px;padding:32px;background:var(--hnv-surface)}.hnv-empty p{margin-block-end:.4rem}.hnv-story-band{background:var(--hnv-soft);border-block:1px solid var(--hnv-line)}.hnv-story-preview{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;padding-block:65px}.hnv-story-preview h2{max-inline-size:13ch}.hnv-summary{list-style:none;padding:0;margin:0}.hnv-summary li{border-inline-start:3px solid var(--hnv-amber);padding-inline-start:23px;padding-block:3px;font-size:.96rem}.hnv-summary li+li{margin-block-start:24px}.hnv-page-header{padding-block:55px 45px}.hnv-timeline-layout{display:grid;grid-template-columns:170px minmax(0,68ch);justify-content:center;gap:56px;align-items:start}.hnv-years{position:sticky;inset-block-start:125px;padding-block:20px}.hnv-years>span{font-size:.78rem;color:var(--hnv-muted)}.hnv-years>div{display:grid;margin-block-start:10px}.hnv-years a{display:block;min-block-size:44px;padding:7px 13px;border-inline-start:2px solid var(--hnv-line);text-decoration:none;font-size:1rem}.hnv-years a:hover,.hnv-years a:focus-visible{background:var(--hnv-soft);border-color:var(--hnv-accent)}.hnv-year{scroll-margin-block-start:125px;content-visibility:auto;contain-intrinsic-size:auto 1000px}.hnv-year>h2{color:var(--hnv-accent);font-size:3rem;margin-block:14px 25px}.hnv-moment{padding:30px 0 34px 28px;border-inline-start:1px solid var(--hnv-line);position:relative}.hnv-moment::before{content:'';position:absolute;inline-size:11px;block-size:11px;inset-inline-start:-6px;inset-block-start:39px;background:var(--hnv-amber);border-radius:50%}.hnv-moment>time{display:block;font-size:.77rem;color:var(--hnv-muted);margin-block-end:10px}.hnv-moment h3{font-size:1.55rem;margin-block-end:18px}.hnv-moment p{font-size:1rem}.hnv-moment details summary{cursor:pointer;color:var(--hnv-accent);min-block-size:44px;padding-block:8px}.hnv-moment details[open]>summary{margin-block-end:12px}.hnv-quote{margin:22px 0 4px;background:var(--hnv-soft);border-inline-start:3px solid var(--hnv-accent);padding:20px 24px;border-radius:0 7px 7px 0}.hnv-quote blockquote{margin:0}.hnv-quote blockquote p{font-family:var(--hnv-heading);font-size:1.05rem;line-height:1.7;margin:0}.hnv-quote figcaption{font-size:.77rem;color:var(--hnv-muted);margin-block-start:13px}.hnv-callout{padding:30px;background:var(--hnv-soft);border-radius:9px;margin-block:30px}.hnv-steps{list-style:none;padding:0;counter-reset:hnv-step}.hnv-steps li{counter-increment:hnv-step;position:relative;padding-inline-start:52px;margin-block:28px}.hnv-steps li::before{content:counter(hnv-step);position:absolute;inset-inline-start:0;inline-size:34px;block-size:34px;border-radius:50%;background:var(--hnv-soft);color:var(--hnv-accent);text-align:center;font-weight:700;line-height:34px}.hnv-steps p{margin-block-start:5px}.ervaringen-content{inline-size:min(100% - 48px,1180px);margin-inline:auto;padding-block:52px 78px}.ervaringen-content>h1{margin-block-end:.4em}.ervaringen-content>header,.ervaringen-story{max-inline-size:68ch}.ervaringen-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;container-type:inline-size}.ervaringen-card{display:flex;flex-direction:column;align-items:flex-start;min-inline-size:0;padding:27px;border:1px solid var(--hnv-line);border-radius:10px;background:var(--hnv-surface);content-visibility:auto;contain-intrinsic-size:auto 330px}.ervaringen-card h2,.ervaringen-card h3{font-size:1.45rem;margin-block:.5rem .8rem}.ervaringen-card h2 a,.ervaringen-card h3 a{color:var(--hnv-ink);text-decoration:none}.ervaringen-card h2 a:hover,.ervaringen-card h3 a:hover{text-decoration:underline}.ervaringen-card>p:not(.ervaringen-meta){font-size:.92rem;line-height:1.7}.ervaringen-card .ervaringen-meta{font-size:.73rem;margin-block-end:.5rem}.ervaringen-meta{color:var(--hnv-muted);font-size:.85rem}.ervaringen-read{display:flex;align-items:center;min-block-size:44px;font-weight:650;font-size:.88rem;margin-block-start:auto}.ervaringen-filters{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;border-block:1px solid var(--hnv-line);padding-block:22px;margin-block:28px}.ervaringen-filters label{display:grid;gap:6px;font-weight:600;font-size:.83rem;min-inline-size:150px;flex:1}.ervaringen-filters select{inline-size:100%;max-inline-size:100%;block-size:48px;background:var(--hnv-surface);color:var(--hnv-ink);border:1px solid var(--hnv-input-line);border-radius:6px;padding:7px 35px 7px 12px}.ervaringen-filters>a{min-block-size:48px;display:flex;align-items:center;font-size:.88rem}.ervaringen-story{padding-block:25px 15px;line-height:1.85}.ervaringen-recognition{padding:25px;background:var(--hnv-soft);border-radius:8px;max-inline-size:68ch}.ervaringen-recognition p{margin-block-end:.5em}.ervaringen-recognition button[aria-pressed=true]{border:2px solid var(--hnv-ink)}.ervaringen-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding-block:28px;font-size:.9rem;max-inline-size:100%}.ervaringen-pagination a{display:flex;align-items:center;min-block-size:44px;max-inline-size:min(100%,32ch)}.ervaringen-pagination span{align-self:center}.ervaringen-actions{margin-block:28px 0}.hnv-auth{max-inline-size:550px;inline-size:calc(100% - 48px);margin-inline:auto}.hnv-auth h1{font-size:clamp(2rem,4vw,2.8rem)}.hnv-auth-card{background:var(--hnv-surface);padding:30px;border:1px solid var(--hnv-line);border-radius:10px;margin-block-start:28px}.hnv-form,.hnv-auth-card .portal-auth-form-v148{display:grid;gap:18px}.hnv-form label,.hnv-auth-card .portal-auth-form-v148 label{display:grid;gap:7px;font-size:.88rem;font-weight:600}.hnv-form input:not([type=checkbox]):not([type=hidden]),.hnv-form textarea,.hnv-auth-card input:not([type=checkbox]):not([type=hidden]){inline-size:100%;min-inline-size:0;min-block-size:48px;border:1px solid var(--hnv-input-line);border-radius:6px;padding:11px 13px;background:var(--hnv-paper);color:var(--hnv-ink);font-size:1rem}.hnv-form textarea{resize:vertical;line-height:1.6}.hnv-form .hnv-check,.hnv-auth-card .portal-remember-v149{display:flex;align-items:flex-start;gap:11px;font-size:.82rem;font-weight:400;line-height:1.65}.hnv-check input,.hnv-auth-card input[type=checkbox]{inline-size:19px;block-size:19px;flex-shrink:0;margin-block-start:4px;accent-color:var(--hnv-accent)}.hnv-hint,.hnv-auth-card small,.hnv-auth-card .portal-auth-hint-v148{font-size:.8rem;color:var(--hnv-muted);line-height:1.65;margin:0}.hnv-auth-links{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-block-start:24px;font-size:.84rem}.hnv-honeypot{position:absolute;inset-inline-start:-9999px;inline-size:1px;block-size:1px;overflow:hidden}.hnv-notice,.hnv-auth-card .alert{padding:16px;background:var(--hnv-soft);border:1px solid var(--hnv-accent);border-radius:6px}.hnv-notice-error,.hnv-auth-card .alert-danger{color:var(--hnv-error);background:var(--hnv-error-bg);border-color:var(--hnv-error)}.hnv-auth-card .portal-auth-divider-v159{margin-block:20px;color:var(--hnv-muted);font-size:.8rem}.hnv-auth-card .fr-ww-hulp{font-size:.78rem;line-height:1.6;color:var(--hnv-muted)}.hnv-auth-card .fr-ww-eisen,.hnv-auth-card .fr-ww-adviezen{padding-inline-start:20px}.hnv-auth-card .fr-ww-verplicht{display:block;font-size:.7rem}.hnv-auth-card .fr-ww-eis-ok{color:var(--hnv-accent)}.hnv-auth-card .fr-ww-sterkte-balk{display:block;block-size:5px;background:var(--hnv-line)}.hnv-auth-card .fr-ww-sterkte-balk>span{display:block;block-size:5px;background:var(--hnv-accent)}.hnv-footer{padding-block:54px 24px;background:#182d3e;color:#dfe9e4;font-size:.86rem}.hnv-footer a{color:#dfe9e4}.hnv-footer-brand{font-family:var(--hnv-heading);font-size:1.18rem;text-decoration:none}.hnv-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:42px}.hnv-footer p{font-size:.83rem;line-height:1.8;margin-block:16px}.hnv-footer nav{display:grid;align-content:start;gap:4px}.hnv-footer nav a{padding-block:5px;text-decoration:none}.hnv-footer nav a:hover{text-decoration:underline}.hnv-footer-bottom{display:flex;gap:20px;justify-content:space-between;margin-block-start:36px;padding-block-start:20px;border-block-start:1px solid #48606c;font-size:.73rem}.hnv-mobile-nav{display:none}.hnv-menu{border:1px solid var(--hnv-line);border-radius:18px 18px 0 0;background:var(--hnv-surface);color:var(--hnv-ink);padding:24px;inline-size:min(100%,540px);max-inline-size:100%;max-block-size:calc(100dvh - 80px);margin:auto auto 0;inset-block-end:0;padding-block-end:calc(30px + var(--veilige-onderrand,env(safe-area-inset-bottom,0px)))}.hnv-menu::backdrop{background:#0b1728b8}.hnv-menu-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-block-end:20px}.hnv-menu-head h2{font-size:1.5rem;margin:0}.hnv-menu-head button{inline-size:44px;block-size:44px;border:1px solid var(--hnv-line);border-radius:50%;background:var(--hnv-soft);color:var(--hnv-ink);font-size:1.8rem;line-height:1}.hnv-menu nav{display:grid}.hnv-menu nav a{min-block-size:48px;padding:9px 0;border-block-end:1px solid var(--hnv-line);text-decoration:none;color:var(--hnv-ink)}.hnv-menu p{font-size:.75rem;color:var(--hnv-muted);margin-block:22px 0}.contact-geblokkeerd{inline-size:min(100% - 48px,68ch);margin-inline:auto;padding-block:70px}.hnv-body #main{min-block-size:55vh} @container(max-width:660px){.ervaringen-card{padding:22px}.ervaringen-card h2,.ervaringen-card h3{font-size:1.3rem}} @media(max-width:1180px){.hnv-header-inner{padding-inline:24px;gap:15px}.hnv-desktop-nav{gap:14px}.hnv-desktop-nav a{font-size:.78rem}.hnv-account{font-size:.78rem}.hnv-brand strong{font-size:1.3rem}.hnv-brand img{inline-size:32px;block-size:32px}.hnv-header-actions{gap:8px}.hnv-hero{gap:40px}} @media(max-width:1024px){html{scroll-padding-block-start:95px}.hnv-header-inner{min-block-size:78px;padding-block:13px}.hnv-desktop-nav,.hnv-account{display:none}.hnv-header-actions{margin-inline-start:auto}.hnv-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset-inline:0;inset-block-end:0;z-index:40;background:var(--hnv-surface);border-block-start:1px solid var(--hnv-line);padding-block-end:var(--veilige-onderrand,env(safe-area-inset-bottom,0px))}.hnv-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-block-size:65px;font-size:.68rem;color:var(--hnv-muted);text-decoration:none;line-height:1.5}.hnv-mobile-nav a>span{font-size:1.35rem;line-height:1.2}.hnv-mobile-nav a[aria-current]{color:var(--hnv-accent);background:var(--hnv-soft)}.hnv-footer{padding-block-end:calc(95px + var(--veilige-onderrand,env(safe-area-inset-bottom,0px)))}.hnv-hero{grid-template-columns:minmax(0,1fr) 200px;padding-block:55px}.hnv-hero-note{padding-inline-start:24px;font-size:1.15rem}.ervaringen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hnv-timeline-layout{grid-template-columns:120px minmax(0,1fr);gap:25px}.hnv-years{inset-block-start:95px}.hnv-year{scroll-margin-block-start:95px}.hnv-story-preview{gap:35px}} @media(max-width:700px){body.hnv-body{font-size:16px}.hnv-wrap,.hnv-prose,.ervaringen-content{inline-size:calc(100% - 40px)}.hnv-header-inner{padding-inline:20px}.hnv-section{padding-block:46px}.hnv-hero{display:block;padding-block:46px}.hnv-hero h1{font-size:clamp(2.45rem,9.8vw,3.5rem);max-inline-size:15ch}.hnv-hero-note{margin-block-start:32px;padding:20px 0 0;border-inline-start:0;border-block-start:1px solid var(--hnv-line);display:flex;align-items:center;gap:24px}.hnv-line-motif{flex-shrink:0;transform:scale(.8);transform-origin:left center;inline-size:65px}.hnv-hero-note>p{display:none}.hnv-count{border:0;padding:0;font-size:.8rem}.hnv-count strong{font-size:2.7rem}.hnv-section-heading{display:block}.hnv-section-heading .hnv-text-link{margin-block-start:12px}.ervaringen-grid{grid-template-columns:minmax(0,1fr)}.hnv-story-preview{display:block;padding-block:43px}.hnv-story-preview h2{max-inline-size:18ch}.hnv-summary{margin-block-start:27px}.hnv-timeline-layout{display:block}.hnv-page-header{padding-block:35px 25px}.hnv-years{position:sticky;inset-block-start:78px;background:var(--hnv-paper);z-index:10;padding-block:9px 12px;max-inline-size:100%;border-block-end:1px solid var(--hnv-line);margin-block-end:22px}.hnv-years>span{display:none}.hnv-years>div{display:flex;gap:5px;overflow:auto;overscroll-behavior-inline:contain;margin:0;scrollbar-width:thin}.hnv-years a{flex:0 0 auto;padding:9px 14px;border:1px solid var(--hnv-line);border-radius:5px;font-size:.85rem}.hnv-year{scroll-margin-block-start:154px}.hnv-year>h2{font-size:2.6rem}.hnv-moment{padding-inline-start:22px}.hnv-moment h3{font-size:1.4rem}.hnv-quote{padding:17px}.hnv-quote blockquote p{font-size:1rem}.hnv-callout{padding:24px;margin-block:24px}.hnv-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.hnv-footer-grid>div{grid-column:1/-1}.hnv-footer-bottom{flex-wrap:wrap}.hnv-auth{inline-size:calc(100% - 40px)}.hnv-auth-card{padding:23px}.hnv-auth h1{font-size:2.15rem}.ervaringen-content{padding-block:32px 46px}.ervaringen-filters{gap:14px}.ervaringen-filters label{flex-basis:100%;min-inline-size:0}.ervaringen-pagination{font-size:.82rem}.ervaringen-pagination a{max-inline-size:100%}.hnv-breadcrumb,.ervaringen-breadcrumb{font-size:.74rem}.hnv-button,.ervaringen-button{font-size:.88rem;padding-inline:18px}} @media(prefers-reduced-motion:reduce){@view-transition{navigation:none}html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms;transition-duration:.01ms;scroll-behavior:auto}} .hnv-auth-card .fr-ww-wikkel{display:flex;align-items:stretch;gap:8px;min-inline-size:0}.hnv-auth-card .fr-ww-wikkel input{min-inline-size:0;flex:1}.hnv-auth-card .fr-ww-kijk{min-block-size:44px;padding-inline:12px;flex-shrink:0;font-size:.75rem}.hnv-auth-card .fr-ww-eisen .is-goed{color:var(--hnv-accent)} .hnv-body [hidden]{display:none} .hnv-news-heading .hnv-intro{max-inline-size:68ch}.hnv-news-list{padding-block-start:24px}.hnv-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.hnv-news-card{min-inline-size:0;border:1px solid var(--hnv-line);border-radius:10px;overflow:hidden;background:var(--hnv-surface);container-type:inline-size}.hnv-news-card-body{padding:24px}.hnv-news-card h2{font-size:1.4rem;margin-block:8px 14px;line-height:1.3;text-wrap:balance}.hnv-news-card h2 a{color:var(--hnv-ink);text-decoration:none}.hnv-news-card h2 a:hover{text-decoration:underline;text-decoration-color:var(--hnv-accent)}.hnv-news-card-body>p:last-child{margin-block-end:0}.hnv-news-card p{font-size:.9rem;line-height:1.65}.hnv-news-photo{display:block;aspect-ratio:16/9;background:var(--hnv-soft);overflow:hidden}.hnv-news-photo picture,.hnv-news-photo img{display:block;inline-size:100%;block-size:100%;object-fit:cover}.hnv-news-meta{font-size:.78rem;color:var(--hnv-muted);margin-block:0 12px}.hnv-news-featured{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;margin-block-end:32px;container-type:normal}.hnv-news-featured .hnv-news-card-body{padding:36px}.hnv-news-featured h2{font-size:clamp(1.5rem,2.3vw,2.2rem)}.hnv-news-featured p{font-size:1rem}.hnv-news-article h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1.15}.hnv-news-hero{max-inline-size:1016px;margin-block:32px 40px}.hnv-news-hero picture,.hnv-news-hero img{display:block;inline-size:100%;block-size:auto;border-radius:8px}.hnv-news-article figcaption{color:var(--hnv-muted);font-size:.8rem;line-height:1.6;margin-block-start:10px}.hnv-news-text{overflow-wrap:anywhere}.hnv-news-text figure{margin:28px 0}.hnv-news-text img,.hnv-news-text picture{display:block;max-inline-size:100%;block-size:auto}.hnv-news-text table{display:block;max-inline-size:100%;overflow:auto}.hnv-news-text blockquote{margin-inline:0;padding-inline:22px;border-inline-start:3px solid var(--hnv-accent)}.hnv-news-sources{margin-block:32px;padding-block:20px;border-block-start:1px solid var(--hnv-line)}.hnv-news-sources h2{font-size:1.2rem}.hnv-news-sources ul{font-size:.85rem;padding-inline-start:20px;overflow-wrap:anywhere}.hnv-news-pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;margin-block:32px} @container(max-width:320px){.hnv-news-card-body{padding:20px}.hnv-news-card h2{font-size:1.25rem}} @media(max-width:1024px){.hnv-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hnv-news-featured .hnv-news-card-body{padding:24px}} @media(max-width:700px){.hnv-news-grid,.hnv-news-featured{grid-template-columns:minmax(0,1fr)}.hnv-news-featured .hnv-news-card-body{padding:24px}.hnv-news-hero{margin-block:24px}.hnv-news-pagination{gap:12px;font-size:.82rem}}
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:#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:#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"); }
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; } }