@font-face{font-family:"Spectral";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/spectral-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Spectral";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/spectral-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Spectral";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/spectral-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Spectral";font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/spectral-latin-600-italic.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cinzel-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Spectral";font-style:normal;font-weight:400;font-display:swap;src:local("Hiragino Mincho ProN W3"),local("HiraMinProN-W3"),local("Yu Mincho Regular"),local("YuMincho-Regular"),local("Noto Serif JP Regular"),local("NotoSerifJP-Regular"),local("Noto Serif CJK JP Regular"),local("NotoSerifCJKjp-Regular");unicode-range:U+3000-303F,U+3040-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"Spectral";font-style:normal;font-weight:600;font-display:swap;src:local("Hiragino Mincho ProN W6"),local("HiraMinProN-W6"),local("Yu Mincho Demibold"),local("YuMincho-Demibold"),local("Noto Serif JP SemiBold"),local("NotoSerifJP-SemiBold"),local("Noto Serif CJK JP SemiBold"),local("NotoSerifCJKjp-SemiBold");unicode-range:U+3000-303F,U+3040-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"Spectral";font-style:italic;font-weight:400;font-display:swap;src:local("Hiragino Mincho ProN W3"),local("HiraMinProN-W3"),local("Yu Mincho Regular"),local("YuMincho-Regular"),local("Noto Serif JP Regular"),local("NotoSerifJP-Regular"),local("Noto Serif CJK JP Regular"),local("NotoSerifCJKjp-Regular");unicode-range:U+3000-303F,U+3040-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"Spectral";font-style:italic;font-weight:600;font-display:swap;src:local("Hiragino Mincho ProN W6"),local("HiraMinProN-W6"),local("Yu Mincho Demibold"),local("YuMincho-Demibold"),local("Noto Serif JP SemiBold"),local("NotoSerifJP-SemiBold"),local("Noto Serif CJK JP SemiBold"),local("NotoSerifCJKjp-SemiBold");unicode-range:U+3000-303F,U+3040-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:local("Hiragino Sans W3"),local("HiraginoSans-W3"),local("Hiragino Kaku Gothic ProN W3"),local("HiraKakuProN-W3"),local("Yu Gothic Medium"),local("YuGothic-Medium"),local("Meiryo"),local("Noto Sans JP Regular"),local("NotoSansJP-Regular"),local("Noto Sans CJK JP Regular"),local("NotoSansCJKjp-Regular");unicode-range:U+3000-303F,U+3040-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:local("Hiragino Sans W6"),local("HiraginoSans-W6"),local("Hiragino Kaku Gothic ProN W6"),local("HiraKakuProN-W6"),local("Yu Gothic Bold"),local("YuGothic-Bold"),local("Meiryo Bold"),local("Noto Sans JP Medium"),local("NotoSansJP-Medium"),local("Noto Sans CJK JP Medium"),local("NotoSansCJKjp-Medium");unicode-range:U+3000-303F,U+3040-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:local("Hiragino Sans W6"),local("HiraginoSans-W6"),local("Hiragino Kaku Gothic ProN W6"),local("HiraKakuProN-W6"),local("Yu Gothic Bold"),local("YuGothic-Bold"),local("Meiryo Bold"),local("Noto Sans JP Medium"),local("NotoSansJP-Medium"),local("Noto Sans CJK JP Medium"),local("NotoSansCJKjp-Medium");unicode-range:U+3000-303F,U+3040-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:local("Hiragino Sans W3"),local("HiraginoSans-W3"),local("Hiragino Kaku Gothic ProN W3"),local("HiraKakuProN-W3"),local("Yu Gothic Medium"),local("YuGothic-Medium"),local("Meiryo"),local("Noto Sans JP Regular"),local("NotoSansJP-Regular"),local("Noto Sans CJK JP Regular"),local("NotoSansCJKjp-Regular");unicode-range:U+3000-303F,U+3040-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:local("Hiragino Sans W6"),local("HiraginoSans-W6"),local("Hiragino Kaku Gothic ProN W6"),local("HiraKakuProN-W6"),local("Yu Gothic Bold"),local("YuGothic-Bold"),local("Meiryo Bold"),local("Noto Sans JP Medium"),local("NotoSansJP-Medium"),local("Noto Sans CJK JP Medium"),local("NotoSansCJKjp-Medium");unicode-range:U+3000-303F,U+3040-30FF,U+31F0-31FF,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF,U+FF00-FFEF}
@font-face{font-family:"Spectral";font-style:normal;font-weight:400;font-display:swap;src:local("Noto Serif KR Regular"),local("NotoSerifKR-Regular"),local("Noto Serif CJK KR Regular"),local("NotoSerifCJKkr-Regular"),local("AppleMyungjo");unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF}
@font-face{font-family:"Spectral";font-style:normal;font-weight:600;font-display:swap;src:local("Noto Serif KR SemiBold"),local("NotoSerifKR-SemiBold"),local("Noto Serif CJK KR SemiBold"),local("NotoSerifCJKkr-SemiBold"),local("AppleMyungjo");unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF}
@font-face{font-family:"Spectral";font-style:italic;font-weight:400;font-display:swap;src:local("Noto Serif KR Regular"),local("NotoSerifKR-Regular"),local("Noto Serif CJK KR Regular"),local("NotoSerifCJKkr-Regular"),local("AppleMyungjo");unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF}
@font-face{font-family:"Spectral";font-style:italic;font-weight:600;font-display:swap;src:local("Noto Serif KR SemiBold"),local("NotoSerifKR-SemiBold"),local("Noto Serif CJK KR SemiBold"),local("NotoSerifCJKkr-SemiBold"),local("AppleMyungjo");unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:swap;src:local("Apple SD Gothic Neo Regular"),local("AppleSDGothicNeo-Regular"),local("Malgun Gothic"),local("MalgunGothic"),local("MalgunGothicRegular"),local("Noto Sans KR Regular"),local("NotoSansKR-Regular"),local("Noto Sans CJK KR Regular"),local("NotoSansCJKkr-Regular");unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:local("Apple SD Gothic Neo Bold"),local("AppleSDGothicNeo-Bold"),local("Malgun Gothic Bold"),local("MalgunGothicBold"),local("Noto Sans KR Medium"),local("NotoSansKR-Medium"),local("Noto Sans CJK KR Medium"),local("NotoSansCJKkr-Medium");unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:local("Apple SD Gothic Neo Bold"),local("AppleSDGothicNeo-Bold"),local("Malgun Gothic Bold"),local("MalgunGothicBold"),local("Noto Sans KR Medium"),local("NotoSansKR-Medium"),local("Noto Sans CJK KR Medium"),local("NotoSansCJKkr-Medium");unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:local("Apple SD Gothic Neo Regular"),local("AppleSDGothicNeo-Regular"),local("Malgun Gothic"),local("MalgunGothic"),local("MalgunGothicRegular"),local("Noto Sans KR Regular"),local("NotoSansKR-Regular"),local("Noto Sans CJK KR Regular"),local("NotoSansCJKkr-Regular");unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:500;font-display:swap;src:local("Apple SD Gothic Neo Bold"),local("AppleSDGothicNeo-Bold"),local("Malgun Gothic Bold"),local("MalgunGothicBold"),local("Noto Sans KR Medium"),local("NotoSansKR-Medium"),local("Noto Sans CJK KR Medium"),local("NotoSansCJKkr-Medium");unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF}
:root{
  color-scheme:light;
  --paper:#FAF6EE; --surface:#FFFFFF; --raise:#F5EFE4;
  --ink:#0F2A44; --ink2:#3B4F63; --ink3:#647384;
  --line:#E6DFD2; --line2:#EFE9DE;
  --accent:#1F6FA8; --accent-soft:#E3EEF7;
  --warm:#C4603A; --warm-soft:#F8E8E0; --warm-knop:#A0491F;
  --alert:#B2403A; --alert-soft:#F7E6E3;
  --sea-deep:#0F3B63; --sea-mid:#1F6FA8; --sea-shallow:#5BA8D8; --sea-foam:#9FD3F2;
  --sand:#E8DCC4;
  --sky-1:#E4D9C6; --sky-2:#F2E9DA; --sun:#F0B97C;
  --shadow:0 1px 2px rgba(15,42,68,.05), 0 10px 30px -20px rgba(15,42,68,.35);
  --shadow-lift:0 2px 4px rgba(15,42,68,.06), 0 18px 40px -24px rgba(15,42,68,.45);
}
:root[data-kleur="groen"]{
  --paper:#F7F4EC; --surface:#FFFDF8; --raise:#FBF8F1;
  --ink:#10272B; --ink2:#3A4F53; --ink3:#637375;
  --line:#E0D9CA; --line2:#EDE8DC;
  --accent:#12706C; --accent-soft:#E0EDEA;
  --warm:#C4603A; --warm-soft:#F8E8E0; --warm-knop:#A0491F;
  --alert:#9A2E3B; --alert-soft:#F7E7E7;
  --sea-deep:#0D4E63; --sea-mid:#1A8496; --sea-shallow:#57BFC0; --sea-foam:#B6E4DB;
  --sand:#E8D9B8;
  --shadow:0 1px 2px rgba(16,39,43,.05), 0 10px 30px -20px rgba(16,39,43,.35);
  --shadow-lift:0 2px 4px rgba(16,39,43,.06), 0 18px 40px -24px rgba(16,39,43,.45);
}
:root[data-kleur="zon"]{
  --paper:#FBF5EC; --surface:#FFFFFF; --raise:#F6EEE2;
  --ink:#1E2A3A; --ink2:#464E5A; --ink3:#6A7079;
  --line:#EADFCF; --line2:#F1E9DC;
  --accent:#C9552C; --accent-soft:#FBE6DB;
  --warm:#C9552C; --warm-soft:#FBE6DB; --warm-knop:#A8411F;
  --alert:#A8323A; --alert-soft:#F8E4E4;
  --sea-deep:#1E2A3A; --sea-mid:#C9552C; --sea-shallow:#F0A479; --sea-foam:#FFC49A;
  --sand:#EADCC4;
  --shadow:0 1px 2px rgba(30,42,58,.05), 0 10px 30px -20px rgba(30,42,58,.35);
  --shadow-lift:0 2px 4px rgba(30,42,58,.06), 0 18px 40px -24px rgba(30,42,58,.45);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --paper:#0A1826; --surface:#10233A; --raise:#152B45;
  --ink:#EAF0F6; --ink2:#A3B4C6; --ink3:#7A8DA1;
  --line:#223A55; --line2:#1A304A;
  --accent:#6CB4E4; --accent-soft:#143556;
  --warm:#E4926A; --warm-soft:#3A2019; --warm-knop:#E4926A;
  --alert:#F08A7E; --alert-soft:#3A1F22;
  --sea-deep:#082440; --sea-mid:#1F5A8A; --sea-shallow:#3E8CC0; --sea-foam:#9FD3F2;
  --sand:#4A4130;
  --sky-1:#15283D; --sky-2:#1C3450; --sun:#C98B54;
  --shadow:0 1px 2px rgba(0,0,0,.34), 0 12px 30px -20px rgba(0,0,0,.8);
  --shadow-lift:0 2px 6px rgba(0,0,0,.4), 0 20px 46px -26px rgba(0,0,0,.9);
}
:root[data-kleur="groen"][data-theme="dark"]{
  --paper:#071A1E; --surface:#0E2A2F; --raise:#123339;
  --ink:#ECF0EA; --ink2:#9DB3B4; --ink3:#748D8F;
  --line:#21444A; --line2:#17373C;
  --accent:#5CC8BC; --accent-soft:#0F383A;
  --warm:#E4926A; --warm-soft:#3A2019; --warm-knop:#E4926A;
  --alert:#E4869A; --alert-soft:#3A1F26;
  --sea-deep:#062B3A; --sea-mid:#0D5866; --sea-shallow:#2E8E90; --sea-foam:#4FA99C;
  --sand:#4A4130;
  --sky-1:#15283D; --sky-2:#1C3450; --sun:#C98B54;
  --shadow:0 1px 2px rgba(0,0,0,.34), 0 12px 30px -20px rgba(0,0,0,.8);
  --shadow-lift:0 2px 6px rgba(0,0,0,.4), 0 20px 46px -26px rgba(0,0,0,.9);
}
:root[data-kleur="zon"][data-theme="dark"]{
  --paper:#14161C; --surface:#1D2029; --raise:#232734;
  --ink:#F2EEE8; --ink2:#B8B1A7; --ink3:#8A847B;
  --line:#2E3240; --line2:#252936;
  --accent:#F08A5D; --accent-soft:#3A2418;
  --warm:#F08A5D; --warm-soft:#3A2418; --warm-knop:#F08A5D;
  --alert:#F07A7A; --alert-soft:#3A1F22;
  --sea-deep:#14161C; --sea-mid:#B8532E; --sea-shallow:#E08A5E; --sea-foam:#FFC49A;
  --sand:#4A4130;
  --sky-1:#15283D; --sky-2:#1C3450; --sun:#C98B54;
}
:root{--accent-ink:#17557F}
:root[data-kleur="groen"]{--accent-ink:#0E5A57}
:root[data-kleur="zon"]{--accent-ink:#9A3E1D}
:root[data-theme="dark"]{--accent-ink:var(--accent)}
:root{ --c1:#0E7C6B; --c2:#A05F0E; --c3:#5262A0; }
:root[data-theme="dark"]{ --c1:#5ECBB4; --c2:#E8A85C; --c3:#9BA9D6; }
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html{scrollbar-gutter:stable}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Spectral,Georgia,"Times New Roman",serif;font-weight:600;line-height:1.15;text-wrap:balance;margin:0}
a{color:inherit}
img{max-width:100%;height:auto}
[hidden]{display:none!important}
.wrap{max-width:1360px;margin-inline:auto;padding-inline:20px}
main.wrap .wrap{max-width:none;padding-inline:0}
.mono{font-family:"IBM Plex Mono",ui-monospace,Menlo,monospace;font-variant-numeric:tabular-nums}
.eyebrow{font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin:0}
.klein{font-size:12.5px;color:var(--ink3);margin:4px 0 0}
.skip{position:absolute;left:-999px;top:0}
.skip:focus{left:12px;top:12px;z-index:99;background:var(--surface);padding:8px 12px;border-radius:6px}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kop{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 90%,transparent);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;gap:18px;min-height:76px;flex-wrap:wrap}
.mark{text-decoration:none;display:flex;align-items:center;gap:12px;margin-right:auto;color:inherit}
.mark svg{display:block;height:56px;width:auto}
.mark em{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--accent);white-space:nowrap}
.nav{display:flex;align-items:center;gap:14px}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:26px;flex-wrap:wrap}
.nav .mod-menu a{position:relative;display:block;font-size:14.5px;text-decoration:none;
  color:var(--ink2);padding:9px 0 11px}
.nav .mod-menu a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2.7px;
  background:var(--accent);transform:scaleX(0);transform-origin:left;
  transition:transform .18s ease,opacity .18s ease}
.nav .mod-menu a:hover,.nav .mod-menu a:focus-visible{color:var(--ink)}
.nav .mod-menu a:hover::after,.nav .mod-menu a:focus-visible::after{transform:scaleX(1);opacity:.35}
.nav .mod-menu .current>a,.nav .mod-menu .active>a{color:var(--ink);font-weight:500}
@media (min-width:1025px){.kop:not(.krap) .nav .mod-menu .current>a,.kop:not(.krap) .nav .mod-menu .active>a{font-weight:400;text-shadow:.35px 0 0 currentColor}}
.nav .mod-menu .current>a::after,.nav .mod-menu .active>a::after{transform:scaleX(1);opacity:1}
@media (prefers-reduced-motion:reduce){.nav .mod-menu a::after{transition:none}}
.thema{display:inline-flex;align-items:center;justify-content:center;width:32px;height:30px;border:1px solid var(--line);
  border-radius:6px;background:transparent;color:var(--ink2);cursor:pointer;padding:0}
.thema:hover{color:var(--ink);border-color:var(--accent)}
.thema svg{width:16px;height:16px}
.thema .zon{display:none}
:root[data-theme="dark"] .thema .zon{display:block}
:root[data-theme="dark"] .thema .maan{display:none}
.nav .tk{order:2} 
@media (max-width:1240px){.mark em{display:none}}
.tk{position:relative}
.tk-knop{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px 0 9px;border:1px solid var(--accent);
  border-radius:6px;background:transparent;color:var(--ink);font:600 12.5px/1 var(--sans,"IBM Plex Sans",system-ui,sans-serif);
  letter-spacing:.04em;cursor:pointer;white-space:nowrap}
.tk-knop:hover,.tk.open .tk-knop{color:var(--ink);border-color:var(--accent);background:var(--accent-soft)}
.tk-knop svg{width:15px;height:15px;flex:none}
.tk-knop svg:first-child,.tk-knop .tk-teken{color:var(--accent)}
.tk-knop .chev{width:13px;height:13px;transition:transform .15s ease}
.nav .tk-knop{min-width:122px}
.nav .tk-knop .chev{margin-left:auto}
.tk.open .chev{transform:rotate(180deg)}
.nav .tk-paneel{display:none;position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:230px;margin:0;padding:6px;
  background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lift)}
.nav .tk.open .tk-paneel{display:block}
.tk-lijst,.tk-valuta{margin:0;padding:0;gap:0;list-style:none}
.tk-lijst li,.tk-valuta li{margin:0;padding:0}
.tk-lijst li::marker,.tk-valuta li::marker{content:""}
.tk-teken{font-weight:600}
.tk-teken::before{content:"·";margin-right:6px;color:var(--ink3)}
.tk-kop{display:flex;align-items:center;gap:7px;margin:6px 10px 6px;font:500 10.5px/1.2 var(--mono,"IBM Plex Mono",monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}
.tk-kop svg{width:15px;height:15px;flex:none;color:var(--accent)}
.nav .tk.open .tk-paneel.tk-twee{display:grid;grid-template-columns:auto auto;column-gap:14px}
.tk-twee .tk-kol + .tk-kol{padding-left:14px;border-left:1px solid var(--line)}
.nav .tk-lijst{display:block}
.nav .tk-valuta{display:grid;grid-template-columns:1fr;gap:0}
.tk-valuta button{display:grid;grid-template-columns:38px 1fr 14px;align-items:center;gap:6px;width:100%;padding:8px 10px;border:0;
  border-radius:6px;background:none;color:var(--ink2);font:inherit;font-size:13.5px;line-height:1.2;text-align:left;cursor:pointer}
.tk-valuta button b{font-weight:600;font-size:12.5px;letter-spacing:.05em;color:var(--ink)}
.tk-valuta button:hover,.tk-valuta button:focus-visible{background:var(--raise);color:var(--ink)}
.tk-valuta button.on{background:var(--accent-soft);color:var(--ink)}
.tk-valuta button.on b{color:var(--accent)}
.tk-valuta .vink{width:14px;height:14px;color:var(--accent);visibility:hidden}
.tk-valuta .tk-sym{display:none}
.tk-valuta .tk-naam,.tk-twee .tk-lijst a span{white-space:nowrap}
.tk-valuta button.on .vink{visibility:visible}
.tk-mobiel{display:none}
.tkchip,.menuthema{display:none}
.tkchip[aria-expanded="true"]{background:var(--accent-soft)}
.menuthema svg{width:18px;height:18px;color:var(--accent)}
.menuthema .zon{display:none}
:root[data-theme="dark"] .menuthema .zon{display:block}
:root[data-theme="dark"] .menuthema .maan{display:none}
.tkwaas{position:fixed;inset:0;z-index:79;background:rgba(6,26,32,.42)}
.tksheet{position:fixed;left:0;right:0;bottom:0;z-index:80;max-width:560px;margin:0 auto;background:var(--paper);border-radius:16px 16px 0 0;padding:14px 16px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(0,0,0,.18)}
.tksheet[hidden],.tkwaas[hidden]{display:none}
.tksheet-kop{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.tksheet-kop strong{font:600 17px/1.2 "IBM Plex Sans",sans-serif;color:var(--ink)}
.tksheet .tk-mobiel{display:grid;gap:10px}
.tksheet .tk-mobiel .tk-noot{margin:-4px 2px 2px;max-width:none}
html.tk-blad,html.tk-blad body{overflow:hidden}
.tk-klaar{height:46px;border:0;border-radius:8px;background:var(--accent);color:#fff;font:600 15px/1 "IBM Plex Sans",sans-serif;cursor:pointer}
.tk-klaar[hidden]{display:none}
.tk-klaar:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--paper),inset 0 0 0 4px var(--accent)}
.tk-kies{position:relative;display:block}
.tk-kies>svg{position:absolute;top:50%;width:17px;height:17px;transform:translateY(-50%);pointer-events:none}
.tk-kies>svg:first-child{left:13px;color:var(--accent)}
.tk-kies>svg.chev{right:12px;width:15px;height:15px;color:var(--ink3)}
.tk-kies select{width:100%;height:46px;padding:0 38px 0 42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);
  color:var(--ink);font:500 15px/1.2 var(--sans,"IBM Plex Sans",system-ui,sans-serif);appearance:none;-webkit-appearance:none;cursor:pointer}
.tk-kies select:focus-visible{outline:none;border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)} 
.tk-noot{grid-column:1/-1;margin:8px 10px 4px;max-width:420px;font-size:11.5px;line-height:1.45;color:var(--ink3)}
.tk-lijst a{display:grid;grid-template-columns:30px 1fr 16px;align-items:center;gap:8px;padding:9px 10px;border-radius:6px;
  text-decoration:none;color:var(--ink2);font-size:14px;line-height:1.2}
