@font-face{font-family:"Signika";font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/signika-normal-300-700-latin-ext.woff2?v=0a33712a) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Signika";font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/signika-normal-300-700-latin.woff2?v=c1d38ae7) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Sorts Mill Goudy";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/sorts-mill-goudy-italic-400-latin-ext.woff2?v=1fc02358) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Sorts Mill Goudy";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/sorts-mill-goudy-italic-400-latin.woff2?v=36fe9743) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Sorts Mill Goudy";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sorts-mill-goudy-normal-400-latin-ext.woff2?v=891b68b1) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Sorts Mill Goudy";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/sorts-mill-goudy-normal-400-latin.woff2?v=23bc1afe) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Signika Fallback";src:local("Arial");size-adjust:94.47%;ascent-override:99.50%;descent-override:30.91%;line-gap-override:0.00%}
@font-face{font-family:"Sorts Mill Goudy Fallback";src:local("Georgia");size-adjust:96.44%;ascent-override:99.55%;descent-override:49.57%;line-gap-override:0.00%}

:root{--wit:#FFFFFF;--hout:#322629;--pan:#FC905C;--kozijn:#E5ECF0;--wand:#65727D;--lucht:#F2F5FA;--nacht:#FEE7DB;
--ok:#E6F2E2;--ok-d:#2F6B2A;--nee:#F9EAE8;--nee-d:#A33A2A;--twijfel:#FFF3D1;--twijfel-d:#8A5D00;
--lijn:rgba(50,38,41,.12);--g:16px;--hdr:48px;--bar:56px;--r:6px;
--goudy:"Sorts Mill Goudy","Sorts Mill Goudy Fallback",Georgia,serif;--sig:"Signika","Signika Fallback",Arial,sans-serif}
@media (min-width:600px){:root{--g:32px;--hdr:56px}}
@media (min-width:1024px){:root{--g:40px;--hdr:72px}}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:var(--bar)}
body{margin:0;background:var(--wit);color:var(--hout);font:400 17px/1.6 var(--sig);overflow-x:clip;
padding-bottom:calc(var(--bar) + env(safe-area-inset-bottom,0px))}
@media (min-width:1024px){body{padding-bottom:0}}
@media (min-width:1194px){body{font-size:18px}}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--hout);outline-offset:2px}
h1,h2,h3{font-family:var(--goudy);font-weight:400;font-synthesis:none;margin:0;letter-spacing:0}
h3{font-size:22px;line-height:1.2}
h1,h2,h3{text-wrap:balance}
blockquote p,figcaption,.regel,.boek-intro,.dorp-tekst p,.tr-tekst{text-wrap:pretty}
p,figure,blockquote,dl,dd{margin:0}
button{font:inherit;color:inherit}
b,strong{font-weight:600}
section[id]{scroll-margin-top:16px}
@media (min-width:1024px){section[id]{scroll-margin-top:calc(var(--hdr) + 16px)}}
.wrap{width:min(1200px,100% - 2*var(--g));margin-inline:auto}
.skip{position:absolute;left:-9999px;top:0;background:var(--wit);padding:12px 16px;z-index:60}
.skip:focus{left:8px;top:8px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}


.proef{background:var(--kozijn);color:var(--hout);font:600 13px/24px var(--sig);letter-spacing:.08em;text-transform:uppercase;text-align:center}
@media (min-width:1024px){.proef{line-height:28px}}


.kop{background:var(--wit);height:var(--hdr);border-bottom:1px solid var(--lijn);position:relative;z-index:30}
@media (min-width:1024px){.kop{position:sticky;top:0}}
.kop .wrap{height:100%;display:flex;align-items:center;gap:8px}
.merk{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.merk span{font:400 20px/1 var(--goudy);border:1px solid var(--hout);padding:6px 9px 5px}
@media (min-width:1024px){.kop .merk span{font-size:22px}}
.talen{margin-left:auto;display:flex;gap:8px}
.talen a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font:600 13px/1 var(--sig);letter-spacing:.08em;text-decoration:none;border-radius:var(--r)}
.talen a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.kop .kop-knop{display:none}
@media (min-width:1024px){.kop .kop-knop{display:inline-flex;margin-left:16px;min-height:48px}.kop .kop-knop[hidden]{display:none}}


