.kop-meta{display:flex;flex-wrap:wrap;gap:10px 32px;margin-top:clamp(36px,4vw,56px);padding-top:22px;border-top:1px solid var(--lijn-zacht);
  font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gips-3)}
.kop-meta b{font-weight:400;color:var(--koper-licht)}
.kaart{position:relative}
.kaart svg{display:block;width:100%;height:auto;overflow:visible}
.kaart line{stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke .4s}
.kaart line:not(:where([stroke])){stroke:var(--lijn)}
.kaart .punt{fill:var(--gips-3);transition:fill .4s}
.kaart .thuis .punt{fill:var(--koper-licht)}
.kaart .halo{fill:none;stroke:var(--koper-licht);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.5}
@media (prefers-reduced-motion:no-preference){.kaart .halo{animation:puls 3.2s ease-in-out infinite}}
.kaart{--vy:40;--vh:380;--kaart-bg:var(--nacht)}
.sectie-roet .kaart{--kaart-bg:var(--roet)}
.sectie-leem .kaart{--kaart-bg:var(--leem)}
.kaart-buiten{--vh:400}
.kl{position:absolute;left:calc(var(--x) / 600 * 100%);top:calc((var(--y) - var(--vy)) / var(--vh) * 100%);transform:translateY(-50%);
  font-family:var(--mono);font-size:11.5px;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;
  color:var(--gips-3);transition:color .4s;
  background:var(--kaart-bg)}