.tk-lijst a b{font-weight:600;font-size:12.5px;letter-spacing:.05em;color:var(--ink)}
.tk-lijst a:hover,.tk-lijst a:focus-visible{background:var(--raise);color:var(--ink)}
.tk-lijst a.on{background:var(--accent-soft);color:var(--ink)}
.tk-lijst a.on b{color:var(--accent)}
.tk-lijst .vink{width:15px;height:15px;color:var(--accent)}
@media (prefers-reduced-motion:reduce){.tk-knop .chev{transition:none}}
main{padding-block:40px 72px}
section+section{margin-top:56px}
h2{font-size:26px;letter-spacing:-.01em;margin-bottom:8px}
.lede{font-size:17px;color:var(--ink2);max-width:62ch;margin:0 0 22px}
.lijst h1{font-size:34px;margin-bottom:8px}
.scape{position:relative;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lift);margin-bottom:34px;isolation:isolate}
.scape .heroimg{display:block;width:100%;height:auto;aspect-ratio:1600/620;max-height:min(56vh,540px);object-fit:cover;object-position:50% 58%}
.scape .over{position:absolute;inset:auto 0 0 0;padding:26px 28px 24px;color:#F4EFE4;
  background:linear-gradient(to top,rgba(6,26,32,.82),rgba(6,26,32,.35) 55%,transparent)}
main.volbreed{padding-inline:0}
@media (min-width:681px){
  main.volbreed{padding-top:0}
  .home > .scape{border-radius:0;box-shadow:none}
  .home > .scape .heroimg{max-height:min(64vh,600px)}   
  .home > .scape .over{padding-inline:max(48px,calc((100% - 1360px) / 2 + 48px))}
  main.volbreed > .fig-foto img{border-radius:0;box-shadow:none}
  main.volbreed > .fig-foto figcaption{max-width:1360px;margin-inline:auto;padding-inline:20px;box-sizing:border-box}
}
@media (max-width:680px){
  .home > .scape,main.volbreed > .fig-foto{margin-inline:16px}
}
.scape .over h1{font-size:clamp(28px,4.3vw,50px);letter-spacing:-.02em;text-shadow:0 2px 24px rgba(0,0,0,.35);max-width:20ch}
.scape .over h1 i{font-style:italic;color:var(--sea-foam)}
.scape .over .slag{margin:8px 0 0;font-family:Spectral,Georgia,serif;font-weight:500;font-size:clamp(17px,2vw,24px);color:#fff;
  text-shadow:0 2px 16px rgba(0,0,0,.45)}
.scape .over .slag i{font-style:italic;color:var(--sea-foam)}
.scape .over .eyebrow{display:block;margin:12px 0 0;padding-left:14px;
  border-left:2.7px solid var(--sea-foam);
  font-size:12.5px;letter-spacing:.09em;color:rgba(255,255,255,.94);
  text-shadow:0 1px 10px rgba(0,0,0,.55), 0 0 22px rgba(0,0,0,.35)}
.scape .over .eyebrow b{font-size:1.45em;font-weight:600;color:#fff;letter-spacing:0;
  font-family:"IBM Plex Mono",monospace}
@media (max-width:640px){
  .scape .over .eyebrow{font-size:10px;letter-spacing:.05em;line-height:1.55;
    margin-top:10px;padding-left:11px;border-left-width:2.4px}
  .scape .over .eyebrow b{font-size:1.25em}
}
.puntenband{background:var(--raise);border:1px solid var(--line);border-radius:12px;
  margin:0 26px 40px;padding:22px 0 20px}
.puntenband .punten{display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  margin:0;padding:0 6px;list-style:none}
.punt{--kl:var(--accent);padding:0 26px;border-left:0}
.punt .kp,.punt .uit{margin:0}
.punt:first-child{padding-left:20px}
.punt+.punt{border-left:1px solid var(--line)}
.punt .kp{display:flex;align-items:center;gap:11px;margin:0 0 7px}
.punt .kp svg{flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;padding:8px;
  border-radius:50%;background:var(--kl);color:var(--surface)}
.punt strong{font-family:Spectral,Georgia,serif;font-size:17px;font-weight:600;
  letter-spacing:-.005em;color:var(--ink);line-height:1.2}
.punt .uit{display:block;font-size:13.5px;line-height:1.45;color:var(--ink2);
  padding-left:47px;max-width:30ch}
@media (max-width:900px){
  .puntenband{margin:0 14px 30px;padding:16px 0 14px}
  .puntenband .punten{grid-template-columns:repeat(2,1fr);padding:0 4px}
  .punt,.punt:first-child{padding:14px 16px}
  .punt+.punt{border-left:1px solid var(--line)}
  .punt:nth-child(odd){border-left:0;padding-left:16px}
  .punt:nth-child(3),.punt:nth-child(4){border-top:1px solid var(--line)}
}
@media (max-width:560px){
  .puntenband{padding:8px 0}
  .puntenband .punten{grid-template-columns:1fr;padding:0 16px}
  .punt,.punt:first-child,.punt:nth-child(odd){padding:13px 0;border-left:0}
  .punt+.punt{border-left:0;border-top:1px solid var(--line)}
  .punt .kp svg{width:18px;height:18px;padding:7px}
  .punt strong{font-size:16px}
  .punt .uit{padding-left:42px;font-size:13px}
}
.home .intro{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:48px;align-items:center}
.home .intro .lede{margin-bottom:26px}
.lede.opener b{display:block;font-family:Spectral,Georgia,serif;font-size:1.45em;font-weight:600;
  line-height:1.1;color:var(--warm);margin-bottom:6px;letter-spacing:-.01em}
.knoppen{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.figures{display:grid;margin:0;border:1px solid var(--line);border-radius:12px;background:var(--raise);overflow:hidden}
.fig{display:flex;align-items:baseline;gap:16px;padding:18px 22px}
.fig+.fig{border-top:1px solid var(--line)}
.fig dt{font-size:28px;font-weight:500;min-width:76px;color:var(--ink)}
.fig.hi dt{color:var(--alert)}
.fig dd{margin:0;font-size:13.5px;color:var(--ink2);line-height:1.4}
.fig.lead{padding:18px 20px 16px}
.fig.lead dt{font-size:36px}
.fig.lead dd{font-size:14px;color:var(--ink)}
.uitsplits{display:flex;flex-wrap:wrap;margin-top:10px;padding-top:9px;
  border-top:1px solid var(--line2);gap:3px 0}
.uitsplits a{display:inline-flex;align-items:baseline;gap:5px;padding:1px 13px;
  color:var(--ink3);font-size:11.5px;text-decoration:none;white-space:nowrap;
  transition:color .16s}
.uitsplits a:first-child{padding-left:0}
.uitsplits a+a{border-left:1px solid var(--line)}
.uitsplits b{font-weight:500;font-size:13px;color:var(--ink2);letter-spacing:.01em}
.uitsplits a:hover,.uitsplits a:focus-visible{color:var(--accent)}
.uitsplits a:hover b,.uitsplits a:focus-visible b{color:var(--accent)}
.knoppen .btn{display:inline-flex}
.kopregel{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:0 0 18px}
.kopregel h2{margin:0}
.kopregel .regel{margin:0;font-size:14px;color:var(--ink2)}
.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cat{background:color-mix(in srgb,var(--kl) 13%,var(--surface));
  border:1px solid color-mix(in srgb,var(--kl) 26%,var(--line));
  border-top:5px solid var(--kl);border-radius:12px;padding:18px 20px 20px;display:flex;flex-direction:column;
  gap:10px;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.cat.c-1{--kl:var(--c1)}
.cat.c-2{--kl:var(--c2)}
.cat.c-3{--kl:var(--c3)}
.cat:hover{transform:translateY(-2px);border-color:var(--kl)}
.cat h3{font-size:20px;color:var(--kl)}
.cat p{margin:0;font-size:14px;color:var(--ink2)}
.cat .tally{margin-top:auto;padding-top:13px;
  border-top:1px solid color-mix(in srgb,var(--kl) 24%,var(--line2));
  display:flex;flex-direction:column;gap:9px}
.cat .catsom{display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--ink2)}
.cat a.catsom{text-decoration:none;align-self:flex-start;transition:color .16s}
.cat a.catsom .go{color:var(--kl);transition:transform .16s}
.cat a.catsom:hover,.cat a.catsom:focus-visible{color:var(--kl)}
.cat a.catsom:hover .go,.cat a.catsom:focus-visible .go{transform:translateX(3px)}
.cat .catsom b{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:27px;
  line-height:1;color:var(--kl)}
.cat .catsoort{display:flex;flex-wrap:wrap;gap:3px 0;font-size:12.5px;line-height:1.5}
.cat .catsoort a{display:inline-flex;align-items:baseline;gap:4px;text-decoration:none;
  color:var(--ink3);padding:1px 10px;border-left:1px solid var(--line);
  transition:color .16s}
.cat .catsoort a:first-child{padding-left:0;border-left:0}
.cat .catsoort a b{font-family:"IBM Plex Mono",monospace;font-weight:500;font-size:13px;
  color:var(--ink2);transition:color .16s}
.cat .catsoort a:hover,.cat .catsoort a:focus-visible{color:var(--kl)}
.cat .catsoort a:hover b,.cat .catsoort a:focus-visible b{color:var(--kl)}
.regs{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.reg{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;
  box-shadow:var(--shadow);transition:transform .15s,border-color .15s}
.reg:hover{transform:translateY(-2px);border-color:var(--accent)}
.reg svg{display:block;width:100%;height:auto;aspect-ratio:300/112}
.reg .t{display:block;padding:13px 16px 15px}
.reg h3{font-size:17px;margin-bottom:4px}
.reg .n{display:block;font-size:13px;color:var(--ink2)}
.pk-kop{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:14px;margin-bottom:22px}
.pk-tekst{grid-column:span 3;align-self:start;padding-right:12px}
.pk-tekst h2{margin-top:0}
.pk-tekst .lede{max-width:78ch;margin-bottom:0}
.percust .kaartbox{grid-column:span 2;align-self:end}
@media (max-width:1100px){.pk-kop{grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:28px}.pk-tekst,.percust .kaartbox{grid-column:auto}}
@media (max-width:700px){.pk-kop{display:block}}
@media (min-width:701px){.home .percust{margin-top:108px}.pk-kop{align-items:center;margin-bottom:108px}.pk-tekst{align-self:center}.percust .kaartbox{align-self:center;margin-top:-44px;margin-bottom:-44px}}
.percust .kaartbox svg{display:block;width:auto;height:230px;max-width:100%;margin:0 auto}
.percust .dot:not(.aan){opacity:.75}
.kab{stroke:var(--surface);stroke-width:1.4;transition:fill .15s,stroke .15s}
.kab.kust{fill:var(--sand)} .kab.binnen{fill:var(--line2)}
.kab.aan{fill:var(--accent-soft);stroke:var(--accent)}
.percust .kab.klikbaar{cursor:pointer}
.dot{fill:var(--ink3);opacity:.55;transition:fill .15s,opacity .15s} .dot.aan{fill:var(--accent);opacity:1}
.kaartbox .bij{font-size:11.5px;color:var(--ink3);margin:10px 0 0;font-family:"IBM Plex Mono",monospace}
.kleg{display:flex;justify-content:center;flex-wrap:wrap;gap:3px 12px;margin:4px 0 0;font:400 11px/1.4 "IBM Plex Sans",sans-serif;color:var(--ink2)}
.kleg span{display:inline-flex;align-items:center;gap:5px}
.kleg .kd{width:6px;height:6px;border-radius:50%;background:var(--ink3);opacity:.8}
.kleg .kv{width:9px;height:7px;border-radius:2px;background:var(--line2);border:1px solid var(--line)}
.kbron{margin:1px 0 0;text-align:center;font:400 10px/1.4 "IBM Plex Sans",sans-serif;color:var(--ink3)}
.percust .regs{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.percust .regs{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}
.reg.aan{border-color:var(--accent);transform:translateY(-2px)}
.reg .kabnaam{display:block;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}
.reg .plaatsen{display:block;font-size:12.5px;color:var(--ink2);margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.waterlijn,.strook{display:block;background:var(--accent)}
.waterlijn.l1{background:var(--c1)}
.waterlijn.l2{background:var(--c2)}
.waterlijn.l3{background:var(--c3)}
.waterlijn{height:2px;width:120px;margin-top:14px;border-radius:2px}
.l2{background:repeating-linear-gradient(90deg,var(--accent) 0 14px,transparent 14px 20px)}
.l3{background:repeating-linear-gradient(90deg,var(--accent) 0 4px,transparent 4px 9px)}
.search{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}
.rail{position:sticky;top:96px;max-height:calc(100vh - 116px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:8px;display:flex;flex-direction:column;gap:18px;
  padding-left:4px;margin-left:-4px;padding-top:4px;margin-top:-4px}
.rail::-webkit-scrollbar{width:8px}
.rail::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
.fld{display:flex;flex-direction:column;gap:6px;border:0;padding:0;margin:0}
.fld > .sublabel{display:block}
.waar .groepinhoud{display:flex;flex-direction:column;gap:16px}
.fld > label,.fld > legend,.fld > .sublabel{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);font-weight:500;padding:0;margin-bottom:6px}
input[type=search],select{font:inherit;font-size:14px;padding:8px 10px;border-radius:7px;border:1px solid var(--line);
  background:var(--surface);color:var(--ink);width:100%}
.pills{display:flex;flex-wrap:wrap;gap:6px}
.pill{font:inherit;font-size:12.5px;padding:5px 11px;border-radius:99px;cursor:pointer;border:1px solid var(--line);
  background:var(--surface);color:var(--ink2);text-align:left}
.pill.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.pill.rond{width:34px;height:34px;padding:0;border-radius:50%;text-align:center;font-family:"IBM Plex Mono",monospace;font-size:13px}
.liguitleg{margin:6px 0 0;font-size:12px;color:var(--ink3);min-height:0}
.liguitleg:empty{display:none}
.tick{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink2);cursor:pointer}
.tick input{width:16px;height:16px;accent-color:var(--accent)}
.sorteer{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink2);font-family:"IBM Plex Sans",sans-serif}
.sorteer select{width:auto}
.clear{font:inherit;font-size:12.5px;background:none;border:0;color:var(--accent);cursor:pointer;padding:0;text-align:left;text-decoration:underline}
.wisnu{font:inherit;font-size:12.5px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;
  padding:5px 11px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink2)}
.wisnu:hover{border-color:var(--accent);color:var(--accent)}
.wisnu[hidden]{display:none}
.wisnu .tel{font-family:"IBM Plex Mono",monospace;font-size:11px;min-width:17px;height:17px;border-radius:99px;
  display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:var(--paper)}
.wisnu .tel:empty{display:none}
.reshead{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 14px;font-family:"IBM Plex Mono",monospace;font-size:13px;color:var(--ink2)}
.actief{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 14px}
.actief[hidden]{display:none}
.actiefknop{display:inline-flex;align-items:center;gap:8px;cursor:pointer;
  padding:6px 10px 6px 12px;border-radius:99px;border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent);
  font:600 13px/1.2 "IBM Plex Sans",sans-serif}