.knop{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:0;border-radius:var(--r);background:var(--pan);color:var(--hout);font:600 17px/1.2 var(--sig);text-decoration:none;cursor:pointer;text-align:center}
.knop:hover{box-shadow:inset 0 0 0 999px rgba(50,38,41,.08)}
.knop:active{transform:translateY(1px)}
.knop[aria-disabled="true"]{opacity:.45;cursor:default}
.knop-licht{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--hout);border-radius:var(--r);background:var(--wit);color:var(--hout);font:600 16px/1.2 var(--sig);cursor:pointer}
.knop-licht:hover{box-shadow:inset 0 0 0 999px rgba(50,38,41,.08)}


.hero{container-type:inline-size}
.hero-in{display:grid}
.hero-foto{overflow:hidden}
.hero-foto img{width:100%;height:min(52vh,439px);height:min(52svh,439px);object-fit:cover;object-position:50% 30%}
.hero-tekst{padding:16px var(--g) 0}
.plaats{font-size:14px;line-height:1.4;color:var(--wand)}
h1{font-size:clamp(52px,5.714vw + 29.7px,112px);line-height:.95;margin-top:8px}
.wat{font-size:17px;line-height:1.5;margin-top:8px;max-width:34ch;text-wrap:balance}
.hero-knop{width:100%;margin-top:16px}
.score{font-size:13px;line-height:1.5;color:var(--wand);margin-top:12px}
.score span{white-space:nowrap}
.score .ster{display:inline-block;vertical-align:-1px;margin-right:.35em;color:var(--hout)}
@media (min-width:600px){h1{margin-top:12px}.hero-foto img{height:auto;aspect-ratio:1.1}.hero-tekst{width:min(1200px,100% - 2*var(--g));margin-inline:auto;padding:24px 0 0}.hero-knop{width:auto}}
@media (min-width:1024px){
.hero-in{grid-template-columns:calc(max(var(--g),(100cqw - 1200px)/2) + (min(1200px,100cqw - 2*var(--g)) - 264px)/12*5 + 96px) minmax(0,1fr);column-gap:24px}
.hero-tekst{grid-column:1;grid-row:1;width:auto;margin:0;align-self:center;padding:48px 0 48px max(var(--g),(100cqw - 1200px)/2)}
.hero-foto{grid-column:2;grid-row:1}
.wat{font-size:20px}
.score{margin-top:20px}
}


