:root{
  --sage:#B3C8F1;      /* licht blauw, één tint blauwer */
  --red:#C8151F;       /* dieper rood */
  --char:#414240;      /* uit het logo */
  --char-deep:#353634;
  --stone:#ECEAE3;
  --paper:#F5F4F0;
  --ink:#2E2F2D;
  --muted:#62665F;
  --line:rgba(65,66,64,.18);
  --btn-bg:var(--red); --btn-fg:#fff; --btn-hover:#A80F18;
  --mark:url("/img/b4e1307c8c83.png");
  --full:url("/img/28d15fc8a51d.png");
  --bg:var(--paper);
  --fg:var(--ink);
  --serif:"Alegreya Sans", "Fontin Sans", "Gill Sans", "Trebuchet MS", sans-serif;
  --sans:"Alegreya Sans", "Fontin Sans", "Gill Sans", "Trebuchet MS", sans-serif;
  --header-h:72px;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#2B2C2A; --fg:#ECEAE3; --muted:#B4B8B2; --stone:#353634; --paper:#2B2C2A; --line:rgba(236,234,227,.16); --btn-bg:var(--red); --btn-fg:#fff; --btn-hover:#C81E26;
  }
}
:root[data-theme="dark"]{
  --bg:#2B2C2A; --fg:#ECEAE3; --muted:#B4B8B2; --stone:#353634; --paper:#2B2C2A; --line:rgba(236,234,227,.16); --btn-bg:var(--red); --btn-fg:#fff; --btn-hover:#C81E26;
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + env(safe-area-inset-top,0px))}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:400;letter-spacing:.01em;font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.wrap{width:min(1240px,100% - 2.5rem);margin-inline:auto}

