*,:after,:before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,ol,p,ul{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}ol,ul{list-style:none}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}:root{--side-padding:0.8rem;--font-default:"Karla",sans-serif;--font-cursive:"Germania One",cursive;--color-orange:#c88a2e;--color-darkorange:#915803;--color-darkbrown:#2d2a26;--color-text:#2b241e;--color-page-bg:#f9f5f0}#home{.hero{min-height:28rem}.intro{p{margin-top:1rem}}.favorites{margin-top:2rem;li{background-color:hsla(0,0%,100%,.85);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(60,35,20,.15);display:flex;gap:1rem;margin-bottom:.8rem;padding:.8rem;position:relative;.pic-wrapper{height:4.8rem;width:4.8rem}.content{h3{font-weight:600;line-height:1;margin-bottom:.2rem}p{font-size:.9rem;margin-bottom:1rem}}strong{bottom:.3rem;color:var(--color-orange);font-size:.85rem;position:absolute;right:1rem}}.btn-container{margin-top:40px;text-align:center}}}#menu{header{margin:1.6rem auto 1.2rem}.title{align-items:space-around;display:flex}h2{border-bottom:4px solid var(--color-orange);color:var(--color-text);display:inline-block;font:2rem var(--font-cursive);margin:0 auto;padding-bottom:.4rem}h3{border-bottom:2px solid var(--color-orange);font:1.8rem var(--font-cursive);margin-bottom:1rem;margin-top:1.2rem;padding-bottom:.2rem}li{display:grid;grid-template-areas:"name price" "description description";grid-template-columns:minmax(0,1fr) auto;grid-template-rows:2rem auto;margin-top:.6rem}strong{display:block;font-size:1rem;font-weight:700;grid-area:name}span{color:var(--color-orange);font-weight:500;grid-area:price}p{font-size:.9rem;font-weight:300;grid-area:description;line-height:1.5}}.mt{margin-top:1.4rem}.mt-2{margin-top:2.2rem}.only-desktop{display:none;@media (min-width:900px){display:initial}}.limit-width{max-width:50rem!important}@media (min-width:900px){.lg-grid-2{display:grid;gap:2rem;grid-template-columns:1fr 1fr}.center-limit-width{margin-left:auto;margin-right:auto;max-width:50rem}}.development-warning{background-color:#dedede;color:var(--color-primary);display:flex;flex-direction:column;padding:1rem;position:absolute;text-align:center;top:0;width:100%;z-index:100}#reservation{form{>section{margin-top:1.8rem}}img{border:2px solid var(--color-orange);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);margin:1rem 0 1.4rem;width:100%}input,textarea{margin-top:.9rem}textarea{height:6rem}.btn-container{display:flex;justify-content:space-around;margin-top:1.8rem}button{border:none;width:80%}}body{background-color:#e3dcd2;background-image:-webkit-image-set(url("/assets/img/texture_bg2.avif") type("image/avif"),url("/assets/img/texture_bg2.webp") type("image/webp"),url("/assets/img/texture_bg2.jpg") type("image/jpeg"));background-image:image-set(url("/assets/img/texture_bg2.avif") type("image/avif"),url("/assets/img/texture_bg2.webp") type("image/webp"),url("/assets/img/texture_bg2.jpg") type("image/jpeg"));color:var(--color-text);display:flex;flex-direction:column;font-display:swap;font-family:var(--font-default),sans-serif;font-size:.95rem;line-height:1.65;min-height:100vh}.container{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1rem;padding-right:1rem;width:100%}.hero{align-items:center;background-image:linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(45,25,15,.6) 80%),url(/assets/img/hero_bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:0 4px 8px 0 rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:center;min-height:12rem;padding:2.5rem 1rem;text-align:center;h1{font:2.2rem var(--font-cursive);letter-spacing:.1rem;margin:0 0 1.2rem;padding:0;text-shadow:0 2px 4px rgba(0,0,0,.6)}h1,strong{color:#ffecd0}strong{font-size:1.05rem;font-weight:500;margin:0 0 2rem;max-width:30ch;text-shadow:0 1px 2px rgba(0,0,0,.5)}.btn-container{margin-top:.5rem}.btn{background-color:#e2c173;background-image:linear-gradient(180deg,#e2c173 0,#c88a2e);border-radius:999px;box-shadow:0 4px 10px 0 rgba(138,94,26,.5);color:#000;font-size:1rem;font-weight:700;margin:0;padding:.6rem 1.8rem;text-decoration:none}}.site-header{background-color:#3b2215;background-image:linear-gradient(180deg,rgba(60,35,20,.95) 0,#1e0f05);border-bottom:2px solid var(--color-orange);box-shadow:inset 0 -1px 2px rgba(255,180,80,.3),0 4px 10px rgba(0,0,0,.5);position:fixed;width:100%;z-index:100;.container{align-items:center;display:flex;justify-content:space-between;padding-bottom:.93rem;padding-top:.93rem}.logo{color:#c88a2e;color:#ffbc58;font:1.75rem var(--font-cursive);text-decoration:none}nav{display:none;a{align-items:baseline;background-image:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.012));border-radius:.25rem;color:#c9c9c9;display:inline-flex;justify-content:space-between;padding:.4rem;text-decoration:none;width:100%;&:after{content:">"}}}.close,.contact,.map,.reserve{display:none}button{background:none;border:none}&.nav-open{height:100vh;position:fixed;.container{flex-direction:column;position:relative}.open{display:none}.close{display:block;position:absolute;right:.4rem;top:1rem}.reserve{align-items:center;display:flex;flex-direction:column;margin-top:2.4rem;.btn{font-size:1.65rem}small{color:#c9c9c9;font-size:.7rem;margin-top:.18rem}}.contact,.map{align-items:center;color:#c9c9c9;display:block;display:flex;flex-direction:column;p{display:flex;gap:.6rem;justify-content:center;margin-top:1.6rem;a{color:inherit;font-size:1.2rem;font-weight:600;text-decoration:none}}small{color:#c9c9c9;font-size:.6rem}}.map{p a{font-size:1.05rem;font-weight:400}}nav{border-top:1px solid var(--color-orange);display:block;left:.95rem;margin-top:1.1rem;width:100%;li{border-bottom:1px solid #855740;padding:.6rem .2rem}a{font-size:1.25rem;font-weight:600}}}}main{flex-grow:1;padding-top:3.2rem}.site-footer{background-blend-mode:multiply;background-color:#3b2215;background-image:linear-gradient(180deg,rgba(90,50,25,.9) 0,#2d190f),url(/assets/img/bg.png);background-position:50%;background-size:cover;border-top:2px solid var(--color-orange);color:#e3dcd2;padding-bottom:0;padding-top:3rem;text-align:center}.footer-grid{display:flex;flex-direction:column;gap:2.5rem;margin-bottom:3rem}.footer-col strong{color:var(--color-orange);display:block;font:1.4rem var(--font-cursive);margin-bottom:1rem}.footer-col li,.footer-col p{color:inherit;font-size:.95rem;line-height:1.6}.site-footer a{color:#e3dcd2!important; /* !important om eventuele andere blauwe link-stijlen te overschrijven */text-decoration:none}.footer-about .logo{color:var(--color-orange)!important;display:inline-block;font:2rem var(--font-cursive);margin-bottom:.8rem}.footer-about p{margin:0 auto;max-width:90%}.footer-nav ul{list-style:none;margin:0;padding:0}.footer-nav li{margin-bottom:.6rem}.contact-list{display:inline-block;list-style:none;margin:0 0 1.5rem;padding:0;text-align:left}.contact-list li{align-items:flex-start;display:flex;margin-bottom:1rem}.contact-list .icon{filter:invert(76%) sepia(45%) saturate(2367%) hue-rotate(358deg) brightness(101%) contrast(106%);flex-shrink:0;height:22px;margin-right:.8rem;width:22px}.footer-contact .hours p{font-weight:500;margin:.4rem 0}.footer-copyright{background-color:rgba(0,0,0,.3);border-top:1px solid hsla(0,0%,100%,.1);font-size:.8rem;padding:1rem 0;text-align:center;a{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:.5rem;img{display:inline;max-height:1.2rem}}}.footer-copyright p{margin:0;opacity:.8}section{margin-bottom:2rem}.btn{background-color:#e2c173;background-image:linear-gradient(180deg,#e2c173 0,#c88a2e);border-radius:999px;box-shadow:0 4px 10px 0 rgba(138,94,26,.5);color:#000;display:inline-block;font-size:1.4rem;font-weight:700;padding:.26rem 2rem;text-align:center;text-decoration:none}.eyebrow{color:#d4af37;font-weight:500;margin-bottom:.1rem;text-transform:uppercase}.cursive-title{color:var(--color-darkbrown);font:1.5rem var(--font-cursive);margin-bottom:1rem;&.border{border-bottom:2px solid var(--color-orange);padding-bottom:.6rem;text-transform:uppercase}}.pic-wrapper{flex-shrink:0;overflow:hidden;img,picture{display:block;height:100%;width:100%}img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}}input,textarea{border:1px solid var(--color-darkbrown);border-radius:5px;padding:.2rem .5rem;width:100%}section h2{color:var(--color-darkorange);font:1.5rem var(--font-cursive);margin-bottom:.4rem}@media (min-width:900px){body{background-image:-webkit-image-set(url("/assets/img/large_texture_bg2.avif") type("image/avif"),url("/assets/img/large_texture_bg2.webp") type("image/webp"),url("/assets/img/large_texture_bg2.jpg") type("image/jpeg"));background-image:image-set(url("/assets/img/large_texture_bg2.avif") type("image/avif"),url("/assets/img/large_texture_bg2.webp") type("image/webp"),url("/assets/img/large_texture_bg2.jpg") type("image/jpeg"))}.site-header{.close,.contact,.map,.open,.reserve{display:none}nav{display:block;margin-left:auto;ul{align-items:center;display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}a{background:none;border-radius:999px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:500;justify-content:center;padding:.5rem 1rem;transition:all .3s ease;width:auto;&.active,&:hover{background-color:hsla(0,0%,100%,.05);color:var(--color-orange)}&.reserve-btn{background-color:#e2c173;background-image:linear-gradient(180deg,#e2c173 0,#c88a2e);box-shadow:0 4px 10px 0 rgba(138,94,26,.3);color:#000;font-weight:700;padding:.5rem 1.5rem;&:hover{box-shadow:0 6px 12px 0 rgba(138,94,26,.5);color:#000;transform:translateY(-2px)}}&:after{display:none}}}}.site-footer{padding-top:5rem;text-align:left}.footer-grid{display:grid;gap:4rem;grid-template-columns:1.5fr 1fr 1.5fr;margin-bottom:4rem}.footer-col strong{font-size:1.5rem;margin-bottom:1.5rem}.footer-about .logo{font-size:2.5rem;margin-bottom:1rem}.footer-about p{margin:0;max-width:100%}.contact-list{display:block;margin-bottom:2rem}.contact-list li{justify-content:flex-start}.contact-list .icon{height:24px;margin-right:1rem;width:24px}.footer-contact a:hover,.footer-nav a:hover{color:var(--color-orange)!important;text-decoration:underline}.footer-copyright{font-size:.9rem;padding:1.5rem 0}main{padding-top:4.9rem}.hero{min-height:20rem}}