.huis{margin-top:24px}
.bord{background:var(--kozijn);border-radius:var(--r);padding:24px 16px}
.bord h2{font-size:clamp(30px,1.7vw + 23px,48px);line-height:1.15}
.bord .feiten{display:block;font:400 17px/1.4 var(--sig);margin-top:8px}
.etages{margin-top:16px;border-top:1px solid var(--lijn)}
.etages>div{padding:12px 0;border-bottom:1px solid var(--lijn)}
.etages dt{font:600 13px/1.4 var(--sig);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.etages ul{list-style:none;margin:0;padding:0}
.etages li{font-size:16px;line-height:1.5}
.regels{font-size:16px;line-height:1.5;margin-top:12px}
@media (min-width:1024px){
.bord{padding:32px 40px}
.bord h2 .feiten{display:inline;margin:0 0 0 16px;font-size:18px}
.etages>div{display:grid;grid-template-columns:160px 1fr;align-items:baseline;padding:14px 0}
.etages dt{margin:0}
.etages dd{max-width:64ch}
.etages li{display:inline-block;white-space:nowrap;font-size:17px}
.etages li:not(:last-child)::after{content:"\00a0·"}
.regels{font-size:17px;margin-top:16px}
}


.etage{padding-top:64px}
.etage .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.loop,.rail{min-width:0}
.rail-in{border-left:0}
.rij{font:600 13px/1.4 var(--sig);letter-spacing:.08em;text-transform:uppercase;color:var(--wand);padding-left:16px}
.rail h2{position:relative;padding-left:16px;font-size:clamp(30px,1.7vw + 23px,44px);line-height:1.14;margin:4px 0}
.rail h2::before{content:"";position:absolute;left:0;top:.12em;bottom:.08em;width:4px;border-radius:2px;background:var(--pan)}
.regel{font-size:15px;line-height:1.5;color:var(--wand);padding-left:16px;margin-bottom:8px}
@media (min-width:1024px){
.etage{padding-top:120px}
.etage .wrap{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.rail{grid-column:1/4}
.loop{grid-column:4/13}
.rail-in{position:sticky;top:calc(var(--hdr) + 32px)}
.rail h2{font-size:clamp(28px,3.9vw - 8.4px,41px)}
}
.f{margin:0}
.open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;border-radius:var(--r)}
.f img,.kachel-foto img{width:100%;border-radius:var(--r);object-fit:cover}
.f figcaption,.kachel-cap p{font-size:15px;line-height:1.45;color:var(--wand);margin-top:8px}
.f figcaption b,.kachel-cap b{color:var(--hout)}
.strook>*+*,.loop>*+*{margin-top:24px}
.paar{display:grid;gap:24px}
.teller{display:none}
@media (min-width:600px){.alleen-tel{display:none}.p1{grid-template-columns:1.0496fr 1.333fr}.p2{grid-template-columns:1.0101fr 0.8fr}.p3{grid-template-columns:1.0797fr 0.8518fr}.p4{grid-template-columns:1.3322fr 1.0525fr}}
@media (max-width:599px){
.alleen-breed{display:none}
.strook{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin-inline:calc(-1*var(--g));padding-inline:var(--g);scroll-padding-inline:var(--g);scrollbar-width:none}
.strook::-webkit-scrollbar{display:none}
.strook>*+*{margin-top:0}
.strook .paar{display:contents}
.strook .f{flex:0 0 min(330px,84vw);scroll-snap-align:start}
.strook .f img{aspect-ratio:4/5;height:auto}
.teller{display:block;font-size:13px;line-height:1.5;color:var(--wand);margin-top:8px;text-align:right}
}


.kachel{margin-top:24px}
.kachel-foto{overflow:hidden;border-radius:var(--r)}
.kachel-foto img{border-radius:var(--r)}
@media (max-width:599px){.kachel{margin-inline:calc(-1*var(--g))}.kachel-foto,.kachel-foto img,.kachel-foto .open{border-radius:0}.kachel-onder{padding:0 var(--g)}.kachel-foto img{aspect-ratio:390/610;height:auto}}
.citaat{margin-top:16px}
.maand{display:flex;align-items:center;gap:12px;font:italic 400 20px/1.3 var(--goudy);font-synthesis:none}
.maand::before{content:"";width:32px;height:1px;background:var(--hout)}
.citaat blockquote p{font:italic 400 22px/1.25 var(--goudy);font-synthesis:none;margin-top:8px}
.citaat figcaption{font-size:15px;line-height:1.45;margin-top:8px}
.tr{margin-top:12px}
.tr-label{font:600 13px/1.4 var(--sig);letter-spacing:.08em;text-transform:uppercase;color:var(--wand)}
.tr-tekst{font-size:15px;line-height:1.5;margin-top:4px}
@media (min-width:600px){.citaat blockquote p{font-size:clamp(22px,1.15vw + 18px,34px)}}
@media (min-width:1024px){
.kachel-onder{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));column-gap:24px;align-items:start}
.citaat-kachel{grid-column:1/5;grid-row:1;position:relative;margin:-48px 0 0 24px;background:var(--wit);border-radius:var(--r);padding:24px 24px 20px}
.kachel-cap{grid-column:5/10;grid-row:1;padding-top:16px}
.citaat-kachel blockquote p{font-size:clamp(22px,1vw + 14px,28px)}
}
.citaat-kachel blockquote p{text-wrap:balance}


.etage-buiten{margin-top:64px;padding-bottom:64px;background:linear-gradient(var(--wit),var(--lucht) 80px,var(--lucht) calc(100% - 80px),var(--wit))}
@media (min-width:1024px){.etage-buiten{margin-top:120px;padding-bottom:96px}}
.open-alle{margin-top:24px}


