/* ===================================================================
   Dende · website (herbouw 10-11-2026)
   Romantisch, familie, gezellig; het terras voorop. Wijnrood, kaarslicht-amber en het groen van de planten
   en de menukaarten. Foto's rechthoekig met ronde hoeken (wens Bloeme).
   Gedeeld door alle pagina's, Nederlands en Engels. Kop, voet en gedrag: site.js. Kaart: kaart-data.js.
   Achtergrond: 'Dead Salmon' van Farrow & Ball (nr. 28, ongeveer #b49d8d), keuze Hein 10-11; daarvoor
   'Setting Plaster' (#e8cbbb). Omdat de achtergrond donkerder is, zijn de zachte tekstkleuren ook donkerder.
   Geen waas over de site; alleen op het eerste scherm een zachte donkere wolk achter de tekst.
   =================================================================== */
:root{
  --kalk:#b49d8d; --kalk-licht:#eadfd6; --linnen:#fbf3ec; --room:#f7f1e3;
  --wijn:#6b1e22; --wijn-diep:#4a1417; --wijn-zacht:#8e3b35; --roest:#a8553b;
  --amber:#d9a35b; --amber-licht:#f0cf98; --olijf:#5f6b3c; --blad:#3f5a36; --salie:#b9b98f;
  --inkt:#33201c; --zacht:#4d352e; --lijn:rgba(107,30,34,.2);
  --rond:20px; --max:1180px;
  --serif:"Cormorant Garamond",Georgia,serif; --tekst:"Jost",system-ui,sans-serif; --hand:"Sacramento",cursive;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kalk);color:var(--inkt);font:400 17px/1.7 var(--tekst);overflow-x:hidden;overflow-x:clip;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}
p{margin:0 0 1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 22px}
h1,h2,h3{margin:0;font-family:var(--serif);font-weight:500;line-height:1.05}
h2{font-size:clamp(38px,6vw,64px);font-style:italic;color:var(--wijn)}
.boven{display:flex;align-items:center;gap:12px;font:500 12.5px/1.3 var(--tekst);letter-spacing:.22em;text-transform:uppercase;color:var(--wijn);margin-bottom:16px}
.boven::before{content:"";flex:none;width:28px;height:1px;background:currentColor;opacity:.7}
.midden .boven{justify-content:center}
.midden .boven::after{content:"";flex:none;width:28px;height:1px;background:currentColor;opacity:.7}
.linnen .boven,.blok .boven{color:var(--roest)}
.hand{font-family:var(--hand);font-weight:400}
.verborgen{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- logo (het echte logo, logo-symbool.svg) in één kleur per plek ---------- */
.merk{display:inline-flex;text-decoration:none;line-height:0;--logo-kleur:var(--wijn);--logo-woord:var(--logo-kleur);--logo-e:var(--logo-kleur);--logo-regel:var(--logo-kleur)}
.merk svg{width:206px;height:auto;aspect-ratio:1312/476;display:block}
.merk path{transition:fill .4s}
@media(max-width:520px){.merk svg{width:166px}}

/* ---------- knoppen ---------- */
.knop{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--wijn);color:var(--linnen)!important;text-decoration:none;
  font:500 14.5px var(--tekst);letter-spacing:.06em;padding:14px 26px;border-radius:999px;border:0;cursor:pointer;min-height:48px;
  transition:background .25s,transform .25s,box-shadow .25s;box-shadow:0 8px 20px rgba(74,20,23,.22)}
