img[loading=lazy].revealed{opacity:var(--img-opacity,1)}hr.revealed{transform:scale(1)}svg.revealed{transform:scale(var(--svg-scale,1))}.highlight{--hover-color:var(--black)}a{transition:color .5s ease-in-out}a:hover{color:var(--hover-color,var(--red))}a:focus{color:var(--focus-color,black)}a:focus>span:not(.hidden){position:relative;top:1px}.link:hover{--svg-scale:1.25}@media screen and (orientation:portrait){nav{flex-direction:column;z-index:6;background:inherit;background-color:rgba(256,256,256,.95);align-items:center;box-shadow:0 0 5px rgba(0,0,0,.25)}nav:target{transform:translateX(0);transition:transform .5s ease}html:has(nav:target){overflow:hidden}body:has(nav:target)>footer>.menu>.menu-close{display:block}body:has(nav:target)>footer>.menu>.menu-open{display:none}}.modals{scroll-behavior:smooth;scroll-snap-type:x mandatory;position:fixed;inset:auto 0 0;background-color:rgba(0,0,0,.95);z-index:99;margin:0;overflow-x:scroll;flex-wrap:nowrap;gap:0;justify-content:stretch;align-items:center}.modals:has(:target){}.modal{flex:0 0 100vw;scroll-snap-align:start;position:relative}.modal-prev,.modal-next{color:var(--white);font-size:2em;position:absolute;inset:54% auto auto 1rem}.modal-next{inset:54% 1rem auto auto}.lightbox{--img-height:100%;width:100vw;height:100vh;padding:2rem;box-sizing:border-box}.lightbox>img{object-fit:contain}.close-modals{position:fixed;z-index:999;inset:0 0 auto auto;display:none;padding:1rem;color:var(--white)}.lightbox:target,.modals:has(:target)+.close-modals,.modals:has(:target) .lightbox{display:block}@media screen and (orientation:landscape){.link::after{content:"";display:block;position:absolute;inset:auto 0 -2px 0;height:3px;border-radius:1px;background-color:var(--red);transform:scaleX(var(--link-line-scale,0));transition:transform .25s ease-in-out}}@supports(animation-timeline:view()){@media screen and (orientation:portrait){header{position:sticky;top:-20rem}header:before{border-width:0}.cover{animation:fade-out linear forwards;animation-timeline:view();animation-range:exit 20rem exit 24rem}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}}}@supports selector(a:target-current){nav{scroll-target-group:auto}nav>a:target-current{color:var(--red);--link-line-scale:1;--svg-scale:1.25}}@supports not selector(a:target-current){body:not(:has(article:target)) nav>.link:first-child,body:has(#welkom:target) a[href="#welkom"],body:has(#lunch-koffiehuis:target) a[href="#lunch-koffiehuis"],body:has(#zoete-goesting:target) a[href="#zoete-goesting"],body:has(#ontbijt:target) a[href="#ontbijt"],body:has(#contact:target) a[href="#contact"]{color:var(--red);--link-line-scale:1;--svg-scale:1.25}}