.gasten{padding-top:64px}
.gasten .score{margin-top:12px}
.citaat-groot{margin-top:24px}
@media (min-width:1024px){
.gasten{padding-top:72px}
.citaat-groot{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:12px}
.citaat-groot .maand{grid-column:1/13}
.citaat-groot blockquote{grid-column:1/9}
.citaat-groot.met-tr blockquote{grid-column:1/8}
.citaat-groot .tr{grid-column:8/13;margin:0;padding-top:16px}
.citaat-groot .tr-tekst{font-size:18px;max-width:44ch}
.citaat-groot figcaption{grid-column:1/8}
.citaat-groot blockquote p{font-size:34px}
.citaat-groot:not(.met-tr) .maand,.citaat-groot:not(.met-tr) blockquote,.citaat-groot:not(.met-tr) figcaption{grid-column:3/11}
}
@media (min-width:600px) and (max-width:1023px){.tr-tekst{max-width:60ch}}


.boek{background:var(--kozijn);margin-top:64px;padding:48px 0 56px}
@media (min-width:1024px){.boek{margin-top:120px;padding:80px 0 96px}}
.boek h2{font-size:clamp(30px,1.7vw + 23px,48px);line-height:1.15}
.boek-intro{margin-top:8px;max-width:60ch}
.nos{margin-top:16px}
html:not(.js) .boek-grid{display:none}
.boek-grid{margin-top:24px;display:grid;gap:24px;align-items:start}
@media (min-width:1024px){.boek-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.kaart{grid-column:1/9}.verblijf{grid-column:9/13;position:sticky;top:calc(var(--hdr) + 24px)}}
.kaart{background:var(--wit);border-radius:var(--r);padding:16px}
@media (max-width:399px){.kaart{margin-inline:calc(-1*var(--g));border-radius:0;padding:12px 8px}}
@media (min-width:600px){.kaart{padding:24px}}
.voortgang{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.voortgang li{display:flex;flex-direction:column;gap:4px;font-size:13px;line-height:1.3;color:var(--hout)}
.voortgang li::before{content:"";height:4px;border-radius:2px;background:var(--kozijn)}
.voortgang li.klaar::before,.voortgang li[aria-current]::before{background:var(--pan)}
.voortgang .nr{font-weight:600}
.voortgang li:not([aria-current]):not(.klaar){color:var(--wand)}
@media (max-width:399px){.voortgang .nm{font-size:12px}}
.stap-kop{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.stap-kop:focus{outline:none}
.stap-kop:focus-visible{outline:2px solid var(--hout)}
.kal{touch-action:pan-y}
.maanden:empty{min-height:312px}
@media (max-width:399px){.kaart .maanden{margin-inline:-8px}}
.kal-nav{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kal-titel{font:400 22px/1.2 var(--goudy);text-align:center;flex:1}
.pijl{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lijn);border-radius:var(--r);background:var(--wit);cursor:pointer}
.pijl[aria-disabled="true"]{opacity:.45;cursor:default}
.maanden{display:grid;gap:24px;margin-top:8px}
.mnd-naam{display:none;font:400 18px/1.3 var(--goudy);margin-bottom:4px}
.twee .maanden{grid-template-columns:1fr 1fr}
.twee .mnd-naam{display:block}
.twee .kal-titel{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.twee .kal-nav{position:relative;z-index:2;pointer-events:none}
.twee .kal-nav .pijl{pointer-events:auto}
.twee .maanden{margin-top:-40px}
.twee .mnd-naam{text-align:center;line-height:48px;margin-bottom:0}
.dagen{width:100%;border-collapse:collapse;table-layout:fixed}
.dagen th{font:600 13px/24px var(--sig);color:var(--wand);text-align:center;height:24px}
.dagen td{height:48px;padding:0;text-align:center;position:relative;cursor:pointer;font-size:16px;line-height:1;border-radius:var(--r)}
.dagen td .n{position:relative;z-index:1}
.dagen td .dot{position:absolute;left:50%;bottom:8px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--wand)}
.dagen td.voorbij{cursor:default;color:var(--wand);background:var(--wit)}
.dagen td.voorbij .n{opacity:1}
.dagen td.tussen{background:var(--nacht);border-radius:0}
.dagen td.aank,.dagen td.vertr{background:var(--pan);font-weight:600}
.dagen td.aank .dot,.dagen td.vertr .dot,.dagen td.tussen .dot{background:var(--hout)}
.dagen td:focus-visible{outline:2px solid var(--hout);outline-offset:-2px}
@media (hover:hover){.dagen td:not(.voorbij):not(.aank):not(.vertr):hover{box-shadow:inset 0 0 0 1px var(--hout)}}
.legenda{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;line-height:1.5;color:var(--wand);margin-top:8px}
.lg{display:inline-flex;align-items:center;gap:6px}
.lg i{display:inline-block;width:14px;height:14px;border-radius:3px;position:relative}
.lg-vrij i{border:1px solid var(--lijn)}
.lg-vrij i::after{content:"";position:absolute;left:5px;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--wand)}
.lg-jouw i{background:var(--pan)}
.lg-voorbij i{border:1px solid var(--lijn);background:linear-gradient(var(--wand),var(--wand)) center/10px 1px no-repeat}
.kal-status{font-size:15px;line-height:1.45;margin-top:8px;min-height:22px}
.velden2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
.veld{display:flex;flex-direction:column;gap:6px;min-width:0}
.veld label,.bedje legend,.st-label{font-size:15px;font-weight:600;line-height:1.3}
input[type=date],input[type=text],input[type=email],input[type=tel],textarea{display:block;width:100%;min-width:0;max-width:100%;min-height:48px;padding:10px 12px;font:400 17px/1.4 var(--sig);color:var(--hout);background:var(--wit);border:1px solid var(--wand);border-radius:var(--r);-webkit-appearance:none;appearance:none}
input[type=date]{line-height:26px}
input[type=date]::-webkit-date-and-time-value{text-align:left}
textarea{resize:vertical}
input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--nee-d);border-width:2px}
.fout{font-size:15px;line-height:1.4;color:var(--nee-d);font-weight:600}
.nachten{font-weight:600}
.kal-status span:empty{display:none}
.stapvoet{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
.stapvoet .knop{min-width:140px}
.terug{min-height:48px;padding:0 4px;border:0;background:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:16px}
.stappers{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stepper,.bedje{border:1px solid var(--lijn);border-radius:var(--r);padding:10px;margin:0;min-width:0}
.st-ctrl{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.st-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--wand);border-radius:var(--r);background:var(--wit);cursor:pointer}
.st-val{font:600 20px/1 var(--sig);min-width:2ch;text-align:center}
.bedje legend{padding:0}
.keuze{display:flex;align-items:center;gap:8px;min-height:44px;font-size:16px;cursor:pointer}
.keuze input{width:20px;height:20px;margin:0;accent-color:var(--hout)}
.weiger{font-size:15px;line-height:1.45;margin-top:8px;min-height:22px;font-weight:600}
.velden{display:grid;gap:14px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.samen>div{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--lijn)}
.samen dt{grid-column:1/3;font:600 13px/1.4 var(--sig);letter-spacing:.08em;text-transform:uppercase;color:var(--wand)}
.samen dd{grid-column:1}
.samen dd.w{grid-column:2;grid-row:2}
.wijzig{min-height:44px;min-width:44px;padding:0 4px;border:0;background:none;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:15px}
.uitslag{margin-top:16px;padding:14px 16px 14px 20px;border-radius:var(--r);border-left:4px solid;font-size:16px;line-height:1.5}
.uitslag.ok{background:var(--ok);border-color:var(--ok-d)}
.uitslag.nee{background:var(--nee);border-color:var(--nee-d)}
.uitslag.twijfel{background:var(--twijfel);border-color:var(--twijfel-d)}
.uitslag p+p{margin-top:6px}
.uitslag .kop-r{display:flex;gap:8px;align-items:center;font-weight:600}
.uitslag .knop-licht{margin-top:10px}
.verblijf{display:none}
@media (min-width:1024px){.verblijf{display:block;background:var(--wit);border-radius:var(--r);padding:24px}}
.verblijf h3{font-size:22px}
.verblijf dl{margin:12px 0 16px}
.verblijf dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--lijn);font-size:15px}
.verblijf dt{color:var(--wand)}
.verblijf dd{text-align:right;font-weight:600}
.verblijf .knop{width:100%}