.actiefknop svg{flex:none;opacity:.8}
.actiefknop:hover,.actiefknop:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff}
.actiefknop:hover svg{opacity:1}
.list{display:flex;flex-direction:column;gap:10px}
.card{display:flex;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:var(--shadow);transition:border-color .15s,transform .15s,box-shadow .15s}
.card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lift)}
.card[hidden]{display:none}
@media (max-width:760px){
  :root:not([data-theme="dark"]) body:has(.list .card){--paper:#EFE8DA}   
  :root:not([data-theme="dark"]) .list{gap:18px}
  :root:not([data-theme="dark"]) .card{background:#fff;border:1.5px solid #BFB39A;box-shadow:0 4px 14px rgba(40,30,10,.16)}
  .card .strook{width:6px}
}
:root:not([data-theme="dark"]) .card{border-width:1.5px}
:root:not([data-theme="dark"]) .card:has(.strook.l1){border-color:var(--c1)}
:root:not([data-theme="dark"]) .card:has(.strook.l2){border-color:var(--c2)}
:root:not([data-theme="dark"]) .card:has(.strook.l3){border-color:var(--c3)}
.card .strook{width:4px;flex:none}
.card .strook.l1{background:var(--c1)}
.card .strook.l2{background:var(--c2)}
.card .strook.l3{background:var(--c3)}
.card .body{flex:1;min-width:0;padding:18px 22px;display:flex;flex-direction:column}
.card .top{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
.card h2{font-size:21px;letter-spacing:-.012em;line-height:1.2;margin:0}
.card .where{font-size:13.5px;color:var(--ink2);margin-top:4px}
.card .price{font-family:"IBM Plex Mono",monospace;font-size:22px;font-weight:500;text-align:right;white-space:nowrap;line-height:1.1}
.card .price small{display:block;font-size:11px;color:var(--ink3);font-family:"IBM Plex Sans",sans-serif;font-weight:400}
.card .zin{font-size:14px;color:var(--ink2);margin:10px 0 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin-top:auto;padding-top:14px}
.keur{font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.keur.k1{color:var(--c1)}
.keur.k2{color:var(--c2)}
.keur.k3{color:var(--c3)}
.bewijs{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ink3)}
.score{display:inline-flex;align-items:baseline;gap:5px;font-size:13px;color:var(--ink2);margin-left:auto}
.score b{font-family:"IBM Plex Mono",monospace;font-size:14px;color:var(--ink);background:var(--accent-soft);border-radius:6px;padding:2px 7px}
.empty{padding:44px 20px;text-align:center;color:var(--ink2);border:1px dashed var(--line);border-radius:10px}
.badge{display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1 "IBM Plex Sans",sans-serif;padding:6px 10px 6px 8px;border-radius:999px;white-space:nowrap}
.badge svg{width:16px;height:16px;flex:none}
.badge.b1{background:#DDF1EC;color:#0A6658}
.badge.b2{background:#F6E9D6;color:#85500C}
.badge.b3{background:#E5E8F4;color:#3E4C86}
:root[data-theme="dark"] .badge.b1{background:#123E37;color:#7FDCC6}
:root[data-theme="dark"] .badge.b2{background:#3F2E17;color:#F0BE7E}
:root[data-theme="dark"] .badge.b3{background:#262D47;color:#B3BFE6}
.zandt{display:inline-flex;align-items:center;gap:6px;font:400 13px/1.2 "IBM Plex Sans",sans-serif;color:var(--ink2)}
.zandt i{width:12px;height:12px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.18);background:#8A8B85}
:root[data-theme="dark"] .zandt i{box-shadow:0 0 0 1px rgba(255,255,255,.45)}
.zandt.z-wit i{background:linear-gradient(#F6EFDD,#EADCBE)}
.zandt.z-licht i{background:linear-gradient(#F5EBD3,#E6D5AE)}
.zandt.z-goud i{background:linear-gradient(#E9CF9C,#D4B57C)}
.zandt.z-grijs i{background:linear-gradient(#8E8D86,#6A6963)}
.zandt.z-donker i{background:linear-gradient(#7C7B75,#53534E)}
.zandt.z-zwart i{background:linear-gradient(#4A4A47,#2E2E2C)}
.zandt.z-kiezel i{background:linear-gradient(#B0A894,#8D8574)}
.zandt.z-rots i,.zandt.z-geen i{background:linear-gradient(#8A8B85,#5E6060)}
.ster{color:#D9971C;letter-spacing:1px}
:root[data-theme="dark"] .ster{color:#F2C14E}
.card .zin{color:var(--ink);opacity:.86;font-size:14.5px}
.card .rechts{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}
.card .rechts .score{margin-left:0;white-space:nowrap}
.card .meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.card{container-type:inline-size}
@container (min-width:600px){
  .card .meta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px}
  .card.metfoto .kfoto{flex-basis:200px}
}
.score b{background:#DDF1EC;color:#0A6658}
:root[data-theme="dark"] .score b{background:#123E37;color:#7FDCC6}
.dh .label{align-items:center}
.boek-bewijs .badge{align-self:flex-start}
.crumb{font-size:12.5px;color:var(--ink3);margin:0 0 16px}
.crumb a{color:var(--accent);text-decoration:none}
.detailband{margin:0 0 26px}
.detailband img,.detailband svg,.detailband .regfoto img{display:block;width:100%;
  height:clamp(150px,22vw,300px);object-fit:cover;border-radius:14px;box-shadow:var(--shadow);
  background:var(--line2)}
.detailband .regfoto{display:block}
.detailband figcaption{font-size:12.5px;line-height:1.45;color:var(--ink2);margin:8px 2px 0}
.boek-bewijs{display:flex;flex-direction:column;gap:4px;margin-top:10px;padding-top:14px;border-top:1px dashed var(--line)}
.dossier{display:grid;grid-template-columns:1.35fr .9fr;gap:44px;align-items:start}
.dh h1{font-size:clamp(28px,3.6vw,40px);letter-spacing:-.015em}
.dh .where{color:var(--ink2);margin:6px 0 12px}
.dh .label{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin:0}
.nw{white-space:nowrap}
.tekst{font-size:16.5px;line-height:1.7;color:var(--ink2);max-width:62ch}
.tekst p{margin:22px 0 0}
.pagina .tekst .lede{max-width:none}  
.pagina .tekst p.ondertitel{margin:0 0 14px;font:italic 400 22px/1.3 Spectral,Georgia,serif;color:var(--ink2)}  
.tekst.intro{max-width:46rem}  
.disc{font-size:11.5px;color:var(--ink3);line-height:1.5;margin:10px 0 0}
.noot::before{content:"*\00a0";color:var(--accent);font-weight:600}
.disc.noot + .disc.noot{margin-top:3px}
.hotel h2.eyebrow{font-size:12.5px;font-weight:500;letter-spacing:.095em;margin:44px 0 10px;
  color:var(--ink);padding-bottom:7px;border-bottom:1px solid var(--line)}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0;background:var(--surface);
  border:1px solid var(--line);border-radius:10px;overflow:hidden;margin:0}
.fact{background:none;padding:13px 15px;box-shadow:1px 0 0 var(--line),0 1px 0 var(--line)}
.fact dt{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-weight:600}
.fact dd{margin:4px 0 0;font-size:15px}
.facts{grid-auto-rows:auto}
.fact{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:4px;align-content:start}
.fact dd{margin:0}
.fact .per{display:block;white-space:nowrap}
.fact .snp{display:block}
.fact .ook{color:var(--ink2);font-size:.9em}
.fact .ja{color:var(--accent);font-weight:600}
.fact .nee{color:var(--alert);font-weight:600}
.fact small{color:var(--ink3)}
.fact .pn{display:block}
.amen{display:flex;flex-wrap:wrap;gap:7px;margin:0}
.chip{display:inline-flex;font-size:12.5px;padding:4px 11px;border-radius:99px;border:1px solid var(--line);color:var(--ink2)}
.kaartlink{display:inline-block;margin-top:22px;color:var(--accent);font-size:14px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.panel>.ph{padding:16px 18px;border-bottom:1px solid var(--line);background:var(--raise)}
.panel>.pb{padding:18px;display:flex;flex-direction:column;gap:9px}
.boek-paneel{position:sticky;top:96px}
.prijs{margin-top:6px;display:flex;align-items:baseline;gap:6px}
.prijs .mono{font-size:30px;font-weight:500}
.prijs small{font-size:12.5px;color:var(--ink3)}
.btn{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;font-size:14.5px;
  padding:13px 17px;border-radius:9px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.btn:hover{border-color:var(--accent)}
.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn.primary small{opacity:.75}
.btn.uit{opacity:.5;cursor:default}
.btn .go{font-family:"IBM Plex Mono",monospace;font-size:12px;opacity:.7}
.boek-paneel .btn,.boek-paneel .btn.primary{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent);color:var(--ink);font-weight:600}
.boek-paneel .btn:hover{border-color:var(--accent)}
.boek-paneel .btn .go{color:var(--accent);opacity:1}
.pkt{font-family:"IBM Plex Mono",monospace;letter-spacing:.06em;white-space:nowrap}
.pkt b{font-weight:700;color:var(--ink)}
.pkt i{font-style:normal;color:var(--ink);opacity:.22}
.pkblok{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:8px}
.pkblok .pkkop{font-size:12.5px;color:var(--ink3);width:100%}
.pkblok .pkt{font-size:24px}
.pkblok .pkb{font-size:15px;font-weight:600}
.pkblok .pkb small{font-weight:400;font-size:12.5px;color:var(--ink3)}
.pknoot{margin:6px 0 0;line-height:1.4}
.rechts .pkt{font-size:16px}
.rechts .pkr{display:block;font-size:12px;color:var(--ink3);margin-top:2px;white-space:nowrap}
.pkpills .pill small{font-size:11.5px;opacity:.75;margin-left:2px}
.zsfact dd{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.zsfact .zs{align-items:flex-start;min-width:0;gap:2px}
.zsfact .zs b{font-size:16px;line-height:1.5}
.zsfact .zs b span{font-size:11px}
.zsfact .zsbalk{width:64px;height:5px}
.zslink{font-size:12px;color:var(--accent)}
.rechts .zskaart{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:6px}
.rechts .zskaart .zsl{font-size:11.5px;color:var(--ink3)}
.rechts .zskaart .zs{flex-direction:row;align-items:center;min-width:0;gap:8px}
.rechts .zskaart .zs b{font-size:17px}
.rechts .zskaart .zs b span{font-size:11px}
.rechts .zskaart .zsbalk{width:56px;height:5px}
.rechts .pkr{display:inline;margin:0 0 0 6px}
.card .rechts{gap:10px}
.rechts .zskaart{margin-bottom:0}
.rechts .pkrij{display:flex;align-items:baseline;justify-content:flex-end;gap:6px;white-space:nowrap}
.rechts .pkrij .pkr{margin:0}
.rechts .zskaart{align-items:flex-start}
.rechts .zskaart .zsl{line-height:17px}
.rechts .zskaart .zs{flex-direction:column;align-items:flex-start;gap:5px}
.rechts .zskaart .zs b{line-height:1}
.rechts .zskaart .zsbalk{width:64px}
.zsfact dd{align-items:flex-start}
@media (max-width:680px){.card .top{flex-wrap:wrap;row-gap:8px}.card .top > div:first-child{flex:1 1 100%;min-width:0}.card .rechts{flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:14px;row-gap:6px}.rechts .zskaart,.rechts .pkrij{justify-content:flex-start}}
.geldreeks{white-space:nowrap}
.pagina{max-width:96ch;margin-inline:0}
.pagina.metrail{max-width:none;display:grid;gap:44px;
  grid-template-columns:minmax(0,96ch) minmax(190px,15rem);justify-content:space-between}
.pagina.metrail .pagkern{min-width:0}
.pagina.metrail{row-gap:0}
.pagina.metrail > h1{grid-column:1;grid-row:1}
.pagina.metrail > .pagkern{grid-column:1;grid-row:2}
.pagina.metrail > .inhoud{grid-column:2;grid-row:1 / span 2}
.pagina.prose.metrail{grid-template-columns:minmax(0,96ch) minmax(190px,15rem)}
.inhoud{position:sticky;top:96px;align-self:start;font-size:13.5px}
.inhoud details{border-left:2px solid var(--line);padding-left:16px}
.inhoud summary{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink3);cursor:default;list-style:none;margin-bottom:10px}
.inhoud summary::-webkit-details-marker{display:none}
.inhoud ol{list-style:none;margin:0;padding:0;display:grid;gap:7px;counter-reset:ih}
.inhoud li{counter-increment:ih;display:flex;gap:8px;line-height:1.45}
.prose .inhoud li{font-size:inherit;line-height:1.45;margin:0;color:inherit}
.inhoud li::before{content:counter(ih);font-family:"IBM Plex Mono",monospace;font-size:11px;
  color:var(--ink3);flex:none;padding-top:2px}
.inhoud a{color:var(--ink2);text-decoration:none;border-bottom:1px solid transparent}
.inhoud a:hover,.inhoud a:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}
.pagina.metrail :is(h2,h3){scroll-margin-top:96px}
@media (max-width:1100px){
  .pagina.metrail,.pagina.prose.metrail{grid-template-columns:1fr;gap:0;max-width:96ch;justify-content:start}
  .pagina.metrail > h1,.pagina.metrail > .pagkern,.pagina.metrail > .inhoud{grid-column:1;grid-row:auto}
  .pagina.metrail > h1{order:-2}
  .inhoud{position:static;order:-1;margin:0 0 30px}
  .inhoud summary{cursor:pointer}
  .inhoud details{background:var(--raise);border-left:0;border-radius:10px;padding:14px 16px}
}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.pagina h1{font-size:34px;margin-bottom:14px}
.pagina .tekst{max-width:none;font-size:17px}
.pagina .tekst h2{font-family:Spectral,Georgia,serif;font-weight:600;font-size:23px;line-height:1.25;
  color:var(--ink);margin:36px 0 10px}
.pagina .tekst h3{font-family:Spectral,Georgia,serif;font-weight:600;font-size:18px;color:var(--ink);margin:26px 0 6px}
.pagina .tekst > :first-child{margin-top:0}
.pagina .tekst p.intro{font-size:19px;line-height:1.6;color:var(--ink);margin:0 0 4px}
.pagina .tekst p.klein{font-size:13px;color:var(--ink3)}
.pagina .tekst ul,.pagina .tekst ol{margin:16px 0 0;padding-left:1.3em}
.pagina .tekst li{margin:8px 0}
.pagina .tekst dl{margin:18px 0 0}
.pagina .tekst dt{margin-top:18px}
.pagina .tekst dd{margin:4px 0 0}
.pagina .tekst code{font-family:"IBM Plex Mono",monospace;font-size:.88em;color:var(--ink)}
.fout{padding-block:90px}
.fout h1{font-size:clamp(30px,5vw,48px);margin:10px 0 14px}
.fout .btn{display:inline-flex}
.kv h1,.labelpagina h1,.toppagina h1{font-size:34px;margin-bottom:14px}
.kv-wrap{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start}
.kv-kaart{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lift)}
.kv-kaart svg{display:block;width:100%;height:auto}
.kv-dot{cursor:pointer;transition:opacity .18s}
.kv-dot.uit{opacity:.08;pointer-events:none}
.kv-dot:focus-visible{outline:none;stroke-width:3}
.kv-label{font-family:"IBM Plex Sans",sans-serif;font-size:10px;letter-spacing:.14em;text-transform:uppercase;fill:var(--ink3);pointer-events:none;
  font-weight:600;paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round}
.kv-tel{position:absolute;left:14px;top:12px;background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.kv-tel b{font-family:"IBM Plex Mono",monospace;font-size:20px;font-weight:500}
.kv-tel small{font-family:"IBM Plex Sans",sans-serif;font-size:12px;color:var(--ink3);font-weight:400}
.kv-tel span{display:block;font-size:11.5px;color:var(--ink3)}
.kv-zij{display:flex;flex-direction:column;gap:12px;position:sticky;top:96px}
.kv-groep{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 15px}
.kv-groep .kvkop{font-family:"IBM Plex Sans",sans-serif;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);font-weight:500;margin:0 0 9px}
.kv-keuze{display:flex;flex-wrap:wrap;gap:6px}
.kv-keuze button{font:inherit;font-size:12.5px;padding:5px 10px;border-radius:8px;cursor:pointer;border:1px solid var(--line);background:var(--raise);
  color:var(--ink2);display:inline-flex;align-items:center;gap:6px;text-align:left}
.kv-keuze button.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.kv-keuze i{width:11px;height:11px;border-radius:3px;display:inline-block;border:1px solid var(--ink3)}
.kv-groep .clear{margin-top:10px}
.kv-leeg{color:var(--ink3);font-size:13px;margin:0}
.kv-sel{border-color:var(--accent)}
.kv-kaartje{display:block;text-decoration:none;color:inherit}
.kv-kaartje h3{font-size:18px;margin-bottom:3px}
.kv-kaartje p{margin:0}
.kv-kaartje .w{font-size:12.5px;color:var(--ink3);margin-bottom:8px}
.kv-kaartje .onder{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px;font-size:13px}
.kv-kaartje .go{color:var(--accent)}
.kv-voet{margin-top:14px;max-width:70ch}
.fig-foto{margin:0 0 28px}
.fig-foto img{display:block;width:100%;height:auto;aspect-ratio:1600/560;max-height:min(50vh,480px);object-fit:cover;border-radius:14px;box-shadow:var(--shadow-lift)}
.fig-foto figcaption{margin-top:9px;font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ink3);line-height:1.6;max-width:114ch}
.fig-foto figcaption span{display:block}
.rows{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.rows.ingeklapt .row.meer{display:none}
.meerknop{display:block;margin:12px auto 0;padding:9px 18px;border:1px solid var(--line);border-radius:999px;
  background:var(--surface);color:var(--ink);font:500 14px/1.2 var(--sans,"IBM Plex Sans",system-ui,sans-serif);cursor:pointer}
.meerknop:hover,.meerknop:focus-visible{border-color:var(--accent);color:var(--accent)}
.row{display:grid;grid-template-columns:1fr auto 190px;gap:18px;align-items:center;padding:13px 18px;text-decoration:none}
.row+.row{border-top:1px solid var(--line2)}
.row:hover{background:var(--raise)}
.row .nm{font-size:15px;display:block}
.row h2.nm{margin:0;font-family:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-wrap:wrap}
.row .sub{font-size:12px;color:var(--ink3);display:block}
.row .bewijs{text-align:right}
.crumb .onzeker{border-bottom:1px dotted var(--line);cursor:help}
.row .bron{display:block;font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
.row .bron::before{content:"○ "}
.row.zelf .bron{color:var(--warm)}
.row.zelf .bron::before{content:"● "}
.prose{max-width:74ch;margin-inline:auto}
.pagina.prose{margin-inline:0}
.pagina.prose:not(.metrail){max-width:96ch}
.pagkern .gfoto:not(.staand),.pagkern .kwfoto,.pagkern .gfotopaar{max-width:none}
.prose .lede{max-width:none}
.prose h1{font-size:clamp(28px,3.6vw,38px);margin-bottom:10px}
.prose h2{font-size:24px;margin:38px 0 10px}
.pagina.prose h1{font-size:34px;margin-bottom:14px}
.pagina.prose h2{font-size:23px;line-height:1.25;margin:36px 0 10px}
.prose h3{font-size:18px;margin:26px 0 6px}
.prose p,.prose li{color:var(--ink2);font-size:17px;line-height:1.7}
.prose li{margin:8px 0}
.prose li{margin-bottom:6px}
.prose strong{color:var(--ink);font-weight:600}
.prose .fig-foto{max-width:none}
.labelpagina .lede,.kustpagina .lede,.toppagina .lede{max-width:78ch}
.meetnoot{max-width:78ch;margin:14px 0 0;padding-left:14px;border-left:2px solid var(--line);
  font-size:13.5px;color:var(--ink3);line-height:1.6}
.groepkop{font-family:Spectral,Georgia,serif;font-weight:600;font-size:22px;color:var(--ink);
  margin:38px 0 4px;display:flex;align-items:baseline;gap:10px}
.groepkop span{font-family:"IBM Plex Mono",monospace;font-size:12px;color:var(--ink3);font-weight:400}
.labelpagina .watkop{font-family:Spectral,Georgia,serif;font-weight:600;font-size:18px;color:var(--ink);margin:22px 0 4px}
.groeptoel{margin:0 0 14px;font-size:14.5px;color:var(--ink2);max-width:70ch}
.zoekrij{padding-bottom:12px}
.zoekrij:has(.kopzoek[hidden]){display:none}
.kopzoek{position:relative;max-width:560px;margin-left:auto}
.kopzoek[hidden]{display:none}
.kopzoek input{font:inherit;font-size:13.5px;width:100%;padding:8px 12px 8px 32px;border-radius:8px;border:1px solid var(--line);
  background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238795A3' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") no-repeat 10px 50%/15px;color:var(--ink)}
.kz-lijst{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;list-style:none;margin:0;padding:6px;min-width:320px;
  background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lift);max-height:70vh;overflow:auto}
.kz-lijst a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:9px 11px;border-radius:8px;text-decoration:none;color:var(--ink)}
.kz-lijst b{font-weight:500;font-size:14px}
.kz-lijst span{grid-column:1;font-size:12px;color:var(--ink3)}
.kz-lijst em{grid-column:2;grid-row:1 / span 2;align-self:center;font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:10px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--accent);text-align:right;max-width:120px}
.kz-lijst li.aan a,.kz-lijst a:hover{background:var(--accent-soft)}
.kz-geen{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;min-width:280px;padding:12px 14px;font-size:12.5px;color:var(--ink2);
  background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lift)}
.voet{border-top:1px solid var(--line);padding-block:34px 40px;font-size:12.5px;color:var(--ink3)}
.voetop{display:flex;gap:28px 40px;flex-wrap:wrap;justify-content:space-between;align-items:center}
.merkvoet{display:flex;align-items:center;gap:14px;max-width:560px}
.merkvoet svg{display:block;height:58px;width:auto;flex:none}
.merkvoet .eyebrow{color:var(--accent)}
.voetmenu ul{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.voetmenu li{margin:0;padding:0}
.voetmenu li::marker{content:""}
.voetmenu a{display:block;padding:7px 13px;border:1px solid var(--line);border-radius:99px;
  background:var(--surface);color:var(--ink2);font-size:12.5px;text-decoration:none;
  transition:border-color .16s,color .16s,background .16s}
.voetmenu a:hover,.voetmenu a:focus-visible{border-color:var(--accent);color:var(--accent);background:var(--surface)}
.voetmenu .current>a,.voetmenu .active>a{border-color:var(--ink3);color:var(--ink)}
.voetop.kolommen{display:grid;
  grid-template-columns:minmax(280px,1.5fr) minmax(150px,1fr) minmax(150px,1fr);
  gap:32px 72px;align-items:start}
.voetop.kolommen .merkvoet{max-width:500px}
.voetkol h2,.voetkol .vkkop{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink3);font-weight:500;margin:0 0 10px;
  padding-bottom:8px;border-bottom:1px solid var(--line2)}
.voetkol{min-width:160px}
.voetkol ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.voetkol li{margin:0}
.voetkol a{color:var(--ink2);text-decoration:none;font-size:13.5px;white-space:nowrap;
  border-bottom:1px solid transparent;padding-bottom:1px;transition:color .16s,border-color .16s}
.voetkol a:hover,.voetkol a:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}
.voetkol a[aria-current]{color:var(--ink)}
@media (max-width:860px){
  .voetop.kolommen{grid-template-columns:1fr 1fr;gap:28px 48px}
  .voetop.kolommen .merkvoet{grid-column:1 / -1}
}
@media (max-width:520px){
  .voetop.kolommen{grid-template-columns:1fr}
  .voetkol a{white-space:normal}
}
.voetonder{display:flex;gap:14px 30px;flex-wrap:wrap;justify-content:space-between;
  align-items:flex-end;margin-top:26px;padding-top:20px;border-top:1px solid var(--line2)}
.voetonder .affvoet{max-width:78ch;margin:0}
.voetonder p{margin:0}
.voetonder .smlink{color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.voetonder .smlink:hover,.voetonder .smlink:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}
@media (max-width:900px){
  .cats{grid-template-columns:1fr}
  .home .intro{grid-template-columns:1fr;gap:26px}
  .search{grid-template-columns:1fr}
  .rail{position:static;max-height:none;overflow:visible;padding-right:0}
  .dossier{display:flex;flex-direction:column;gap:28px}
  .boek-paneel{position:static;order:2;width:100%}
  .kv-wrap{grid-template-columns:1fr}
  .kv-zij{position:static}
  .kv-kaart{order:-1}
  .row{grid-template-columns:1fr;gap:4px}
  .row .bewijs{text-align:left}
}
@media (max-width:680px){
  .wrap{padding-inline:16px}
  main{padding-block:24px 56px}
  section+section{margin-top:64px}
  .home .intro .knoppen{margin-bottom:0}
  .bar{min-height:62px;gap:8px 10px;padding-block:9px}
  .mark svg{height:auto;width:clamp(128px,calc(100vw - 226px),217px)}
  .tkchip{height:30px;padding:0 6px;gap:4px}
  .tkchip svg{width:14px;height:14px}
  .mark em{display:none}
  .kopzoek{max-width:none}
  .kz-lijst,.kz-geen{min-width:0}
  .scape .heroimg{aspect-ratio:4/3;object-position:50% 62%}
  .scape .over{padding:18px 18px 16px}
  .lijst h1,.pagina h1,.pagina.prose h1,.kv h1,.labelpagina h1,.toppagina h1{font-size:28px}
  .card .body{padding:14px 16px}
  .card h2{font-size:17px}
  .card .price{font-size:17px}
  .facts{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .kv .kv-wrap,.kv .kv-voet{display:none}
  .kv .kv-klein{display:block}
}
.kv .kv-klein{display:none;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--surface)}
.kv .kv-klein p{margin:0 0 14px;font-size:15px;color:var(--ink2)}
.kv .kv-klein .btn{margin:0}
@media (max-width:700px){
  .percust .kaartbox{display:none}
  .home .figures{display:none}
  .home .intro{gap:0}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.kustwerk{border-left:3px solid #c9892f;background:color-mix(in srgb,#c9892f 12%,transparent);padding:.7rem 1rem;margin:1rem 0 1.2rem;border-radius:0 6px 6px 0;max-width:46rem}
.kustwerk strong{display:block;font:600 .72rem/1.2 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.3rem}
.kustwerk p{margin:0;font-size:.92rem;line-height:1.5}
.waarneming{margin:0 0 1.2rem;padding:.75rem 0 .75rem 1rem;border-left:3px solid var(--sea-deep);max-width:46rem}
.waarneming figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .5rem;margin-bottom:.35rem}
.waarneming figcaption strong{font:600 .72rem/1.2 'IBM Plex Mono',monospace;letter-spacing:.12em;text-transform:uppercase}
.waarneming figcaption span{font-size:.76rem;line-height:1.45;color:var(--ink2)}
.waarneming p{margin:0;font-size:1rem;line-height:1.6}
.rail > .groep > summary{list-style:none}
.rail > .groep > summary::-webkit-details-marker{display:none}
.verborgen{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mbalk,.chiprij,.paneelkop,.paneelvoet,.sorteerblad{display:none}
@media (min-width:761px){
  .rail > .groep{border:0}
  .rail > .groep > summary{display:block;cursor:default;font-family:Spectral,Georgia,serif;
    font-size:17px;font-weight:600;color:var(--ink);margin:26px 0 8px;padding:0}
  .rail > .groep:first-of-type > summary{margin-top:18px}
  .rail > .groep > summary .chev,.rail > .groep > summary .gaan,
  .rail > .groep > summary small{display:none}
  .rail > .groep > .groepinhoud{padding:0;display:flex;flex-direction:column;gap:14px}
}
@media (max-width:760px){
  .search{display:block}
  .search > form.rail{position:fixed;inset:0;z-index:70;max-height:none;margin:0;
    padding:56px 0 84px;background:var(--paper);overflow-y:auto;display:none;gap:0;border-radius:0}
  body.bs-filters .search > form.rail{display:block}
  body.bs-filters{overflow:hidden}
  body.bs-filters .paneelkop{display:flex;position:fixed;top:0;left:0;right:0;z-index:71;
    align-items:center;justify-content:space-between;gap:12px;height:56px;padding:0 10px 0 16px;
    background:var(--surface);border-bottom:1px solid var(--line)}
  .paneelkop strong{font:600 17px/1 Spectral,Georgia,serif}
  .paneelkop button{border:0;background:none;padding:10px;color:var(--ink);cursor:pointer;line-height:0}
  body.bs-filters .paneelvoet{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:71;
    gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));
    background:var(--surface);border-top:1px solid var(--line)}
  .paneelvoet .wis{flex:none;background:none;border:1px solid var(--line);border-radius:10px;
    padding:12px 16px;font:500 14px/1 "IBM Plex Sans",sans-serif;color:var(--ink2)}
  .paneelvoet .toon{flex:1;background:var(--ink);color:var(--paper);border:0;border-radius:10px;
    padding:13px 16px;font:600 15px/1 "IBM Plex Sans",sans-serif}
  .rail > .groep{border-bottom:1px solid var(--line2);margin:0}
  .rail > .groep > summary{display:flex;align-items:center;gap:10px;cursor:pointer;
    padding:16px;font:600 16px/1.25 "IBM Plex Sans",sans-serif;color:var(--ink)}
  .rail > .groep > summary .gtitel{display:flex;flex-direction:column;flex:1;min-width:0}
  .rail > .groep > summary small{display:block;font:400 13px/1.35 "IBM Plex Sans",sans-serif;
    color:var(--ink2);margin-top:3px;border:0}
  .rail > .groep > summary .gaan{font:600 12px/1 "IBM Plex Mono",monospace;background:var(--accent-soft);
    color:var(--accent);border-radius:999px;padding:5px 9px;flex:none}
  .rail > .groep > summary .chev{margin-left:auto;flex:none;color:var(--ink3);transition:transform .15s}
  .rail > .groep > summary .gaan + .chev{margin-left:0}
  .rail > .groep[open] > summary .chev{transform:rotate(180deg)}
  .rail > .groep > .groepinhoud{padding:0 16px 16px;display:flex;flex-direction:column;gap:14px}
  .rail .railkop{display:none}
  .rail .zoekveld{padding:14px 16px;border-bottom:1px solid var(--line2);margin:0}
  .rail .zoekveld input{width:100%}
  .rail > .clear{margin:16px}
  .mbalk{display:flex;position:sticky;top:0;z-index:40;align-items:center;gap:8px;
    margin:0 -16px;padding:8px 16px;background:var(--paper)}
  .mbalk .mknop{display:inline-flex;align-items:center;gap:7px;background:var(--surface);
    border:1px solid var(--line);border-radius:999px;padding:9px 14px;
    font:500 14px/1 "IBM Plex Sans",sans-serif;color:var(--ink);cursor:pointer}
  .mbalk .mtelknop{display:inline-flex;align-items:center;justify-content:center;min-width:18px;
    height:18px;padding:0 5px;border-radius:999px;background:var(--ink);color:var(--paper);
    font:600 11px/1 "IBM Plex Mono",monospace}
  .mbalk .mtel{margin-left:auto;font:400 12.5px/1 "IBM Plex Mono",monospace;color:var(--ink2)}
  .chiprij{display:block;position:sticky;top:48px;z-index:39;margin:0 -16px 14px;
    background:var(--paper);border-bottom:1px solid var(--line)}
  .chiprij::before,.chiprij::after{content:"";position:absolute;top:0;bottom:1px;width:34px;
    pointer-events:none;z-index:2;opacity:0;transition:opacity .15s}
  .chiprij::after{right:0;background:linear-gradient(to left,var(--paper) 30%,transparent)}
  .chiprij::before{left:0;background:linear-gradient(to right,var(--paper) 30%,transparent)}
  .chiprij[data-rechts]::after{opacity:1}
  .chiprij[data-links]::before{opacity:1}
  .chips{display:flex;gap:8px;overflow-x:auto;padding:4px 16px 10px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .chips::-webkit-scrollbar{display:none}
  .chips button{flex:none;display:inline-flex;align-items:baseline;gap:6px;background:var(--surface);
    border:1px solid var(--line);border-radius:999px;padding:8px 14px;white-space:nowrap;
    font:500 13.5px/1 "IBM Plex Sans",sans-serif;color:var(--ink);cursor:pointer}
  .chips button .n{font:400 12px/1 "IBM Plex Mono",monospace;color:var(--ink3)}
  .chips button[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}
  .chips button[aria-pressed="true"] .n{color:var(--accent-ink);opacity:.8}
  body.bs-sort .sorteerblad{display:block;position:fixed;inset:0;z-index:72}
  .sorteerblad .waas{position:absolute;inset:0;background:rgba(15,42,68,.45)}
  .sorteerblad .blad{position:absolute;left:0;right:0;bottom:0;background:var(--surface);
    border-radius:16px 16px 0 0;padding:0 0 calc(8px + env(safe-area-inset-bottom))}
  .sorteerblad .greep{display:block;width:38px;height:4px;margin:8px auto 0;border-radius:99px;
    background:var(--line)}
  .sorteerblad .bladkop{display:flex;align-items:center;justify-content:space-between;
    gap:12px;padding:10px 10px 8px 18px}
  .sorteerblad h2,.sorteerblad .sbkop{margin:0;font:600 16px/1 Spectral,Georgia,serif}
  .sorteerblad .bladkop button{border:0;background:none;padding:10px;color:var(--ink);line-height:0}
  .sorteerblad label{display:flex;align-items:center;gap:12px;padding:14px 18px;
    font:400 15px/1 "IBM Plex Sans",sans-serif;border-top:1px solid var(--line2)}
  .sorteerblad input{width:18px;height:18px;accent-color:var(--accent);flex:none}
  .reshead{display:none}
  .actief{margin:0 0 12px}
}
.kwfoto{margin:.75rem 0 0}
.kwfoto img{display:block;width:100%;height:auto;aspect-ratio:12/5;object-fit:cover;border-radius:9px}
.kwfoto figcaption{margin-top:.35rem;font-size:.76rem;line-height:1.45;color:var(--ink2)}
.kwfoto figcaption span{white-space:nowrap;opacity:.8}
.reg .regfoto{position:relative;display:block;aspect-ratio:300/112;overflow:hidden;background:var(--sky-2)}
.reg .regfoto img{display:block;width:100%;height:100%;object-fit:cover}
.reg .fotoband{display:block;height:6px;background:linear-gradient(180deg,var(--sea-deep) 0 50%,#DCC69A 50%)}
.reg .fotoband.z-badung-bukit{background:linear-gradient(180deg,var(--sea-deep) 0 50%,#F3EBD7 50%)}
.reg .fotoband.z-badung-oost{background:linear-gradient(180deg,var(--sea-deep) 0 50%,#F2E8CF 50%)}
.reg{position:relative}
.reg .fotoband.z-karangasem{background:linear-gradient(180deg,var(--sea-deep) 0 50%,#3E3E3A 50%)}
.reg .fotoband.z-denpasar{background:linear-gradient(180deg,var(--sea-deep) 0 50%,#EDE3CB 50%)}
.reg .fotoband.z-nusa{background:linear-gradient(180deg,var(--sea-deep) 0 50%,#F1E8D2 50%)}
.menuknop{display:none}
.menuknop .kruis{display:none}
@media (max-width:1024px){
  .menuknop{display:inline-flex}
  .kop.menu-open .menuknop .drie{display:none}
  .kop.menu-open .menuknop .kruis{display:block}
  .nav{display:none;order:9;flex:0 0 100%;flex-direction:column;align-items:stretch;gap:12px;padding:6px 0 14px;border-top:1px solid var(--line)}
  .kop.menu-open .nav{display:flex}
  .kop.menu-open{z-index:75;background:var(--paper)}
  .kop.menu-open .nav{max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
  .nav .tk{order:99;align-self:stretch}
  .nav .tk-knop{display:none}
  .nav .tk-paneel,.nav .tk-paneel.tk-twee,.nav .tk.open .tk-paneel,.nav .tk.open .tk-paneel.tk-twee{display:none}
  .nav .tk-mobiel{display:grid;gap:10px;margin-top:6px;padding-top:16px;border-top:1px solid var(--line)}
  .nav .tk-mobiel .tk-noot{margin:-4px 2px 2px;max-width:none}
  .tkchip{display:inline-flex}
  .bar>[data-thema]{display:none}
  .nav .menuthema{display:flex;order:100;align-items:center;gap:10px;width:100%;padding:12px 14px;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font:500 16px/1 "IBM Plex Sans",sans-serif;cursor:pointer;text-align:left}
  .nav .mod-menu{flex-direction:column;gap:0}
  .nav .mod-menu li+li{border-top:1px solid var(--line)}
  .nav .mod-menu a{font-size:16px;padding:9px 14px;color:var(--ink);font-weight:500}
  .nav .mod-menu a::after{left:0;right:auto;top:6px;bottom:6px;width:2.7px;height:auto;
    transform:scaleY(0);transform-origin:top;transition:transform .18s ease,opacity .18s ease}
  .nav .mod-menu a:hover::after,.nav .mod-menu a:focus-visible::after{transform:scaleY(1);opacity:.35}
  .nav .mod-menu .current>a::after,.nav .mod-menu .active>a::after{transform:scaleY(1);opacity:1}
}
.kop.smal .mark em{display:none}
.kop.krap .menuknop{display:inline-flex}
.kop.krap.menu-open .menuknop .drie{display:none}
.kop.krap.menu-open .menuknop .kruis{display:block}
.kop.krap .nav{display:none;order:9;flex:0 0 100%;flex-direction:column;align-items:stretch;gap:12px;padding:6px 0 14px;border-top:1px solid var(--line)}
.kop.krap.menu-open .nav{display:flex}
.kop.krap.menu-open{z-index:75;background:var(--paper)}
.kop.krap.menu-open .nav{max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
.kop.krap .nav .tk{order:99;align-self:stretch}
.kop.krap .nav .tk-knop{display:none}
.kop.krap .nav .tk-paneel,.kop.krap .nav .tk-paneel.tk-twee,.kop.krap .nav .tk.open .tk-paneel,.kop.krap .nav .tk.open .tk-paneel.tk-twee{display:none}
.kop.krap .nav .tk-mobiel{display:grid;gap:10px;margin-top:6px;padding-top:16px;border-top:1px solid var(--line)}
.kop.krap .nav .tk-mobiel .tk-noot{margin:-4px 2px 2px;max-width:none}
.kop.krap .tkchip{display:inline-flex}
.kop.krap .bar>[data-thema]{display:none}
.kop.krap .nav .menuthema{display:flex;order:100;align-items:center;gap:10px;width:100%;padding:12px 14px;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);font:500 16px/1 "IBM Plex Sans",sans-serif;cursor:pointer;text-align:left}
.kop.krap .nav .mod-menu{flex-direction:column;gap:0}
.kop.krap .nav .mod-menu li+li{border-top:1px solid var(--line)}
.kop.krap .nav .mod-menu a{font-size:16px;padding:9px 14px;color:var(--ink);font-weight:500}
.kop.krap .nav .mod-menu a::after{left:0;right:auto;top:6px;bottom:6px;width:2.7px;height:auto; transform:scaleY(0);transform-origin:top;transition:transform .18s ease,opacity .18s ease}
.kop.krap .nav .mod-menu a:hover::after,.kop.krap .nav .mod-menu a:focus-visible::after{transform:scaleY(1);opacity:.35}
.kop.krap .nav .mod-menu .current>a::after,.kop.krap .nav .mod-menu .active>a::after{transform:scaleY(1);opacity:1}
.kustwerk.groot{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}
.reg .fotoband.z-buleleng{background:linear-gradient(180deg,var(--sea-deep) 0 50%,#F1E8D2 50%)}
.reg .fotoband.z-jembrana{background:linear-gradient(180deg,var(--sea-deep) 0 50%,#57554C 50%)}
.reg .fotoband.z-tabanan{background:linear-gradient(180deg,var(--sea-deep) 0 50%,#4C4A44 50%)}
.reg .fotoband.z-gianyar-klungkung{background:linear-gradient(180deg,var(--sea-deep) 0 50%,#4A4944 50%)}
.home .zoekblok{position:relative;z-index:2;margin:-40px 0 34px;padding:0;
  background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lift)}
.home .zoekblok .zvelden{display:flex;flex-wrap:wrap;align-items:stretch;padding:8px}
.zoeksoort{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;
  padding:10px 14px 11px;border-bottom:1px solid var(--line2)}
.slab{font-family:"IBM Plex Mono",monospace;font-size:10.5px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink2)}
.svinkjes{display:flex;align-items:center;gap:14px;min-width:0;flex-wrap:wrap}
.svink{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink2);
  cursor:pointer;white-space:nowrap}
.svink input{width:15px;height:15px;accent-color:var(--accent);margin:0;padding:0;flex:none}
.svink input:checked + span{color:var(--ink)}
.svink:hover span{color:var(--ink)}
@media (max-width:640px){
  .zoeksoort{padding:9px 10px 10px;gap:0}
  .zoeksoort .slab{display:none}
  .svinkjes{flex:1 1 100%;gap:10px 8px;justify-content:space-between}
  .svink{font-size:clamp(12px,3.3vw,13px)}
}
.home .zoekblok .zv{flex:1 1 140px;display:flex;flex-direction:column;gap:2px;
  padding:9px 14px;border-right:1px solid var(--line2);min-width:0}
.home .zoekblok .zv.waar{flex:1.8 1 180px}
.home .zoekblok .zv.waar{position:relative}
.home .zoekblok .zv > label{font-size:10.5px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink2)}
.home .zoekblok .sug{position:absolute;z-index:20;left:6px;right:6px;top:calc(100% + 6px);
  margin:0;padding:6px;list-style:none;max-height:288px;overflow-y:auto;
  background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lift)}
.home .zoekblok .sug li{padding:8px 12px;border-radius:7px;font-size:14.5px;color:var(--ink);cursor:pointer;
  display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.home .zoekblok .sug li b{flex:1 1 auto;font-weight:500;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home .zoekblok .sug li span{flex:0 1 auto;max-width:38%;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.04em;color:var(--ink3)}
.home .zoekblok .sug li.pl b{font-weight:600}
.home .zoekblok .zbgeen{position:absolute;z-index:20;left:6px;right:6px;top:calc(100% + 6px);
  padding:11px 14px;font-size:13.5px;color:var(--ink2);
  background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-lift)}
.home .zoekblok .sug li:hover,.home .zoekblok .sug li.op{background:var(--raise)}
.home .zoekblok .sug li.op{outline:2px solid var(--accent);outline-offset:-2px}
.home .zoekblok .zv.kort{flex:.5 1 84px;border-right:0}
.home .zoekblok .zv > span{font-size:10.5px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink2)}
.home .zoekblok input:not([type="checkbox"]),.home .zoekblok select{border:0;padding:0;
  font:inherit;font-size:15px;color:var(--ink);background:var(--surface);width:100%;outline:none}
.home .zoekblok option{background:var(--surface);color:var(--ink)}
.home .zoekblok input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75}
.home .zoekblok input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:1}
.home .zoekblok .zoekknop{flex-shrink:0;display:flex;align-items:center;gap:7px;padding:0 20px;margin:0 10px 0 6px;
  border-radius:9px;background:var(--warm-knop);color:var(--paper);font-size:15px;font-weight:600;text-decoration:none;
  box-shadow:0 1px 2px rgba(15,42,68,.10), 0 10px 22px -14px color-mix(in srgb,var(--warm-knop) 85%,transparent)}
.home .zoekblok .zoekknop:hover{background:color-mix(in srgb,var(--warm-knop) 86%,var(--ink));color:var(--paper)}
:root[data-theme="dark"] .home .zoekblok .zoekknop:hover{color:var(--paper)}
.dv{position:relative}
.dknop{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
  padding:0;border:0;background:none;font:inherit;font-size:15px;color:var(--ink3);cursor:pointer;text-align:left}
.dknop.gevuld,.dv .gevuld{color:var(--ink)}
.dknop svg{flex-shrink:0;color:var(--ink2)}
.dknop:hover svg{color:var(--accent)}
.kal{position:absolute;z-index:40;top:calc(100% + 8px);left:0;padding:14px;
  background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lift)}
.kal.omhoog{top:auto;bottom:calc(100% + 8px)}
.kwaas{display:none}
.knav{display:flex;justify-content:space-between;gap:10px;margin-bottom:2px}
.kpijl{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--surface);
  color:var(--ink);font:inherit;font-size:17px;line-height:1;cursor:pointer}
.kpijl:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.kpijl:disabled{opacity:.3;cursor:default}
.kmaanden{display:flex;gap:26px}
.kmaand{width:252px}
.kkop{font-family:Spectral,Georgia,serif;font-size:16px;font-weight:600;color:var(--ink);
  text-align:center;margin:-26px 0 10px;text-transform:capitalize;pointer-events:none}
.kdagen{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.kdagnaam{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink3);text-align:center;padding-bottom:6px}
.kdag{height:34px;border:0;border-radius:8px;background:none;font:inherit;font-size:13.5px;
  color:var(--ink);cursor:pointer}
.kdag:hover:not(:disabled){background:var(--raise)}
.kdag.weg{color:var(--ink3);opacity:.45;cursor:default}
.kdag.vandaag{box-shadow:inset 0 0 0 1px var(--line)}
.kdag.tussen{background:var(--accent-soft);border-radius:0;color:var(--ink)}
.kdag.gekozen{background:var(--accent);color:var(--paper);font-weight:600}
:root[data-theme="dark"] .kdag.gekozen{color:var(--paper)}
.kdag.gekozen.start{border-radius:8px 0 0 8px}
.kdag.gekozen.eind{border-radius:0 8px 8px 0}
.kdag.gekozen.start.eind{border-radius:8px}
.kvoet{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;
  padding-top:11px;border-top:1px solid var(--line2)}
.kregel{font-size:13px;color:var(--ink2)}
.kregel:empty::before{content:"\00a0"}
.kwis{border:0;background:none;font:inherit;font-size:12.5px;color:var(--ink2);
  text-decoration:underline;cursor:pointer;padding:0}
.kwis:hover{color:var(--accent)}
.kwis:empty{display:none}
.zoeksoort .alleswis{margin:0 21px 0 auto;flex:0 0 auto}
.alleswis{display:inline-flex;align-items:center;gap:6px;cursor:pointer;position:relative;
  padding:6px 2px;border:0;background:none;font:inherit;font-size:12.5px;color:var(--ink3)}
.alleswis svg{opacity:.75;transition:opacity .16s ease}
.alleswis::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2.7px;
  background:var(--accent);border-radius:2px;opacity:0;transition:opacity .16s ease}
.alleswis:hover,.alleswis:focus-visible{color:var(--ink)}
.alleswis:hover svg,.alleswis:focus-visible svg{opacity:1}
.alleswis:hover::after,.alleswis:focus-visible::after{opacity:.35}
.alleswis[hidden]{display:none}
@media (max-width:640px){
  .zoeksoort .alleswis{display:none}
}
@media (max-width:640px), (max-height:560px){
  .kal{position:fixed;top:auto;bottom:0;left:0!important;right:0;width:auto;z-index:80;
    display:flex;flex-direction:column;height:86vh;max-height:86vh;overflow:hidden;
    padding:12px 14px 0;border-radius:16px 16px 0 0;border-bottom:0;
    box-shadow:0 -14px 44px -14px rgba(6,26,32,.5)}
  .kal::before{content:"";flex:0 0 auto;width:38px;height:4px;border-radius:99px;
    background:var(--line);margin:2px auto 10px}
  .kwaas{display:block;position:fixed;inset:0;z-index:79;background:rgba(6,26,32,.42)}
  .kwaas[hidden]{display:none}
  .kal .kmaanden{display:block;flex:1 1 auto;min-height:0;overflow-y:auto;
    -webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .kal .kmaand{width:100%}
  .kal .kmaand + .kmaand{margin-top:24px}
  .kal .kkop{font-size:18px;margin:0 0 10px}
  .kal .kdagen{gap:3px 2px}
  .kal .kdagnaam{font-size:11.5px;padding-bottom:6px}
  .kal .kdag{height:46px;font-size:16px;border-radius:10px}
  .kal .kdag.gekozen.start{border-radius:10px 0 0 10px}
  .kal .kdag.gekozen.eind{border-radius:0 10px 10px 0}
  .kal .kdag.gekozen.start.eind{border-radius:10px}
  .kal .kvoet{display:block;flex:0 0 auto;margin-top:0;
    padding:12px 0 calc(14px + env(safe-area-inset-bottom))}
  .kal .kregel{display:block;font-size:14px;text-align:center;margin-bottom:10px}
  .kal .kwis{display:block;width:100%;padding:13px;border:1px solid var(--line);
    border-radius:11px;font-size:15px;color:var(--ink);text-decoration:none}
  .kal .kwis:hover{border-color:var(--accent);color:var(--accent)}
}
.gasten{position:relative}
.gknop{display:flex;align-items:center;gap:8px;width:100%;padding:0;border:0;background:none;
  font:inherit;font-size:15px;color:var(--ink);cursor:pointer;text-align:left}
.gknop svg{flex-shrink:0;color:var(--ink2)}
.gpaneel{position:absolute;z-index:30;right:0;top:calc(100% + 10px);width:290px;max-width:78vw;padding:14px;
  background:var(--surface);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow-lift)}
.grij{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 0}
.grij + .grij{border-top:1px solid var(--line2)}
.grij b{display:block;font-size:14.5px;font-weight:600;color:var(--ink)}
.grij span{display:block;font-size:12px;color:var(--ink3)}
.grij span:empty{display:none}
.gtel{display:flex;align-items:center;gap:10px;flex-shrink:0}
.gtel button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--surface);
  color:var(--accent);font:inherit;font-size:17px;line-height:1;cursor:pointer}
.gtel button:hover:not(:disabled){border-color:var(--accent)}
.gtel button:disabled{opacity:.35;cursor:default}
.gtel output{min-width:18px;text-align:center;font-family:"IBM Plex Mono",monospace;font-size:14.5px;color:var(--ink)}
.gleeftijden{border-top:1px solid var(--line2);padding-top:10px;margin-top:4px;
  display:flex;flex-direction:column;gap:8px}
.glft{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--ink2)}
.glft select{flex:0 0 74px;font:inherit;font-size:14px;padding:5px 8px;border-radius:7px;
  border:1px solid var(--line);background:var(--surface);color:var(--ink)}
.gklaar{width:100%;margin-top:12px;padding:9px;border:0;border-radius:8px;cursor:pointer;
  background:var(--ink);color:var(--paper);font:inherit;font-size:14px;font-weight:600}
.gklaar:hover{background:var(--accent)}
.zoekblok .zv.gv{flex:1 1 210px;border-right:0}
.gknop > span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hotel .zoekblok.smal{margin:2px 0 20px;padding:0;gap:0;
  background:none;border:0;border-radius:0;border-bottom:1px solid var(--line2)}
.hotel .zoekblok.smal .zv{flex:0 1 auto;padding:0 26px 11px 0;border-right:0}
.hotel .zoekblok.smal .zv > span{font-size:10px;letter-spacing:.09em;color:var(--ink3)}
.hotel .zoekblok.smal input,.hotel .zoekblok.smal .gknop{font-size:14px;background:none}
.hotel .zoekblok.smal .gknop svg{width:15px;height:15px}
.hotel .zoekblok.smal .datwis{margin-left:auto;align-self:flex-end;padding:0 0 11px;font-size:12px}
@media (max-width:560px){
  .hotel .zoekblok.smal .zv{flex:1 1 44%;padding-right:14px}
}
.zoekblok.smal .gasten .gpaneel{right:auto;left:0}
@media (max-width:640px){
  .gpaneel{right:auto;left:0;width:100%;max-width:none}
  .home .zoekblok{margin:-16px 0 48px;padding:0}
  .home .zoekblok .zvelden{flex-direction:column;padding:4px}
  .home .zoekblok .zv,.home .zoekblok .zv.waar{flex:0 0 auto;padding:7px 12px;border-right:0;
    border-bottom:1px solid var(--line2)}
  .home .zoekblok .zv.gv{border-bottom:0}
  .home .zoekblok .sug{max-height:46vh}
  .home .zoekblok .sug li{padding:10px 12px;font-size:15px}
  .home .zoekblok .zv > label,.home .zoekblok .zv > span{font-size:9.5px}
  .home .zoekblok input,.home .zoekblok select,.home .zoekblok .gknop{font-size:15px}
  .home .zoekblok .zoekknop{margin:4px 0 0;justify-content:center;padding:12px}
}
.rail .railkop{font-family:Spectral,Georgia,serif;font-size:17px;font-weight:600;margin:26px 0 2px}
.rail .railkop:first-of-type{margin-top:18px}
.rail .railtoe{font-size:12.5px;color:var(--ink2);margin:0 0 12px;line-height:1.45}
.rail .keuzes{display:flex;flex-direction:column;gap:6px}
.rail .keuze{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;border-radius:9px;
  font:inherit;font-size:13.5px;text-align:left;cursor:pointer;
  background:var(--surface);border:1px solid var(--line);color:var(--ink)}
.rail .keuze:hover{border-color:var(--accent)}
.rail .keuze.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent);font-weight:600}
.rail .keuzevink{gap:9px}
.rail .keuzevink input{width:15px;height:15px;accent-color:var(--accent);margin:0;padding:0;flex:none}
.rail .keuzevink input:checked ~ span{color:var(--ink)}
.rail .keuzevink input:not(:checked) ~ span{color:var(--ink3)}
.rail .keuze > span:first-child{flex-grow:1}
.rail .keuze .n,.rail .vink .n{font-family:"IBM Plex Mono",monospace;font-size:12px;opacity:.7;flex-shrink:0}
.rail .vinkjes{display:flex;flex-direction:column;gap:9px}
.rail .vink{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.35;cursor:pointer}
.rail .vink input{margin:2px 0 0;width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}
.rail .vink > span:not(.n){flex-grow:1}
.rail .prijskop{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:7px}
.rail input[type=range]{width:100%;accent-color:var(--accent);margin:0}
.prijshist{display:block;width:100%;height:26px;margin-bottom:2px;overflow:visible}
.prijshist .staaf{fill:var(--line);transition:fill .12s}
.prijshist .staaf.aan{fill:var(--accent)}
.dubbel{position:relative;height:24px}
.dubbel .spoor{position:absolute;left:0;right:0;top:11px;height:4px;border-radius:99px;background:var(--line)}
.dubbel .spoor .vak{position:absolute;top:0;bottom:0;background:var(--accent);border-radius:99px}
.dubbel input[type=range]{position:absolute;left:0;top:0;width:100%;height:24px;margin:0;padding:0;
  background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.dubbel input[type=range]:focus{outline:none}
.dubbel input[type=range]::-webkit-slider-runnable-track{background:none;border:0;height:24px}
.dubbel input[type=range]::-moz-range-track{background:none;border:0;height:24px}
.dubbel input[type=range]::-webkit-slider-thumb{pointer-events:auto;-webkit-appearance:none;
  width:18px;height:18px;margin-top:3px;border-radius:50%;background:var(--paper);
  border:2px solid var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.28);cursor:grab}
.dubbel input[type=range]::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;
  background:var(--paper);border:2px solid var(--accent);box-shadow:0 1px 3px rgba(0,0,0,.28);cursor:grab}
.dubbel input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent);outline-offset:2px}
.dubbel input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--accent);outline-offset:2px}
.rail .hint.boven{margin:-2px 0 9px}
.rail .meerknop{display:flex;align-items:center;gap:8px;width:100%;margin-top:22px;padding:11px 13px;
  border-radius:9px;background:var(--surface);border:1px solid var(--line);
  font:inherit;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer}
.rail .meerknop:hover{border-color:var(--accent)}
.rail .meerknop.open{background:var(--raise)}
.rail .meerknop svg{margin-left:auto;transition:transform .16s}
.rail .meerknop.open svg{transform:rotate(180deg)}
.rail .meer{margin-top:14px;display:flex;flex-direction:column;gap:18px}
.rail .clear{margin-top:22px}
.zoekblok.smal{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;padding:8px;margin:0 0 22px;
  background:var(--surface);border:1px solid var(--line);border-radius:11px}
.zoekblok.smal .zv{flex:1 1 120px;display:flex;flex-direction:column;gap:2px;padding:7px 13px;
  border-right:1px solid var(--line2);min-width:0}
.zoekblok.smal .zv.kort{flex:.45 1 74px;border-right:0}
.zoekblok.smal .zv > span{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.zoekblok.smal input,.zoekblok.smal select{border:0;padding:0;font:inherit;font-size:14.5px;
  color:var(--ink);background:var(--surface);width:100%;outline:none}
.zoekblok.smal option{background:var(--surface);color:var(--ink)}
.zoekblok.smal input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75}
.zoekblok.smal .datwis{border:0;background:none;color:var(--ink3);text-decoration:underline;
  cursor:pointer;font:inherit;font-size:12.5px;padding:0 12px;align-self:center}
.zoekblok.smal .datwis:hover{color:var(--ink)}
.fig dt.mono,
.cat .catsom b,
.card .price,
.prijs .mono,
.kv-tel b{font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
 font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.01em}
.geld .ca,.geld .bd{white-space:nowrap}
.geld .ca{font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:max(11px,.55em);
 font-weight:400;letter-spacing:0;color:var(--ink3);vertical-align:.15em}
.card .kfoto{position:relative;flex:0 0 152px;display:block;overflow:hidden;
  background:var(--line2);border-left:2px solid var(--surface)}
.card .kfoto img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.card .kfoto .merk{position:absolute;left:8px;bottom:6px;color:rgba(255,255,255,.92);
  padding:0;font:400 9px/1.3 'IBM Plex Sans',sans-serif;letter-spacing:.01em;
  text-shadow:0 1px 3px rgba(0,0,0,.75);pointer-events:none}
@media (max-width:520px){
  .card.metfoto{display:block}
  .card.metfoto .strook{width:100%;height:4px}
  .card.metfoto .kfoto{display:block;width:100%;height:150px;border-left:0}
}
.eigenfoto{margin:0 0 .4rem}
.eigenfoto img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  border-radius:12px;background:var(--line2)}
.eigenfoto figcaption{font-size:.8rem;line-height:1.45;color:var(--ink2);margin-top:.4rem}
.fotorij{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:0 0 .4rem}
.fotorij.drie{grid-template-columns:repeat(3,1fr)}
.fotorij span{display:block;overflow:hidden;border-radius:9px;background:var(--line2)}
.fotorij img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
@media (max-width:620px){.fotorij,.fotorij.drie{grid-template-columns:1fr 1fr}}
.fotobron{font:400 11.5px/1.5 'IBM Plex Sans',system-ui,sans-serif;color:var(--ink3);
  margin:0 0 1rem}
.naarboven{position:fixed;right:18px;bottom:18px;z-index:60;display:inline-flex;
  align-items:center;justify-content:center;width:46px;height:46px;padding:0;
  border:1px solid var(--line);background:var(--surface);color:var(--ink);
  border-radius:999px;cursor:pointer;box-shadow:var(--shadow-lift);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .18s,transform .18s,visibility .18s,border-color .15s,color .15s}
.naarboven[hidden]{display:none}
.naarboven.aan{opacity:1;visibility:visible;transform:none}
.naarboven:hover{border-color:var(--accent);color:var(--accent)}
.naarboven:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.naarboven{transition:none}}
@media (max-width:760px){
  .naarboven{right:14px;bottom:calc(14px + env(safe-area-inset-bottom))}
  body.bs-filters .naarboven,body.bs-sort .naarboven{opacity:0;visibility:hidden;
    pointer-events:none}
}
.fotoknop{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;
  border-radius:9px;overflow:hidden;line-height:0}
.fotoknop:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.fotorij .fotoknop img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;
  transition:transform .25s}
.fotorij .fotoknop:hover img{transform:scale(1.04)}
.detailband .fotoknop{border-radius:14px}
.detailband .fotoknop img{border-radius:14px}
.fotoscherm{position:fixed;inset:0;z-index:90;display:none;align-items:center;
  justify-content:center;background:rgba(10,24,38,.92);padding:48px 16px}
.fotoscherm[open]{display:flex}
.fotoscherm img{max-width:min(1600px,96vw);max-height:88vh;width:auto;height:auto;
  border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.fotoscherm button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;
  border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;
  justify-content:center;width:46px;height:46px;backdrop-filter:blur(3px)}
.fotoscherm button:hover{background:rgba(255,255,255,.24)}
.fotoscherm button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.fotoscherm .dicht{top:16px;right:16px}
.fotoscherm .vorige{left:16px;top:50%;transform:translateY(-50%)}
.fotoscherm .volgende{right:16px;top:50%;transform:translateY(-50%)}
.fotoscherm .teller{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);
  color:#fff;font:400 12.5px/1 'IBM Plex Mono',monospace;opacity:.8}
@media (max-width:620px){
  .fotoscherm{padding:56px 8px}
  .fotoscherm button{width:42px;height:42px}
  .fotoscherm .vorige{left:8px}
  .fotoscherm .volgende{right:8px}
}
.plaatsvak{display:contents}
.rail .plaatsknop[hidden]{display:none}
.plaatsmeer{display:block;margin:8px 0 0;padding:4px 0;background:none;border:0;cursor:pointer;
  font:500 13px/1.3 'IBM Plex Sans',sans-serif;color:var(--accent);text-align:left}
.plaatsmeer:hover{text-decoration:underline}
.plaatsmeer:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}
.plaatsmeer[hidden]{display:none}
.plaatsleeg{margin:2px 0 0;font-size:13px;color:var(--ink3)}
.plaatsleeg[hidden]{display:none}
.toplijst{list-style:none;margin:18px 0 0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.toplijst li+li{border-top:1px solid var(--line2)}
.toplijst .row{grid-template-columns:34px 1fr auto minmax(140px,auto)}
.toplijst .plek{font-family:"IBM Plex Mono",monospace;font-size:15px;font-weight:600;color:var(--c1);text-align:right}
.toplijst .cijfer{font-family:"IBM Plex Mono",monospace;font-size:15px;font-weight:600;color:var(--ink);text-align:right;white-space:nowrap}
.toplijst .cijfer .bron{display:block;font-weight:400;font-size:11px;color:var(--ink3)}
.toplijst .cijfer .bron::before{content:none}
.toplijst .vanaf{font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--ink);text-align:right;white-space:nowrap;line-height:1.1}
@media (max-width:680px){.toplijst .vanaf{font-size:17px}}
.toplijst .cijfer .score{margin:0;font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:400}
.toplijst .cijfer .bron{margin-top:3px}
.toplijst .vanaf small{display:block;font-family:var(--sans);font-size:11px;font-weight:400;color:var(--ink3)}
@media (max-width:640px){
  .toplijst .row{grid-template-columns:26px 1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:5px;padding:12px 14px}
  .toplijst .plek{grid-row:1 / 3}
  .toplijst .row > span:nth-child(2),.toplijst .row > .topnm{grid-column:2;grid-row:1}
  .toplijst .cijfer{grid-column:2;grid-row:2;text-align:left;display:flex;align-items:center;gap:8px}
  .toplijst .cijfer .bron{margin:0}
  .toplijst .vanaf{grid-column:3;grid-row:1 / 3;align-self:center;white-space:normal;max-width:9.5em}
}
html:lang(ko) body{word-break:keep-all;overflow-wrap:break-word}
html:lang(ko) .eyebrow,
html:lang(ko) .mark em,
html:lang(ko) .tk-kop,
html:lang(ko) .scape .over .eyebrow,
html:lang(ko) .reg .kabnaam,
html:lang(ko) .fld > label,
html:lang(ko) .fld > legend,
html:lang(ko) .fld > .sublabel,
html:lang(ko) .keur,
html:lang(ko) .hotel h2.eyebrow,
html:lang(ko) .fact dt,
html:lang(ko) .inhoud summary,
html:lang(ko) .kv-label,
html:lang(ko) .kv-groep .kvkop,
html:lang(ko) .kz-lijst em,
html:lang(ko) .voetkol h2,
html:lang(ko) .voetkol .vkkop,
html:lang(ko) .kustwerk strong,
html:lang(ko) .waarneming figcaption strong,
html:lang(ko) .slab,
html:lang(ko) .home .zoekblok .zv > label,
html:lang(ko) .home .zoekblok .zv > span,
html:lang(ko) .kdagnaam,
html:lang(ko) .hotel .zoekblok.smal .zv > span,
html:lang(ko) .zoekblok.smal .zv > span{letter-spacing:.01em}
.ligkaart{margin:30px 0 0}
.lk-box{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px 12px}
.lk-kaart{position:relative}
.lk-kaart{margin-bottom:10px}
.lk-kaart svg{display:block;width:100%;height:auto;overflow:visible}
.lk-kaart .kab.binnen{fill:var(--line2)}
.lk-kaart .kab.aan{fill:var(--accent-soft);stroke:var(--surface)}
.lk-kaart .dot{opacity:.4}
.lk-ring{fill:var(--accent);opacity:.2}
.lk-hier{fill:var(--accent);stroke:var(--surface);stroke-width:2.5}
.lk-vlieg{fill:var(--ink2)}
.lk-label{position:absolute;transform:translate(14px,-50%);font-size:13px;font-weight:600;line-height:1.2;color:var(--ink);
  background:var(--surface);border:1px solid var(--line);padding:2px 7px;border-radius:5px;white-space:nowrap;pointer-events:none}
.lk-label.links{transform:translate(calc(-100% - 14px),-50%)}
.lk-label.klein{font-size:11px;font-weight:400;color:var(--ink2);border:0;background:transparent;padding:0;transform:translate(calc(-100% - 8px),-50%)}
.lk-kaart .lk-label.vrij{transform:none}  
.lk-box .bij{font-size:12px;color:var(--ink3);margin:10px 0 0}
.lk-box p{margin-bottom:0}
[data-theme="dark"] .lk-kaart .kab.aan{fill:color-mix(in srgb,var(--accent) 30%,transparent)}
.rail .groep.soort .keuzes{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.rail .groep.soort .keuze{padding:7px 10px;font-size:13px}
.rail .groep.soort .keuze .n{font-size:11px}
.pagina.prose .lede,.labelpagina .lede,.kv .lede,.toppagina .lede{font-size:19px;line-height:1.6;color:var(--ink)}
.sitemap{margin:28px 0 56px}
.sitemap > h1{font-size:clamp(30px,4vw,44px)}
.sitemap .lede{color:var(--ink2);max-width:62ch;margin:10px 0 0}
.sitemap .lede p{margin:0}
.sitemap > h2{font-size:24px;margin:40px 0 4px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.sitemap > h2 .smn{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:500;color:var(--ink3);margin-left:6px}
.sitemap > h3{font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink3);margin:22px 0 8px}
.sitemap ul{list-style:none;margin:0;padding:0}
.sitemap .smpag{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px}
.sitemap .smlijst{columns:3 240px;column-gap:32px}
.sitemap .smlijst li{break-inside:avoid;padding:3px 0;font-size:14.5px;line-height:1.4}
.sitemap a{color:var(--ink);text-decoration:none;border-bottom:1px solid transparent}
.sitemap a:hover,.sitemap a:focus-visible{color:var(--accent);border-bottom-color:var(--accent)}
.sitemap .smpl{color:var(--ink3);font-size:12.5px}
html:lang(ko) .sitemap > h3,html:lang(ja) .sitemap > h3{letter-spacing:.04em}
.intro .introkop{font-size:clamp(24px,2.6vw,32px);margin:0 0 10px;color:var(--ink)}
.bsvs{margin:34px 0 42px;padding:24px 26px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.bsvs > h2{font-size:26px;margin:0 0 16px}
.bsvs-def{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}
.bsvs-def h3{font-size:19px;margin:0 0 6px}
.bsvs-def .bsvs-b h3{color:var(--c1)} .bsvs-def .bsvs-s h3{color:var(--c3)}
.bsvs-def p{margin:0;font-size:15px;line-height:1.6;color:var(--ink2)}
.bsvs-bali{margin:22px 0 8px;font-weight:600;color:var(--ink)}
.bsvs-lijst{list-style:none;margin:0;padding:0;border-top:1px solid var(--line2)}
.bsvs-lijst li{border-bottom:1px solid var(--line2)}
.bsvs-lijst a{display:flex;align-items:baseline;gap:12px;padding:10px 2px;text-decoration:none;color:var(--ink)}
.bsvs-lijst b{font-family:"IBM Plex Sans",system-ui,sans-serif;font-variant-numeric:tabular-nums;font-weight:600;font-size:22px;min-width:2.4em;text-align:right}
.bsvs-lijst .c-1 b{color:var(--c1)} .bsvs-lijst .c-2 b{color:var(--c2)} .bsvs-lijst .c-3 b{color:var(--c3)}
.bsvs-lijst .nm{flex:1;font-size:15.5px}
.bsvs-lijst .tag{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.bsvs-lijst .go{color:var(--accent);transition:transform .16s}
.bsvs-lijst a:hover .nm,.bsvs-lijst a:focus-visible .nm{color:var(--accent)}
.bsvs-lijst a:hover .go{transform:translateX(3px)}
.bsvs-noot{margin:12px 0 0}
@media (max-width:680px){
  .bsvs{padding:18px 16px}
  .bsvs-def{grid-template-columns:1fr}
  .bsvs-lijst a{display:grid;grid-template-columns:auto 1fr auto;column-gap:12px;row-gap:2px;align-items:center}
  .bsvs-lijst b{min-width:0;grid-row:1 / 3}
  .bsvs-lijst .nm{grid-column:2;grid-row:1}
  .bsvs-lijst .tag{grid-column:2;grid-row:2}
  .bsvs-lijst .go{grid-column:3;grid-row:1 / 3}
}
html:lang(ja) .bsvs-lijst .tag,html:lang(ko) .bsvs-lijst .tag{letter-spacing:.02em;text-transform:none}
.catsmeer{margin:16px 0 0;font-size:14.5px}
.catsmeer a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}
.catsmeer a:hover,.catsmeer a:focus-visible{border-bottom-color:var(--accent)}
.catsmeer .go{display:inline-block;transition:transform .16s}
.catsmeer a:hover .go{transform:translateX(3px)}
#bsvs-kop{scroll-margin-top:110px}
.home .intro .catsmeer{margin:-12px 0 24px}
.card a.body{color:inherit;text-decoration:none}
.card a.body:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:0 14px 14px 0}
.card .kfoto.schuif .spoor{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:pointer}
.card .kfoto.schuif .spoor::-webkit-scrollbar{display:none}
.card .kfoto.schuif .dia{position:relative;flex:0 0 100%;height:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.card .kfoto .pijl{position:absolute;top:50%;z-index:2;width:28px;height:28px;margin-top:-14px;padding:0;
  display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;
  background:rgba(10,20,25,.5);color:#fff;opacity:0;transition:opacity .15s,background .15s}
.card .kfoto .pijl:hover{background:rgba(10,20,25,.75)}
.card .kfoto .vorige{left:6px}
.card .kfoto .volgende{right:6px}
.card:hover .kfoto .pijl,.card .kfoto .pijl:focus-visible{opacity:1}
@media (hover:none){.card .kfoto .pijl{opacity:.9}}
.card .kfoto .stippen{position:absolute;right:8px;bottom:8px;z-index:2;display:flex;gap:4px;pointer-events:none}
.card .kfoto .stippen i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);
  box-shadow:0 0 2px rgba(0,0,0,.5)}
.card .kfoto .stippen i.aan{background:#fff}
@media (min-width:681px){
  .home .zoekblok{margin-left:0;margin-right:0}
  .home .puntenband{margin-left:0;margin-right:0}
  .home > .scape .over{padding-inline:max(20px,calc((100% - 1360px) / 2 + 20px))}
}
@media (hover:none){
  .card .kfoto.schuif .spoor{cursor:default}
  .card .kfoto .pijl{width:36px;height:36px;margin-top:-18px}
}
.card .meta .naar{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  font-size:14px;font-weight:600;color:var(--accent)}
.card .meta .naar .go{display:inline-block;transition:transform .16s}
.card:hover .meta .naar .go{transform:translateX(3px)}
@container (min-width:600px){
  .card .meta .naar{margin-left:auto}
}
@container (max-width:599px){
  .card .meta .naar{align-self:stretch;justify-content:center;margin-top:6px;padding:11px 14px;
    border:1px solid var(--accent);border-radius:10px}
}
@container (max-width:599px){
  .card .meta .naar{align-self:flex-end;padding:7px 14px;margin-top:4px;border-radius:999px;font-size:13.5px}
}
@container (min-width:600px){
  .card .meta .naar{padding:7px 14px;border:1px solid var(--accent);border-radius:999px;font-size:13.5px}
}
@media (max-width:680px){
  .card .rechts{flex-wrap:nowrap;min-width:0;max-width:100%;column-gap:0}
  .card .rechts > .zskaart{order:0;flex:none}
  .card .rechts::after{content:"";order:1;flex:0 100 32px;min-width:12px}   
  .card .rechts > .pkrij{order:2;min-width:0;flex:0 1 auto;flex-wrap:wrap;row-gap:2px;white-space:normal}   
  .card .rechts > .pkrij .pkr{white-space:normal}   
}
@container (max-width:599px){
  .card .meta{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding-top:12px}
  .card .meta .badge{grid-column:1/-1;justify-self:start}
  .card .meta .zandt{grid-column:1}
  .card .meta .naar{grid-column:2;margin:0;align-self:center;justify-self:end}
}
.toplijst li.metfoto{display:flex;align-items:stretch}
.toplijst li.metfoto > .row{flex:1;min-width:0}
.toplijst .kfoto{position:relative;flex:0 0 180px;display:block;overflow:hidden;min-height:96px;background:var(--line2)}
.toplijst .kfoto img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.toplijst .kfoto .merk{position:absolute;left:8px;bottom:6px;color:rgba(255,255,255,.92);
  font:400 9px/1.3 'IBM Plex Sans',sans-serif;letter-spacing:.01em;text-shadow:0 1px 3px rgba(0,0,0,.75);pointer-events:none}
.toplijst .kfoto.schuif .spoor{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:pointer}
.toplijst .kfoto.schuif .spoor::-webkit-scrollbar{display:none}
.toplijst .kfoto.schuif .dia{position:relative;flex:0 0 100%;height:100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
.toplijst .kfoto .pijl{position:absolute;top:50%;z-index:2;width:28px;height:28px;margin-top:-14px;padding:0;
  display:grid;place-items:center;border:0;border-radius:50%;cursor:pointer;
  background:rgba(10,20,25,.5);color:#fff;opacity:0;transition:opacity .15s,background .15s}
.toplijst .kfoto .pijl:hover{background:rgba(10,20,25,.75)}
.toplijst .kfoto .vorige{left:6px}
.toplijst .kfoto .volgende{right:6px}
.toplijst li:hover .kfoto .pijl,.toplijst .kfoto .pijl:focus-visible{opacity:1}
.toplijst .kfoto .stippen{position:absolute;right:8px;bottom:8px;z-index:2;display:flex;gap:4px;pointer-events:none}
.toplijst .kfoto .stippen i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);box-shadow:0 0 2px rgba(0,0,0,.5)}
.toplijst .kfoto .stippen i.aan{background:#fff}
@media (hover:none){
  .toplijst .kfoto .pijl{opacity:.9;width:36px;height:36px;margin-top:-18px}
  .toplijst .kfoto.schuif .spoor{cursor:default}
}
@media (max-width:680px){
  .toplijst li.metfoto{display:block}
  .toplijst li.metfoto .kfoto{width:100%;height:170px}
}
.schoen{display:inline-flex;align-items:center;gap:5px;font:400 13px/1.2 "IBM Plex Sans",sans-serif;color:var(--ink2)}
.schoen svg{flex:none;color:var(--c3)}
.schoennoot{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font-size:14px;line-height:1.45;color:var(--ink2)}
.schoennoot svg{flex:none;margin-top:2px;color:var(--c3)}
.schoennoot b{color:var(--ink);font-weight:600}
.vinkuitleg{margin:4px 0 10px 26px;font-size:12px;line-height:1.4;color:var(--ink3)}
.buren{margin-top:44px;padding-top:26px;border-top:1px solid var(--line)}
.buren h2{font-size:22px;margin:0 0 14px}
.burenrij{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.buur{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;
  background:var(--surface);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}
.buur:hover{border-color:var(--accent);transform:translateY(-2px)}
.buur.beter{border-color:var(--c1);box-shadow:inset 3px 0 0 var(--c1)}
.buurkop{font:600 12px/1.3 "IBM Plex Sans",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--c1)}
.buurnaam{font-family:Spectral,Georgia,serif;font-size:19px;font-weight:600;line-height:1.25}
.buurwaar{font-size:13.5px;color:var(--ink2)}
.buurlabels{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:4px}
.buurprijs{font-family:"IBM Plex Mono",monospace;font-size:17px;font-weight:500}
.buurprijs small{font-family:"IBM Plex Sans",sans-serif;font-size:11.5px;font-weight:400;color:var(--ink3)}
.buur .naar{margin-top:auto;padding-top:6px;font-size:14px;font-weight:600;color:var(--accent)}
.buur .naar .go{display:inline-block;transition:transform .16s}
.buur:hover .naar .go{transform:translateX(3px)}
.buren .klein{margin-top:10px}
@media (max-width:680px){.burenrij{grid-template-columns:1fr}}
.buur.metfoto{padding-top:0;overflow:hidden}
.buur .buurfoto{position:relative;display:block;margin:0 -18px 8px;height:170px;background:var(--line2)}
.buur .buurfoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.buur .buurfoto .merk{position:absolute;left:10px;bottom:7px;color:rgba(255,255,255,.92);font:400 10px/1.3 'IBM Plex Sans',sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.75)}
.buur.beter.metfoto{box-shadow:none;border-width:2px}
.buurkop.grijs{color:var(--ink3)}
.buur .naar{align-self:flex-end}
.burenlijst{display:flex;flex-direction:column;gap:14px}
.card h3{font-size:21px;letter-spacing:-.012em;line-height:1.2;margin:0}
@media (max-width:680px){.card h3{font-size:17px}}
.card .buurkop{display:block;margin-bottom:6px}
.card.beter{border-color:var(--c1)}
.card .where .afst{white-space:nowrap}
@media (min-width:1240px){
  .burenlijst{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch}
  .burenlijst .card{height:100%}
}
@media (min-width:1240px){
  .burenlijst .card h3,.burenlijst .card .where{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .burenlijst .card .top > div:first-child{min-width:0}
  .burenlijst .card .zin{min-height:calc(2 * 1.5em)}
  .burenlijst .card .meta{flex-wrap:wrap}
  .burenlijst .card .meta .naar{flex-basis:100%;justify-content:flex-end;margin-left:0}
}
.burenalle{margin:14px 0 0;font-size:15px;font-weight:600}
.burenalle a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent}
.burenalle a:hover,.burenalle a:focus-visible{border-bottom-color:var(--accent)}
.burenalle .go{display:inline-block;transition:transform .16s}
.burenalle a:hover .go{transform:translateX(3px)}
.home .puntenband{background:none;border:0;border-radius:0;box-shadow:none;padding:6px 0 0;margin-bottom:88px}
.home .puntenband .punten{padding:0}
.home .punt:first-child{padding-left:0}
.home .zoekblok{margin-bottom:40px}
.home section+section{margin-top:96px}
.home .kopregel{margin-bottom:24px}
.home .percust .pk-tekst h2{margin-bottom:12px}
@media (max-width:900px){
  .home .puntenband{margin-bottom:64px;padding:0}
  .home .punt:nth-child(odd){padding-left:0}
}
@media (max-width:680px){
  .home section+section{margin-top:64px}
  .home .puntenband{margin-left:0;margin-right:0}
}
@media (max-width:560px){
  .home .puntenband .punten{padding:0}
}
.minikaart{position:relative;flex:0 0 auto;margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;
  background:color-mix(in srgb,var(--accent) 7%,var(--surface));aspect-ratio:700/442}
.minikaart > svg{display:block;width:100%;height:100%}
.minikaart .land path,.kaartlaag .land path{fill:var(--sand);stroke:var(--surface);stroke-width:1.2}
.minikaart circle{fill:var(--accent);stroke:var(--surface);stroke-width:1.2}
.minikaart .mkknop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:7px;
  padding:9px 15px;border-radius:9px;border:0;background:var(--accent);color:var(--surface);font-family:inherit;
  font-size:14px;font-weight:600;line-height:1.1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.25);white-space:nowrap}
.minikaart .mkknop:hover{background:color-mix(in srgb,var(--accent) 85%,var(--ink))}
@media (max-width:760px){ .minikaart{display:none} }
.kaartlaag{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;background:var(--paper)}
.kaartlaag[hidden]{display:none}
.klkop{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}
.klkop strong{font-size:16px}
.klsluit{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer}
.klvlak{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;touch-action:none;cursor:grab;
  background:color-mix(in srgb,var(--accent) 9%,var(--paper))}
.klvlak.sleep{cursor:grabbing}
.klvlak > svg{display:block;width:100%;height:100%}
.kaartlaag .land path{vector-effect:non-scaling-stroke}
.kaartlaag .st{cursor:pointer}
.kaartlaag .st circle{stroke:var(--surface);stroke-width:2;vector-effect:non-scaling-stroke}
.kaartlaag .st.l1 circle{fill:var(--c1)} .kaartlaag .st.l2 circle{fill:var(--c2)} .kaartlaag .st.l3 circle{fill:var(--c3)}
.kaartlaag .st.groep circle{fill:var(--ink)}
.kaartlaag .st.aan circle{stroke:var(--warm-knop,#E8915F);stroke-width:3.5}
.kaartlaag .st text{fill:var(--surface);font:700 12px/1 "IBM Plex Mono",monospace;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.klzoom{position:absolute;right:14px;top:14px;display:flex;flex-direction:column;gap:6px}
.klzoom button{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);
  font-family:inherit;font-size:22px;font-weight:500;line-height:1;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.kltip{position:absolute;left:14px;top:14px;max-width:min(360px,calc(100% - 90px));margin:0;padding:8px 11px;border-radius:9px;
  background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);font-size:12.5px;color:var(--ink2)}
.klkaart{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);width:min(680px,calc(100% - 24px));
  border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.28)}
.klkaart .card{margin:0;max-height:calc(100vh - 170px);overflow:auto}
.klkaart .kweg{position:absolute;right:-10px;top:-14px;z-index:3;box-shadow:0 1px 4px rgba(0,0,0,.3);width:32px;height:32px;border-radius:50%;border:0;
  background:var(--ink);color:var(--surface);font-size:18px;line-height:1;cursor:pointer}
@media (max-width:760px){
  .kltip{display:none}
  .klkaart{bottom:10px}
}
.kllijst{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px;max-height:calc(100vh - 200px);overflow:auto}
.kllijst .klhier{margin:2px 6px 8px;font:600 12px/1.3 "IBM Plex Mono",monospace;letter-spacing:.04em;color:var(--ink2);text-transform:uppercase}
.kllijst button{display:grid;grid-template-columns:1fr auto;gap:2px 12px;width:100%;text-align:left;padding:10px 12px 10px 14px;
  border:0;border-left:3px solid var(--c1);border-radius:8px;background:none;color:var(--ink);font-family:inherit;cursor:pointer}
.kllijst button + button{margin-top:4px}
.kllijst button.l2{border-left-color:var(--c2)} .kllijst button.l3{border-left-color:var(--c3)}
.kllijst button:hover{background:var(--raise)}
.kllijst .n{font-weight:600;font-size:15px}
.kllijst .w{grid-column:1;font-size:12.5px;color:var(--ink2)}
.kllijst .p{grid-column:2;grid-row:1 / span 2;align-self:center;font-weight:600;font-size:15px}
.klvlak > .klmap{position:absolute;inset:0;width:100%;height:100%}
.klvlak.straat{cursor:auto}
.klvlak.straat > svg,.klvlak.straat > .klzoom,.klvlak.straat > .kltip{display:none}
.klleg{position:absolute;left:14px;bottom:14px;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;max-width:calc(100% - 160px);margin:0;padding:7px 11px;border-radius:9px;background:var(--surface);box-shadow:var(--shadow);font:400 12px/1.4 "IBM Plex Sans",sans-serif;color:var(--ink)}
.klleg[hidden]{display:none}
.klleg b{font-weight:600}
.klleg span{display:inline-flex;align-items:center;gap:6px}
.klleg .kp{display:inline-block;width:11px;height:11px;border-radius:50%;background:#1565C0;box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,.08)}
.klleg .kp.o{background:#fff;box-shadow:inset 0 0 0 2.5px #1565C0}
@media (max-width:620px){.klleg{max-width:calc(100% - 28px);bottom:34px}}
.klvlak .klkaart{z-index:5}
.klmap .maplibregl-ctrl-attrib{font-size:11px}
.kv-kaart.straat > svg{display:none}
.kv-kaart .kvmap{position:relative;width:100%;height:min(72vh,680px)}
.kv-kaart.straat .kv-tel{position:absolute;z-index:3;left:12px;top:auto;bottom:34px}
.kv-keus{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:8px;background:none;color:var(--ink);font-family:inherit;font-size:14px;cursor:pointer}
.kv-keus:hover{background:var(--raise)}
@media (max-width:760px){
  .kv.kv-straat .kv-wrap{display:grid}
  .kv.kv-straat .kv-voet{display:block}
  .kv.kv-straat .kv-klein{display:none}
  .kv-kaart .kvmap{height:62vh}
}
.bs-naam .maplibregl-popup-content{padding:7px 11px;border-radius:9px;background:var(--surface);color:var(--ink);
  box-shadow:0 3px 12px rgba(0,0,0,.22);font-family:inherit;font-size:13.5px;line-height:1.3;pointer-events:none}
.bs-naam .maplibregl-popup-content b{display:block;font-weight:600}
.bs-naam .maplibregl-popup-content span{display:block;font-size:12.5px;color:var(--ink2)}
.bs-naam .maplibregl-popup-content em{display:block;margin-top:3px;font-style:normal;font-size:12.5px;font-weight:600;color:var(--accent)}
.bs-naam .maplibregl-popup-tip{border-top-color:var(--surface);border-bottom-color:var(--surface)}
.bs-naam{pointer-events:none}
.claimblok{margin:0 0 1.4rem;padding:.85rem 1rem .75rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);max-width:46rem}
.hotel .claimblok h2.eyebrow{margin:0 0 .6rem;padding:0 0 .45rem}
.claimblok dl{margin:0;display:grid;gap:.45rem}
.claimblok dl > div{display:grid;grid-template-columns:9.5rem 1fr;gap:.2rem .9rem;align-items:baseline}
.claimblok dt{font:600 .72rem/1.3 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2)}
.claimblok dd{margin:0;font-size:.98rem;line-height:1.5}
.claimblok .cb-i{display:inline-grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:50%;font:700 .78rem/1 system-ui,sans-serif;vertical-align:.08em;margin-right:.15rem}
.claimblok.c1 .cb-i{background:#DDF1EC;color:#0A6658}
.claimblok.c2 .cb-i{background:#F6E9D6;color:#85500C}
.claimblok.c3 .cb-i{background:#E5E8F4;color:#3E4C86}
:root[data-theme="dark"] .claimblok.c1 .cb-i{background:#123E37;color:#7FDCC6}
:root[data-theme="dark"] .claimblok.c2 .cb-i{background:#3F2E17;color:#F0BE7E}
:root[data-theme="dark"] .claimblok.c3 .cb-i{background:#262D47;color:#B3BFE6}
.claimblok .cb-bron{margin:.6rem 0 0;font-size:.76rem;line-height:1.45;color:var(--ink2)}
@media (max-width:620px){.claimblok dl > div{grid-template-columns:1fr}}
.gids .gidskop{display:flex;flex-wrap:wrap;gap:.3rem .9rem;align-items:baseline;margin:0 0 1.1rem}
.gids .gidskop .eyebrow{color:var(--accent)}
.gids .gidsdatum{font-size:.82rem;color:var(--ink2)}
.gids .gidslijst{margin:1.2rem 0 1.6rem}
.gids h3.gidsgroep{font-size:1rem;margin:1.4rem 0 .6rem;display:flex;gap:.5rem;align-items:baseline}
.gids h3.gidsgroep span{font:500 .8rem/1 'IBM Plex Mono',monospace;color:var(--ink2)}
.gids .gidslijst .card h3{font-size:1.05rem;margin:0}
.gidsfoto img{aspect-ratio:16/7;object-fit:cover;width:100%}
.gidsen{padding:48px 0 72px}
.gidsen .gidsenkop{max-width:46rem;margin-bottom:28px}
.gidsen .gidsenkop .eyebrow{color:var(--accent)}
.gidsen .gidsenkop h1{margin:.35rem 0 .6rem}
.gidsen .gidsenkop .lede p{margin:0;font-size:1.08rem;line-height:1.6;color:var(--ink2)}
.gidsenrij{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.gidskaart{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}
.gidskaart:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.gidskaart .gkfoto img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.gidskaart .gkbody{display:flex;flex-direction:column;gap:.5rem;padding:18px 20px 18px;flex:1}
.gidskaart h2{font-size:1.22rem;line-height:1.25;margin:0}
.gidskaart p{margin:0;font-size:.95rem;line-height:1.55;color:var(--ink2)}
.gidskaart .gkvoet{margin-top:auto;padding-top:.6rem;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}
.gidskaart .gkdatum{font-size:.8rem;color:var(--ink3)}
.gidskaart .naar{font-weight:600;color:var(--accent);font-size:.92rem}
.gidsnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.gn{display:flex;align-items:center;gap:20px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
.gn:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.gn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.gn img{display:block;width:260px;max-width:45%;height:auto;flex:none;aspect-ratio:16/9;object-fit:cover;border-radius:9px}
.gn .gnt{display:flex;flex-direction:column;gap:4px;min-width:0}
.gn .gnl{font:600 12px/1.3 "IBM Plex Sans",sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}
.gn .gnn{font-family:Spectral,Georgia,serif;font-size:20px;font-weight:600;line-height:1.25}
.gn .gnz{font-size:.92rem;line-height:1.45;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:680px){.gidsnav{grid-template-columns:1fr}.gn{gap:14px;padding:10px}.gn img{width:120px}.gn .gnn{font-size:17px}.gn .gnz{-webkit-line-clamp:2}}
.gids .gidsmeer{margin:.7rem 0 0}
.gids .gidsmeer > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--accent);font-weight:600;font-size:.92rem}
.gids .gidsmeer > summary::-webkit-details-marker{display:none}
.gids .gidsmeer > summary::after{content:"";width:.5rem;height:.5rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.gids .gidsmeer[open] > summary::after{transform:rotate(-135deg) translateY(-2px)}
.gids .gidsmeer > summary:hover{border-color:var(--accent)}
.gids .gidsmeer > summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gids .gidsmeer .open,.gids .gidsmeer[open] .dicht{display:none}
.gids .gidsmeer[open] .open{display:inline}
.gids .gidsmeer[open] > .gidskaarten{margin-top:10px}
.gids .bronkort{margin:.4rem 0 0}
.gids .bronmeer > ul{margin:.9rem 0 0;font-size:.95rem}
.gids .gidsrijen{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.gids .gidsrij{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.4rem 1rem;padding:.7rem 1rem;color:inherit;text-decoration:none;border-top:1px solid var(--line2)}
.gids .gidsrij:first-child{border-top:0}
.gids .gidsrij.metfoto{grid-template-columns:72px 1fr auto auto}
.gids .gidsrij img{width:72px;height:54px;object-fit:cover;border-radius:6px;display:block}
.gids .gidsrij:hover{background:var(--raise)}
.gids .gidsrij .gr-tekst{display:flex;flex-direction:column;min-width:0}
.gids .gidsrij .gr-naam{font-weight:600;color:var(--ink);line-height:1.3}
.gids .gidsrij .gr-waar{font-size:.85rem;color:var(--ink2)}
.gids .gidsrij .gr-zand{font-size:.85rem;white-space:nowrap}
.gids .gidsrij .go{color:var(--accent);font-weight:600}
.gids .gidsmeer[open] > .gidsrijen{margin-top:8px}
@media (max-width:620px){
  .gids .gidsrij{grid-template-columns:1fr auto}
  .gids .gidsrij.metfoto{grid-template-columns:60px 1fr auto}
  .gids .gidsrij img{width:60px;height:45px}
  .gids .gidsrij .gr-zand{grid-column:1 / -2;grid-row:2;margin-top:-.2rem}
  .gids .gidsrij.metfoto .gr-zand{grid-column:2 / 3}
  .gids .gidsrij .go{grid-column:-2 / -1;grid-row:1 / span 2}
}
.kustwerk p.kwgids{margin-top:.5rem;font-size:.88rem}
.kustwerk p.kwgids a{font-weight:600;text-decoration:underline;text-underline-offset:2px}
.gidstekst .kwfoto,.pagkern .kwfoto{margin:1.2rem 0 1.5rem;max-width:none}
.gfoto{margin:1.2rem 0 1.5rem;max-width:46rem}
.gfoto img{display:block;width:100%;height:auto;border-radius:9px}
.gfoto .fotoknop{border-radius:9px}
.gidsfoto .fotoknop{border-radius:0;overflow:visible;line-height:normal}
.gfoto figcaption{margin-top:.35rem;font-size:.76rem;line-height:1.45;color:var(--ink2)}
.gfotopaar{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1.2rem 0 1.5rem;max-width:46rem}
.gfotopaar .gfoto{margin:0}
.gfotopaar .gfotobron{grid-column:1/-1;margin:0;font-size:.76rem;line-height:1.45;color:var(--ink2)}
.gfoto.staand{float:right;width:12.5rem;margin:.35rem 0 1rem 1.5rem}
.gids .pagkern h2,.gids .pagkern h3,.gids .pagkern .kwfoto,.gids .pagkern .gfotopaar,.gids .pagkern .gfoto:not(.staand),.gids .pagkern .gfotorij{clear:both}
.gfotorij{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1.2rem 0 0}
.gfotorij.n2{grid-template-columns:1fr 1fr}
.gfotorij.n4{grid-template-columns:repeat(4,1fr)}
.gfotorij figure{margin:0;min-width:0}
.gfotorij .fotoknop img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .25s}
.gfotorij .fotoknop:hover img{transform:scale(1.04)}
.gfotorij figcaption{margin-top:.3rem;font-size:.74rem;line-height:1.35;color:var(--ink2)}
.pagkern p.gfotobron{margin:.35rem 0 1.5rem;font-size:.76rem;line-height:1.45;color:var(--ink2)}
@media (max-width:620px){.gfotorij,.gfotorij.n4{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.gfotopaar{grid-template-columns:1fr}.gfoto.staand{float:none;width:auto;max-width:16rem;margin:1.2rem auto 1.5rem}}
.zeescore,.zsfact,.zskaart,.zs2meth{--zs-lig:var(--accent);--zs-zand:#C9A66B;--zs-onder:var(--warm);--zs-op:var(--sun,#F0B97C)}
.zslijst .zsgroep{background:var(--raise);padding:10px 16px}
.zslijst .zsgroep h2{margin:0;font-size:15px;line-height:1.4;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.zslijst .zsgroep .zsp{font-family:"IBM Plex Mono",monospace;font-weight:600;color:var(--ink)}
.zslijst .zsgroep .zsw{font-family:var(--sans,"IBM Plex Sans",system-ui,sans-serif);font-weight:400;color:var(--ink2);font-size:14px}
.zslijst .row{grid-template-columns:34px 1fr auto minmax(120px,auto)}
.zslijst h3.nm{margin:0}
.zsfeit{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:7px;font-size:12.5px;color:var(--ink2)}
.zsfeit .zsz{white-space:nowrap}
.zsfeit .zsz::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:1px;background:var(--zs-onder)}
.zsfeit .zsz.zp::before{background:var(--zs-op)}
.zs{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;min-width:100px}
.zs b{font-family:"IBM Plex Sans",system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;line-height:1;color:var(--ink)}
.zs b span,.zs small span{font-size:13px;font-weight:400;color:var(--ink3);margin-left:1px}
.zsbalk{display:flex;gap:2px;width:100px;height:7px}
.zsbalk i,.zshoe dt i{display:block;height:100%;border-radius:2px;--c:var(--zs-lig);background:linear-gradient(to right,var(--c) var(--v,100%),var(--line) var(--v,100%))}
.zs-zand{--c:var(--zs-zand)!important}.zs-zonOnder{--c:var(--zs-onder)!important}.zs-zonOp{--c:var(--zs-op)!important}
.zs-zon .zszon{display:flex;gap:3px}
.zs-zon .zszon i{display:block;width:18px;height:18px;border-radius:50%;background:linear-gradient(to right,var(--warm) var(--v),var(--line) var(--v));
  -webkit-mask:linear-gradient(#000 0 55%,transparent 55% 59%,#000 59% 64%,transparent 64% 69.5%,#000 69.5% 74%,transparent 74% 81%,#000 81% 85%,transparent 85% 94%,#000 94%);
          mask:linear-gradient(#000 0 55%,transparent 55% 59%,#000 59% 64%,transparent 64% 69.5%,#000 69.5% 74%,transparent 74% 81%,#000 81% 85%,transparent 85% 94%,#000 94%)}
.zs-zon small{font-family:"IBM Plex Sans",system-ui,sans-serif;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;color:var(--ink)}
.zshoe{margin:44px 0 10px;padding-top:26px;border-top:1px solid var(--line)}
.zshoe .zs2intro{margin:0;max-width:78ch}
.zshoe p.zs2intro{max-width:none;font-size:16.5px;color:var(--ink)}
.zshoe p.zs2meer{margin:10px 0 0}
.zshoe p.zs2meer a{font-weight:600;color:var(--accent);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:1px}
.zshoe p.zs2meer a:hover{border-bottom-color:transparent}
.zs2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:18px 0 14px}
.zs2blok{padding-top:10px;border-top:3px solid var(--c,var(--line))}
.zs2-ligging{--c:var(--zs-lig)}.zs2-zand{--c:var(--zs-zand)}.zs2-zonOnder{--c:var(--zs-onder)}.zs2-zonOp{--c:var(--zs-op)}
.pagina .zs2meth{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 28px;margin:16px 0 18px}
.pagina .tekst .zs2meth h3{margin:0 0 8px;font:600 16px/1.3 "IBM Plex Sans",sans-serif;color:var(--ink)}
.pagina .tekst .zs2meth ul{margin:0;padding:0;list-style:none}
.pagina .tekst .zs2meth li{margin:0}
@media (max-width:520px){.pagina .zs2meth{grid-template-columns:1fr}}
.zs2blok h3{margin:0 0 8px;font:600 16px/1.3 "IBM Plex Sans",sans-serif}
.zs2blok h3 small{display:block;margin-top:2px;font-weight:400;font-size:12.5px;color:var(--ink3)}
.zs2blok ul{list-style:none;margin:0;padding:0}
.zs2blok li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-top:1px solid var(--line2);font-size:14.5px}
.zs2blok li:first-child{border-top:0}
.zs2blok li.kop{color:var(--ink2)}
.zs2blok li.sub span{padding-left:.5em}
.zs2blok li b{font-variant-numeric:tabular-nums;min-width:1.5em;text-align:right}
.zshoe p.zs2noot{margin:6px 0 0;font-size:12.5px;color:var(--ink3)}
.zshoe .zs2kader{max-width:none;margin:6px 0 0}
.zshoe .zs2kader p{margin:0;color:var(--ink2)}
.zshoe .zs2kader p + p{margin-top:.35rem}
.zs2som b{color:var(--ink)}
@media (max-width:1000px){.zs2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.zs2{grid-template-columns:1fr;gap:20px}}
.zshoe h2{font-size:22px;margin:0 0 12px}
.zshoe dl{margin:0;display:grid;gap:10px}
.zshoe dl > div{display:grid;grid-template-columns:minmax(150px,220px) 1fr;gap:4px 16px}
.zshoe dt{font-weight:600;display:flex;align-items:center;gap:8px}
.zshoe dt i{width:14px;height:8px;flex:0 0 14px}
.zshoe dd{margin:0;color:var(--ink2)}
.zshoe p{margin-top:14px;color:var(--ink2)}
@media (max-width:680px){
  .zslijst .row{grid-template-columns:26px 1fr auto;grid-template-rows:auto auto}
  .zslijst .row .topnm{grid-column:2;grid-row:1 / 3}
  .zslijst .zs{grid-column:3;grid-row:1;min-width:0}
  .zslijst .vanaf{grid-column:3;grid-row:2;align-self:end;font-size:15px}
  .zs b{font-size:22px}.zsbalk{width:76px}
  .zshoe dl > div{grid-template-columns:1fr}
}
.zslijst{border:0;border-radius:0;overflow:visible;background:none}
.zslijst > li + li{border-top:0}
.zslijst > li:not(.zsgroep){margin-top:10px;background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);border-radius:12px;box-shadow:0 1px 4px rgba(15,42,68,.08);overflow:hidden}
.zslijst > li.zsgroep{margin-top:22px;border-radius:10px}
.zslijst > li.zsgroep:first-child{margin-top:0}
.dregel{display:none}
@media (max-width:680px){
  .dregel:not([hidden]){display:flex;align-items:center;gap:10px;width:100%;margin:6px 0 18px;padding:12px 14px;
    border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);border-radius:12px;background:var(--surface);
    color:var(--ink);font:inherit;font-size:15px;text-align:left;cursor:pointer;box-shadow:0 1px 4px rgba(15,42,68,.06)}
  .dregel .dtx{flex:1;min-width:0;line-height:1.3}
  .dregel .dtx b{display:block;font-weight:600}
  .dregel .dtx span{display:block;font-size:13.5px;color:var(--ink2)}
  .dregel .dtx span:empty{display:none}
  .dregel svg{flex:0 0 auto}
  .dregel .pot{color:var(--accent)}
  .dregel:not([hidden])[aria-expanded="false"] + form.zoekblok.smal{display:none}
}
@media (max-width:680px){
  body:has(.lijst > .dregel:not([hidden])) .kop{position:relative}
  .lijst > .dregel:not([hidden]){position:sticky;top:8px;z-index:41;padding:8px 12px;margin:4px 0 12px;font-size:14px;
    box-shadow:0 1px 4px rgba(15,42,68,.06),0 0 0 10px var(--paper)}
  .lijst > .dregel .dtx b,.lijst > .dregel .dtx span{display:inline}
  .lijst > .dregel .dtx span{font-size:14px}
  .lijst > .dregel .dtx span:not(:empty)::before{content:" · "}
  .lijst:has(> .dregel:not([hidden])) > .mbalk{top:calc(18px + var(--dh,36px));padding-top:4px;padding-bottom:4px}
  .lijst:has(> .dregel:not([hidden])) > .chiprij{top:calc(14px + var(--dh,36px) + var(--mh,44px))}
}
.kv-tip{position:absolute;left:10px;right:56px;top:10px;z-index:3;padding:8px 12px;border-radius:10px;
  background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);box-shadow:0 2px 8px rgba(15,42,68,.12);
  font-size:13px;line-height:1.35;color:var(--ink);transition:opacity .4s}
.kv-tip.weg{opacity:0;pointer-events:none}
.kv-tip{right:auto;max-width:calc(100% - 66px)}
.kv-pop{position:absolute;left:10px;right:10px;bottom:10px;z-index:4;display:flex;align-items:center;gap:12px;padding:12px 14px;
  border-radius:12px;background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);
  box-shadow:0 4px 16px rgba(15,42,68,.18);color:var(--ink)}
.kv-pop[hidden]{display:none}
.kv-pop .t{flex:1;min-width:0}
.kv-pop b{display:block;font-family:Spectral,Georgia,serif;font-size:17px;line-height:1.25}
.kv-pop span{display:block;font-size:12.5px;color:var(--ink2);margin-top:2px}
.kv-pop .go{flex:0 0 auto;font-weight:600;font-size:13.5px;color:var(--accent);white-space:nowrap;text-decoration:underline;text-underline-offset:2px}
.kv-pop .x{position:absolute;top:-10px;right:-6px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);
  background:var(--surface);font-size:15px;line-height:1;cursor:pointer;color:var(--ink2)}
@media (min-width:901px){.kv-pop{right:auto;width:min(440px,calc(100% - 20px))}}
.kv.kv-straat .kv-sel{display:none}  
.kv-pop .lijst{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;max-height:180px;overflow:auto}
.kv-pop .kv-keus{text-align:left;font:inherit;font-size:14px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}
.kv.kv-straat .kv-kaart:not(.straat){min-height:min(72vh,680px);background:var(--raise)}
.kv.kv-straat .kv-kaart:not(.straat) > svg,.kv.kv-straat .kv-kaart:not(.straat) > .kv-tel{display:none}
@media (max-width:760px){.kv.kv-straat .kv-kaart:not(.straat){min-height:62vh}}
body{font-size:16px}
.lede{font-size:17.5px;color:var(--ink)}
.card .zin{color:var(--ink);opacity:1;font-size:15.5px;line-height:1.55}
.mbalk .mtel{font:500 14px/1 "IBM Plex Sans",sans-serif}
.mbalk .mknop,.chips button{font-weight:600}
@media (max-width:680px){
  .chiprij{transition:border-color .15s,box-shadow .15s}
  .chiprij[data-vast]{border-bottom-color:var(--warm);box-shadow:0 1px 0 var(--warm)}
}
.lk-kaart.bk-klik{cursor:zoom-in}
.lk-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 10px;border-radius:999px;border:1px solid var(--line);
  background:var(--surface);color:var(--ink);font:600 13.5px/1 "IBM Plex Sans",sans-serif;cursor:pointer;
  box-shadow:0 1px 4px rgba(15,42,68,.14);white-space:nowrap}
.lk-chip:hover{border-color:var(--accent);color:var(--accent)}
.lk-chip[hidden]{display:none}
.lk-kaart .lk-chip svg,.lk-chip svg{display:block;flex:none;width:16px;height:16px;overflow:visible}
.lk-kaart > .lk-chip{position:absolute;right:0;top:0}
.gk-sprite{position:absolute;width:0;height:0;overflow:hidden}
.gk-land{fill:var(--line2);stroke:var(--surface);stroke-width:1.2}
.gk-p{fill:#1565C0;stroke:var(--surface);stroke-width:2.2}
.gk-p.o{fill:var(--surface);stroke:#1565C0}
.gk-h{fill:var(--ink);opacity:.6}
.lk-leg{display:flex;flex-wrap:wrap;gap:3px 14px;margin:8px 0 0;font-size:12.5px;line-height:1.5;color:var(--ink2)}
.lk-leg span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.lk-leg .kp,.lk-leg .kh{display:inline-block;box-sizing:border-box;width:11px;height:11px;border-radius:50%;background:#1565C0}
.lk-leg .kp.o{background:var(--surface);border:2.5px solid #1565C0}
.lk-leg .kh{width:8px;height:8px;margin:0 1.5px;background:var(--ink);opacity:.6}
.gidsopkaart{margin:26px 0 30px}
.gidsopkaart > .eyebrow{display:block;margin:0 0 10px}
.gidsopkaart .lk-box{display:grid;grid-template-columns:minmax(0,40%) 1fr;column-gap:14px;align-items:center;max-width:560px;padding:10px 12px}
.gidsopkaart .lk-kaart{margin:0}
.prose .gidsopkaart .gk-zin{margin:0 0 8px;font-size:13.5px;line-height:1.4;color:var(--ink2)}
.pagina.metrail > .gidsrail{grid-column:2;grid-row:1 / span 2;position:sticky;top:96px;align-self:start}
@media (max-height:819px){ .pagina.metrail > .gidsrail{position:static} }
.gidsrail > .inhoud{position:static}
.gidsrailkaart{margin:26px 0 0;padding-left:16px;border-left:2px solid var(--line);font-size:13px}
.gidsrailkaart .gr-kop{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);margin:0 0 10px}
.gidsrailkaart .lk-kaart{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 6px}
.gidsrailkaart .lk-kaart svg{display:block;width:100%;height:auto}
.gidsrailkaart .lk-leg{flex-direction:column;gap:2px;font-size:12px}
.gidsrailkaart .lk-chip{margin-top:10px}
@media (min-width:1101px){ .pagina.metrail .gidsopkaart{display:none} }
@media (max-width:1100px){
  .pagina.metrail > .gidsrail{grid-column:1;grid-row:auto;order:-1;position:static}
  .gidsrailkaart{display:none}
}
.klleg .kp.z{background:#fff;box-shadow:inset 0 0 0 3px var(--warm)}
.bs-naam.bs-klik,.bs-klik .maplibregl-popup-content{pointer-events:auto}
.bs-klik .maplibregl-popup-content a{display:block;margin-top:4px;font-size:13px;font-weight:600;color:var(--accent);text-decoration:none}
.bs-klik .maplibregl-popup-content a:hover{text-decoration:underline}
[data-theme="dark"] .gk-p{fill:#5AA7F5}
[data-theme="dark"] .gk-p.o{fill:var(--surface);stroke:#5AA7F5}
[data-theme="dark"] .lk-leg .kp{background:#5AA7F5}
[data-theme="dark"] .lk-leg .kp.o{background:var(--surface);border-color:#5AA7F5}
@media (max-width:620px){
  .gfotorij > figure:first-child:nth-last-child(odd),
  .fotorij > :first-child:nth-last-child(odd){grid-column:1 / -1}
}
.lijstscape{margin-bottom:18px}
.lijstscape .heroimg{aspect-ratio:1600/400;max-height:300px;object-position:50% 60%}
.lijstscape .over h1{color:#F4EFE4;margin:0;font-size:clamp(26px,3.2vw,40px);max-width:24ch}
.lijstscape .over .eyebrow{font-size:11px;margin-top:10px}
.lijstscape.ls-hotel .over,.lijstscape.ls-resort .over{background:linear-gradient(to top,rgba(6,26,32,.62),rgba(6,26,32,.18) 55%,transparent)}
@media (max-width:620px){ .lijstscape .heroimg{aspect-ratio:16/10} .lijstscape .over h1{font-size:25px} }
.lijstscape.metnaam .over h1{max-width:none}
.lijstscape .over h1 .ls-soort{display:block;font-size:clamp(34px,4.4vw,54px);line-height:1.05;letter-spacing:-.02em}
.lijstscape .over h1 .ls-zin{display:block;margin-top:6px;font-size:clamp(17px,1.7vw,22px);font-weight:500;line-height:1.3;letter-spacing:0;color:rgba(255,255,255,.92)}
.lijstscape .over h1 .ls-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:620px){ .lijstscape .over h1 .ls-soort{font-size:34px} .lijstscape .over h1 .ls-zin{font-size:17px} }
@media (min-width:621px){
  .lijstscape .over .eyebrow{position:absolute;right:28px;bottom:24px;margin:0;padding:0;border:0;text-align:right}
}
@media (max-width:680px){.card .zin{margin-top:16px}}
@container (max-width:599px){.card .meta{padding-top:18px;row-gap:0}}
.card .rechts.zsprijs{flex-direction:row;flex-wrap:nowrap;align-items:stretch;align-self:flex-start;gap:0;column-gap:0;row-gap:0;
  border:1px solid var(--line);border-radius:10px;background:var(--surface);background:color-mix(in srgb,var(--raise) 45%,var(--surface));overflow:hidden}
.card .rechts.zsprijs::after{display:none}
.card .rechts.zsprijs > .zskaart{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;padding:10px 14px;margin:0}
.card .rechts.zsprijs > .pkrij{flex-wrap:wrap;align-items:baseline;align-content:flex-start;justify-content:flex-start;column-gap:6px;row-gap:2px;
  padding:10px 14px;border-left:1px solid var(--line);min-width:0}
.card .rechts.zsprijs .zsl,.card .rechts.zsprijs .pkl{display:block;font-size:11px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-weight:600}
.card .rechts.zsprijs .pkl{flex:0 0 100%;margin-bottom:4px}
.card .rechts.zsprijs .pkr{line-height:1.35}
@media (max-width:680px){
  .card .rechts.zsprijs{flex:1 1 100%;max-width:100%}
  .card .rechts.zsprijs > .pkrij{flex:1 1 auto}
}
.card .rechts.zsprijs .pkr{color:var(--ink2)}
.card .rechts.zsprijs .pkt i{opacity:.35}
.card .rechts.zsprijs > .pkrij{display:block}
.card .rechts.zsprijs .pkl{display:block;margin-bottom:6px}
.card .rechts.zsprijs .pkw{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:2px}
@media (max-width:680px){
  .card .rechts.zsprijs{flex:0 1 auto;max-width:100%}
  .card .rechts.zsprijs > .pkrij{flex:0 1 auto;min-width:0}
}
@media (min-width:761px){
  :root:not([data-theme="dark"]) .card .rechts.zsprijs{background:color-mix(in srgb,var(--paper) 45%,var(--surface))}
}
.card .meta .naar{border-radius:9px}
.card .meta .badge:is(.b1,.b2,.b3){background:none;padding:0;border-radius:0}
@media (min-width:1240px){
  .burenlijst .card .meta .naar{flex-basis:auto;margin-left:auto}
}
.card .meta .badge,.card .meta .zandt{font-size:14px;line-height:1.2}
.card .meta .zandt i{width:13px;height:13px}
@container (min-width:600px){.card .meta .zandt{border-left:1px solid var(--line);padding-left:14px}}
@container (max-width:599px){
  .card .meta .badge{white-space:normal;max-width:100%}
  .card .meta .zandt{min-width:0}
}
.card .meta .badge,.card .meta .zandt{font-size:13px}
.card .meta .zandt i{width:12px;height:12px}
.dh .label .badge:is(.b1,.b2,.b3),.boek-paneel .boek-bewijs .badge:is(.b1,.b2,.b3){background:none;padding:0;border-radius:0;font-size:13px;line-height:1.2}
.dh .label{align-items:center}
.dh .label .zandt{font-size:13px;line-height:1.2}
.dh .label .zandt i{width:12px;height:12px}
.dh .label .zandt,.dh .label .bewijs{border-left:1px solid var(--line);padding-left:14px}
.boek-bewijs{gap:6px}
@media (max-width:680px){.dh .label .bewijs{border-left:0;padding-left:0;flex-basis:100%}}
.zslijst h3.nm{font-size:21px;line-height:1.2;letter-spacing:-.012em}
.zslijst .row .sub{font-size:13.5px;color:var(--ink2);margin-top:3px}
.zsfeit{font-size:13px;gap:6px 14px;margin-top:10px}
.zslijst .zsfeit .badge:is(.b1,.b2,.b3){background:none;padding:0;border-radius:0;font-size:13px;line-height:1.2}
.zsfeit .zandt{font-size:13px;line-height:1.2}
.zsfeit .zandt i{width:12px;height:12px}
.zsfeit > .zandt,.zsfeit > .zsz{border-left:1px solid var(--line);padding-left:14px}
.zslijst .rechts.zsprijs{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-self:end;gap:0;
  border:1px solid var(--line);border-radius:10px;background:var(--surface);background:color-mix(in srgb,var(--paper) 45%,var(--surface));overflow:hidden}
.zslijst .rechts.zsprijs > .zskaart{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;padding:10px 14px;margin:0}
.zslijst .rechts.zsprijs > .pkrij{display:block;padding:10px 14px;border-left:1px solid var(--line);min-width:0}
.zslijst .rechts.zsprijs .zsl,.zslijst .rechts.zsprijs .pkl{display:block;font-size:11px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-weight:600}
.zslijst .rechts.zsprijs .pkl{margin-bottom:6px}
.zslijst .rechts.zsprijs .pkw{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:2px}
.zslijst .rechts.zsprijs .pkr{color:var(--ink2);line-height:1.35}
.zslijst .rechts.zsprijs .pkt i{opacity:.35}
.zslijst .rechts.zsprijs .zs b{font-size:17px}
.zslijst .rechts.zsprijs .zsbalk{width:64px}
.zslijst .row{grid-template-columns:34px 1fr auto}
@media (max-width:680px){
  .zslijst .row{grid-template-columns:26px minmax(0,1fr);grid-template-rows:auto auto}
  .zslijst .row .topnm{min-width:0}
  .zsfeit .zsz{white-space:normal}
  .zslijst .row .topnm{grid-column:2;grid-row:1}
  .zslijst .rechts.zsprijs{grid-column:2;grid-row:2;justify-self:start;max-width:100%}
  .zslijst .rechts.zsprijs > .pkrij{flex:0 1 auto}
  .zslijst h3.nm{font-size:17px}
  .zsfeit > .zsz{border-left:0;padding-left:0}
}
.card .meta .zsz{display:inline-flex;align-items:center;font-size:13px;line-height:1.2;color:var(--ink2);white-space:nowrap}
.card .meta .zsz::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--warm)}
.card .meta .zsz.zp::before{background:var(--sun,#F0B97C)}
@container (max-width:599px){
  .card .meta .badge{grid-row:1}
  .card .meta .naar{grid-row:2}
  .card .meta .zsz{grid-column:1/-1;white-space:normal;margin-top:2px}
}
.zslijst .plek{display:none}
.zslijst .row{grid-template-columns:minmax(0,1fr) auto}
.zslijst > li:not(.zsgroep){container-type:inline-size}
@container (max-width:940px){
  .zslijst .row{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
  .zslijst .row .topnm{grid-column:1;grid-row:1;min-width:0}
  .zslijst .rechts.zsprijs{grid-column:1;grid-row:2;justify-self:start;max-width:100%}
  .zsfeit .zsz{white-space:normal}
}
.wateruitleg{margin:10px 0 0}
@container (min-width:600px){
  .card .meta .feiten{display:flex;flex-wrap:wrap;align-items:center;row-gap:6px;column-gap:0;overflow:hidden;margin-left:-14px;flex:1 1 auto;min-width:0}
  .card .meta .feiten > *{border-left:1px solid var(--line);padding-left:14px;padding-right:15px;margin-left:-1px}
}
@container (max-width:599px){.card .meta .feiten{display:contents}}
.zslijst .zsfeit{column-gap:0;overflow:hidden;margin-left:-14px}
.zslijst .zsfeit > *{border-left:1px solid var(--line);padding-left:14px;padding-right:15px;margin-left:-1px}
.dh .label{column-gap:0;overflow:hidden;margin-left:-14px}
.dh .label > *,.dh .label .zandt,.dh .label .bewijs{border-left:1px solid var(--line);padding-left:14px;padding-right:15px;margin-left:-1px}
.card .meta .feiten > .badge:is(.b1,.b2,.b3),.zslijst .zsfeit > .badge:is(.b1,.b2,.b3),.dh .label > .badge:is(.b1,.b2,.b3){padding:0 15px 0 14px}
@container (max-width:599px){.card .meta .feiten > .badge:is(.b1,.b2,.b3){padding:0}}
@container (max-width:599px){
  .card .meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;row-gap:0;column-gap:12px}
  .card .meta .feiten{display:contents}
  .card .meta .feiten > *{flex:0 0 100%;display:flex;align-items:center;margin:0;padding-top:6px;padding-bottom:6px}
  .card .meta .feiten > .badge:is(.b1,.b2,.b3){padding:6px 0}
  .card .meta .feiten > :last-child{flex:0 1 auto;max-width:100%}
  .card .meta .zandt i{margin:0 2px}
  .card .meta .zsz::before{margin:0 10px 0 4px}
  .card .meta .naar{margin:0 0 0 auto;align-self:center;height:28px;padding:0 12px;font-size:13px}
}
.dh + .waarneming{margin-top:22px}
.pkgroep .hint{font-size:12px;line-height:1.4;color:var(--ink3);margin:10px 0 0}
.lede .ls{display:block}
.vzkaart{display:block;margin-top:56px}
.vzkaart::after{content:"";display:block;clear:both}
.vzkaart .ligkaart{float:right;width:250px;margin:0 0 14px 32px}
.vzkaart > h2.eyebrow{display:flow-root;margin-top:0}
.vzkaart.zonder-vz .ligkaart{float:none;margin:0;max-width:300px;width:auto}
.vzkaart.zonder-kaart .ligkaart{display:none}
.vzkaart h2.eyebrow{margin-top:0}
.vzkaart .lk-box{padding:8px 10px}
.vzkaart .lk-kaart{margin-bottom:4px}
.vzkaart .lk-box .bij{font-size:11px;margin-top:4px}
.vzbron{font-size:12.5px;line-height:1.5;color:var(--ink3);margin:2px 0 12px}
.nivregel{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.nivregel .nl{font-size:11px;font-weight:600;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.nivregel .nv{font-size:15px;font-weight:600;line-height:1.2;color:var(--accent-ink,var(--accent))}
.nivregel .nu{flex-basis:100%;font-size:12.5px;color:var(--ink3);line-height:1.5}
.nivregel a{color:var(--accent)}
.pagkern ul.nivlijst{margin:.3rem 0 1rem}
.pagkern ul.nivlijst li{margin:.25rem 0}
.vzg{display:flex;align-items:flex-start;gap:10px;margin:0 0 10px}
.vzg h3{flex:none;width:118px;margin:9px 0 0;font:600 11px/1.2 "IBM Plex Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}
.vzg .amen{flex:1;min-width:0}
.vzg .chip .kost{color:var(--ink3);margin-left:4px}
.vzg .chip.nee{color:var(--ink)}
.vzg .chip.nee .x{color:var(--alert);font-weight:700;margin-right:6px}
@media (max-width:760px){
  .vzkaart{display:flex;flex-direction:column}
  .vzkaart .ligkaart,.vzkaart.zonder-vz .ligkaart{float:none;width:auto;max-width:none;margin:24px 0 0;order:2}
  .vzkaart.zonder-vz .ligkaart{margin-top:0}
  .vzg{display:block}
  .vzg h3{width:auto;margin:0 0 6px}
} 
:root{--lijn-kop:#C4B89F}
:root[data-theme="dark"]{--lijn-kop:var(--line)}
.hotel h2.eyebrow{border-bottom-color:var(--lijn-kop)}
.hotel .buren{border-top-color:var(--lijn-kop)}
@media (min-width:681px){
  .facts:has(> .fact:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
  .facts:has(> .fact:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
  .facts:has(> .fact:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}
  .facts:has(> .fact:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
  .facts:has(> .fact:nth-child(7):last-child),.facts:has(> .fact:nth-child(8):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}
  .facts:has(> .fact:nth-child(9):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
}
.gk-m{fill:var(--warm);stroke:none}
.gk-m.o{fill:var(--surface);stroke:var(--warm);stroke-width:1.6}
.lk-leg .km{display:inline-block;box-sizing:border-box;width:9px;height:9px;margin:0 1px;border-radius:2px;background:var(--warm)}
.lk-leg .km.o{background:var(--surface);border:1.8px solid var(--warm)}
.gidsrij .gr-mall{display:flex;align-items:center;gap:7px;margin-top:3px;font-size:13px;color:var(--ink2)}
.gidsrij .gr-mall .km{display:inline-block;flex:none;width:10px;height:10px;border-radius:2px;background:var(--warm)}
.gidsrij .gp-ic{display:flex;gap:2px;flex:none}.gidsrij .gp-ic i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#fff}.gidsrij .gp-ic i.s{background:#0E9AA7}.gidsrij .gp-ic i.d{background:#1565C0}.gidsrij .gp-ic svg{width:11px;height:11px;display:block}
.bk-mpin{display:flex;flex-direction:column;align-items:center;cursor:pointer;font:600 12.5px/1 "IBM Plex Sans",system-ui,sans-serif}
.bk-mpin .lbl{display:block;white-space:nowrap;padding:5px 9px;border-radius:999px;background:#FFFDF8;color:#1E2B2E;border:1.5px solid var(--warm);box-shadow:0 1px 4px rgba(0,0,0,.22)}
.bk-mpin.w .lbl{background:var(--warm);color:#fff}
.bk-mpin .pt{display:block;width:0;height:0;margin-top:-1px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--warm)}
.bk-mpin .dot{display:block;width:9px;height:9px;margin-top:-1px;border-radius:50%;background:var(--warm);border:2px solid #fff;box-sizing:border-box;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.bk-mpin.l .lbl{transform:translateX(-50%) translateX(-6px)}
.bk-mpin.r .lbl{transform:translateX(50%) translateX(6px)}
.bk-mpin.l .pt,.bk-mpin.r .pt{opacity:0}
.mall-ver .bk-mpin .lbl,.mall-ver .bk-mpin .pt{display:none}
.bk-mpin.zl .lbl,.bk-mpin.zr .lbl{position:absolute;bottom:4.5px;transform:translateY(50%)}
.bk-mpin.zl .lbl{right:calc(50% + 9px)}
.bk-mpin.zr .lbl{left:calc(50% + 9px)}
.bk-mpin.zl .pt,.bk-mpin.zr .pt{visibility:hidden}
.bk-mpin.zk .lbl{font-size:0;line-height:0;padding:0;width:18px;height:11px;box-sizing:border-box;transform:none}
.bk-mpin.zk .pt{opacity:1}
.mall-sub .bk-mpin{font-size:11px;font-weight:500}
.mall-sub .bk-mpin .lbl{padding:3px 7px;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.mall-sub .bk-mpin .pt{border-left-width:4px;border-right-width:4px;border-top-width:5px}
.mall-sub .bk-mpin .dot{width:7px;height:7px;border-width:1.5px}
.mall-sub .bk-mpin.zl .lbl,.mall-sub .bk-mpin.zr .lbl{bottom:3.5px}
.mall-sub .bk-mpin.zl .lbl{right:calc(50% + 7px)}
.mall-sub .bk-mpin.zr .lbl{left:calc(50% + 7px)}
.mall-sub .bk-mpin.zk .lbl{width:14px;height:9px;padding:0}
.klleg .km{display:inline-block;width:16px;height:9px;border-radius:999px;background:var(--warm)}
.klleg .km.o{background:#FFFDF8;box-shadow:inset 0 0 0 1.5px var(--warm)}
.bk-ppin{display:flex;flex-direction:column;align-items:center;cursor:pointer;font:600 12.5px/1 "IBM Plex Sans",system-ui,sans-serif}
.bk-ppin .lbl{display:flex;align-items:center;gap:6px;white-space:nowrap;padding:3px 9px 3px 3px;border-radius:999px;background:#FFFDF8;color:#1E2B2E;box-shadow:0 1px 4px rgba(0,0,0,.28)}
.bk-ppin .ic{display:flex;gap:2px}
.bk-ppin .ic i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff}
.bk-ppin .ic i.s{background:#0E9AA7}
.bk-ppin .ic i.d{background:#1565C0}
.bk-ppin svg{width:13px;height:13px;display:block}
.bk-ppin .bt{display:flex;color:var(--warm)}
.bk-ppin .bt svg{width:12px;height:12px}
.bk-ppin .pt{display:block;width:0;height:0;margin-top:-1px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #FFFDF8;filter:drop-shadow(0 1px 1px rgba(0,0,0,.18))}
.bk-ppin .dot{display:block;width:10px;height:10px;margin-top:-1px;border-radius:50%;background:#fff;border:2.5px solid #1565C0;box-sizing:border-box}
.bk-ppin.k .dot{background:#1565C0;border-color:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.bk-ppin.bots .lbl,.bk-ppin.bots .pt{visibility:hidden}
.plek-ver .bk-ppin .lbl,.plek-ver .bk-ppin .pt{display:none}
.bs-plekinfo .maplibregl-popup-content{border-radius:999px;padding:5px 11px;font:600 12.5px/1 "IBM Plex Sans",system-ui,sans-serif;color:#1E2B2E;background:#FFFDF8;box-shadow:0 1px 4px rgba(0,0,0,.28)}
.bs-plekinfo.maplibregl-popup-anchor-bottom .maplibregl-popup-tip{border-top-color:#FFFDF8}
.bs-plekinfo .maplibregl-popup-content span{display:block;white-space:nowrap;font-size:12.5px;color:#1E2B2E}
.klleg .pi{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;color:#fff;vertical-align:-4px}
.klleg .pi.s{background:#0E9AA7}
.klleg .pi.d{background:#1565C0}
.klleg .pi.b{background:none;color:var(--warm)}
.klleg .pi svg{width:11px;height:11px;display:block}
.klleg .pi.b svg{width:14px;height:14px}
.bk-plijst{position:absolute;right:56px;top:12px;z-index:3;width:270px;max-height:calc(100% - 96px);display:flex;flex-direction:column;background:#FFFDF8;color:#1E2B2E;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.2);font:500 13.5px/1.3 "IBM Plex Sans",system-ui,sans-serif}
.bk-plijst.dicht{display:none}
.bk-plijst .kop{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 6px 12px;border-bottom:1px solid rgba(0,0,0,.08);font-size:13.5px}
.bk-plijst .x{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer}
.bk-plijst .x:hover{background:rgba(0,0,0,.06)}
.bk-plijst .x svg{width:16px;height:16px}
.bk-plijst ol{list-style:none;margin:0;padding:4px 0;overflow:auto;overscroll-behavior:contain}
.bk-plijst li{margin:0}
.bk-plijst li button{display:flex;align-items:center;gap:7px;width:100%;padding:5px 12px;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.bk-plijst li button:hover,.bk-plijst li.actief button{background:#E3F0FA}
.bk-plijst li.actief button{font-weight:700}
.bk-plijst .ic{display:flex;gap:2px;flex:none;width:44px}
.bk-plijst .ic i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:#fff}
.bk-plijst .ic i.s{background:#0E9AA7}
.bk-plijst .ic i.d{background:#1565C0}
.bk-plijst .ic svg{width:13px;height:13px;display:block}
.bk-plijst .bt{display:flex;margin-left:auto;color:var(--warm)}
.bk-plijst .bt svg{width:12px;height:12px}
.bk-plknop{position:absolute;right:56px;top:12px;z-index:3;padding:9px 14px;border:0;border-radius:999px;background:#FFFDF8;color:#1E2B2E;box-shadow:0 2px 8px rgba(0,0,0,.25);font:600 14px/1 "IBM Plex Sans",system-ui,sans-serif;cursor:pointer}
.bk-plknop.weg{display:none}
@media (max-width:640px){.bk-plijst{left:8px;right:8px;top:auto;bottom:8px;width:auto;max-height:55%;z-index:4}.bk-plknop{right:auto;left:12px}}
.ligkaart h2.lk-kop{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ligkaart h2.lk-kop .lk-chip{position:static;padding:4px 10px 4px 8px;font-size:12.5px;letter-spacing:normal;text-transform:none}
.detailband .galerij{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;
  height:clamp(260px,32vw,420px);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.detailband .galerij .fotoknop{position:relative;border-radius:0;background:var(--line2);min-height:0}
.detailband .galerij .fotoknop[hidden]{display:none}
.detailband .galerij .fotoknop:first-child{grid-row:1 / span 2}
.detailband .galerij img{width:100%;height:110%;object-fit:cover;object-position:center top;border-radius:0;box-shadow:none;transition:transform .25s;transform-origin:center top}
.detailband .galerij .fotoknop:hover img{transform:scale(1.03)}
.detailband .galerij.n2{grid-template-columns:2fr 1fr;grid-template-rows:1fr}
.detailband .galerij.n2 .fotoknop:first-child{grid-row:auto}
.detailband .galerij.n3{grid-template-columns:2fr 1fr}
.detailband .galerij.n4 .fotoknop:nth-child(2){grid-column:2 / span 2}
.galerij .alle{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 10px;
  border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);line-height:1;
  font:600 13.5px/1 "IBM Plex Sans",sans-serif;box-shadow:0 1px 4px rgba(15,42,68,.14);white-space:nowrap}
.galerij .alle svg{display:block;width:16px;height:16px;flex:none;border-radius:0;box-shadow:none;background:none}
.galerij .alle .tel{display:none;font-style:normal}
@media (max-width:680px){
  .detailband .galerij{grid-template-columns:repeat(4,1fr);grid-template-rows:auto;height:auto;gap:6px}
  .detailband .galerij .fotoknop:first-child{grid-column:1 / -1;grid-row:auto;aspect-ratio:4/3}
  .detailband .galerij .fotoknop:not(:first-child){aspect-ratio:1}
  .detailband .galerij.n2{grid-template-columns:1fr}
  .detailband .galerij.n2 .fotoknop:not(:first-child){aspect-ratio:16/9}
  .detailband .galerij.n3{grid-template-columns:1fr 1fr}
  .detailband .galerij.n3 .fotoknop:not(:first-child){aspect-ratio:4/3}
  .detailband .galerij.n4{grid-template-columns:repeat(3,1fr)}
  .detailband .galerij.n4 .fotoknop:nth-child(2){grid-column:auto}
  .galerij .alle{left:6px;bottom:6px;padding:5px 8px;font-size:12px}
  .galerij .alle span{display:none}
  .galerij .alle .tel{display:inline}
}
.fotoscherm .onder{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);max-width:min(90vw,760px);
  text-align:center;color:#fff;font:400 13px/1.45 "IBM Plex Sans",sans-serif;opacity:.92}
.fotoscherm .onder:empty{display:none}
.facts .grfact .gru{display:block;margin-top:3px;font-size:12.5px;line-height:1.35;color:var(--ink3)}
.keuze.nul,.vink.nul{opacity:.38;cursor:default;pointer-events:none}
.ligkaart h2.lk-kop .lk-chip{margin-top:-6px;margin-bottom:-6px}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.primary:hover{background:var(--accent-ink);border-color:var(--accent-ink)}
:root[data-theme="dark"] .btn.primary{color:var(--paper)}
.kz-lijst li.kz-alles{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}
.kz-lijst li.kz-alles a{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:var(--accent-ink)}
.kz-lijst li.kz-alles i{margin-left:auto;font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ink3)}
.kz-lijst li.kz-alles a::after{content:"→"}