/*!
 * 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?0c723dcce2") 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-activity::before{content:"\f66b"} .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-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-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-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-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-code-slash::before{content:"\f2c6"} .bi-columns-gap::before{content:"\f2cd"} .bi-compass::before{content:"\f2d1"} .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-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-envelope::before{content:"\f32f"} .bi-envelope-at::before{content:"\f84c"} .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-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-pdf::before{content:"\f63e"} .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-gear-wide-connected::before{content:"\f3e3"} .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-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-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-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-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-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-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-circle::before{content:"\f4f3"} .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-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-router-fill::before{content:"\f6eb"} .bi-rulers::before{content:"\f523"} .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-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{color-scheme:dark;--bg:#090D18;--bg-deep:#070B14;--surface-solid:#0D1322;--input-bg:#0A101F;--on-badge:#0A0F1E;--text:#EAF0FB;--text-strong:#FFFFFF;--text-1:#D7E1F5;--text-2:#B9C4DA;--text-3:#93A0B8;--muted:#7B89A6;--muted-2:#3E4A63;--accent:#6C9EFF;--accent-hover:#9BBCFF;--accent-g1:#5E8FFF;--accent-strong:#3D6EF7;--accent-pale:#CFE0FF;--green:#43E5A0;--green-soft:#8FD9B8;--red:#FF8B8B;--nav-bg:rgba(9,13,24,0.82);--bg-1:rgba(9,13,24,1);--surface:rgba(13,19,34,0.9);--surface-1:rgba(13,19,34,1);--shadow:rgba(0,0,0,0.45);--a126-04:rgba(126,160,255,0.04);--a126-05:rgba(126,160,255,0.05);--a126-08:rgba(126,160,255,0.08);--a126-1:rgba(126,160,255,0.1);--a126-12:rgba(126,160,255,0.12);--a126-14:rgba(126,160,255,0.14);--a126-18:rgba(126,160,255,0.18);--a126-2:rgba(126,160,255,0.2);--a126-22:rgba(126,160,255,0.22);--a126-25:rgba(126,160,255,0.25);--a126-3:rgba(126,160,255,0.3);--a126-35:rgba(126,160,255,0.35);--a108-03:rgba(108,158,255,0.03);--a108-08:rgba(108,158,255,0.08);--a108-1:rgba(108,158,255,0.1);--a108-12:rgba(108,158,255,0.12);--a108-16:rgba(108,158,255,0.16);--a108-18:rgba(108,158,255,0.18);--a108-4:rgba(108,158,255,0.4);--a108-5:rgba(108,158,255,0.5);--a61-04:rgba(61,110,247,0.04);--a61-05:rgba(61,110,247,0.05);--a61-06:rgba(61,110,247,0.06);--a61-14:rgba(61,110,247,0.14);--a61-16:rgba(61,110,247,0.16);--a61-18:rgba(61,110,247,0.18);--a61-2:rgba(61,110,247,0.2);--a61-22:rgba(61,110,247,0.22);--g67-08:rgba(67,229,160,0.08);--g67-12:rgba(67,229,160,0.12);--g67-22:rgba(67,229,160,0.22);--red-tint:rgba(255,107,107,0.1);} html[data-theme="light"]{color-scheme:light;--bg:#F4F7FD;--bg-deep:#E9EEF8;--surface-solid:#FFFFFF;--input-bg:#F1F5FC;--on-badge:#FFFFFF;--text:#17233B;--text-strong:#0C1730;--text-1:#253654;--text-2:#3E4E6E;--text-3:#55668A;--muted:#5B6880;--muted-2:#9AA9C4;--accent:#2F62E9;--accent-hover:#1E4FD6;--accent-g1:#4E80F5;--accent-strong:#2F62E9;--accent-pale:#1C3E9E;--green:#0E9F6E;--green-soft:#0B7A55;--red:#C94040;--nav-bg:rgba(247,250,255,0.85);--bg-1:#F4F7FD;--surface:rgba(255,255,255,0.92);--surface-1:#FFFFFF;--shadow:rgba(23,35,59,0.14);--a126-04:rgba(47,98,233,0.05);--a126-05:rgba(47,98,233,0.05);--a126-08:rgba(47,98,233,0.09);--a126-1:rgba(47,98,233,0.10);--a126-12:rgba(47,98,233,0.14);--a126-14:rgba(47,98,233,0.16);--a126-18:rgba(47,98,233,0.20);--a126-2:rgba(47,98,233,0.22);--a126-22:rgba(47,98,233,0.25);--a126-25:rgba(47,98,233,0.30);--a126-3:rgba(47,98,233,0.35);--a126-35:rgba(47,98,233,0.40);--a108-03:rgba(47,98,233,0.04);--a108-08:rgba(47,98,233,0.07);--a108-1:rgba(47,98,233,0.08);--a108-12:rgba(47,98,233,0.10);--a108-16:rgba(47,98,233,0.12);--a108-18:rgba(47,98,233,0.15);--a108-4:rgba(47,98,233,0.45);--a108-5:rgba(47,98,233,0.5);--a61-04:rgba(47,98,233,0.04);--a61-05:rgba(47,98,233,0.04);--a61-06:rgba(47,98,233,0.06);--a61-14:rgba(47,98,233,0.10);--a61-16:rgba(47,98,233,0.10);--a61-18:rgba(47,98,233,0.12);--a61-2:rgba(47,98,233,0.14);--a61-22:rgba(47,98,233,0.16);--g67-08:rgba(14,159,110,0.10);--g67-12:rgba(14,159,110,0.14);--g67-22:rgba(14,159,110,0.30);--red-tint:rgba(201,64,64,0.12);} @media (prefers-color-scheme: light){ html:not([data-theme]){color-scheme:light;--bg:#F4F7FD;--bg-deep:#E9EEF8;--surface-solid:#FFFFFF;--input-bg:#F1F5FC;--on-badge:#FFFFFF;--text:#17233B;--text-strong:#0C1730;--text-1:#253654;--text-2:#3E4E6E;--text-3:#55668A;--muted:#5B6880;--muted-2:#9AA9C4;--accent:#2F62E9;--accent-hover:#1E4FD6;--accent-g1:#4E80F5;--accent-strong:#2F62E9;--accent-pale:#1C3E9E;--green:#0E9F6E;--green-soft:#0B7A55;--red:#C94040;--nav-bg:rgba(247,250,255,0.85);--bg-1:#F4F7FD;--surface:rgba(255,255,255,0.92);--surface-1:#FFFFFF;--shadow:rgba(23,35,59,0.14);--a126-04:rgba(47,98,233,0.05);--a126-05:rgba(47,98,233,0.05);--a126-08:rgba(47,98,233,0.09);--a126-1:rgba(47,98,233,0.10);--a126-12:rgba(47,98,233,0.14);--a126-14:rgba(47,98,233,0.16);--a126-18:rgba(47,98,233,0.20);--a126-2:rgba(47,98,233,0.22);--a126-22:rgba(47,98,233,0.25);--a126-25:rgba(47,98,233,0.30);--a126-3:rgba(47,98,233,0.35);--a126-35:rgba(47,98,233,0.40);--a108-03:rgba(47,98,233,0.04);--a108-08:rgba(47,98,233,0.07);--a108-1:rgba(47,98,233,0.08);--a108-12:rgba(47,98,233,0.10);--a108-16:rgba(47,98,233,0.12);--a108-18:rgba(47,98,233,0.15);--a108-4:rgba(47,98,233,0.45);--a108-5:rgba(47,98,233,0.5);--a61-04:rgba(47,98,233,0.04);--a61-05:rgba(47,98,233,0.04);--a61-06:rgba(47,98,233,0.06);--a61-14:rgba(47,98,233,0.10);--a61-16:rgba(47,98,233,0.10);--a61-18:rgba(47,98,233,0.12);--a61-2:rgba(47,98,233,0.14);--a61-22:rgba(47,98,233,0.16);--g67-08:rgba(14,159,110,0.10);--g67-12:rgba(14,159,110,0.14);--g67-22:rgba(14,159,110,0.30);--red-tint:rgba(201,64,64,0.12);} } :root{ --lh-maxw:1800px; } body{transition:background-color .35s ease,color .35s ease;zoom:var(--letterschaal,1);} body { margin:0; background:var(--bg); color:var(--text); font-family:'Instrument Sans',sans-serif; -webkit-font-smoothing:antialiased; } a { color:var(--accent); text-decoration:none; } a:hover { color:var(--accent-hover); } .lh-auth-links form { display:contents; } .lh-auth-links button { background:none; border:0; padding:0; margin:0; font-family:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; color:var(--accent); text-decoration:none; cursor:pointer; } .lh-auth-links button:hover { color:var(--accent-hover); } ::selection { background:var(--accent-strong); color:#fff; } input::placeholder { color:var(--muted); } @keyframes floatUp { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:none; } } @keyframes glowPulse { 0%,100% { opacity:.45; } 50% { opacity:.9; } } html, body { overflow-x: clip; } .skip-to-content { background:var(--accent); color:#fff; } burger-menu { display: none; } install-app { display: none; } lh-bottom-nav { display: none; } .lh-header-inner { padding: 0 24px; } @media (max-width: 560px){ .lh-header-inner { padding: 0 14px; } } @media (max-width: 340px){ .lh-brand-badge { display: none; } } @media (max-width: 920px){ .nav-links, .lh-hide-narrow { display: none !important; } burger-menu { display: flex; position: fixed; inset: 0; z-index: 78; align-items: flex-end; visibility: hidden; pointer-events: none; transition: visibility 0s .32s; } burger-menu.is-open { visibility: visible; pointer-events: auto; transition: visibility 0s 0s; } } .lh-install-btn { display:inline-flex; align-items:center; gap:6px; height:40px; padding:0 13px; border:1px solid var(--a108-4); border-radius:11px; background:var(--a108-08); color:var(--accent); font:600 13px 'Instrument Sans',sans-serif; cursor:pointer; white-space:nowrap; } .lh-install-btn:hover { background:var(--a108-12); } @media (max-width: 480px){ .lh-install-label { display:none; } .lh-install-btn { padding:0 10px; } } @media (max-width: 920px){ lh-bottom-nav { display:block; } body.lh-body { padding-bottom: 62px; } .lh-bottom-nav { position:fixed; left:0; right:0; bottom:0; z-index:80; display:flex; align-items:stretch; background:var(--nav-bg); backdrop-filter:blur(14px); border-top:1px solid var(--a126-14); padding-bottom:env(safe-area-inset-bottom, 0px); } .lh-bn-item { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; padding:9px 4px 8px; background:transparent; border:none; cursor:pointer; color:var(--text-3); text-decoration:none; font:600 11px 'Instrument Sans',sans-serif; } .lh-bn-item.is-active { color:var(--accent); } .lh-bn-item:active { background:var(--a126-05); } .lh-bn-ico { position:relative; display:inline-flex; } .lh-bn-label { line-height:1; } .lh-bn-badge { position:absolute; top:-6px; right:-9px; background:var(--accent-strong); color:#fff; font:600 10px 'JetBrains Mono',monospace; min-width:16px; height:16px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; padding:0 4px; box-sizing:border-box; } } .lh-menu-backdrop { position:absolute; inset:0; background:rgba(3,6,12,.5); opacity:0; transition:opacity .26s cubic-bezier(.25,.46,.45,.94); cursor:pointer; } burger-menu.is-open .lh-menu-backdrop { opacity:1; } .lh-menu-body { position:relative; width:100%; max-height:86dvh; display:flex; flex-direction:column; background:var(--surface-solid); border-top:1px solid var(--a126-18); border-radius:18px 18px 0 0; box-shadow:0 -24px 60px var(--shadow); padding:6px 24px calc(70px + env(safe-area-inset-bottom, 0px)); transform:translateY(100%); transition:transform .32s cubic-bezier(.22,.61,.36,1); will-change:transform; } burger-menu.is-open .lh-menu-body { transform:translateY(0); } .lh-menu-handle { width:38px; height:4px; flex-shrink:0; border-radius:999px; background:var(--a126-25); margin:6px auto 8px; padding:8px 0; box-sizing:content-box; touch-action:none; cursor:grab; } .lh-menu-body:focus { outline:none; } .lh-menu-body nav { display:flex; flex-direction:column; overflow-y:auto; overscroll-behavior:contain; } .lh-menu-link { padding:15px 4px; font-size:16px; font-weight:600; text-decoration:none; color:var(--text-1); border-bottom:1px solid var(--a126-08); } .lh-menu-link.is-current { color:var(--accent); } .lh-menu-link:last-child { border-bottom:0; } @media (prefers-reduced-motion: reduce) { burger-menu { transition:none; } .lh-menu-backdrop, .lh-menu-body { transition-duration:.01ms; } } @media (max-width: 600px){ .lh-body main h1 { font-size: clamp(27px, 8.2vw, 36px) !important; line-height: 1.08 !important; } .lh-body main h2 { font-size: clamp(22px, 6.4vw, 30px) !important; line-height: 1.14 !important; } .lh-body main .lh-sec { padding-top: 34px !important; padding-bottom: 34px !important; } [data-lh-checker-chip] { padding: 5px 10px !important; font-size: 11.5px !important; } } @media (max-width: 860px){ .lh-split { grid-template-columns: 1fr !important; } } @media (max-width: 760px){ .lh-compare-row { grid-template-columns: 1fr !important; gap: 4px !important; padding-top: 14px !important; padding-bottom: 14px !important; } .lh-sticky-aside { position: static !important; } } @media (max-width: 640px){ .lh-checker-card { padding: 20px 16px 16px !important; } .lh-checker-field { flex-wrap: wrap; } .lh-checker-field .lh-checker-go { flex: 1 1 100%; min-height: 48px; } } @media (max-width: 560px){ .lh-cols-2 { grid-template-columns: 1fr !important; } .lh-domain-row { grid-template-columns: 74px 1fr 96px !important; gap: 10px !important; } .lh-extra-row { grid-template-columns: 1fr auto !important; gap: 10px !important; } } .lh-why { position: relative; } .lh-why::before { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: min(760px, 92%); height: 320px; pointer-events: none; z-index: 0; background: radial-gradient(60% 100% at 50% 0%, var(--a108-08), transparent 72%); } .lh-why > * { position: relative; z-index: 1; } .lh-why-head { max-width: 620px; margin: 0 0 34px; } .lh-why-eyebrow { font-family: 'JetBrains Mono', monospace; font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent); margin-bottom: 12px; } .lh-why-title { font-family: 'Space Grotesk', sans-serif; font-size: 40px; font-weight: 700; letter-spacing: -0.02em; line-height: 1.1; margin: 0; color: var(--text); } .lh-why-intro { color: var(--text-3); font-size: 16.5px; line-height: 1.6; margin: 14px 0 0; } .lh-why-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; } .lh-why-card { position: relative; display: flex; flex-direction: column; background: var(--a126-04); border: 1px solid var(--a126-12); border-radius: 16px; padding: 20px 20px 22px; transition: transform .16s ease, border-color .16s ease, background-color .16s ease, box-shadow .16s ease; } .lh-why-index { display: flex; align-items: center; gap: 12px; margin-bottom: 15px; } .lh-why-num { font-family: 'JetBrains Mono', monospace; font-size: 14px; font-weight: 600; letter-spacing: 0.06em; color: var(--accent-strong); } .lh-why-line { flex: 1; height: 1px; background: linear-gradient(90deg, var(--a126-25), transparent); } .lh-why-name { font-family: 'Space Grotesk', sans-serif; font-weight: 600; font-size: 16.5px; line-height: 1.25; margin: 0 0 7px; color: var(--text); overflow-wrap: break-word; hyphens: auto; } .lh-why-text { margin: 0; color: var(--text-3); font-size: 14px; line-height: 1.55; overflow-wrap: break-word; hyphens: auto; } .lh-why-card:hover { transform: translateY(-3px); border-color: var(--a126-25); background: var(--a126-05); box-shadow: 0 12px 32px -20px var(--shadow); } .lh-why-card:hover .lh-why-line { background: linear-gradient(90deg, var(--accent), transparent); } @media (max-width: 1140px){ .lh-why-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 560px){ .lh-why-grid { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce){ .lh-why-card { transition: border-color .16s ease, background-color .16s ease; } .lh-why-card:hover { transform: none; box-shadow: none; } } .lh-hero { padding: 60px 24px 56px; } .lh-hero-eyebrow { margin-bottom: 16px; } .lh-hero-title { margin: 0 0 16px; } .lh-hero-sub { max-width: 620px; margin: 0 auto 32px; } .lh-hero-badges { margin-top: 26px; } @media (max-width: 600px){ .lh-hero { padding: 24px 20px 30px; } .lh-hero-eyebrow { margin-bottom: 10px; } .lh-hero-title { margin: 0 0 12px; } .lh-hero-sub { font-size: 15.5px; margin-bottom: 20px; } .lh-hero-badges { margin-top: 16px; gap: 7px; } } .lh-info-btn { display:inline-flex; align-items:center; justify-content:center; width:20px; height:20px; flex:0 0 auto; border-radius:50%; border:1px solid var(--a126-25); background:var(--a126-05); color:var(--accent); font-family:'JetBrains Mono',monospace; font-style:italic; font-weight:700; font-size:12px; line-height:1; cursor:pointer; padding:0; transition:background-color .14s ease, border-color .14s ease; } .lh-info-btn:hover { background:var(--a108-16); border-color:var(--accent); } .lh-info-btn:focus-visible { outline:2px solid var(--accent); outline-offset:2px; } .letterschaal { --letterschaal-lijn: var(--a126-35); --letterschaal-vlak: transparent; --letterschaal-inkt: var(--text-2); --letterschaal-aan: var(--accent); --letterschaal-aan-inkt: var(--bg); --letterschaal-hover: var(--a126-35); } .letterschaal-in-kop { display: inline-flex; align-items: center; } .lh-legal-tekst p, .lh-legal-verklaring > p { margin: 0 0 10px; } .lh-legal-tekst > :last-child, .lh-legal-verklaring > :last-child { margin-bottom: 0; } .lh-legal-tekst ul, .lh-legal-verklaring > ul { margin: 0 0 12px; padding-left: 20px; } .lh-legal-tekst li, .lh-legal-verklaring > ul li { margin: 4px 0; } .lh-legal-tekst h3, .lh-legal-verklaring > h3 { font-family: 'Space Grotesk'; font-size: 16px; font-weight: 600; margin: 16px 0 6px; color: var(--text-1); } .lh-legal-verklaring > h2 { font-family: 'Space Grotesk'; font-size: 19px; font-weight: 600; margin: 22px 0 8px; color: var(--text-1); } .lh-legal-verklaring > h2:first-child { margin-top: 0; } .lh-legal-tekst a, .lh-legal-verklaring a { color: var(--accent); overflow-wrap: anywhere; } .lh-legal-tekst strong, .lh-legal-verklaring strong { color: var(--text-2); } .lh-legal-verklaring .jt-gegevens { list-style: none; padding-left: 0; }
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,.site-footer-col-newsletter-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-newsletter-v20{display:flex;flex-direction:column;gap:8px} .site-footer-newsletter-v20 strong{color:var(--footer-text);font-size:.96rem;font-weight:850} .site-footer-newsletter-row-v20{display:flex;gap:8px;max-width:360px} .site-footer-newsletter-row-v20 input{flex:1 1 auto;min-width:0;min-height:44px;border-radius:12px} .site-footer-newsletter-row-v20 button{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:6px; padding:0 16px; white-space:nowrap; background:#2563eb; color:#fff; border:1px solid #2563eb; border-radius:12px; min-height:44px; font-weight:800; } .site-footer-newsletter-row-v20 button:hover{background:#1e40af;border-color:#1e40af} .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} .site-footer-builder-v14516 .footer-align-left{text-align:left} .site-footer-builder-v14516 .footer-align-center{text-align:center} .site-footer-builder-v14516 .footer-align-right{text-align:right} @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,.site-footer-col-newsletter-v20 p{max-width:none} .site-footer-newsletter-row-v20{flex-direction:column;max-width:none} .site-footer-newsletter-row-v20 input,.site-footer-newsletter-row-v20 button{width:100%} .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%} .site-footer-builder-v14516 .footer-align-right{text-align:left} }
[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, .fr-over-verhaal-kaart { 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-verhaal-kaart { display: flex; gap: 16px; align-items: flex-start; } .fr-over-verhaal-logo { flex: 0 0 auto; width: 56px; height: 56px; object-fit: contain; padding: 4px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .18); } .fr-over-verhaal-tekst { min-width: 0; } .fr-over-verhaal-tekst p { margin: 0 0 .7rem; color: var(--portal-text); font-size: .98rem; line-height: 1.7; } .fr-over-verhaal-tekst .fr-over-verhaal-naam { margin: 0; font-family: var(--portal-font-serif, var(--portal-font-sans)); font-style: italic; font-weight: 600; color: var(--portal-heading, var(--portal-text)); } @media (max-width: 540px) { .fr-over-verhaal-kaart { flex-direction: column; gap: 12px; } } .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} } .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; }
: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, env(safe-area-inset-bottom)); } 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, env(safe-area-inset-bottom)); 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; } .dorps-instellingen .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; } } .fr-agenda-lijst .fr-agenda-regel { display: block; padding: 0; } .fr-agenda-activiteit { display: grid; grid-template-columns: minmax(4.5rem, max-content) minmax(0, 1fr); gap: 1rem; padding: 1rem 0; color: var(--fr-tekst); text-decoration: none; } a.fr-agenda-activiteit:hover { background: var(--fr-kaart); } a.fr-agenda-activiteit:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; } .fr-agenda-activiteit .fr-agenda-datum { width: auto; min-width: 4.5rem; padding: .5rem; align-self: start; } .fr-agenda-datum strong { white-space: nowrap; } .fr-agenda-activiteit .fr-agenda-tekst { display: flex; flex-direction: column; min-width: 0; gap: .3rem; } .fr-agenda-activiteit .fr-agenda-titel { font-size: 1.125rem; font-weight: 700; } .fr-agenda-wanneer { font-size: .8125rem; color: var(--fr-stil); } .fr-agenda-tijd { font-size: .875rem; font-weight: 700; font-variant-numeric: tabular-nums; } .fr-agenda-bron { font-size: .75rem; text-decoration: underline; text-underline-offset: .2em; } .fr-agenda-blok > h2 { padding: .75rem 0; border-bottom: 2px solid var(--fr-rand); } .fr-agenda-inhoud { white-space: pre-line; font-size: .9375rem; line-height: 1.6; }