.dorp{padding-top:64px}
.dorp h2,.faq h2,.gasten h2{font-size:clamp(30px,1.7vw + 23px,48px);line-height:1.15}
.dorp-tekst p{margin-top:12px;max-width:62ch}
.citaat-dorp{margin-top:24px}
@media (min-width:1024px){.dorp{padding-top:120px}.dorp .wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:center}.dorp-tekst{grid-column:1/7}.citaat-dorp{grid-column:8/13;margin-top:8px}}


.faq{padding-top:64px}
.faq-grid{display:grid;gap:12px;margin-top:20px}
.faq-kol{display:grid;gap:12px;align-content:start}
@media (min-width:1024px){.faq{padding-top:120px}.faq-grid{grid-template-columns:1fr 1fr;gap:12px 24px}}
details{background:var(--kozijn);border-radius:var(--r)}
summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:12px 16px;font-weight:600;cursor:pointer}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font:400 24px/1 var(--sig)}
details[open] summary::after{content:"\2212"}
details p{padding:0 16px 16px;font-size:16px;line-height:1.55}


.paginavoet{margin-top:64px;border-top:1px solid var(--lijn);background:var(--wit)}
@media (min-width:1024px){.paginavoet{margin-top:120px}}
.paginavoet .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:16px 0}
.voet-plaats{font-size:15px;color:var(--wand)}
.paginavoet .talen{margin-left:auto}
.naar-boven{display:inline-flex;align-items:center;min-height:44px;font-size:15px}


.mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:12px;height:calc(var(--bar) + env(safe-area-inset-bottom,0px));padding:0 var(--g) env(safe-area-inset-bottom,0px);background:rgba(255,255,255,.97);border-top:1px solid var(--lijn);transform:translateY(100%);visibility:hidden;transition:transform .3s,visibility 0s .3s}
.mbar.aan{transform:none;visibility:visible;transition:transform .3s}
.mbar-naam{font:400 20px/1 var(--goudy)}
.mbar-verblijf{font-size:13px;line-height:1.3;flex:1;text-align:right}
.mbar .knop{min-height:48px;padding:0 16px;font-size:16px;margin-left:auto}
.mbar-verblijf:not(:empty)+.knop{margin-left:0}
@media (min-width:1024px){.mbar{display:none}}


.lb{position:fixed;inset:0;z-index:70;overscroll-behavior:contain;background:rgba(255,255,255,.98);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:8px var(--g) 16px}
.lb[hidden]{display:none}
.lb-top{display:flex;justify-content:space-between;align-items:center}
.lb-n{font-size:15px}
.lb-knop{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lijn);border-radius:var(--r);background:var(--wit);cursor:pointer}
html.lb-open,html.lb-open body{overflow:hidden}
.lb-beeld{position:relative;min-height:0;margin-top:8px;touch-action:pinch-zoom}
.lb-beeld img{position:absolute;inset:auto 0 0;margin:0 auto;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--r)}
.lb-cap{font-size:15px;line-height:1.45;margin-top:8px;max-width:72ch;justify-self:center;text-align:center}
.lb-nav{display:flex;justify-content:center;gap:16px;margin-top:8px}


@media (prefers-reduced-motion:no-preference){
@supports (animation-timeline:view()){
.rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
.kachel-foto img{animation:zak linear both;animation-timeline:view();animation-range:entry 10% cover 55%}
.hero-foto img{animation:drift linear both;animation-timeline:scroll(root);animation-range:0 90vh}
}
@supports not (animation-timeline:view()){
.js .rv{opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}
.js .rv.in{opacity:1;transform:none}
}
.stap:not([hidden]){animation:stapin .3s ease-out}
.lb:not([hidden]){animation:fade .2s ease-out}
}
@keyframes rv{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes zak{from{transform:scale(1.04)}to{transform:scale(1)}}
@keyframes drift{from{transform:none}to{transform:translateY(4%) scale(1.04)}}
@keyframes stapin{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.mbar,.mbar.aan{transition:none}}


.nf{padding:64px 0 32px}
.nf h1{font-size:clamp(36px,3vw + 24px,64px);line-height:1.05;margin-bottom:8px}
.nf-ook{font-size:18px;line-height:1.5;color:var(--wand)}
.nf-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.uitslag .kop-r svg{flex:none}