.kl-l{transform:translate(-100%,-50%)}
.kl-b{transform:translate(-50%,-100%)}
.kl-o{transform:translate(-50%,3px)}
.kl-thuis{left:calc(412 / 600 * 100% + 7px);top:calc((193 - var(--vy)) / var(--vh) * 100% + 5px);transform:none;font-size:12.5px;color:var(--gips)}
@media (min-width:1300px){.kl{font-size:12px}.kl-thuis{font-size:13px}}
.kaart .regio.is-hot line{stroke:var(--koper)}
.kaart .regio.is-hot .punt{fill:var(--koper-licht)}
.kl.is-hot{color:var(--gips)}
html.js-motion .kaart-groot line{stroke-dasharray:520;stroke-dashoffset:520;transition:stroke-dashoffset 1.8s var(--ease),stroke .4s}
html.js-motion .kaart-groot.is-in line{stroke-dashoffset:0}
.kaart-noot{margin-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gips-3)}
.loc line:not(:where([stroke])){stroke:var(--lijn-zacht)}
.loc .punt{opacity:.45}
.loc .thuis .punt{opacity:1}
.loc .kl{color:var(--gips)}
.loc .kl-thuis{color:var(--koper-licht)}
.loc .uit line,.loc .uit polyline{fill:none;stroke:var(--koper);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:2 6}
.loc .uit .ring{fill:var(--leem);stroke:var(--koper-licht);stroke-width:1;vector-effect:non-scaling-stroke}
.loc .kl-uit{color:var(--gips)}
.kl-lb{transform:translate(-100%,-100%)}
.rk svg{overflow:hidden}
.rk .punt{fill:var(--koper-licht);opacity:1}
.rk .wegen line,.rk .wegen polyline{fill:none;stroke:var(--koper);stroke-width:1;vector-effect:non-scaling-stroke}
.rk .ring-nop{fill:none;stroke:rgba(237,229,217,.26);stroke-width:1.2;stroke-dasharray:1 5;stroke-linecap:round;vector-effect:non-scaling-stroke}
.rk .staarten line{stroke-width:1.2;vector-effect:non-scaling-stroke}
.rk .s0{stop-color:var(--koper-licht);stop-opacity:.9}
.rk .s1{stop-color:var(--koper-licht);stop-opacity:0}
.rk .water{fill:rgba(237,229,217,.04)}
.rk .oever{fill:none;stroke:var(--lijn);stroke-width:1;vector-effect:non-scaling-stroke}
.rk .gordel path{fill:none;stroke:var(--koper);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.85}
.rk .kl{background:none;color:var(--gips);transform:translate(8px,-50%)}
.rk .kl.l{transform:translate(calc(-100% - 8px),-50%)}
.rk .kl.b{transform:translate(-50%,calc(-100% - 6px))}
.rk .kl.o{transform:translate(-50%,6px)}
.rk .kl.rb{transform:translate(4px,calc(-100% - 4px))}
.rk .kl.lb{transform:translate(calc(-100% - 4px),calc(-100% - 4px))}
.rk .kl.ro{transform:translate(4px,4px)}
.rk .kl.lo{transform:translate(calc(-100% - 4px),4px)}
.rk .kl.c{transform:translate(-50%,-50%)}
.rk .kl.hoofd{font-size:12.5px}
.rk .kl.is-thuis{color:var(--koper-licht)}
.rk .kl.gebied,.rk .kl.watern{color:var(--gips-3);letter-spacing:.22em}
.rk .kl.watern.staand{transform:translate(-50%,-50%) rotate(-90deg)}
.rk .kl.twee{text-align:center}
.rk .kl.twee span{display:block;font-size:11.5px;color:var(--gips-3)}
.rk .kl.rand{display:inline-flex;align-items:center;gap:10px;color:var(--koper-licht)}
.rk .kl.rand .pijl{width:18px;transform:rotate(var(--hoek))}
.rk .kl.rand-rb{transform:translate(-100%,0)}
.rk .kl.rand-rs{flex-direction:column;align-items:flex-end;gap:6px;transform:translate(-100%,-50%)}
.rk .kl.rand-rs .pijl{margin:4px 0}
@media (min-width:1300px){.rk .kl.hoofd{font-size:13px}.rk .kl.twee span{font-size:12px}}
html.js-motion .rk .wegen line,html.js-motion .rk .wegen polyline{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--ease) .1s}
html.js-motion .rk.is-in .wegen line,html.js-motion .rk.is-in .wegen polyline{stroke-dashoffset:0}
html.js-motion .rk .staarten{opacity:0;transition:opacity 1.4s var(--ease) .35s}
html.js-motion .rk.is-in .staarten{opacity:1}
#overzicht .intro>div{grid-column:1/9}
#overzicht .intro>p{grid-column:9/13}
.gebied{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 24px;align-items:center}
.gebied-kaart{grid-column:1/8}
.gebied-rechts{grid-column:8/13}
.gebied-lijst{list-style:none;margin:0;padding:0;border-top:1px solid var(--lijn)}
.gebied-lijst li{position:relative;border-bottom:1px solid var(--lijn-zacht)}
.gebied-lijst li::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--koper);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.gebied-lijst li.is-hot::before{transform:scaleX(1)}
.gl-rij{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:8px;align-items:baseline;padding:22px 0 24px}
.gl-n{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--gips-3);font-variant-numeric:tabular-nums}
.gl-naam{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-family:var(--display);font-size:clamp(26px,2.4vw,34px);line-height:1.1;color:var(--gips);transition:color .3s}
.gl-regel{grid-column:2/3;font-size:15.5px;line-height:1.55;color:var(--gips-2);max-width:40ch}
.gebied-lijst li.is-hot .gl-naam{color:var(--koper-licht)}
.sublabel{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gips-3);margin-bottom:14px}
@media (max-width:980px){
  #overzicht .intro>div,#overzicht .intro>p{grid-column:1/13}
  .gebied-kaart,.gebied-rechts{grid-column:1/13}
  .gebied-kaart{max-width:640px}
}
@media (max-width:640px){
  .kaart-groot .kl-tel-almere{top:calc((291 - var(--vy)) / var(--vh) * 100%)}
  .kaart-groot .kl-tel-amsterdam{left:calc(175 / 600 * 100%);transform:translate(-100%,3px)}
}
.regio-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 24px;align-items:center}
.regio-tekst{grid-column:1/7}
.regio-body>.loc{grid-column:8/13}
@media (min-width:981px){
  .regio-body.om>.loc{grid-column:1/6;order:-1}
  .regio-body.om>.regio-tekst{grid-column:8/13}
}
.plaatsen{font-size:clamp(19px,1.55vw,22px);line-height:1.6;color:var(--gips-2);max-width:46ch}
.plaatsen strong{color:var(--gips)}
.regio-tekst .paneel{margin-top:clamp(36px,4vw,52px);max-width:560px}
.regio-tekst .paneel .label{margin-bottom:18px}
.regio-tekst .paneel h3{font-size:var(--t-sub);line-height:1.05;margin-bottom:16px}
.regio-tekst .paneel p:not(.label){font-size:16.5px;max-width:46ch}
.noot{margin-top:clamp(36px,4vw,52px);padding-top:22px;border-top:1px solid var(--lijn);max-width:46ch}
.noot>p:not(.sublabel){font-size:16.5px}
.noot .meer{margin-top:10px}
@media (max-width:980px){
  .regio-tekst,.regio-body>.loc{grid-column:1/13}
  .regio-body>.loc{width:100%;max-width:480px}
  .regio-body{row-gap:44px}
}
@media (max-width:640px){
  .regio-body>.loc{max-width:none}
  .regio-body>.loc.kaart-buiten{padding-right:24px}
  .kaart-buiten .kl{left:calc(var(--x) / 600 * (100% - 24px))}
  .kaart-buiten .kl-thuis{left:calc(412 / 600 * (100% - 24px) + 7px)}
}
.band-typo{aspect-ratio:auto;height:clamp(360px,60vh,620px);min-height:0;max-height:none;
  background:linear-gradient(100deg,rgba(234,218,198,.10) 0%,rgba(234,218,198,.035) 34%,rgba(19,14,11,0) 62%),var(--nacht)}
