:root{--font-heading:"DM Serif Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"DM Mono", ui-monospace, monospace;--papier:#f6f0e6;--papier-2:#efe6d8;--inkt:#2b1d18;--zacht:#54463e;--bordeaux:#6e1522;--bordeaux-diep:#561019;--goud:#c9a35a;--lijn:#e2d6c3;--groen:#1f7a45;--op-bordeaux:#f3e6d8;--r:16px;--sectie:96px}::selection{background:var(--bordeaux);color:var(--papier)}html{scrollbar-color:var(--bordeaux) var(--papier)}body{background:var(--papier);color:var(--inkt);caret-color:var(--bordeaux)}:focus-visible{outline:3px solid var(--bordeaux);outline-offset:3px;border-radius:8px}h1,h2,h3{font-family:var(--site-serif);letter-spacing:-.01em;text-wrap:balance;font-weight:400}h2{color:var(--bordeaux);font-size:clamp(32px,3.6vw,48px);line-height:1.1}p{text-wrap:pretty}.knop{background:var(--bordeaux);min-height:48px;color:var(--papier);transition:transform .2s var(--ease-uit), background-color .2s, color .2s;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;font-weight:600;text-decoration:none;display:inline-flex}.knop:hover{background:var(--bordeaux-diep);transform:translateY(-2px)}.knop:active{transform:translateY(0)scale(.98)}.knop--rand{color:var(--bordeaux);box-shadow:inset 0 0 0 1.5px var(--bordeaux);background:0 0}.knop--rand:hover{background:var(--bordeaux);color:var(--papier)}.knop--klein{min-height:40px;padding:0 16px;font-size:15px}.knop--licht{background:var(--papier);color:var(--bordeaux)}.knop--licht:hover{background:#fff}.knop--rand-licht{color:var(--papier);background:0 0;box-shadow:inset 0 0 0 1.5px #f3e6d8b3}.knop--rand-licht:hover{background:#f3e6d81f}.kop{z-index:10;background:color-mix(in srgb, var(--papier) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .3s;position:sticky;top:0}.kop.is-gescrold{box-shadow:0 1px 0 var(--lijn)}.kop__rij{align-items:center;gap:32px;min-height:72px;display:flex}.merk{font-family:var(--site-serif);color:var(--bordeaux);align-items:center;gap:12px;font-size:28px;text-decoration:none;display:inline-flex}.vlag{background:linear-gradient(#1f7a45 0 20%,#fff 20% 30%,#b4142d 30% 70%,#fff 70% 80%,#1f7a45 80%);border-radius:2px;width:24px;height:16px;display:inline-block;box-shadow:0 0 0 1px #2b1d181f}.kop nav{gap:24px;margin-left:auto;display:flex}.kop nav a{color:var(--zacht);font-size:16px;text-decoration:none;transition:color .2s}.kop nav a:hover{color:var(--bordeaux)}.status{background:var(--papier-2);color:var(--inkt);border-radius:999px;align-items:center;gap:8px;padding:8px 16px 8px 12px;font-size:15px;font-weight:600;display:inline-flex}.punt{background:var(--goud);width:8px;height:8px;animation:puls-goud 2.4s var(--ease-uit) infinite;border-radius:50%;flex:none}[data-staat=open] .punt{background:var(--groen);animation-name:puls-groen}[data-staat=open].status{color:var(--groen)}@keyframes puls-groen{0%{box-shadow:0 0 #1f7a4580}70%,to{box-shadow:0 0 0 8px #1f7a4500}}@keyframes puls-goud{0%{box-shadow:0 0 #c9a35ab3}70%,to{box-shadow:0 0 0 8px #c9a35a00}}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:min(100svh - 72px,820px);display:grid}.hero__tekst{padding:64px 64px 64px max(var(--rand), (100vw - 1280px) / 2);align-self:center}.hero h1{color:var(--inkt);margin-top:24px;font-size:clamp(44px,4.8vw,68px);line-height:1.05}.hero h1 .regel{padding-bottom:.06em;display:block;overflow:hidden}.hero h1 .regel>*{display:inline-block}.hero h1 em{color:var(--bordeaux)}.hero__lead{color:var(--zacht);max-width:44ch;margin-top:24px;font-size:clamp(18px,1.3vw,20px)}.hero__knoppen{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.bewijs{color:var(--zacht);align-items:center;gap:8px;margin-top:16px;font-size:16px;display:flex}.bewijs b{color:var(--inkt)}.sterren{color:var(--bordeaux);letter-spacing:2px;font-size:15px}.sterren span{background:linear-gradient(90deg, var(--bordeaux) 20%, #cdbfa9 20%);color:#0000;-webkit-background-clip:text;background-clip:text}.gevel{border-radius:var(--r) 0 0 var(--r);background:var(--bordeaux);animation:gevel-open 1.1s var(--ease-uit) .1s both;margin:0;position:relative;overflow:hidden}@keyframes gevel-open{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}.gevel img{object-fit:cover;object-position:50% 60%;width:100%;height:108%;animation:gevel-zoom 1.6s var(--ease-uit) .1s both;position:absolute;inset:-4% 0}@keyframes gevel-zoom{0%{scale:1.12}}.bord{background:var(--bordeaux);color:var(--papier);outline-offset:-6px;animation:bord-op .5s var(--ease-uit) .4s both;border-radius:4px;outline:1px solid #c9a35a59;gap:4px;padding:16px 24px;display:grid;position:absolute;bottom:32px;left:32px;box-shadow:0 16px 32px -12px #2b1d1873}@keyframes bord-op{0%{opacity:0;transform:translateY(16px)}}.bord__lijn{pointer-events:none;width:calc(100% - 12px);height:calc(100% - 12px);position:absolute;inset:6px;overflow:visible}.bord__lijn rect{fill:none;stroke:var(--goud);stroke-width:1.25px;stroke-dasharray:1;stroke-dashoffset:1px;animation:lijn-teken .8s var(--ease-uit) .6s forwards}@keyframes lijn-teken{to{stroke-dashoffset:0}}.bord__naam{font-family:var(--site-serif);align-items:center;gap:12px;font-size:40px;line-height:1.1;display:flex}.bord__klein{color:var(--op-bordeaux);font-size:13px}.menu{background:var(--papier-2);padding:var(--sectie) 0}.menu__kop{border-bottom:1px solid var(--bordeaux);grid-template-columns:1fr 1fr;align-items:end;gap:16px 64px;padding-bottom:32px;display:grid}.menu__kop h2{font-size:clamp(48px,6.4vw,88px);line-height:1}.menu__kop p{color:var(--zacht);max-width:46ch}.legenda{white-space:nowrap}.v{background:var(--groen);color:#fff;vertical-align:2px;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:4px;font-size:12px;font-weight:700;line-height:1;display:inline-grid}.kaart{grid-template-columns:repeat(3,1fr);gap:48px 64px;padding-top:48px;display:grid}.kaart summary{cursor:default;justify-content:space-between;align-items:baseline;gap:16px;list-style:none;display:flex}.kaart summary::-webkit-details-marker{display:none}.kaart h3{color:var(--bordeaux);font-size:32px;line-height:1.1}.aantal{display:none}.kaart__noot{color:var(--zacht);margin-top:4px;font-size:15px;font-style:italic}.kaart ul{margin:16px 0 0;padding:0;list-style:none}.kaart li{border-bottom:1px dotted #b9a88f;padding:8px 0;font-size:17px}.breed{background:var(--bordeaux);height:min(64vh,600px);margin:0;position:relative;overflow:hidden}.breed img{object-fit:cover;object-position:50% 72%;filter:saturate(.92);width:100%;height:116%;position:absolute;inset:-8% 0}.breed:after{content:"";background:linear-gradient(90deg, var(--bordeaux) 0%, #6e1522eb 22%, #6e152200 58%);position:absolute;inset:0}.breed figcaption{z-index:1;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.breed figcaption span{font-family:var(--site-serif);color:#fff;max-width:16ch;font-size:clamp(24px,2.4vw,32px);line-height:1.2;display:block}.tijden{background:var(--bordeaux);color:var(--papier);padding:var(--sectie) 0}.tijden h2{color:var(--papier)}.tijden p{color:var(--op-bordeaux);max-width:46ch;margin-top:16px;font-size:18px}.tijden__raster{grid-template-columns:1fr 1fr;align-items:start;gap:64px;display:grid}.week{border-top:1px solid #c9a35a73;margin:0}.week div{font-variant-numeric:tabular-nums;transition:padding .3s var(--ease-uit);border-bottom:1px solid #c9a35a73;justify-content:space-between;gap:16px;padding:12px 0;display:flex}.week dt{font-weight:500}.week dd{color:var(--op-bordeaux);margin:0}.week div[data-vandaag]{background:var(--papier);color:var(--bordeaux);border-bottom-color:#0000;border-radius:8px;padding-inline:12px}.week div[data-vandaag] dd{color:var(--bordeaux);font-weight:600}.week div[data-vandaag] dt:after{content:"vandaag";color:var(--zacht);margin-left:8px;font-size:13px;font-weight:400}.catering{padding:var(--sectie) 0}.catering__rij{grid-template-columns:1fr 1fr;align-items:start;gap:32px 64px;display:grid}.catering h2{max-width:16ch;font-size:clamp(36px,4vw,56px);line-height:1.05}.catering p{color:var(--zacht);max-width:44ch;font-size:18px}.catering .hero__knoppen{margin-top:24px}.voet{background:var(--papier-2);color:var(--zacht);padding:64px 0;font-size:16px}.voet__raster{grid-template-columns:1.4fr 1fr 1fr;gap:32px;display:grid}.voet__merk{font-family:var(--site-serif);color:var(--bordeaux);align-items:center;gap:12px;font-size:32px;display:flex}.voet address{font-style:normal}.voet a{color:var(--inkt);text-underline-offset:4px}.belbalk{display:none}@media (width<=760px){:root{--sectie:64px}.kop nav{display:none}.kop__rij{justify-content:space-between;min-height:64px}.merk{font-size:24px}.hero{grid-template-columns:1fr;min-height:0}.hero__tekst{padding:24px var(--rand) 32px}.hero h1{font-size:40px}.knop--bel{display:none}.hero__knoppen .knop{flex:100%}.gevel{border-radius:0;height:420px}.bord{left:var(--rand);padding:12px 16px;bottom:24px}.bord__naam{font-size:32px}.menu__kop,.kaart,.tijden__raster,.catering__rij,.voet__raster{grid-template-columns:1fr;gap:32px}.kaart{gap:0;padding-top:8px}.kaart__groep{border-bottom:1px solid #cdbfa9}.kaart summary{cursor:pointer;align-items:center;min-height:64px;padding:8px 0}.kaart h3{font-size:28px}.aantal{color:var(--zacht);align-items:center;gap:8px;font-size:14px;display:inline-flex}.aantal:after{content:"";border-right:2px solid var(--bordeaux);border-bottom:2px solid var(--bordeaux);width:8px;height:8px;transition:transform .2s var(--ease-uit);transform:rotate(45deg)translateY(-2px)}.kaart__groep[open] .aantal:after{transform:rotate(-135deg)translateY(-2px)}.kaart__groep[open] ul{animation:open-kaart .25s var(--ease-uit);padding-bottom:16px}@keyframes open-kaart{0%{opacity:0;transform:translateY(-4px)}}.breed{height:360px}.breed:after{background:linear-gradient(90deg,#6e1522f2 0%,#6e15228c 60%,#6e152233)}.breed img{object-position:70% 72%}.voet{padding-bottom:112px}.belbalk{z-index:20;background:var(--bordeaux);min-height:52px;color:var(--papier);animation:balk-op .4s var(--ease-uit) .6s both;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 16px 32px -12px #56101999}@keyframes balk-op{0%{transform:translateY(140%)}}}@media (width>=761px) and (width<=1080px){.kaart{grid-template-columns:repeat(2,1fr)}.kop nav{display:none}}