.knop:hover{background:var(--wijn-diep);transform:translateY(-1px);box-shadow:0 12px 26px rgba(74,20,23,.3)}
.knop:disabled{opacity:.6;cursor:default;transform:none}
.knop.licht{background:transparent;color:var(--wijn)!important;box-shadow:inset 0 0 0 1px var(--wijn)}
.knop.licht:hover{background:rgba(107,30,34,.08)}
.knop.amber{background:var(--amber);color:var(--wijn-diep)!important;box-shadow:0 8px 24px rgba(217,163,91,.35)}
.knop.amber:hover{background:var(--amber-licht)}
.knop.glas{background:rgba(251,243,236,.14);color:var(--linnen)!important;box-shadow:inset 0 0 0 1px rgba(251,243,236,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.knop.glas:hover{background:rgba(251,243,236,.24)}
.knop:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.acties{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* ---------- kop ---------- */
header.kop{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .4s,box-shadow .4s}
header.kop .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:92px}
header.kop .merk{--logo-kleur:var(--linnen)}
header.kop.vast{background:rgba(234,223,214,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(74,20,23,.14)}
header.kop.vast .merk{--logo-kleur:var(--wijn)}
.links{display:flex;gap:22px;align-items:center}
.links a{text-decoration:none;font-weight:500;font-size:14.5px;letter-spacing:.04em;color:var(--linnen);transition:color .3s;text-shadow:0 1px 8px rgba(20,10,8,.45)}
header.kop.vast .links a{text-shadow:none}
header.kop.vast .links a:not(.knop){color:var(--inkt)}
.links a:not(.knop):hover{color:var(--amber-licht)}
header.kop.vast .links a:not(.knop):hover{color:var(--wijn)}
.links a[aria-current=page]{border-bottom:1px solid currentColor;padding-bottom:2px}
.links .knop{padding:11px 20px;min-height:42px;box-shadow:none;background:var(--amber);color:var(--wijn-diep)!important;text-shadow:none}
header.kop.vast .links .knop{background:var(--wijn);color:var(--linnen)!important}
.taal{display:inline-flex;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(251,243,236,.7);font-size:12.5px;letter-spacing:.08em}
.taal a{padding:7px 11px;text-decoration:none;font-weight:500;color:var(--linnen)}
.taal a[aria-current=true]{background:rgba(251,243,236,.94);color:var(--wijn)!important}
header.kop.vast .taal{box-shadow:inset 0 0 0 1px var(--wijn)}
header.kop.vast .taal a{color:var(--wijn)}
header.kop.vast .taal a[aria-current=true]{background:var(--wijn);color:var(--linnen)!important}
.rechts{display:flex;align-items:center;gap:12px}
.menuknop{display:none;background:none;border:0;width:46px;height:46px;font-size:26px;line-height:1;color:var(--linnen);cursor:pointer}
header.kop.vast .menuknop{color:var(--wijn)}
@media(max-width:1080px){
  .links{display:none;position:absolute;left:0;right:0;top:92px;flex-direction:column;align-items:flex-start;gap:18px;padding:22px 22px 28px;background:var(--kalk-licht);box-shadow:0 18px 30px rgba(74,20,23,.15)}
  .links a{text-shadow:none}
  .links a:not(.knop){color:var(--inkt)!important;font-size:17px}
  .links.open{display:flex}
  .menuknop{display:block}
}

/* ---------- hero: de foto helder; alleen achter de tekst (links) een zachte donkere wolk ---------- */
section{position:relative;padding:104px 0;overflow-x:clip}
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;color:var(--linnen);background:#1c110d;padding:0}
.hero .foto{position:absolute;inset:-6% 0;z-index:0}
.hero .foto img{width:100%;height:100%;object-fit:cover;object-position:center 58%;animation:zweef 26s ease-in-out infinite alternate;will-change:transform}
@keyframes zweef{from{transform:scale(1.04)}to{transform:scale(1.13) translate3d(-1.5%,-1%,0)}}
.hero::after{content:"";position:absolute;inset:0;z-index:1;background:
  radial-gradient(ellipse 60% 74% at 16% 64%,rgba(20,10,8,.66),rgba(20,10,8,0) 72%),
  linear-gradient(180deg,rgba(20,10,8,.55) 0%,rgba(20,10,8,.1) 22%,rgba(20,10,8,.1) 42%,rgba(20,10,8,.5) 72%,rgba(20,10,8,.84) 100%)}
.hero .wrap{position:relative;z-index:2;width:100%;padding-top:130px;padding-bottom:clamp(54px,9vh,96px)}
.hero .boven{color:var(--amber-licht);text-shadow:0 1px 3px rgba(20,10,8,.9),0 0 18px rgba(20,10,8,.85)}
.hero h1{font-size:clamp(46px,min(9vw,14vh),116px);font-style:italic;max-width:14ch;text-shadow:0 2px 26px rgba(20,10,8,.65)}
.hero h1 .hand{display:block;font-size:.5em;font-style:normal;color:var(--amber-licht);margin-bottom:.1em;text-shadow:0 1px 3px rgba(20,10,8,.9),0 0 18px rgba(20,10,8,.85)}
.hero p.lead{font-size:clamp(18px,2vw,21px);max-width:36rem;color:#fbf0e8;margin:18px 0 0;text-shadow:0 1px 12px rgba(20,10,8,.7)}
.vandaag{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:8px 16px 8px 12px;border-radius:999px;font-size:14.5px;
  background:rgba(20,10,8,.35);box-shadow:inset 0 0 0 1px rgba(251,243,236,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.vandaag i{flex:none;width:9px;height:9px;border-radius:50%;background:#9fd18b;box-shadow:0 0 0 4px rgba(159,209,139,.2),0 0 12px #9fd18b}
.vandaag.dicht i{background:var(--amber);box-shadow:0 0 0 4px rgba(217,163,91,.2)}
.scrollhint{position:absolute;z-index:2;left:50%;bottom:18px;transform:translateX(-50%);width:1px;height:46px;background:linear-gradient(var(--amber-licht),transparent);opacity:.8}
@media(max-width:700px){
  .hero::after{background:
    radial-gradient(ellipse 130% 62% at 30% 66%,rgba(20,10,8,.62),rgba(20,10,8,0) 74%),
    linear-gradient(180deg,rgba(20,10,8,.55) 0%,rgba(20,10,8,.1) 20%,rgba(20,10,8,.3) 46%,rgba(20,10,8,.86) 100%)}
  .hero .boven{letter-spacing:.14em;font-size:12px}
  .hero .boven::before{display:none}
  .hero .wrap{padding-bottom:104px}
  .hero .acties{margin-top:20px}
  .scrollhint{display:none}
}
/* kleine kop voor de vervolgpagina's */
.paginakop{background:var(--wijn);color:var(--linnen);padding:176px 0 64px;overflow:hidden}
.paginakop h1{font-size:clamp(46px,7vw,84px);font-style:italic;position:relative}
.paginakop .boven{color:var(--amber-licht)}
.paginakop p{max-width:40rem;font-size:19px;color:#f3ddd3;margin:16px 0 0;position:relative}
@media(max-width:700px){.paginakop{padding:132px 0 46px}.paginakop p{font-size:17.5px}section{padding:76px 0}}

/* ---------- vlakken ---------- */
.linnen{background:var(--linnen)}
.wijnvlak{background:var(--wijn);color:var(--linnen)}
.wijnvlak h2{color:var(--linnen)}
.wijnvlak .boven{color:var(--amber-licht)}
.groenvlak{background:var(--blad);color:var(--linnen)}
.groenvlak h2{color:var(--linnen)}
.groenvlak .boven{color:var(--amber-licht)}
.kopje{max-width:44rem;margin-bottom:44px}
.kopje.midden{margin-left:auto;margin-right:auto;text-align:center}
.kopje p{color:var(--zacht);font-size:18px;margin-top:14px}
.wijnvlak .kopje p,.groenvlak .kopje p{color:#ecdcd0}
.tak{position:absolute;pointer-events:none;will-change:transform;color:var(--wijn);opacity:.16}
.fotobron{font-size:13.5px!important;color:var(--zacht);margin-top:18px}

/* welkom */
.welkom{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.welkom .tekst p{font-size:18.5px;color:var(--zacht)}
.welkom .tekst p.groot{font:italic 500 clamp(24px,2.6vw,31px)/1.35 var(--serif);color:var(--inkt)}
.handtekening{font:400 40px/1 var(--hand);color:var(--wijn);margin-top:6px}
.duo{position:relative;aspect-ratio:1/1.1}
.duo figure{position:absolute;margin:0;border-radius:var(--rond);overflow:hidden;box-shadow:0 30px 60px rgba(74,20,23,.28)}
.duo figure img{width:100%;height:116%;object-fit:cover;will-change:transform}
.duo .a{left:0;top:0;width:66%;height:82%}
.duo .b{right:0;bottom:0;width:52%;height:56%;outline:10px solid var(--kalk)}
.duo .stempel{position:absolute;right:4%;top:6%;z-index:3;width:126px;height:126px;border-radius:50%;background:var(--wijn);color:var(--linnen);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 14px 30px rgba(74,20,23,.35);transform:rotate(-8deg)}
.duo .stempel .hand{font-size:34px;color:var(--amber-licht);line-height:.9}
.duo .stempel small{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:920px){.welkom{grid-template-columns:1fr;gap:40px}.duo{max-width:520px;width:100%;margin:0 auto}}
@media(max-width:520px){.duo .stempel{width:100px;height:100px}.duo .stempel .hand{font-size:28px}}

/* terras */
.band{padding:0;position:relative;overflow:hidden;min-height:min(84vh,760px);display:flex;align-items:center;color:var(--linnen)}
.band .achter{position:absolute;inset:-14% 0;z-index:0}
.band .achter img{width:100%;height:100%;object-fit:cover;will-change:transform}
.band::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(20,12,8,.78) 0%,rgba(20,12,8,.42) 40%,rgba(20,12,8,0) 70%)}
.band .wrap{position:relative;z-index:2;width:100%;padding-top:70px;padding-bottom:70px}
.band .inhoud{max-width:34rem}
.band h2{color:var(--linnen);font-size:clamp(44px,7vw,82px)}
.band .boven{color:var(--amber-licht)}
.band p{font-size:19px;color:#f8ece2}
@media(max-width:700px){.band::after{background:linear-gradient(180deg,rgba(20,12,8,.1),rgba(20,12,8,.84) 58%)}.band{align-items:flex-end}}
.warm{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.warmkaart{background:var(--linnen);border-radius:var(--rond);overflow:hidden;box-shadow:0 18px 44px rgba(74,20,23,.16)}
.warmkaart figure{margin:0;aspect-ratio:4/3;overflow:hidden}
.warmkaart img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.warmkaart:hover img{transform:scale(1.05)}
.warmkaart div{padding:22px 24px 26px}
.warmkaart h3{font-size:30px;font-style:italic;color:var(--wijn);margin-bottom:6px}
.warmkaart p{margin:0;color:var(--zacht);font-size:16px}
@media(max-width:920px){.warm{grid-template-columns:1fr;max-width:520px;margin:0 auto}}
.plussen{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:34px 0 0;padding:0;list-style:none}
.plussen li{padding:8px 16px;border-radius:999px;background:rgba(251,243,236,.7);color:var(--blad);font-size:14.5px;font-weight:500}

/* momenten */
.momenten{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.moment{position:relative;border-radius:var(--rond);overflow:hidden;min-height:460px;display:flex;align-items:flex-end;color:var(--linnen);text-decoration:none;box-shadow:0 24px 50px rgba(20,4,6,.35)}
.moment img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.moment:hover img{transform:scale(1.06)}
.moment::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,10,8,0) 38%,rgba(20,10,8,.86))}
.moment .tekst{position:relative;z-index:2;padding:28px 26px 30px}
.moment .tijd{font:500 12px var(--tekst);letter-spacing:.2em;text-transform:uppercase;color:var(--amber-licht)}
.moment h3{font-size:46px;font-style:italic;margin:4px 0 8px}
.moment p{font-size:15.5px;color:#f6e6dc;margin:0 0 14px}
.moment .verder{font-size:14px;letter-spacing:.06em;border-bottom:1px solid var(--amber);padding-bottom:2px}
@media(max-width:920px){.momenten{grid-template-columns:1fr;max-width:520px;margin:0 auto}.moment{min-height:380px}}
.wijnregel{max-width:46rem;margin:44px auto 0;text-align:center;font:italic 500 clamp(21px,2.4vw,26px)/1.4 var(--serif);color:#f3dfd5}
.wijnregel a{color:var(--amber-licht)}

/* sfeer */
.raster{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;grid-auto-flow:dense;gap:16px}
.raster figure{margin:0;border-radius:18px;overflow:hidden;position:relative;box-shadow:0 14px 34px rgba(74,20,23,.16)}
.raster figure.hoog{grid-row:span 2}
.raster figure.breed{grid-column:span 2}
.raster img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}
.raster figure:hover img{transform:scale(1.06)}
@media(max-width:800px){.raster{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px;gap:10px}}

/* agenda + kaarten met informatie */
.kaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.info{background:var(--linnen);border-radius:var(--rond);padding:28px 28px 30px;box-shadow:0 16px 40px rgba(74,20,23,.12)}
.info h3{font-size:30px;font-style:italic;color:var(--wijn);margin-bottom:8px}
.info p{color:var(--zacht);font-size:16px;margin:0 0 .7em}
.info p:last-child{margin-bottom:0}
.info .wanneer{font:500 12px var(--tekst);letter-spacing:.2em;text-transform:uppercase;color:var(--olijf);display:block;margin-bottom:8px}
.info ul{margin:0;padding:0;list-style:none}
.info li{padding:9px 0;border-bottom:1px dotted rgba(107,30,34,.25);font-size:16px}
.info li:last-child{border-bottom:0}
.info li b{font-weight:500;color:var(--inkt)}
.info li b a{text-decoration:underline;text-decoration-color:var(--amber);text-underline-offset:3px}
.info li b a::after,.info p a[target=_blank]::after{content:" ↗";font-size:.8em;opacity:.7}
.info li span{display:block;color:var(--zacht);font-size:14.5px;line-height:1.45}
.groenvlak .info{background:rgba(251,243,236,.1);color:var(--linnen);box-shadow:inset 0 0 0 1px rgba(251,243,236,.22)}
.groenvlak .info h3{color:var(--linnen)}
.groenvlak .info p,.groenvlak .info li span{color:#e3e6d4}
.groenvlak .info .wanneer{color:var(--amber-licht)}
.groenvlak .info li b{color:var(--linnen)}
.groenvlak .info li{border-color:rgba(251,243,236,.25)}
.groenvlak .info a{color:var(--amber-licht)}
.tweekolom{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.tweekolom figure{margin:0;border-radius:var(--rond);overflow:hidden;aspect-ratio:4/3;box-shadow:0 30px 60px rgba(74,20,23,.22)}
.tweekolom figure img{width:100%;height:112%;object-fit:cover;will-change:transform}
.tweekolom p{font-size:18px;color:var(--zacht)}
@media(max-width:920px){.tweekolom{grid-template-columns:1fr;gap:34px}}

/* groepen, reserveren, werken */
.twee{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:start}
@media(max-width:920px){.twee{grid-template-columns:1fr}}
.blok{position:relative;background:var(--linnen);border-radius:26px;padding:40px clamp(22px,4vw,44px);box-shadow:0 20px 50px rgba(74,20,23,.14)}
.blok h3{font-size:clamp(38px,4.5vw,52px);font-style:italic;color:var(--wijn);margin-bottom:10px}
.blok p{color:var(--zacht)}
.blokfoto{border-radius:18px;overflow:hidden;aspect-ratio:16/10;margin:-14px -10px 26px}
.blokfoto img{width:100%;height:100%;object-fit:cover}
.formulier{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.formulier label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:500;letter-spacing:.03em;color:var(--inkt)}
.formulier .heel{grid-column:1/-1}
.formulier input,.formulier textarea{font:16px var(--tekst);color:var(--inkt);background:#fff;border:1px solid rgba(107,30,34,.2);border-radius:14px;padding:12px 14px;min-height:48px;width:100%}
.formulier textarea{min-height:100px;resize:vertical}
.formulier input:focus,.formulier textarea:focus{outline:2px solid var(--amber);outline-offset:1px;border-color:transparent}
.formulier .melding{grid-column:1/-1;font-size:15px;margin:0;min-height:1em}
.formulier .melding.goed{color:var(--olijf);font-weight:500}
.formulier .melding.fout{color:var(--wijn)}
@media(max-width:520px){.formulier{grid-template-columns:1fr}}
.reserveer{background:var(--wijn);color:var(--linnen);overflow:hidden}
.reserveer h3{color:var(--linnen)}
.reserveer p{color:#f3ddd3;position:relative}

/* contact */
.contact{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:stretch}
@media(max-width:920px){.contact{grid-template-columns:1fr}}
.adres{font-size:18px}
.tijden{display:grid;grid-template-columns:auto 1fr;gap:7px 24px;margin:20px 0 24px;font-variant-numeric:tabular-nums}
.tijden .nu{font-weight:600;color:var(--wijn)}
.klein-tekst{font-size:15px;color:var(--zacht);border-top:1px solid var(--lijn);padding-top:18px}
.kaartje{width:100%;height:100%;min-height:400px;border:0;border-radius:24px;box-shadow:0 20px 50px rgba(74,20,23,.16)}
@media(max-width:920px){.kaartje{min-height:320px;height:320px}}

/* ---------- de kaart: crème papier met groen, zoals de echte menukaarten ---------- */
.tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:30px}
.tabs button{font:500 14.5px var(--tekst);letter-spacing:.05em;padding:12px 22px;border-radius:999px;border:1px solid var(--blad);background:var(--room);color:var(--blad);cursor:pointer;min-height:46px}
.tabs button small{opacity:.75;margin-left:4px;font-weight:400}
.tabs button[aria-selected=true]{background:var(--blad);color:var(--room)}
@media(max-width:520px){.tabs{gap:8px}.tabs button{padding:10px 15px;font-size:14px;min-height:44px}}
.kaartblad{position:relative;overflow:hidden;background:var(--room);color:#2f3b25;border-radius:28px;padding:56px clamp(20px,5.5vw,72px) 46px;box-shadow:0 30px 70px rgba(74,20,23,.2)}
.kaartblad::before{content:"";position:absolute;inset:14px;border:1px solid rgba(63,90,54,.28);border-radius:20px;pointer-events:none}
.kaartblad .tak{width:300px;color:var(--blad);opacity:.2}
.kaartblad .tak.a{top:-50px;right:-70px;transform:rotate(18deg)}
.kaartblad .tak.b{bottom:-80px;left:-90px;transform:rotate(200deg)}
.kaartkop{text-align:center;position:relative;z-index:2;margin-bottom:34px}
.kaartkop h2{font:400 clamp(44px,8vw,84px)/1 var(--hand);color:var(--blad)}
.kaartkop p{margin:8px auto 0;max-width:40rem;font:500 13px/1.6 var(--tekst);letter-spacing:.16em;text-transform:uppercase;color:var(--olijf)}
.kaartkop p.intro{font:italic 500 20px/1.45 var(--serif);letter-spacing:0;text-transform:none;color:#4a573a;margin-top:14px}
.kolommen{columns:2;column-gap:72px;position:relative;z-index:2}
@media(max-width:800px){.kolommen{columns:1}.kaartblad{padding:44px 26px 38px;border-radius:22px}.kaartblad::before{inset:9px;border-radius:15px}}
.groep{break-inside:avoid;margin-bottom:34px}
.groep h3{margin:0 0 12px;text-align:center;font:italic 600 27px/1.1 var(--serif);color:var(--blad)}
.groep h3::after{content:"";display:block;width:40px;height:1px;background:var(--amber);margin:10px auto 0}
.groep .noot{text-align:center;font-size:14px;color:#66704f;margin:-4px 0 10px;font-style:italic}
.gerecht{display:grid;grid-template-columns:1fr auto;gap:0 14px;padding:9px 0;border-bottom:1px dotted rgba(63,90,54,.35)}
.gerecht:last-child{border-bottom:0}
.gerecht b{font-weight:500;color:#26301d}
.gerecht .prijs{font:600 18px var(--serif);color:var(--blad);white-space:nowrap}
.gerecht small{grid-column:1/-1;color:#5d6749;font-size:14.5px;line-height:1.45}
.v{display:inline-block;font:600 10px/1 var(--tekst);letter-spacing:.05em;color:var(--olijf);border:1px solid var(--olijf);border-radius:4px;padding:3px 4px 2px;margin-left:7px;vertical-align:2px}
.kaartvoet{position:relative;z-index:2;text-align:center;font-size:14.5px;color:#5d6749;margin:14px 0 0}
.kaartvoet b{color:#26301d;font-weight:500}

/* ---------- voet ---------- */
footer.voetdeel{background:var(--wijn-diep);color:#e8cfc4;padding:64px 0 calc(42px + env(safe-area-inset-bottom));font-size:15px}
footer.voetdeel a{color:var(--linnen)}
.voet{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
footer.voetdeel .merk{--logo-kleur:var(--linnen)}
footer.voetdeel b{color:var(--amber-licht);font-weight:500;letter-spacing:.06em}
footer.voetdeel p{margin:8px 0 0}
.klein{font-size:13px;color:#c9a99d;margin-top:40px!important}
.klein .teamlink{color:var(--amber-licht)}
@media(max-width:860px){.voet{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.voet{grid-template-columns:1fr}}
@media(max-width:700px){footer.voetdeel{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}

/* binnenkomen bij scrollen */
.onthul{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}
.onthul.zicht{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.onthul{opacity:1;transform:none;transition:none}[data-parallax]{transform:none!important}.hero .foto img{animation:none}}

/* PingCloud-knop: geen wit vlak erachter, kleuren van Dende, op de telefoon klein in de hoek */
pingcloud-reservations-widget-floating{position:fixed;right:0;bottom:0;width:0;height:0;overflow:visible;z-index:60}
pingcloud-reservations-widget-floating widget,pingcloud-reservations-widget-floating .widget-container{background:transparent!important}
pingcloud-reservations-widget-floating .widget-container .button{background:var(--wijn)!important;color:var(--linnen)!important;border-radius:999px!important;font-family:var(--tekst)!important;letter-spacing:.04em;box-shadow:0 10px 26px rgba(74,20,23,.35)!important;border:1px solid rgba(240,207,152,.5)!important}
pingcloud-reservations-widget-floating .widget-container .button:hover{background:var(--wijn-diep)!important}
@media(max-width:700px){
  pingcloud-reservations-widget-floating .widget-container.bottom.right{left:auto!important;right:10px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;margin:0!important;transform:scale(.84);transform-origin:100% 100%}
}