.band-typo::after{background:radial-gradient(85% 26% at 0% calc(100% - clamp(26px,3.4vw,46px)),rgba(234,218,198,.13),rgba(234,218,198,.04) 45%,rgba(19,14,11,0) 75%)}
.band-typo .bundel{position:absolute;left:0;right:0;bottom:clamp(26px,3.4vw,46px);height:1px;z-index:-1;opacity:.5;pointer-events:none;
  background:linear-gradient(90deg,var(--koper-licht) 0%,rgba(184,152,122,.75) 38%,rgba(184,152,122,.25) 78%,rgba(184,152,122,.08) 100%)}
.band-typo .band-tekst{padding-bottom:clamp(58px,7.4vw,104px)}
.band-typo .band-zin{text-shadow:none;max-width:none}
.buiten-tekst p{font-size:17px}
.buiten-tekst .tekst .meer{display:flex;width:fit-content;margin:6px 0 16px}
.buiten-acties{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:clamp(32px,3.6vw,44px)}
#site .st-056fd45e{--x:153;--y:239}
#site .st-07c72dbf{--x:196;--y:226}
#site .st-0b235545{--x:426;--y:140}
#site .st-11afde0a{--x:312;--y:362}
#site .st-2531675a{--x:236;--y:66}
#site .st-28151cac{--x:205;--y:576}
#site .st-2c35be73{--x:289;--y:400}
#site .st-2c98c1ad{--x:70;--y:580}
#site .st-2dc0c531{--x:307;--y:136}
#site .st-2ed558d6{--x:372;--y:323}
#site .st-31ff63bd{--x:383;--y:90}
#site .st-37988ad6{--x:410;--y:282}
#site .st-37e78594{--x:163;--y:291}
#site .st-3819cc8e{--x:404;--y:152}
#site .st-3d97715e{--x:414;--y:224}
#site .st-3ed2b0b4{--x:300;--y:22}
#site .st-3f1fd449{--x:355;--y:240}
#site .st-401729ed{--x:257;--y:340}
#site .st-40eb2acc{--x:154;--y:436}
#site .st-43aa7e8c{--x:208;--y:297}
#site .st-46e32b19{--x:172;--y:193}
#site .st-4c1d5cc5{--x:330;--y:414}
#site .st-4fc327f4{--x:203;--y:114}
#site .st-580101af{--x:498;--y:60}
#site .st-59190d65{--x:411;--y:256}
#site .st-601673fe{--x:236;--y:290}
#site .st-613f545f{--x:590;--y:40;--hoek:-22deg}
#site .st-62548e53{--x:390;--y:486}
#site .st-671f0442{--x:392;--y:201}
#site .st-6bf911ca{--x:372;--y:60}
#site .st-6cfa0c63{--x:436;--y:313}
#site .st-7033daa8{--x:404;--y:379}
#site .st-731bb672{--x:240;--y:99}
#site .st-76c93f18{--x:270;--y:251}
#site .st-76f93834{--x:252;--y:392}
#site .st-838e6c5c{--x:427;--y:431}
#site .st-84b73405{--x:560;--y:524}
#site .st-8b490af5{--x:469;--y:298}
#site .st-8b500ed8{--x:218;--y:506}
#site .st-9410ed99{--x:216;--y:185}
#site .st-953740ff{--x:498;--y:177}
#site .st-9618d7c7{--x:330;--y:344}
#site .st-96aa8bb1{--x:294;--y:432}
#site .st-97be2478{--vy:0;--vh:404}
#site .st-9f5f783f{--x:282;--y:281}
#site .st-aa21572c{--x:447;--y:126}
#site .st-aac6c5ef{--x:102;--y:104}
#site .st-ab4a95d7{--x:57;--y:267}
#site .st-af38ed4f{--x:93;--y:100}
#site .st-b26b1e77{--x:205;--y:412}
#site .st-b51362b1{--x:304;--y:198}
#site .st-b87eac3d{--x:55;--y:548}
#site .st-ba52fdbd{--vy:0;--vh:600}
#site .st-bc8393a8{--x:300;--y:152}
#site .st-c33532ba{--x:128;--y:196}
#site .st-c75266c0{--x:222;--y:374}
#site .st-cde1042a{--vy:0;--vh:444}
#site .st-d11b37c3{--x:54;--y:238}
#site .st-d128339a{--x:290;--y:352}
#site .st-d3ed6570{--x:457;--y:198}
#site .st-d5f7c265{--x:540;--y:172}
#site .st-e131270a{--x:590;--y:8;--hoek:-58deg}
#site .st-e1bdebb5{--x:143;--y:45}
#site .st-e276809b{--x:223;--y:82}
#site .st-efc8292a{--vy:0;--vh:632}
#site .st-f3897de3{--x:576;--y:159}
#site .st-f57320d8{--x:469;--y:331}
#site .st-f596e344{--x:195;--y:25}
#site .st-f6edba70{--x:16;--y:426}
#site .st-f768fd8e{--x:275;--y:484}
#site .st-fb1af659{--x:590;--y:344;--hoek:0deg}