/* ---------- Header (blijft staan) ---------- */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  padding-top:env(safe-area-inset-top,0px);
  color:var(--char);
  transition:background-color .35s ease,color .35s ease,border-color .35s ease;
  border-bottom:1px solid transparent;
}
.site-header.is-solid{background:var(--sage);color:#fff;border-bottom-color:rgba(255,255,255,.4)}
.site-header .btn,.site-header .menu-btn,.site-header .lang{font-family:var(--serif);font-weight:400;letter-spacing:.04em}
.site-header .btn{font-size:1.05rem}
.site-header .menu-btn{font-size:1.1rem}
.site-header .bar{height:var(--header-h);display:flex;align-items:center;gap:2rem}
.logo{display:block;width:54px;height:36px;background:var(--char);-webkit-mask:var(--mark) center/contain no-repeat;mask:var(--mark) center/contain no-repeat}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.left{display:flex;align-items:center;gap:1.4rem}
.tools{display:flex;align-items:center;gap:1.4rem;margin-left:auto}
/* Menu met uitklapper */
.menu{position:relative}
.menu-btn{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;font-size:1rem;padding:.6rem 0}
.menu-btn svg{width:12px;height:12px;transition:transform .25s ease}
.menu.open .menu-btn svg{transform:rotate(180deg)}
.menu-panel{
  position:absolute;right:-1rem;top:calc(100% + .4rem);width:max-content;max-width:calc(100vw - 2rem);
  background:#F5F4F2;color:#1F1F1E;border:0;border-radius:3px;
  box-shadow:0 18px 40px -20px rgba(30,30,28,.4);
  padding:1.4rem 1.8rem 1.6rem;
  display:grid;grid-template-columns:repeat(3,auto);grid-template-rows:repeat(4,auto);grid-auto-flow:column;gap:.7rem 5.2rem;
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s;
}
.menu.open .menu-panel{opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s ease}
.menu-panel a{position:relative;display:flex;align-items:center;justify-self:start;gap:0;padding:.15rem 0;text-decoration:none;font-family:var(--serif);font-size:1.05rem;letter-spacing:.06em;white-space:nowrap;transition:color .2s ease,gap .2s ease}
.menu-panel a::before{content:"";width:0;height:8px;border-radius:50%;background:var(--red);opacity:0;transition:width .2s ease,opacity .2s ease}
.menu-panel a:hover,.menu-panel a:focus-visible{color:var(--red);gap:.6rem}
.menu-panel a:hover::before,.menu-panel a:focus-visible::before{width:8px;opacity:1}
.menu-panel::before{content:"";position:absolute;left:0;right:0;top:-24px;height:24px}
.lang{display:flex;font-size:.85rem;border:1px solid currentColor;border-radius:999px;overflow:hidden}
.lang button{all:unset;cursor:pointer;padding:.25rem .65rem}
.lang button[aria-pressed="true"]{background:rgba(255,255,255,.22)}
.lang button[aria-pressed="true"] span{color:#fff;font-weight:500}
.lang button[aria-pressed="false"] span{opacity:.75}
.btn{display:inline-block;font:500 .95rem/1 var(--sans);padding:.85rem 1.4rem;border-radius:999px;text-decoration:none;cursor:pointer;border:1px solid transparent}
.btn-sun{background:var(--btn-bg);color:var(--btn-fg)}
.btn-sun:hover{background:var(--btn-hover)}
.on-dark .btn-sun{background:var(--sage);color:var(--char)}
.on-dark .btn-sun:hover{background:#DCE2EB}
.btn-line{border-color:currentColor;background:transparent;color:inherit}
.btn-line:hover{background:rgba(127,127,127,.12)}

/* ---------- Hero met splitsende woorden ---------- */
.hero{position:relative;height:100vh;height:100svh;background:var(--sage);color:var(--red)}
.hero-stick{position:relative;height:100%;overflow:hidden;display:flex;flex-direction:column}
.hero-photo{position:absolute;margin:0;top:0;left:0;right:0;bottom:var(--photo-bottom,45%);overflow:hidden}
.hero-photo .fill{position:absolute;inset:0;transform:scale(var(--s,1.08));transform-origin:center}
.hero-photo::after{content:"";position:absolute;inset:0 0 auto 0;height:180px;background:linear-gradient(rgba(30,30,28,.45),transparent);pointer-events:none}
.hero-img,figure.kaart-banner.photo{background:#8a7a68 url("/img/47018f2eec36.jpg") center 15%/cover no-repeat}
.hero-photo figcaption{position:absolute;z-index:1;left:1.25rem;bottom:.9rem;font-size:.8rem;color:rgba(255,255,255,.85)}
.split{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;display:flex;flex-direction:column;align-items:center;pointer-events:none;width:100%;padding:1rem 0 calc(.5rem + env(safe-area-inset-bottom,0px))}
.word{font-family:var(--serif);font-weight:400;font-size:clamp(3.2rem,min(12.4vw,18vh),13.5rem);line-height:.86;letter-spacing:-.01em;white-space:nowrap;will-change:transform}
.word-1{position:relative;top:-.06em;font-weight:300;text-transform:uppercase;font-size:clamp(2.1rem,min(8.6vw,13vh),10rem);letter-spacing:-.01em;transform:translateX(calc(var(--o,0px) * -1 - var(--p,0) * var(--d1,0px)))}
/* lichte kopie van de woorden, alleen zichtbaar waar ze over de foto vallen */
.split-light{color:var(--red);clip-path:inset(0 0 var(--clip,100%) 0)}
.word-2{position:relative;top:-.06em;font-weight:400;text-transform:uppercase;font-size:clamp(5.5rem,min(27vw,34vh),26rem);font-style:normal;transform:translateX(calc(var(--o,0px) + var(--p,0) * var(--d2,0px)))}
/* menubalk over de foto: lichte tekst */
.site-header:not(.is-solid){color:#fff}
.site-header:not(.is-solid) .btn-sun{background:var(--red);color:#fff}
.site-header:not(.is-solid) .btn-sun:hover{background:#C81E26}
.site-header .lang button[aria-pressed="true"] span{color:#fff}
.scroll-hint{font-size:.9rem;opacity:.75}

/* Foto-plekken (echte foto's volgen) */
.photo{position:relative;background:
  radial-gradient(120% 80% at 80% 10%, rgba(174,197,190,.55), transparent 55%),
  linear-gradient(160deg,#6d7a74 0%,#4a4d49 55%,#353634 100%);}
.photo.warm{background:
  radial-gradient(110% 90% at 20% 15%, rgba(236,214,170,.65), transparent 60%),
  linear-gradient(200deg,#8c7a5f 0%,#55493a 70%,#353634 100%);}
.photo.light{background:
  radial-gradient(100% 80% at 70% 20%, rgba(255,255,255,.5), transparent 60%),
  linear-gradient(170deg,#cfdcd7 0%,#9fb6ae 60%,#7c918a 100%);}
.photo figcaption{position:absolute;left:.9rem;bottom:.75rem;font-size:.8rem;color:rgba(255,255,255,.85)}

/* ---------- Over Pan ---------- */
.over-sec{background:var(--sage);color:var(--char);--muted:var(--char);--line:rgba(65,66,64,.3)}
.section{padding-block:clamp(5rem,11vw,9rem)}
.over{display:grid;grid-template-columns:7fr 5fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.over .body .h2{margin-bottom:clamp(1.6rem,3vw,2.4rem)}
.over-sec{overflow:hidden}
.over.wrap{display:block}
.over > .body{position:relative;z-index:1}
.over .body::after{content:"";display:block;clear:both}
.over .body p{max-width:none}
.over-art{float:right;position:relative;z-index:-1;width:min(54%,27rem);margin:clamp(-5.5rem,-6vw,-2.5rem) calc((100vw - min(1240px, 100vw - 2.5rem)) / -2) 1.5rem 0;shape-outside:polygon(100.0% 0.9%,46.0% 0.9%,43.0% 2.6%,41.0% 4.4%,38.7% 6.1%,36.3% 7.8%,33.3% 9.6%,29.7% 11.3%,28.0% 13.1%,25.7% 14.8%,9.3% 16.6%,8.7% 18.3%,7.0% 20.1%,7.7% 21.8%,14.0% 23.5%,14.0% 25.3%,14.0% 27.0%,14.0% 28.8%,14.0% 30.5%,14.0% 32.3%,14.0% 34.0%,14.0% 35.8%,14.0% 37.5%,14.0% 39.2%,14.0% 41.0%,14.0% 42.7%,14.0% 44.5%,14.7% 46.2%,14.7% 48.0%,14.0% 49.7%,14.0% 51.5%,14.0% 53.2%,14.0% 54.9%,14.0% 56.7%,15.0% 58.4%,15.0% 60.2%,14.7% 61.9%,14.3% 63.7%,14.3% 65.4%,14.3% 67.2%,14.3% 68.9%,14.0% 70.6%,14.0% 72.4%,14.0% 74.1%,14.0% 75.9%,14.0% 77.6%,14.0% 79.4%,14.3% 81.1%,14.0% 82.8%,14.0% 84.6%,14.0% 86.3%,14.0% 88.1%,14.0% 89.8%,14.0% 91.6%,14.3% 93.3%,21.0% 95.1%,23.0% 96.8%,22.7% 98.5%,23.7% 98.8%,100.0% 98.8%) border-box;shape-margin:1.5rem}
.over-art img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 30%),linear-gradient(to top,transparent 0,#000 22%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 30%),linear-gradient(to top,transparent 0,#000 22%);mask-composite:intersect}
@media (max-width:640px){.over-art{width:58%;margin:-.5rem calc((100vw - min(1240px, 100vw - 2.5rem)) / -2) 1rem 0;shape-margin:.9rem}}
.h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.6rem,6vw,4.75rem);line-height:1;letter-spacing:-.01em;margin:0}
.lede{font-family:var(--serif);font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.4;margin:0 0 1.6rem;max-width:30ch}
.over .body p{max-width:none;margin:0 0 1.1rem;color:var(--muted)}
.hours{margin-top:2.4rem;border-top:1px solid var(--line);padding-top:1.4rem;display:grid;grid-template-columns:auto 1fr;gap:.4rem 2rem;max-width:30rem;font-size:.98rem}
.hours dt{color:var(--muted)}
.hours dd{margin:0}
.over-photo{margin-top:3rem;aspect-ratio:3/2}

/* ---------- Aanbod: typografische rijen ---------- */
.offer{border-top:1px solid var(--line)}
.offer-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,5fr) auto;gap:2rem;align-items:baseline;padding-block:2.2rem;border-bottom:1px solid var(--line);text-decoration:none}
.offer-row h3{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,5vw,4rem);line-height:1;margin:0;transition:transform .35s ease}
.offer-row p{margin:0;color:var(--muted);max-width:44ch}
.offer-row .go{font-size:.95rem;white-space:nowrap;text-decoration:underline;text-underline-offset:5px}
.offer-row:hover h3{transform:translateX(.6rem)}

/* ---------- Groepen & zakelijk ---------- */
.groups{background:var(--char);color:var(--stone)}
.groups-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.big-num{font-family:var(--serif);font-size:clamp(6rem,16vw,13rem);line-height:.85;font-style:italic;color:var(--sage)}
.groups p{max-width:46ch;opacity:.9}
.groups .actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}

/* ---------- Terras & serre ---------- */
.spaces{display:grid;grid-template-columns:7fr 5fr;gap:1.25rem}
.spaces .photo{aspect-ratio:4/3}
.spaces .tall{aspect-ratio:auto;min-height:100%}
.space-text{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2.5rem}
.space-text h3{font-family:var(--serif);font-weight:400;font-size:1.9rem;margin:0 0 .5rem}
.space-text p{margin:0;color:var(--muted);max-width:44ch}

/* ---------- Kerst ---------- */
.xmas{background:var(--stone)}
.xmas-inner{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap}
.xmas p{max-width:48ch;color:var(--muted);margin:1rem 0 0}

/* ---------- Reviews ---------- */
.reviews-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap;margin-bottom:3rem}
.score{font-size:.98rem;color:var(--muted)}
.score strong{font-family:var(--serif);font-size:2.4rem;color:var(--fg);font-weight:400;margin-right:.4rem}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}
.quote{margin:0;border-top:1px solid var(--fg);padding-top:1.4rem}
.quote blockquote{margin:0 0 1.2rem;font-family:var(--serif);font-size:1.35rem;line-height:1.45}
.quote figcaption{font-size:.92rem;color:var(--muted)}
.stars{color:#6F9187;letter-spacing:.15em;margin-bottom:.8rem}
.placeholder-note{font-size:.85rem;color:var(--muted);margin-top:2rem}

/* ---------- Contact ---------- */
.visit{display:grid;grid-template-columns:5fr 7fr;gap:clamp(2rem,6vw,6rem)}
.visit address{font-style:normal;font-family:var(--serif);font-size:1.6rem;line-height:1.35;margin:1.5rem 0}
.visit p{color:var(--muted);max-width:52ch}
.visit .map{aspect-ratio:16/10}

/* ---------- Footer ---------- */
.site-footer{background:var(--char-deep);color:var(--stone);padding-block:4.5rem 2.5rem;font-size:.95rem}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem}
.foot-logo{display:block;width:150px;height:131px;margin:0 0 1.4rem;background:var(--sage);-webkit-mask:var(--full) left top/contain no-repeat;mask:var(--full) left top/contain no-repeat}
.site-footer h4{font-weight:500;font-size:.95rem;margin:0 0 .8rem;opacity:.65}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
.site-footer a{text-decoration:none}
.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.pay{margin-top:3.5rem;padding-top:1.6rem;border-top:1px solid rgba(236,234,227,.18);display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;opacity:.8}

/* ---------- Fotoserie ---------- */
.gallery{position:relative;background:var(--char)}
.g-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.g-track::-webkit-scrollbar{display:none}
.g-slide{flex:0 0 100%;margin:0;height:min(85vh,820px);scroll-snap-align:start}
.g-nav{all:unset;position:absolute;top:50%;transform:translateY(-50%);width:56px;height:84px;display:grid;place-items:center;cursor:pointer;color:var(--sage);filter:drop-shadow(0 1px 6px rgba(0,0,0,.35));transition:transform .2s ease}
.g-prev:hover{transform:translateY(-50%) translateX(-4px)}
.g-next:hover{transform:translateY(-50%) translateX(4px)}
.g-nav svg{width:40px;height:68px}
.g-prev{left:1.25rem}.g-next{right:1.25rem}
.g-dots{position:absolute;left:0;right:0;bottom:1.2rem;display:flex;justify-content:center;gap:.5rem}
.g-dots button{all:unset;width:9px;height:9px;border-radius:50%;background:rgba(245,244,240,.5);cursor:pointer}
.g-dots button[aria-current="true"]{background:#F5F4F0}
.g-slide figcaption{left:1.25rem;bottom:1.1rem}

/* ---------- Footer: openingstijden / adres / contact ---------- */
.info{background:var(--sage);color:var(--char);padding-block:clamp(3.5rem,6vw,5.5rem) clamp(4rem,8vw,7rem);font-family:var(--serif);font-weight:400}
.info-inner{width:min(1320px,100% - clamp(2.5rem,7vw,10rem));margin-inline:auto}
.info-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 3.2rem;margin:0 0 clamp(4rem,9vw,8rem);padding:0;list-style:none;font-size:1.2rem}
.info-links a{text-decoration:none}
.info-links .up{}
.info-links a:hover{text-decoration:underline;text-underline-offset:6px}
.info-grid{display:grid;grid-template-columns:auto repeat(4,minmax(0,auto));justify-content:space-between;align-items:start;gap:2rem clamp(1rem,2.6vw,3.5rem)}
.info-logo{display:block;width:clamp(80px,10vw,170px);aspect-ratio:170/148;background:var(--char);-webkit-mask:var(--full) left top/contain no-repeat;mask:var(--full) left top/contain no-repeat}
.info h2{font:400 clamp(1.05rem,1.6vw,1.9rem)/1.1 var(--serif);margin:.2rem 0 1.2rem}
.info p{font-size:clamp(.85rem,1.1vw,1.25rem);line-height:1.9;margin:0}
.socials svg{width:clamp(22px,2.2vw,30px);height:clamp(22px,2.2vw,30px)}
.info a{color:inherit;text-decoration:none}
.info .mail{border-bottom:1px solid rgba(65,66,64,.5)}
.info .mail:hover{border-bottom-color:currentColor}
.socials{display:flex;gap:1.3rem;margin-top:.6rem}
.socials svg{display:block}
@media (max-width:680px){.info-grid{grid-template-columns:1fr 1fr;justify-content:start}.info-logo{grid-column:1 / -1;margin-bottom:1rem;width:110px}.info h2{font-size:1.3rem}.info p{font-size:1rem}.info-links{justify-content:flex-start;gap:.8rem 2rem;font-size:1.05rem}}
@media (max-width:560px){.g-nav{width:40px;height:60px}.g-nav svg{width:26px;height:44px}.g-slide{height:70vh}}

/* ---------- Kaart-pagina's ---------- */
.kaart{background:var(--sage);color:#fff;min-height:100vh;padding:calc(var(--header-h) + env(safe-area-inset-top,0px) + clamp(3rem,7vw,6rem)) 0 clamp(4rem,8vw,7rem)}
.kaart>*{width:min(820px,100% - 2.5rem);margin-left:max(1.25rem,(100% - 1240px)/2);margin-right:auto}
.kaart>.facts{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem}
.facts li{position:relative;padding-left:1.4rem;font-size:1.1rem}
.facts li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--red)}
.kaart>.rp-slot{width:min(1240px,100% - 2.5rem);margin:2rem auto 0}
.rp.rp-inline{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-height:none!important;transform:none!important;visibility:visible!important;transition:none!important;box-shadow:none}
.rp.rp-inline .rp-x{visibility:hidden}
.rp.rp-inline .rp-body{overflow:visible;padding-left:clamp(1.6rem,4vw,3rem);padding-right:clamp(1.6rem,4vw,3rem)}
.rp.rp-inline .rp-rows{margin-left:calc(-1 * clamp(1.6rem,4vw,3rem));margin-right:calc(-1 * clamp(1.6rem,4vw,3rem))}
.rp.rp-inline .rp-row>button,.rp.rp-inline .rp-panel{padding-left:clamp(1.6rem,4vw,3rem);padding-right:clamp(1.6rem,4vw,3rem)}
.rp.rp-inline .rp-types{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.rp.rp-inline .rp-type.wide{grid-column:auto}
.rp.rp-inline .rp-actions{max-width:520px;margin-left:auto;margin-right:auto}
body.rp-page .fab,body.rp-page .call{display:none}
.posts{display:grid;gap:0;margin-top:2rem;border-top:1px solid rgba(65,66,64,.3)}
.post-card{display:block;text-decoration:none;color:inherit;padding:1.6rem 0;border-bottom:1px solid rgba(65,66,64,.3)}
.post-card time{font-size:.95rem;opacity:.8}
.post-card h2{font-family:var(--serif);font-weight:500;font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.25;margin:.3rem 0 .5rem;transition:color .2s}
.post-card p{margin:0 0 .6rem;max-width:62ch}
.post-card .more{text-decoration:underline;text-underline-offset:4px}
.post-card:hover h2,.post-card:hover .more{color:var(--red)}
.post{max-width:68ch}
.post .back{display:inline-block;margin-bottom:1.4rem;text-decoration:underline;text-underline-offset:4px;color:inherit}
.post .back:hover{color:var(--red)}
.post time{display:block;opacity:.8;margin-bottom:.4rem}
.post h1{font-family:var(--serif);font-weight:500;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.15;margin:0 0 1.4rem;color:var(--red)}
.post h2{font-family:var(--serif);font-weight:500;font-size:1.5rem;margin:2rem 0 .5rem;color:var(--red)}
.post h3{font-size:1.15rem;font-weight:600;margin:1.4rem 0 .3rem}
.post p,.post li{font-size:1.1rem;line-height:1.65}
.post p{margin:0 0 1rem}
.post ul{margin:0 0 1rem;padding-left:1.3rem}
.sub-h{font-family:var(--serif);font-weight:500;color:var(--red);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.15;margin:2.2rem 0 .7rem}
.photo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1.4rem 0 2.2rem}
.photo-row .photo{margin:0;aspect-ratio:4/5;border-radius:4px}
@media (max-width:560px){.photo-row{grid-template-columns:1fr 1fr}.photo-row .photo:last-child{display:none}}
.facts li::marker{content:""}
.facts li{list-style:none}
.stepper input{width:4.5rem;text-align:center;font:inherit;font-size:1.2rem;padding:.45rem .3rem;border:1px solid var(--char);border-radius:8px;background:#fff;color:#2E2F2D;-moz-appearance:textfield}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.stepper button{user-select:none;-webkit-user-select:none;touch-action:manipulation}
figure.kaart-banner figcaption{display:none}
.kaart-title{width:min(1240px,100% - 2.5rem)}
.kaart-banner{margin:0;height:clamp(240px,48vh,560px);width:100%}
.kaart.has-banner{padding-top:clamp(2.5rem,6vw,4.5rem);min-height:0}
.txt-link{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;transition:color .2s}
.txt-link:hover,.txt-link:focus-visible{color:var(--red)}
.arr-block{margin-top:3.2rem;scroll-margin-top:calc(var(--header-h) + 1.5rem)}
.arr-h{font-family:var(--serif);font-weight:300;text-transform:uppercase;color:var(--red);font-size:clamp(2rem,5vw,3.2rem);line-height:1;margin:0 0 .6rem}
.arr-intro{margin:0 0 .4rem;font-size:1.1rem}
.arr-block .dishes{margin-top:1rem}
.kaart-title{font-family:var(--serif);font-weight:300;text-transform:uppercase;color:var(--red);font-size:clamp(4rem,14vw,11rem);line-height:.86;letter-spacing:-.01em;margin-top:0;margin-bottom:.2em;white-space:nowrap}
.kaart-intro{font-size:1.25rem;line-height:1.6;margin-top:0;margin-bottom:1.2rem}
.dishes{list-style:none;padding:0;margin-top:1.8rem;margin-bottom:0}
.dish{padding:1.15rem 0;border-top:1px solid rgba(255,255,255,.45)}
.dish:last-child{border-bottom:1px solid rgba(255,255,255,.45)}
.dish-head{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem}
.dish h3{font-family:var(--serif);font-weight:500;font-size:clamp(1.15rem,1.8vw,1.4rem);margin:0}
.price{font-size:1.15rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.dish-desc{margin:.3rem 0 0;font-size:1.05rem;opacity:.92;max-width:52ch}
.kaart-empty{border-top:1px solid rgba(255,255,255,.45);border-bottom:1px solid rgba(255,255,255,.45);padding:2.5rem 0;font-size:1.3rem}
.kaart-foot{margin-top:2.8rem}

/* ---------- Reserveer-paneel (zoals De Kas) ---------- */
.rp{position:fixed;z-index:120;right:1rem;width:min(420px,calc(100% - 2rem));
  top:calc(1rem + env(safe-area-inset-top,0px));bottom:calc(1rem + env(safe-area-inset-bottom,0px));
  background:#96AFDE;color:#fff;border-radius:16px;box-shadow:0 24px 60px -20px rgba(20,20,40,.45);
  display:flex;flex-direction:column;overflow:hidden;font-family:var(--sans);
  transform:translateY(calc(100% + 2rem));visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility 0s linear .45s}
.rp.open{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.rp-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:.9rem 1rem .4rem}
.rp-logo{justify-self:center;width:46px;height:31px;background:var(--char);-webkit-mask:var(--mark) center/contain no-repeat;mask:var(--mark) center/contain no-repeat}
.rp-x{all:unset;cursor:pointer;justify-self:end;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#fff}
.rp-x:hover{background:rgba(255,255,255,.18)}
.rp-x svg{width:20px;height:20px}
.rp-body{flex:1;overflow-y:auto;padding:.4rem 1.6rem 1.4rem}
.rp-intro{text-align:center;font-size:1.1rem;line-height:1.5;margin:.4rem 0 1.3rem}
.rp-title{margin:.6rem 0 1.4rem;text-align:center;color:var(--red);font-family:var(--serif);text-transform:uppercase;line-height:.9;display:flex;flex-direction:column;align-items:center}
.rp-title span:first-child{font-weight:300;font-size:1.65rem;letter-spacing:.01em}
.rp-title span:last-child{font-weight:400;font-size:3.6rem}
.rp-pill{display:block;text-align:center;margin:0 0 .9rem;font-size:1.25rem;color:var(--red);text-transform:uppercase;letter-spacing:.06em}
.rp-types{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.4rem}
.rp-type{all:unset;box-sizing:border-box;cursor:pointer;border:1px solid rgba(255,255,255,.75);border-radius:10px;padding:.85rem .95rem;display:flex;flex-direction:column;gap:.15rem;transition:background-color .2s,border-color .2s,color .2s}
.rp-type strong{font-weight:500;font-size:1.12rem}
.rp-type small{font-size:.9rem;opacity:.9}
.rp-type:hover{background:rgba(255,255,255,.18)}
.rp-type[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#fff}
.rp-type.wide{grid-column:1 / -1}
.rp-type:focus-visible{outline:2px solid #fff;outline-offset:2px}
.rp-rows{margin:0 -1.6rem;border-top:1px solid rgba(255,255,255,.45)}
.rp-row{border-bottom:1px solid rgba(255,255,255,.45)}
.rp-row>button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:flex;align-items:center;gap:.8rem;padding:1.05rem 1.6rem;font-size:1.15rem;font-weight:500;color:#fff}
.rp-row>button svg.ic{width:24px;height:24px;flex:none}
.rp-row>button .chev{margin-left:auto;width:18px;height:18px;transition:transform .2s}
.rp-row.open>button .chev{transform:rotate(180deg)}
.rp-row.open{background:rgba(255,255,255,.12)}
.rp-panel{display:none;padding:0 1.6rem 1.2rem}
.rp-row.open .rp-panel{display:block}
.stepper{display:flex;align-items:center;gap:1rem}
.stepper button{all:unset;cursor:pointer;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.8);display:grid;place-items:center;font-size:1.3rem}
.stepper button:hover{background:rgba(255,255,255,.18)}
.stepper output{min-width:2ch;text-align:center;font-size:1.25rem}
.rp-panel input,.rp-form input,.rp-form textarea{width:100%;font:inherit;font-size:1rem;padding:.7rem .8rem;border:0;border-radius:8px;background:#fff;color:#2E2F2D}
.slots{display:flex;flex-wrap:wrap;gap:.5rem}
.slots button{all:unset;cursor:pointer;padding:.5rem .85rem;border-radius:999px;border:1px solid rgba(255,255,255,.8);font-size:.95rem}
.slots button:hover{background:rgba(255,255,255,.18)}
.slots button[aria-pressed="true"]{background:var(--red);border-color:var(--red)}
.rp-hint{font-size:.92rem;opacity:.92;margin:.8rem 0 0}
.rp-go{all:unset;box-sizing:border-box;cursor:pointer;display:block;width:100%;text-align:center;background:var(--red);color:#fff;border-radius:10px;padding:1rem;font-size:1.12rem;font-weight:500;margin-top:1.3rem}
.rp-go:hover{background:#A80F18}
.rp-form label{display:block;font-size:.95rem;margin-bottom:.9rem}
.rp-form label span{display:block;margin-bottom:.3rem}
.rp-form textarea{min-height:5rem;resize:vertical}
.rp-sum{border:1px solid rgba(255,255,255,.75);border-radius:10px;padding:.9rem 1.1rem;margin-bottom:1.2rem;font-size:1.02rem;line-height:1.6}
.rp-back{all:unset;cursor:pointer;font-size:.98rem;text-decoration:underline;text-underline-offset:4px;margin-bottom:1rem;display:inline-block}
.rp-foot{border-top:1px solid rgba(255,255,255,.45);padding:.8rem 1.6rem;font-size:.92rem;text-align:center}
.rp-step[hidden]{display:none}
@media (max-width:560px){.rp{top:auto;left:.5rem;right:.5rem;width:auto;bottom:.5rem;max-height:calc(100% - 1rem - env(safe-area-inset-top,0px));border-radius:16px;transform:translateY(calc(100% + 2rem))}.rp.open{transform:none}}
@media (prefers-reduced-motion:reduce){.rp,.rp.open{transition:none}}

/* ---------- Mobiel ---------- */
@media (max-width:960px){
  .left .btn{padding:.7rem 1.1rem}
  .over,.groups-grid,.visit{grid-template-columns:1fr}
  .offer-row{grid-template-columns:1fr;gap:.6rem}
  .spaces{grid-template-columns:1fr}
  .spaces .tall{aspect-ratio:4/3}
  .space-text,.quotes{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .left{gap:.8rem}
  .tools{gap:.8rem}
  .left .btn{padding:.6rem .85rem;font-size:.88rem}
  .logo{width:44px;height:30px}
  .lang{font-size:.78rem}
  .lang button{padding:.2rem .45rem}
  .menu{position:static}
  .menu-panel{position:fixed;left:0;right:0;top:calc(var(--header-h) + env(safe-area-inset-top,0px));width:auto;max-width:none;border-radius:0;grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:.9rem;padding:1.6rem 1.5rem 2rem}
  form .row{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .site-header .bar{gap:1rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero{height:100vh;height:100svh}
  .word-1{transform:translateX(calc(var(--o,0px) * -1))}
  .word-2{transform:translateX(var(--o,0px))}
  .hero-photo .fill{transform:none}
  .modal-card{animation:none}
}
.rp{border:1.5px solid var(--red)}
/* Reserveer-paneel: alle lijntjes wit */
.rp-type,.rp-rows,.rp-row,.stepper button,.slots button,.rp-sum,.rp-foot{border-color:var(--char)}
/* Vaste reserveerknop rechtsonder */
.fab{position:fixed;z-index:110;right:1.25rem;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));
  font-family:var(--serif);font-size:1.1rem;letter-spacing:.04em;padding:1rem 1.6rem;border-radius:999px;
  background:var(--red);color:#fff;border:0;cursor:pointer;box-shadow:0 10px 28px -10px rgba(20,20,40,.5);
  transition:opacity .25s ease,transform .25s ease,background-color .2s}
.fab:hover{background:#A80F18}
.fab:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.rp-open .fab{opacity:0;transform:translateY(12px);pointer-events:none}
@media (max-width:560px){.fab{right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));padding:.9rem 1.3rem;font-size:1rem}}
/* Belknop rechtsonder */
.call{position:fixed;z-index:110;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));right:calc(1.25rem + var(--fab-w,140px) + .7rem);
  width:54px;height:54px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;text-decoration:none;
  box-shadow:0 10px 28px -10px rgba(20,20,40,.5);transition:opacity .25s ease,transform .25s ease,background-color .2s}
.call:hover{background:#A80F18}
.call:focus-visible{outline:2px solid #fff;outline-offset:3px}
.call svg{width:24px;height:24px}
body.rp-open .call{opacity:0;transform:translateY(12px);pointer-events:none}
@media (max-width:560px){.call{width:48px;height:48px;bottom:calc(1rem + env(safe-area-inset-bottom,0px));right:calc(1rem + var(--fab-w,120px) + .6rem)}}
.rp-actions{display:flex;align-items:stretch;gap:.6rem;margin-top:1.3rem}
.rp-actions .rp-go{margin-top:0;flex:1}
.rp-call{flex:none;width:54px;height:54px;border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;align-self:center;text-decoration:none;transition:background-color .2s}
.rp-call:hover{background:#A80F18}
.rp-call:focus-visible{outline:2px solid #fff;outline-offset:2px}
.rp-call svg{width:24px;height:24px}
/* Alle witte tekst nu donkergrijs */
.hero-photo::after{display:none}
.kaart{color:var(--char)}
.dish{border-top-color:rgba(65,66,64,.3)}
.dish:last-child{border-bottom-color:rgba(65,66,64,.3)}
.kaart-empty{border-color:rgba(65,66,64,.3)}
.rp{color:var(--char)}
.rp-x,.rp-row>button{color:var(--char)}
.rp-x:hover,.rp-type:hover,.stepper button:hover,.slots button:hover{background:rgba(65,66,64,.08)}
.rp-row.open{background:rgba(65,66,64,.06)}
.rp-type[aria-pressed="true"]:hover{background:var(--red)}
.slots button[aria-pressed="true"]{color:#fff}
.rp-type:focus-visible{outline-color:var(--char)}
.pimg{background-color:#ddd;background-repeat:no-repeat;background-size:cover}
.img-p2{background-image:url("/img/a12b33e19ee2.jpg");background-position:center 72%}
.img-p4{background-image:url("/img/ec83b2b420d5.jpg");background-position:center 60%}
.img-p7{background-image:url("/img/1b645c3110a1.jpg");background-position:center 70%}
.img-p8{background-image:url("/img/b170947463fb.jpg");background-position:center 62%}
.chef-photo{margin:1.4rem 0 2.2rem;aspect-ratio:3/2;border-radius:4px;max-width:820px}
.gallery.single .g-nav,.gallery.single .g-dots{display:none}
/* Lunch, borrel, diner speels rond PAN, zoals op de flyer */
.tag{position:absolute;right:100%;font-family:var(--sans);font-weight:400;font-style:normal;font-size:clamp(.85rem,1.5vw,1.45rem);letter-spacing:.14em;line-height:1;color:var(--char);text-transform:uppercase;white-space:nowrap;pointer-events:none}
.tag-1{top:10%;margin-right:clamp(1.6rem,6vw,6.5rem)}
.tag-2{top:44%;margin-right:clamp(.4rem,1.6vw,1.6rem)}
.tag-3{top:78%;margin-right:clamp(1.6rem,6vw,6.5rem)}
.tag-r{right:auto;left:100%}
.tag-4{top:10%;margin-left:clamp(1.6rem,6vw,6.5rem)}
.tag-5{top:44%;margin-left:clamp(.4rem,1.6vw,1.6rem)}
.tag-6{top:78%;margin-left:clamp(1.6rem,6vw,6.5rem)}
.img-p9{background-image:url("/img/213ea75657ac.jpg");background-position:center 62%}
.img-p10{background-image:url("/img/c9a3e7e24045.jpg");background-position:center 50%}
.img-p11{background-image:url("/img/8d878aa4bd6f.jpg");background-position:center 55%}
.img-p12{background-image:url("/img/a49ff2741426.jpg");background-position:center 60%}
.img-p13{background-image:url("/img/ad99f6746741.jpg");background-position:center 55%}
.img-p14{background-image:url("/img/edeb4189f1f8.jpg");background-position:center 50%}
.img-p15{background-image:url("/img/f5241e7003bc.jpg");background-position:center 55%}
.img-p16{background-image:url("/img/fb62c57a0e1d.jpg");background-position:center 55%}
.img-p17{background-image:url("/img/6a00f3f59af0.jpg");background-position:center 50%}
.foot-photo{margin:0;width:100%;height:clamp(320px,65vh,680px)}
.img-p19{background-image:url("/img/82590b9a9ae7.jpg");background-position:center 50%}
.img-p20{background-image:url("/img/ff747e852e36.jpg");background-position:center 60%}
.img-p21{background-image:url("/img/183a0e4cb303.jpg");background-position:center 55%}
.img-p22{background-image:url("/img/e9253516cb62.jpg");background-position:center 55%}
.img-p25{background-image:url("/img/44a45f9379e5.jpg");background-position:center 58%}
.img-p27{background-image:url("/img/801c34a4b5df.jpg");background-position:center 55%}
.img-p28{background-image:url("/img/e54c7e7619a7.jpg");background-position:center 60%}
.img-p29{background-image:url("/img/bf956ea6e9bc.jpg");background-position:center 52%}
.img-p26{background-image:url("/img/acd7768a4862.jpg");background-position:center 55%}
.img-p18{background-image:url("/img/dff1ce65a881.jpg");background-position:center 58%}
.rp-panel textarea,.rp-form select{width:100%;font:inherit;font-size:1rem;padding:.7rem .8rem;border:1px solid var(--char);border-radius:8px;background:#fff;color:#2E2F2D}
.rp-panel textarea{resize:vertical;min-height:4.5rem}
.rp-err{margin:1rem 0 0;padding:.7rem .9rem;border-radius:8px;background:#fff;color:var(--red);font-size:.98rem;border:1px solid var(--red)}
.rp-req{font-size:.88rem;margin:.2rem 0 0}
.rp-form input:invalid.touched,.rp-form select:invalid.touched{border:2px solid var(--red)}
/* Speelser: CAFÉ-RESTAURANT als contourletters, zoals op de flyer */
.split .word-1{color:transparent;-webkit-text-stroke:clamp(1.2px,.14vw,2.4px) var(--red);font-weight:400;paint-order:stroke}
/* Diner: opmaak in twee kolommen (zoals De Kas) */
.kaart>.dk{width:min(1240px,100% - 2.5rem);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);margin-top:1rem}
.dk-lead{font-family:var(--sans);font-weight:400;text-transform:uppercase;letter-spacing:.12em;color:var(--red);font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.3;margin:0 0 1.4rem}
.dk-text p{font-size:1.15rem;line-height:2;margin:0 0 1.4rem}
.dk-prices{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem 2rem;margin-top:.4rem}
.dk-prices h3{font-family:var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.2rem;margin:0 0 1.4rem}
.dk-prices p{font-size:1.15rem;margin:0 0 1.2rem}
.dk-photo{margin:2.5rem 0 0;aspect-ratio:4/5;width:100%}
.dk-card{margin-top:clamp(3rem,6vw,5rem)}
@media (max-width:820px){.kaart>.dk{grid-template-columns:1fr}.dk-photo{aspect-ratio:4/3}}
.kaart>.dk-card{margin-left:max(1.25rem,(100% - 1240px)/2);margin-right:auto;width:min(820px,100% - 2.5rem)}
.img-p30{background-image:url("/img/84b6293cdebd.jpg");background-position:center 55%}
.img-p31{background-image:url("/img/e2dbd216064b.jpg");background-position:center 55%}
.img-p32{background-image:url("/img/84818014f70a.jpg");background-position:center 50%}
.img-p33{background-image:url("/img/eabff59b764f.jpg");background-position:center 60%}
.img-p34{background-image:url("/img/6002fd28484b.jpg");background-position:center 55%}
.gallery.dk-gal{margin-top:2.5rem;background:transparent}
.dk-gal .g-slide{height:auto;aspect-ratio:4/5}
.dk-gal .g-nav{width:44px;height:64px}.dk-gal .g-nav svg{width:26px;height:46px}
.dk-gal .g-prev{left:.4rem}.dk-gal .g-next{right:.4rem}
.img-p35{background-image:url("/img/2a5d207b7134.jpg");background-position:center 60%}
.img-p36{background-image:url("/img/4630e17b24ba.jpg");background-position:center 55%}
.img-p37{background-image:url("/img/9e6f0e9f4eea.jpg");background-position:center 62%}
.img-p38{background-image:url("/img/6c2ecd9533b8.jpg");background-position:center 55%}
.menu-panel a span{line-height:1.25}
.route-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.6rem 1.1rem;border:1px solid currentColor;border-radius:999px;text-decoration:none!important;font-size:1rem;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s}
.route-btn svg{width:18px;height:18px;flex:none}
.route-btn{background:var(--red);border-color:var(--red);color:#fff}
.route-btn:hover,.route-btn:focus-visible{background:var(--btn-hover);border-color:var(--btn-hover);color:#fff}
.split .tag{pointer-events:auto;text-decoration:none;cursor:pointer;transition:color .2s ease}
.split .tag:hover,.split .tag:focus-visible{color:var(--red)}
/* Woorden rond PAN: zelfde hover als in het menu (rood + bolletje) */
.split .tag{display:inline-flex;align-items:center;gap:0;transition:color .2s ease,gap .2s ease}
.split .tag::before{content:"";width:0;height:.55em;border-radius:50%;background:var(--red);opacity:0;transition:width .2s ease,opacity .2s ease}
.split .tag:hover,.split .tag:focus-visible{gap:.5em}
.split .tag:hover::before,.split .tag:focus-visible::before{width:.55em;opacity:1}
/* Linker woorden: tekst schuift bij hover naar rechts, net als in het menu */
.split .tag-1,.split .tag-2,.split .tag-3{transition:color .2s ease,gap .2s ease,margin-right .2s ease}
.split .tag-1:hover,.split .tag-1:focus-visible,.split .tag-3:hover,.split .tag-3:focus-visible{margin-right:calc(clamp(1.6rem,6vw,6.5rem) - 1.05em)}
.split .tag-2:hover,.split .tag-2:focus-visible{margin-right:calc(clamp(.4rem,1.6vw,1.6rem) - 1.05em)}
.callpop{position:fixed;z-index:130;right:1.25rem;bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));background:#F5F4F2;color:#2E2F2D;border:1.5px solid var(--red);border-radius:14px;padding:1rem 1.2rem;box-shadow:0 18px 40px -18px rgba(20,20,40,.45);min-width:240px}
.callpop[hidden]{display:none}
.callpop-t{margin:0;font-size:.95rem}
.callpop-n{margin:.2rem 0 .8rem;font-size:1.5rem;letter-spacing:.04em;color:var(--red)}
.callpop-a{display:flex;gap:.5rem;flex-wrap:wrap}
.callpop-go{background:var(--red);color:#fff;text-decoration:none;border-radius:999px;padding:.55rem 1rem}
.callpop-go:hover{background:#A80F18}
.callpop-copy{all:unset;cursor:pointer;border:1px solid #2E2F2D;border-radius:999px;padding:.5rem .95rem}
.callpop-copy:hover{background:rgba(46,47,45,.08)}
.vac-apply{font-size:1.05rem;white-space:nowrap}
.vac-h{font-family:var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;margin:1.2rem 0 .5rem}
.vac-facts{margin:0;gap:.3rem}
.vac-facts li{font-size:1.02rem}
.vac-facts li::before{top:.55em;width:6px;height:6px}

/* Lunch & borrel: tekst + slideshow */
[data-page="lunch"] .dk-side,[data-page="borrel"] .dk-side{align-self:start}
[data-page="lunch"] .gallery.dk-gal,[data-page="borrel"] .gallery.dk-gal{margin-top:.5rem}

/* Nieuwe foto's */
.img-p40{background-image:url("/img/736d53ab5ba8.webp");background-position:center 45%}
.img-p41{background-image:url("/img/ce28d84c36e3.webp");background-position:center 45%}
.img-p42{background-image:url("/img/1cc407fddb28.webp");background-position:center 60%}
.img-p43{background-image:url("/img/4972820ce830.webp");background-position:center}
.img-p44{background-image:url("/img/cdf2abdd3ddf.webp");background-position:center 55%}
.img-p45{background-image:url("/img/721479e242d3.webp");background-position:center}
.img-p46{background-image:url("/img/f1d4b4986125.webp");background-position:center 60%}
.img-p47{background-image:url("/img/8579ad4e5150.webp");background-position:center}
.img-p48{background-image:url("/img/d57fb2e73daf.webp");background-position:center}
.img-p49{background-image:url("/img/75a5712b57ae.webp");background-position:center}
.img-p50{background-image:url("/img/37c08e8b663f.webp");background-position:center 60%}
.img-p51{background-image:url("/img/a220c122e0e1.webp");background-position:center}
.img-p52{background-image:url("/img/952b21ccf90a.webp");background-position:center}
.img-p53{background-image:url("/img/fa67292072bf.webp");background-position:center 65%}
.img-p54{background-image:url("/img/d66e5b8efde0.webp");background-position:center}
.img-p55{background-image:url("/img/21e869fc3c4f.webp");background-position:center}

.img-p56{background-image:url("/img/33dca4eb27ed.webp");background-position:center}
.img-p57{background-image:url("/img/ebde199ea694.webp");background-position:center}
.img-p58{background-image:url("/img/0b78d41deac0.webp");background-position:center}
.img-p59{background-image:url("/img/d2126d46e78f.webp");background-position:center}

/* Reserveringsformulier: invulvelden lichtblauw i.p.v. wit */
.stepper input,.rp-panel input,.rp-panel textarea,.rp-form input,.rp-form textarea,.rp-form select{background:var(--sage);border:1px solid var(--char);color:#2E2F2D}
.stepper input:focus,.rp-panel input:focus,.rp-panel textarea:focus,.rp-form input:focus,.rp-form textarea:focus,.rp-form select:focus{background:var(--sage);outline:2px solid var(--char);outline-offset:1px}
.rp input:-webkit-autofill,.rp input:-webkit-autofill:hover,.rp input:-webkit-autofill:focus,.rp textarea:-webkit-autofill,.rp select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--sage) inset;box-shadow:0 0 0 1000px var(--sage) inset;-webkit-text-fill-color:#2E2F2D;caret-color:#2E2F2D}
.rp input::placeholder,.rp textarea::placeholder{color:#55605f;opacity:1}