/* bob.tdgdigital.com v3 — "Elke fles een verhaal" (2026-10-12). Licht als linnen en zandsteen, bordeaux als wijn en lakzegel,
   brons als accent. v2 ("Une cave privée") was donker; de klant vroeg lichtere tinten. De v3-regels staan onderaan.
   Cormorant Garamond + Hanken Grotesk + Mrs Saint Delafield (handschrift). */
@font-face{font-family:"Cormorant";src:url(/fonts/cormorant.woff2) format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Cormorant";src:url(/fonts/cormorant-i.woff2) format("woff2");font-weight:300 700;font-style:italic;font-display:swap}
@font-face{font-family:"Hanken";src:url(/fonts/hanken.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Hand";src:url(/fonts/script.woff2) format("woff2");font-display:swap}
@property --vul{syntax:"<percentage>";inherits:false;initial-value:0%}
:root{
  --grond:#f5eee2;--grond-2:#ece2d0;--grond-3:#e2d5be;--tekst:#2b1d15;--tekst-2:#5a493c;--grijs:#84705f;
  --goud:#8a5d25;--accent:#8a1730;--goud-z:#c4a47a;--wijn:#7d1226;--wijn-l:#a8203a;--hout:#b98a58;
  --lijn:rgba(43,29,21,.14);--lijn-2:rgba(43,29,21,.3);
  --rand:clamp(1.125rem,4.5vw,4.5rem);--max:85rem;--kop-h:4.75rem;
  --serif:"Cormorant","Cormorant Garamond",Garamond,Georgia,serif;--sans:"Hanken",system-ui,-apple-system,sans-serif;--hand:"Hand",cursive;
  --ease:cubic-bezier(.2,.75,.15,1);--ease-io:cubic-bezier(.65,0,.35,1);
  --papier:var(--grond);--papier-2:var(--grond-2);--papier-3:var(--grond-3);--inkt:var(--tekst);--inkt-2:var(--grijs);
  --nacht:#5b0e1c;--koper:var(--goud);--koper-d:var(--goud);--plank:#b08b5e;
}
*,*::before,*::after{box-sizing:border-box}
@media (min-width:1440px){html{font-size:clamp(100%,1.1111vw,200%)}}   /* brede schermen: het 1440-ontwerp schaalt als geheel mee */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--kop-h) + 0.75rem);background:var(--grond)}
body{margin:0;background:var(--grond);color:var(--tekst);font-family:var(--sans);font-size:clamp(1rem,.95rem + .2vw,1.125rem);line-height:1.65;font-weight:380;-webkit-font-smoothing:antialiased;overflow-x:clip}
body::after{content:"";position:fixed;inset:-50%;z-index:90;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:korrel 1.2s steps(4) infinite}
@keyframes korrel{0%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-1%)}100%{transform:translate(0,0)}}
img,video,svg,canvas{display:block;max-width:100%;height:auto}
p,li,dd,td,figcaption{hyphens:auto;overflow-wrap:break-word}
h1,h2,h3{hyphens:manual;overflow-wrap:normal;text-wrap:balance;font-family:var(--serif);font-weight:500;line-height:.98;letter-spacing:-.012em;margin:0 0 .45em}
h1{font-size:clamp(3rem,1.6rem + 6vw,7.6rem)}
h2{font-size:clamp(2.4rem,1.5rem + 3.8vw,5.2rem)}
h3{font-size:clamp(1.6rem,1.3rem + 1vw,2.3rem)}
h1 em,h2 em,h3 em{font-style:italic;font-weight:400;color:var(--accent)}
p{margin:0 0 1em}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--goud-z)}
a:hover{text-decoration-color:var(--goud)}
:focus-visible{outline:1.5px solid var(--goud);outline-offset:0.25rem}
::selection{background:var(--wijn);color:var(--tekst)}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:var(--grond);padding:.5rem 1rem}
.v-boven,.boven{font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,1rem + .3vw,1.3rem);color:var(--goud);margin:0 0 1rem;display:flex;align-items:center;gap:.7em;letter-spacing:.01em}
.v-boven::before,.boven::before{content:"";width:2.2em;height:1px;background:linear-gradient(90deg,transparent,var(--goud))}
.klein{font-size:.88em;color:var(--grijs)}
.lees{font-weight:600;text-decoration:none;border-bottom:1px solid var(--goud);padding-bottom:3px;letter-spacing:.02em}
.v-knoppen,.knoppen{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.6rem}
.vk,.knop{display:inline-flex;align-items:center;justify-content:center;min-height:3.125rem;padding:.75em 1.6em;border:1px solid var(--lijn-2);background:transparent;color:var(--tekst);font:500 .98rem/1.2 var(--sans);letter-spacing:.03em;text-decoration:none;cursor:pointer;border-radius:999px;transition:background-color .35s,color .35s,border-color .35s,transform .35s var(--ease)}
.vk:hover,.knop:hover{border-color:var(--goud);color:var(--accent)}
.vk--goud,.knop{background:linear-gradient(180deg,#d8b67d,#b88f52);border-color:transparent;color:#1a1009;font-weight:600}
.vk--goud:hover,.knop:hover{background:linear-gradient(180deg,#ecd09b,#c9a46a);color:#1a1009}
.knop--lijn{background:transparent;border-color:var(--lijn-2);color:var(--tekst);font-weight:500}
.knop--licht{background:var(--tekst);color:var(--grond)}
s{opacity:.55;font-weight:400;margin-right:.3em}

/* ---------- kop */
.kop{position:sticky;top:0;z-index:50;background:rgba(245,238,226,.92);border-bottom:1px solid var(--lijn);transition:background-color .5s,border-color .5s}
.p-home .kop{position:fixed;left:0;right:0;background:transparent;border-color:transparent}
.p-home .kop.vast{background:rgba(245,238,226,.9);border-color:var(--lijn)}
.kop-binnen{max-width:calc(var(--max) + 2*var(--rand));margin:0 auto;padding:0 var(--rand);height:var(--kop-h);display:flex;align-items:center;gap:1.375rem}
.kop-logo{display:block;width:clamp(6.75rem,9vw,8.625rem);color:var(--goud);flex-shrink:0;padding:0.75rem 0}
.logo-woord{width:100%;height:auto}
.kop-nav{margin-left:auto}
.kop-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:clamp(0.875rem,1.5vw,1.625rem)}
.kop-nav a{text-decoration:none;font-size:.93rem;letter-spacing:.03em;padding:0.75rem 0;display:block;border-bottom:1px solid transparent;color:var(--tekst-2);transition:color .3s}
.kop-nav a:hover,.kop-nav a[aria-current]{color:var(--accent);border-color:var(--goud)}
.kop-nav-voet{display:none}
.muziek-knop{display:flex;align-items:center;gap:0.5rem;min-height:2.75rem;min-width:2.75rem;padding:0 0.875rem;border:1px solid var(--lijn-2);border-radius:999px;background:none;color:var(--tekst);font:500 .86rem var(--sans);letter-spacing:.04em;cursor:pointer;flex-shrink:0}
.muziek-balk{display:flex;align-items:flex-end;gap:2px;height:0.875rem}
.muziek-balk i{width:2px;height:0.4375rem;background:var(--goud);border-radius:1px}
.muziek-balk i:nth-child(2){height:0.75rem}.muziek-balk i:nth-child(3){height:0.3125rem}
.muziek-knop[aria-pressed="true"] .muziek-balk i{animation:balk 1.1s ease-in-out infinite}
.muziek-knop[aria-pressed="true"] .muziek-balk i:nth-child(2){animation-delay:-.4s}
.muziek-knop[aria-pressed="true"] .muziek-balk i:nth-child(3){animation-delay:-.75s}
@keyframes balk{0%,100%{height:0.25rem}50%{height:0.875rem}}
.menu-knop{display:none;width:3rem;height:3rem;flex-shrink:0;border:0;background:none;color:inherit;cursor:pointer;position:relative}
.menu-streep,.menu-streep::before{position:absolute;left:0.75rem;right:0.75rem;height:1px;background:currentColor;transition:transform .3s var(--ease)}
.menu-streep{top:1.25rem}.menu-streep::before{content:"";left:0;right:0;top:0.4375rem}
.menu-knop[aria-expanded="true"] .menu-streep{transform:translateY(0.2188rem) rotate(45deg)}
.menu-knop[aria-expanded="true"] .menu-streep::before{transform:translateY(-7px) rotate(-90deg)}
@media (max-width:1139px){
  :root{--kop-h:4.125rem}
  .menu-knop{display:block}
  .muziek-knop{margin-left:auto}
  .kop-nav{position:fixed;inset:var(--kop-h) 0 0;background:var(--grond);padding:1.5rem var(--rand) 2.5rem;overflow-y:auto;transform:translateY(-10px);opacity:0;visibility:hidden;transition:opacity .3s,transform .4s var(--ease),visibility 0s .4s}
  .kop-nav.open{opacity:1;transform:none;visibility:visible;transition:opacity .3s,transform .4s var(--ease)}
  .kop-nav ul{flex-direction:column;gap:0}
  .kop-nav li{border-bottom:1px solid var(--lijn)}
  .kop-nav a{font-family:var(--serif);font-size:clamp(1.9rem,8vw,2.6rem);padding:0.625rem 0;border:0;color:var(--tekst)}
  .kop-nav-voet{display:block;margin-top:1.75rem;color:var(--grijs);font-size:.95rem}
  .kop-nav-voet a{display:inline;font:inherit;padding:0}
}
@media (max-width:480px){.muziek-label{display:none}.muziek-knop{padding:0;justify-content:center;width:2.75rem}}

/* ---------- uitnodiging (18+ en muziek) */
.uitnodiging{border:0;padding:0;background:transparent;color:var(--grond);width:min(35rem,calc(100vw - 1.75rem));max-height:calc(100dvh - 1.75rem);overflow:visible}
.uitnodiging::backdrop{background:radial-gradient(80% 70% at 50% 45%,rgba(40,20,18,.75),rgba(5,3,3,.97))}
.uitn-kaart{position:relative;max-height:calc(100dvh - 1.75rem);overflow-y:auto;background:#f3ead9;background-image:radial-gradient(120% 90% at 30% 20%,rgba(255,255,255,.55),transparent 60%),radial-gradient(100% 80% at 80% 100%,rgba(160,120,70,.18),transparent 70%);padding:clamp(4.375rem,10vw,5.625rem) clamp(1.375rem,6vw,3.5rem) clamp(1.75rem,5vw,2.75rem);text-align:center;box-shadow:0 2.5rem 5.625rem -30px rgba(70,45,20,.38),0 0 0 1px rgba(140,106,58,.25) inset;transform:rotate(-1deg);animation:kaart-in 1.1s var(--ease) both}
.uitn-kaart::before{content:"";position:absolute;inset:0.75rem;border:1px solid rgba(140,106,58,.35);pointer-events:none}
@keyframes kaart-in{from{opacity:0;transform:translateY(2.5rem) rotate(-4deg)}to{opacity:1;transform:rotate(-1deg)}}
.uitn-zegel{position:absolute;left:50%;top:1.125rem;width:6.875rem;height:6.875rem;margin-left:-55px;filter:drop-shadow(0 0.5rem 0.625rem rgba(60,0,10,.45));z-index:2}
.uitnodiging .uitn-kaart{padding-top:8.75rem}
.uitn-helft{position:absolute;inset:0;transition:transform 1s var(--ease),opacity .9s}
.uitn-links{clip-path:polygon(0 0,52% 0,46% 22%,55% 41%,44% 63%,52% 80%,47% 100%,0 100%)}
.uitn-rechts{clip-path:polygon(52% 0,100% 0,100% 100%,47% 100%,52% 80%,44% 63%,55% 41%,46% 22%)}
.uitnodiging.breekt .uitn-links{transform:translate(-40px,1.875rem) rotate(-24deg);opacity:0}
.uitnodiging.breekt .uitn-rechts{transform:translate(2.5rem,2.125rem) rotate(20deg);opacity:0}
.uitnodiging.breekt .uitn-kaart{transition:transform 1.1s .25s var(--ease-io),opacity .8s .45s;transform:translateY(110vh) rotate(8deg);opacity:0}
.uitnodiging.breekt::backdrop{opacity:0;transition:opacity 1s .6s}
.zegel-svg{width:100%;height:100%}
.uitn-script{font-family:var(--hand);font-size:clamp(2.6rem,2rem + 2vw,3.4rem);color:var(--wijn);margin:0 0 0.25rem;line-height:1.1}
.uitn-klein{font-family:var(--serif);font-style:italic;color:#6d5a44;margin:0;font-size:1.1rem}
.uitn-merk{font-family:var(--serif);font-size:clamp(2.8rem,2rem + 3vw,3.8rem);letter-spacing:.14em;color:#2a1c12;margin:0 0 1.125rem;line-height:1}
.uitnodiging h2{font-size:clamp(1.7rem,1.3rem + 1.6vw,2.4rem);color:#2a1c12;margin-bottom:.35em}
.uitn-tekst{color:#5a4a3a;font-size:.98rem}
.uitn-knoppen{display:flex;flex-wrap:wrap;gap:0.625rem;justify-content:center;margin-top:1.25rem}
.uitn-knoppen .vk{border-color:rgba(42,28,18,.35);color:#2a1c12}
.uitn-knoppen .vk:hover{border-color:var(--wijn);color:var(--wijn)}
.uitn-knoppen .vk--goud{color:#1a1009}
.uitn-nee{margin-top:0.75rem;background:none;border:0;color:#6d5a44;text-decoration:underline;font:500 .92rem var(--sans);cursor:pointer;min-height:2.75rem;min-width:2.75rem}
@media (max-height:620px){.uitnodiging .uitn-kaart{padding-top:6.875rem}.uitn-zegel{width:5rem;height:5rem;margin-left:-40px}.uitn-script{font-size:2.2rem}.uitn-merk{font-size:2.4rem;margin-bottom:0.5rem}}

/* ---------- hero */
.v-hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;isolation:isolate;padding:calc(var(--kop-h) + 2.5rem) var(--rand) clamp(5rem,11vh,8.125rem)}
.v-hero-poster,.v-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;z-index:-3}
.v-hero-video{opacity:0;transition:opacity 1.6s}.v-hero-video.speelt{opacity:1}
.v-hero-poster{animation:adem 14s ease-in-out infinite alternate}
@keyframes adem{from{transform:scale(1.04)}to{transform:scale(1.1)}}
.v-hero-sluier{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(245,238,226,.88) 0%,rgba(245,238,226,.55) 38%,rgba(245,238,226,0) 70%),linear-gradient(0deg,rgba(245,238,226,.9) 0%,rgba(245,238,226,0) 45%),radial-gradient(120% 90% at 70% 40%,transparent 50%,rgba(70,45,20,.21))}
.v-hero-tekst{max-width:48.75rem;position:relative}
.v-titel{font-size:clamp(3.4rem,1.4rem + 8vw,9.6rem);line-height:.86;margin-bottom:.32em;display:flex;flex-direction:column}
.v-titel .r1{display:block}
.v-titel .r2{display:block;padding-left:.55em}
.v-titel em{font-weight:400;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(0deg,#9b1830 0%,#c4344c var(--vul),var(--accent) calc(var(--vul) + .5%),var(--goud) 100%);animation:vul 4.5s 1.4s var(--ease-io) forwards;padding:0 .08em .06em 0}
@keyframes vul{to{--vul:58%}}
.js .v-titel .r1,.js .v-titel .r2,.js .v-hero-tekst .v-boven,.js .v-lead,.js .v-hero-tekst .v-knoppen{opacity:0;transform:translateY(1.875rem)}
.klaar .v-titel .r1,.klaar .v-titel .r2,.klaar .v-hero-tekst .v-boven,.klaar .v-lead,.klaar .v-hero-tekst .v-knoppen{opacity:1;transform:none;transition:opacity 1.4s var(--ease),transform 1.4s var(--ease)}
.klaar .v-titel .r2{transition-delay:.15s}.klaar .v-lead{transition-delay:.35s}.klaar .v-hero-tekst .v-knoppen{transition-delay:.5s}
.v-lead{font-size:clamp(1.05rem,.95rem + .4vw,1.3rem);color:rgba(43,29,21,.84);max-width:34em;font-weight:350}
.v-hero-ring{position:absolute;right:clamp(1.125rem,5vw,5.625rem);bottom:clamp(3.75rem,9vh,6.875rem);width:clamp(6.875rem,11vw,10.625rem);aspect-ratio:1}
.v-hero-ring>svg{position:absolute;inset:0;width:100%;height:100%;animation:draai 40s linear infinite;overflow:visible}
.v-hero-ring text{font:600 0.6875rem var(--sans);letter-spacing:.32em;fill:var(--goud)}
.v-hero-ring .zegel{position:absolute;inset:26%;filter:drop-shadow(0 0.375rem 0.625rem rgba(70,45,20,.25))}
.zegel{display:block}
@keyframes draai{to{transform:rotate(360deg)}}
.v-scroll{position:absolute;left:50%;bottom:0.875rem;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0.5rem;font-family:var(--serif);font-style:italic;color:var(--goud);text-decoration:none;font-size:.95rem;min-height:2.75rem;min-width:2.75rem}
.v-scroll::after{content:"";width:1px;height:2.375rem;background:linear-gradient(var(--goud),transparent);animation:druppel 2.4s var(--ease-io) infinite}
@keyframes druppel{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (max-width:759px){
  .v-hero{padding-bottom:6rem}
  .v-hero-poster,.v-hero-video{object-position:57% 50%}
  .v-hero-sluier{background:linear-gradient(0deg,rgba(245,238,226,.95) 0%,rgba(245,238,226,.72) 44%,rgba(245,238,226,.1) 76%),radial-gradient(120% 90% at 60% 30%,transparent 50%,rgba(70,45,20,.19))}
  .v-hero-ring{top:calc(var(--kop-h) + 0.875rem);bottom:auto;right:0.875rem;width:5.75rem}
  .v-hero .v-knoppen{gap:0.625rem}.v-hero .vk{flex:1 1 auto}
}
@media (max-width:759px) and (max-height:720px){.v-hero-ring{display:none}.v-hero-sluier{background:linear-gradient(0deg,rgba(245,238,226,.96) 0%,rgba(245,238,226,.78) 55%,rgba(245,238,226,.2) 85%)}}
@media (max-height:520px) and (orientation:landscape){.v-hero{min-height:100svh;padding-top:calc(var(--kop-h) + 1rem);padding-bottom:1.75rem}.v-titel{font-size:clamp(2.6rem,10vh + 2vw,4.6rem)}.v-lead{display:none}.v-hero-ring,.v-scroll{display:none}}

/* ---------- algemene kop/sectie */
.v-kop{max-width:var(--max);margin:0 auto clamp(2.25rem,5vw,4.5rem)}
.v-kop>p:not(.v-boven){max-width:36em;color:var(--tekst-2)}
.js .in{opacity:0;transform:translateY(2.125rem);transition:opacity 1.2s var(--ease),transform 1.2s var(--ease)}
.js .in.zicht{opacity:1;transform:none}

/* ---------- manifest */
.v-manifest{padding:clamp(6.25rem,16vw,13.75rem) var(--rand) clamp(5rem,12vw,10rem);max-width:calc(var(--max) + 2*var(--rand));margin:0 auto;position:relative}
.v-woorden{font-family:var(--serif);font-size:clamp(2rem,1.2rem + 3.6vw,4.6rem);line-height:1.08;font-weight:450;letter-spacing:-.01em;max-width:20ch;margin:0 0 .8em;hyphens:manual}
.v-woorden .w{color:rgba(43,29,21,.16);transition:color .5s}
.v-woorden .w.aan{color:var(--tekst)}
.v-woorden .w.goud{font-style:italic}.v-woorden .w.goud.aan{color:var(--accent)}
.v-manifest-kol{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);max-width:61.25rem;margin-left:auto;color:var(--tekst-2)}
.v-handtekening{font-family:var(--hand);font-size:clamp(3.4rem,2.4rem + 3vw,5rem);color:var(--goud);text-align:right;max-width:61.25rem;margin:0.625rem 0 0 auto;line-height:1}
@media (max-width:759px){.v-manifest-kol{grid-template-columns:1fr}}

/* ---------- le voyage */
.v-reis{position:relative;height:calc((var(--n) + 1.6) * 100svh)}
.v-reis-plak{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.v-reis-beelden{position:absolute;inset:0;z-index:-2}
.v-reis-beeld{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.3s var(--ease-io)}
.v-reis-beeld.aan{opacity:1}
.v-reis-beeld img,.v-reis-beeld video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v-reis-beeld img{transform:scale(1.08);transition:transform 9s linear}
.v-reis-beeld.aan img{transform:scale(1)}
.v-reis-beeld video{opacity:0;transition:opacity 1s}.v-reis-beeld video.speelt{opacity:1}
.v-reis-sluier{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(245,238,226,.86) 0%,rgba(245,238,226,.5) 34%,rgba(245,238,226,.05) 62%,rgba(245,238,226,.35) 100%),linear-gradient(0deg,rgba(245,238,226,.65),transparent 40%)}
.v-reis-kop{position:absolute;left:var(--rand);top:calc(var(--kop-h) + 6vh);max-width:35rem;transition:opacity .8s,transform .8s var(--ease)}
.v-reis-kop p:not(.v-boven){color:var(--tekst-2);max-width:30em}
.v-reis.gestart .v-reis-kop{opacity:0;transform:translateY(-30px);pointer-events:none}
.v-reis-kaart{position:absolute;right:clamp(0.625rem,4vw,4.375rem);top:50%;transform:translateY(-46%);width:min(44vw,37.5rem);aspect-ratio:660/600}
.v-reis-kaart svg{width:100%;height:100%;overflow:visible}
.kaart-land{fill:rgba(245,238,226,.35);stroke:var(--goud);stroke-width:1.4;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.kaart-route-spoor{fill:none;stroke:rgba(43,29,21,.22);stroke-width:1.5;stroke-dasharray:3 6;vector-effect:non-scaling-stroke}
.kaart-route{fill:none;stroke:var(--wijn-l);stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 0.375rem rgba(179,40,63,.7))}
.kaart-stop circle{fill:var(--grond);stroke:var(--goud);stroke-width:2;transition:fill .5s}
.kaart-stop text{font:500 1.375rem var(--serif);font-style:italic;fill:var(--tekst-2);paint-order:stroke;stroke:rgba(245,238,226,.8);stroke-width:0.25rem;transition:fill .5s}
.kaart-stop.aan circle{fill:var(--accent)}.kaart-stop.aan text{fill:var(--accent)}
.kaart-stip{fill:#ffd9a0;filter:drop-shadow(0 0 0.625rem #ffb86b) drop-shadow(0 0 3px #fff)}
.v-reis-stops{list-style:none;margin:0;padding:0}
.v-stop{position:absolute;left:var(--rand);bottom:clamp(2.5rem,8vh,5.625rem);width:min(35rem,calc(100% - 2*var(--rand)));opacity:0;transform:translateY(2.5rem);pointer-events:none;transition:opacity .9s var(--ease),transform .9s var(--ease)}
.v-stop.aan{opacity:1;transform:none;pointer-events:auto}
.v-stop-nr{font-family:var(--serif);font-size:1.1rem;color:var(--goud);margin:0 0 .3em;letter-spacing:.06em}
.v-stop-nr span{color:var(--grijs);margin-left:.4em}
.v-stop h3{font-size:clamp(3.2rem,2rem + 5vw,7rem);margin-bottom:.05em;font-weight:500}
.v-stop-sub{font-family:var(--serif);font-style:italic;color:var(--accent);font-size:1.25rem;margin-bottom:.8em}
.v-stop-tekst{color:var(--tekst-2);max-width:32em}
.v-stop-flessen{list-style:none;margin:1.125rem 0 0;padding:0;display:flex;align-items:flex-end;gap:clamp(0.5rem,1.4vw,1.125rem)}
.v-stop-flessen a{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;width:clamp(4.625rem,7vw,6rem);font-size:.72rem;line-height:1.25;color:var(--tekst-2)}
.v-stop-flessen img{height:calc(clamp(5.125rem,10vh,7.5rem) * var(--s));width:auto;filter:drop-shadow(0 0.625rem 0.75rem rgba(70,45,20,.25));transition:transform .5s var(--ease);margin-bottom:0.5rem}
.v-stop-flessen a:hover img{transform:translateY(-6px)}
.v-stop-flessen span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v-stop-flessen b{font-family:var(--serif);font-weight:500;color:var(--accent);font-size:.95rem;margin-top:2px}
.v-stop-eigen{font-size:.76rem;color:var(--grijs);font-style:italic;margin-top:0.625rem}
.v-reis-balk{position:absolute;left:var(--rand);right:var(--rand);bottom:1rem;height:1px;background:var(--lijn)}
.v-reis-balk i{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--goud);transform-origin:left;transform:scaleX(var(--p,0))}
@media (max-width:899px){
  .v-reis-kaart{top:calc(var(--kop-h) + 0.625rem);right:0.5rem;transform:none;width:min(46vw,17.5rem)}
  .v-reis-kop{top:auto;bottom:16vh;right:var(--rand)}
  .v-stop{bottom:2rem}
  .v-stop h3{font-size:clamp(2.8rem,13vw,4rem)}
  .v-stop-tekst{font-size:.92rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  .v-stop-flessen{overflow-x:auto;scrollbar-width:none;padding-bottom:0.25rem}
  .kaart-stop text{font-size:1.875rem}
  .v-reis-sluier{background:linear-gradient(0deg,rgba(245,238,226,.92) 0%,rgba(245,238,226,.6) 48%,rgba(245,238,226,.15) 75%,rgba(245,238,226,.45) 100%)}
}
@media (max-height:520px) and (orientation:landscape){.v-stop-tekst,.v-stop-sub{display:none}.v-stop h3{font-size:2.6rem}.v-reis-kaart{width:min(30vw,16.25rem);top:calc(var(--kop-h) + 0.375rem)}.v-stop-flessen img{height:calc(3.5rem * var(--s))}.v-stop{bottom:1.125rem}}

/* ---------- les coffrets */
.v-coffrets{overflow-x:clip;padding:clamp(6.25rem,14vw,12.5rem) var(--rand);background:radial-gradient(70% 50% at 50% 0%,rgba(125,18,38,.22),transparent 70%),var(--grond)}
.v-coffret-tabs{max-width:var(--max);margin:0 auto clamp(1.875rem,4vw,3.5rem);display:flex;gap:0.25rem;border-bottom:1px solid var(--lijn);overflow-x:auto;scrollbar-width:none}
.v-coffret-tabs::-webkit-scrollbar{display:none}
.v-coffret-tabs button{flex:0 0 auto;background:none;border:0;border-bottom:2px solid transparent;color:var(--grijs);font:500 clamp(1.25rem,1rem + .8vw,1.7rem) var(--serif);padding:0.75rem clamp(0.625rem,1.6vw,1.375rem) 0.875rem;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:3.5rem;transition:color .3s,border-color .3s;margin-bottom:-1px}
.v-coffret-tabs button span{font:600 .7rem var(--sans);letter-spacing:.18em;color:var(--goud-z)}
.v-coffret-tabs button[aria-selected="true"]{color:var(--tekst);border-color:var(--goud)}
.v-coffret-tabs button[aria-selected="true"] span{color:var(--goud)}
.v-coffret-podium{max-width:var(--max);margin:0 auto}
.v-coffret{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(1.875rem,5vw,5rem);align-items:center}
.v-coffret[hidden]{display:none}
.v-kist-wrap{perspective:100rem;display:flex;justify-content:center;padding:4% 0}
.v-kist{position:relative;width:100%;max-width:min(100%,calc(66svh * var(--ar)));margin:0 auto;padding:clamp(0.75rem,2.2vw,1.625rem);background:url(/img/kist-deksel-1.webp) center/cover;border-radius:3px;box-shadow:0 3.125rem 5rem -30px rgba(70,45,20,.40),0 0 0 1px rgba(70,45,20,.17),inset 0 0 0 1px rgba(255,235,200,.25),inset 0 -6px 0.75rem rgba(60,35,15,.45);transform:rotateX(14deg);transform-origin:50% 100%;transition:transform 1.2s var(--ease)}
.v-kist::after{content:"";position:absolute;inset:clamp(0.75rem,2.2vw,1.625rem);box-shadow:inset 0 0 0 1px rgba(60,35,15,.5);pointer-events:none}
.v-kist-bak{position:relative;width:100%;height:100%;background:url(/img/kist-wol-1.webp) center/cover;box-shadow:inset 0 0.875rem 1.375rem rgba(40,20,5,.65),inset 0 -6px 0.875rem rgba(40,20,5,.4),inset 0.625rem 0 1.125rem rgba(40,20,5,.45),inset -10px 0 1.125rem rgba(40,20,5,.45);overflow:hidden}
.v-kist-flessen{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.v-kist-flessen li{position:absolute;display:flex;align-items:center;justify-content:center;transform:translateY(16%) scale(.96);opacity:0;transition:transform 1.2s var(--ease),opacity .8s}
.v-kist-flessen img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0.625rem 0.5rem rgba(40,20,5,.55)) drop-shadow(0 2px 2px rgba(70,45,20,.17))}
.v-coffret.open .v-kist-flessen li{opacity:1;transform:none;transition-delay:calc(.35s + var(--k) * .12s)}
.v-kist-deksel{position:absolute;inset:0;border:0;padding:0;cursor:pointer;background:url(/img/kist-deksel-1.webp) center/cover;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(255,235,200,.3),inset 0 0 2.5rem rgba(80,45,15,.25),0 1px 0 rgba(70,45,20,.17);transition:transform 1.3s var(--ease-io),box-shadow 1.3s;z-index:2;display:flex;align-items:center;justify-content:center;color:#3a2213}
.v-deksel-brand{display:flex;flex-direction:column;align-items:center;gap:.5em;mix-blend-mode:multiply;opacity:.86;filter:blur(.25px);padding:0 8%}
.v-deksel-brand svg{width:clamp(8.125rem,24vw,20.625rem);height:auto;fill:#3b2312}
.v-deksel-sub{font:600 clamp(.56rem,.5rem + .3vw,.78rem) var(--sans);letter-spacing:.42em;text-transform:uppercase}
.v-deksel-nr{font:italic 500 clamp(1rem,.9rem + .5vw,1.35rem) var(--serif);text-align:center}
.v-deksel-hint{position:absolute;bottom:clamp(0.625rem,2vw,1.375rem);right:clamp(0.75rem,2vw,1.625rem);font:500 .74rem var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#4a2c16;display:flex;align-items:center;gap:0.5rem;mix-blend-mode:multiply}
.v-deksel-hint::after{content:"→";font-size:1rem;transition:transform .4s var(--ease)}
.v-kist-deksel:hover .v-deksel-hint::after{transform:translateX(0.3125rem)}
.v-coffret.open .v-kist-deksel{transform:translate(-94%,9%) rotate(-6deg);box-shadow:-30px 2.5rem 3.75rem -20px rgba(70,45,20,.36),inset 0 0 0 1px rgba(255,235,200,.3);cursor:default}
.v-coffret.open .v-kist{transform:rotateX(0deg)}
.v-coffret-info h3{font-size:clamp(2.6rem,1.8rem + 3vw,4.4rem);margin-bottom:.1em}
.v-coffret-nr{font:600 .72rem var(--sans);letter-spacing:.22em;color:var(--goud);text-transform:uppercase;margin-bottom:.8em}
.v-coffret-sub{font-family:var(--serif);font-style:italic;color:var(--accent);font-size:1.25rem}
.v-coffret-info>p{color:var(--tekst-2)}
.v-coffret-lijst{list-style:none;margin:1.4em 0 1em;padding:0;border-top:1px solid var(--lijn)}
.v-coffret-lijst li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:0.75rem 0;border-bottom:1px solid var(--lijn)}
.v-coffret-lijst a{text-decoration:none;display:flex;flex-direction:column;min-height:2.75rem;justify-content:center}
.v-coffret-lijst a span{font-family:var(--serif);font-size:1.15rem;line-height:1.2}
.v-coffret-lijst a:hover span{color:var(--accent)}
.v-coffret-lijst small{color:var(--grijs);font-size:.78rem}
.v-coffret-lijst b{font-family:var(--serif);font-weight:500;font-size:1.15rem;white-space:nowrap}
.v-coffret-som{display:flex;justify-content:space-between;align-items:baseline;margin:0}
.v-coffret-som span{color:var(--grijs);font-size:.9rem}
.v-coffret-som b{font-family:var(--serif);font-size:1.6rem;font-weight:500;color:var(--accent)}
.v-coffret-prijs{font-family:var(--serif);font-style:italic;color:var(--tekst-2);font-size:1.1rem}
@media (max-width:959px){.v-coffret{grid-template-columns:1fr}.v-kist{max-width:min(100%,calc(50svh * var(--ar)))}.v-coffret.open .v-kist-deksel{transform:translate(-97%,4%) rotate(-4deg)}}

/* ---------- la cave */
.v-cave{position:relative;padding:clamp(6.25rem,14vw,12.5rem) var(--rand);overflow:hidden;isolation:isolate}
.v-cave-bg{position:absolute;inset:0;z-index:-1}
.v-cave-bg img{width:100%;height:100%;object-fit:cover;opacity:.32;filter:saturate(.8)}
.v-cave-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--grond) 0%,rgba(245,238,226,.6) 18%,rgba(245,238,226,.6) 82%,var(--grond) 100%)}
.v-rek-wand{list-style:none;margin:0 auto;padding:clamp(1rem,2vw,1.75rem);max-width:var(--max);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(0.75rem,1.6vw,1.375rem);background:linear-gradient(180deg,#2a1d16,#1c130f);border:1px solid rgba(201,164,106,.18);box-shadow:inset 0 0 3.75rem rgba(70,45,20,.29),0 2.5rem 5rem -40px rgba(70,45,20,.38)}
.v-nis a{display:block;text-decoration:none;color:inherit}
.v-nis-gat{position:relative;display:block;aspect-ratio:2.3/1;border-radius:50% 50% 0.5rem 0.5rem / 42% 42% 0.5rem 0.5rem;background:radial-gradient(60% 70% at 30% 60%,rgba(201,140,70,.22),transparent 70%),radial-gradient(120% 90% at 50% 80%,#070404 40%,#140c0a 75%,#2a1d16);box-shadow:inset 0 0.625rem 1.5rem rgba(70,45,20,.40),inset 0 -2px 0 rgba(201,164,106,.12),0 1px 0 rgba(255,220,170,.08);overflow:hidden}
.v-nis-fles{position:absolute;top:56%;left:0;height:calc(50% + 22% * var(--s) / 1.8);width:auto;max-width:none;transform:translate(-42%,-50%);transition:transform .9s var(--ease),filter .9s;filter:drop-shadow(0 0.375rem 0.375rem rgba(70,45,20,.29)) brightness(.72)}
.v-nis a:hover .v-nis-fles,.v-nis a:focus-visible .v-nis-fles,.v-nis a.uit .v-nis-fles{transform:translate(8%,-50%);filter:drop-shadow(0 0.75rem 0.625rem rgba(70,45,20,.34)) brightness(1.04)}
.v-nis-label{display:flex;justify-content:space-between;gap:0.625rem;align-items:baseline;padding:0.625rem 0.25rem 0;font-size:.82rem;line-height:1.3;color:var(--tekst-2);min-height:3.6em}
.v-nis-label span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v-nis-label b{font-family:var(--serif);font-weight:500;font-size:1.05rem;color:var(--accent);white-space:nowrap}
.v-nis a:hover .v-nis-label span,.v-nis a.uit .v-nis-label span{color:var(--tekst)}
.v-cave-voet{text-align:center;margin-top:clamp(1.75rem,4vw,3.5rem)}
@media (max-width:959px){.v-rek-wand{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:599px){.v-rek-wand{grid-template-columns:repeat(2,minmax(0,1fr));padding:0.75rem;gap:0.75rem 0.625rem}.v-nis-label{font-size:.74rem;flex-direction:column;gap:2px}}

/* ---------- la dégustation */
.v-proef{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.875rem,6vw,6.25rem);align-items:center;padding:clamp(6.25rem,14vw,12.5rem) var(--rand);max-width:calc(var(--max) + 2*var(--rand));margin:0 auto}
.v-proef-glas{position:relative;aspect-ratio:4/5;max-height:80svh;width:100%;background:radial-gradient(50% 45% at 50% 55%,rgba(201,164,106,.16),transparent 70%)}
.v-proef-glas canvas{width:100%;height:100%;touch-action:pan-y;cursor:grab}
.v-proef-glas canvas:active{cursor:grabbing}
.v-glas-hint{position:absolute;left:0;right:0;bottom:2%;text-align:center;font-family:var(--serif);font-style:italic;color:var(--goud);font-size:1.1rem;transition:color .5s;margin:0}
.v-proef.gewalst .v-glas-hint{color:var(--accent)}
.v-proef-tekst>p:not(.v-boven){color:var(--tekst-2)}
.v-stappen{list-style:none;margin:0 0 1.6em;padding:0;counter-reset:s}
.v-stappen li{padding:0.875rem 0 0.875rem 3.375rem;border-top:1px solid var(--lijn);position:relative;opacity:.42;transition:opacity .6s}
.v-stappen li::before{counter-increment:s;content:counter(s,upper-roman);position:absolute;left:0;top:0.75rem;font-family:var(--serif);font-size:1.5rem;color:var(--goud)}
.v-stappen li.aan{opacity:1}
.v-stap-fr{font-family:var(--serif);font-style:italic;font-size:1.6rem;color:var(--tekst);margin-right:.5em}
.v-stap-nl{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--goud)}
.v-stappen p{margin:.3em 0 0;color:var(--tekst-2);font-size:.95rem}
.v-feiten{list-style:none;margin:1.4em 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.875rem}
.v-feiten li{border-left:1px solid var(--goud-z);padding-left:0.875rem}
.v-feiten b{display:block;font-family:var(--serif);font-weight:500;font-size:2rem;color:var(--accent);line-height:1}
.v-feiten span{font-size:.82rem;color:var(--grijs)}
@media (max-width:899px){.v-proef{grid-template-columns:1fr}.v-proef-glas{max-height:62svh;max-width:27.5rem;margin:0 auto}}
@media (max-width:420px){.v-feiten{grid-template-columns:1fr}}

/* ---------- père et fille: ansichtkaarten */
.v-kaarten{padding:clamp(6.25rem,14vw,12.5rem) var(--rand) clamp(5rem,10vw,8.75rem);overflow:hidden}
.v-kaart-tafel{list-style:none;margin:0 auto;padding:0;max-width:var(--max);position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3rem) clamp(1rem,2.5vw,2.5rem)}
.v-kaart{perspective:87.5rem;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--r));transition:transform .3s var(--ease);position:relative;z-index:var(--z,1)}
.v-kaart.sleept{transition:none}
.v-kaart-binnen{position:relative;display:block;width:100%;aspect-ratio:3/2;border:0;padding:0;background:none;cursor:pointer;transform-style:preserve-3d;transition:transform 1s var(--ease);touch-action:pan-y}
.v-kaart-binnen[aria-pressed="true"]{transform:rotateY(180deg)}
.v-kaart-voor,.v-kaart-achter{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 1.625rem 2.5rem -18px rgba(70,45,20,.38)}
.v-kaart-voor{background:#f3ead9;padding:4%}
.v-kaart-voor img{width:100%;height:100%;object-fit:cover;filter:sepia(.12) contrast(1.02)}
.v-kaart-achter{transform:rotateY(180deg);background:#f3ead9;background-image:radial-gradient(120% 100% at 20% 0%,rgba(255,255,255,.6),transparent 60%);color:#2a1c12;text-align:left;padding:7% 8%}
.v-kaart-tekst{position:absolute;left:7%;top:20%;width:48%;font-family:var(--hand);font-size:clamp(1.3rem,1rem + 1vw,1.9rem);line-height:1.15;color:#2b2a5a}
.v-kaart-van{position:absolute;left:7%;bottom:12%;font-family:var(--hand);font-size:clamp(1.3rem,1rem + 1vw,1.8rem);color:#2b2a5a}
.v-kaart-lijnen{position:absolute;left:58%;right:7%;top:46%;height:34%;background:repeating-linear-gradient(180deg,transparent 0 calc(33% - 1px),rgba(42,28,18,.35) calc(33% - 1px) 33%)}
.v-kaart-lijnen::before{content:"";position:absolute;left:-6%;top:-90%;bottom:0;width:1px;background:rgba(42,28,18,.3)}
.v-kaart-zegel{position:absolute;right:7%;top:10%;width:14%;aspect-ratio:4/5;background:var(--wijn);color:#f3d9b0;display:grid;place-items:center;font:italic 600 clamp(1rem,.8rem + 1vw,1.6rem) var(--serif);outline:3px dotted #f3ead9;outline-offset:-3px}
.v-kaart-stempel{position:absolute;right:16%;top:7%;width:22%;aspect-ratio:1;border:1.5px solid rgba(43,42,90,.55);border-radius:50%;display:grid;place-items:center;text-align:center;font:600 clamp(.42rem,.3rem + .3vw,.6rem)/1.3 var(--sans);letter-spacing:.12em;color:rgba(43,42,90,.6);transform:rotate(-14deg)}
.v-kaart-hint{text-align:center;font-family:var(--serif);font-style:italic;color:var(--grijs);margin-top:1.75rem}
@media (max-width:899px){.v-kaart-tafel{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.v-kaart-tafel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.125rem;padding:1.25rem var(--rand) 1.875rem;margin:0 calc(-1*var(--rand));scrollbar-width:none}.v-kaart-tafel::-webkit-scrollbar{display:none}.v-kaart{flex:0 0 82%;scroll-snap-align:center}}

/* ---------- journal */
.v-journal{padding:clamp(5rem,10vw,8.75rem) var(--rand);border-top:1px solid var(--lijn)}
.v-j-lijst{list-style:none;margin:0 auto;padding:0;max-width:var(--max);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.75rem)}
.v-j-lijst a{text-decoration:none;display:flex;flex-direction:column;gap:0.5rem}
.v-j-beeld{overflow:hidden;display:block}
.v-j-beeld img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.85);transition:transform 1.2s var(--ease),filter .6s}
.v-j-lijst a:hover img{transform:scale(1.04);filter:saturate(1)}
.v-j-meta{font-size:.8rem;letter-spacing:.08em;color:var(--goud);margin-top:0.375rem}
.v-j-titel{font-family:var(--serif);font-size:clamp(1.5rem,1.2rem + .9vw,2.1rem);line-height:1.1}
@media (max-width:759px){.v-j-lijst{grid-template-columns:1fr}.v-j-beeld img{aspect-ratio:3/2}}

/* ---------- finale */
.v-finale{text-align:center;padding:clamp(6.875rem,14vw,12.5rem) var(--rand);background:radial-gradient(60% 60% at 50% 40%,rgba(125,18,38,.28),transparent 70%)}
.v-finale h2{font-size:clamp(3.4rem,1.6rem + 7vw,9rem)}
.v-finale p{color:var(--tekst-2)}
.v-finale .v-knoppen{justify-content:center}
.v-proost{position:relative;width:12.5rem;height:9.375rem;margin:0 auto 1.25rem;color:var(--accent)}
.v-proost>span{position:absolute;bottom:0;width:4.375rem}
.v-proost svg{width:100%;height:auto}
.glas-vul{fill:var(--wijn-l);opacity:.85}
.v-proost-l{left:1.375rem;transform-origin:50% 100%;transform:rotate(-26deg) translateX(-24px)}
.v-proost-r{right:1.375rem;transform-origin:50% 100%;transform:rotate(26deg) translateX(1.5rem)}
.v-proost.zicht .v-proost-l{animation:proost-l 1.6s .2s var(--ease) forwards}
.v-proost.zicht .v-proost-r{animation:proost-r 1.6s .2s var(--ease) forwards}
@keyframes proost-l{55%{transform:rotate(14deg) translateX(0.875rem)}70%{transform:rotate(10deg) translateX(0.625rem)}100%{transform:rotate(12deg) translateX(0.75rem)}}
@keyframes proost-r{55%{transform:rotate(-14deg) translateX(-14px)}70%{transform:rotate(-10deg) translateX(-10px)}100%{transform:rotate(-12deg) translateX(-12px)}}
.v-proost-vonk{position:absolute;left:50%;top:0.375rem;width:0.375rem!important;height:0.375rem;margin-left:-3px;border-radius:50%;background:#fff3d6;box-shadow:0 0 0.75rem 0.25rem rgba(255,220,150,.9);opacity:0}
.v-proost.zicht .v-proost-vonk{animation:vonk .9s 1s ease-out forwards}
@keyframes vonk{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1.6)}100%{opacity:0;transform:scale(.4) translateY(-14px)}}

/* ---------- voet */
.voet{background:#080606;color:var(--tekst-2);padding:clamp(3.5rem,7vw,6rem) var(--rand) 1.75rem;border-top:1px solid var(--lijn)}
.voet-binnen{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:2.25rem}
.voet-merk a{display:block;width:min(13.75rem,60vw);color:var(--goud)}
.voet-merk p{margin-top:1.125rem;font-family:var(--serif);font-style:italic;font-size:1.15rem}
.voet h2{font-family:var(--sans);font-size:.8rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--goud);margin-bottom:0.75rem}
.voet ul{list-style:none;margin:0;padding:0}
.voet li{padding:2px 0}
.voet a{text-decoration:none;display:inline-block;padding:0.5rem 0}
.voet a:hover{color:var(--accent)}
.voet-onder{max-width:var(--max);margin:3rem auto 0;padding-top:1.25rem;border-top:1px solid var(--lijn);display:flex;flex-wrap:wrap;justify-content:space-between;gap:0.625rem;font-size:.85rem;color:var(--grijs)}
.voet-onder p{margin:0}
@media (max-width:899px){.voet-binnen{grid-template-columns:1fr 1fr}.voet-merk{grid-column:1/-1}}
@media (max-width:420px){.voet-binnen{grid-template-columns:1fr}}

/* =================================================== subpagina's (v1-opbouw, nu in kelderstijl) */
main>section:not([class^="v-"]),.blog,.product{padding:clamp(3.5rem,8vw,7.5rem) var(--rand)}
main>section:not([class^="v-"])>*,.blog>*{max-width:var(--max);margin-left:auto;margin-right:auto}
.sectie-kop{max-width:var(--max);margin-bottom:clamp(1.75rem,4vw,3.5rem)}
.sectie-kop p:not(.boven){max-width:38em;color:var(--tekst-2)}
.sectie-voet{margin-top:clamp(1.75rem,4vw,3rem)}
.pagina-kop{padding-top:clamp(4.375rem,9vw,8.125rem)!important;padding-bottom:clamp(1.25rem,3vw,2.5rem)!important;background:radial-gradient(60% 100% at 20% 0%,rgba(125,18,38,.25),transparent 70%)}
.pagina-kop:not(.pagina-kop--beeld){padding-left:max(var(--rand),calc((100% - var(--max))/2))!important;padding-right:max(var(--rand),calc((100% - var(--max))/2))!important}
.pagina-kop:not(.pagina-kop--beeld)>*{margin-left:0!important}
.pagina-kop p:not(.boven){max-width:40em;color:var(--tekst-2);font-size:1.06em}
.pagina-kop--beeld{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(1.75rem,5vw,5rem);align-items:center;max-width:calc(var(--max) + 2*var(--rand));margin:0 auto}
.pagina-kop--beeld>*{max-width:none;margin:0}
.pagina-kop--beeld img{width:100%;aspect-ratio:4/5;object-fit:cover}
@media (max-width:759px){.pagina-kop--beeld{grid-template-columns:1fr}.pagina-kop--beeld img{aspect-ratio:4/3}}
.tafel{background:var(--grond-2);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"kop uit" "bed uit" "schaal schaal" "noot noot";column-gap:clamp(2rem,6vw,6rem);align-items:start;padding-left:max(var(--rand),calc((100vw - var(--max))/2))!important;padding-right:max(var(--rand),calc((100vw - var(--max))/2))!important}
.tafel>*{max-width:none!important;margin:0!important}
.tafel-kop{grid-area:kop}.tafel-kop p:not(.boven){color:var(--tekst-2);max-width:32em}
.tafel-bediening{grid-area:bed;display:grid;gap:1.625rem;margin-top:0.625rem!important}
.veld{border:0;margin:0;padding:0;display:grid;gap:0.5rem;min-width:0}
.veld legend,.veld>label,.veld-label{font-weight:600;font-size:.92rem;padding:0;margin-bottom:0.375rem;color:var(--tekst)}
.veld--schuif{grid-template-columns:1fr auto;align-items:baseline}
.veld--schuif output{font-family:var(--serif);font-size:clamp(2.8rem,2rem + 2vw,3.8rem);line-height:1;color:var(--accent)}
.veld--schuif input{grid-column:1/-1}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2.75rem;background:transparent;cursor:pointer;margin:0}
input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--goud) var(--p,15%),rgba(43,29,21,.22) var(--p,15%))}
input[type=range]::-moz-range-track{height:2px;background:rgba(43,29,21,.22)}
input[type=range]::-moz-range-progress{height:2px;background:var(--goud)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.875rem;height:1.875rem;border-radius:50%;background:var(--wijn);border:2px solid var(--goud);margin-top:-14px;box-shadow:0 2px 0.625rem rgba(70,45,20,.21)}
input[type=range]::-moz-range-thumb{width:1.625rem;height:1.625rem;border-radius:50%;background:var(--wijn);border:2px solid var(--goud)}
.keuzes{display:flex;flex-wrap:wrap;gap:0.25rem 1.125rem}
.keuzes label{position:relative;cursor:pointer}
.keuzes input{position:absolute;opacity:0;width:1px;height:1px}
.keuzes span{display:flex;align-items:center;gap:.3em;min-height:2.75rem;min-width:2.75rem;border-bottom:1px solid transparent;color:var(--grijs);transition:color .2s,border-color .2s}
.keuzes span b{font-family:var(--serif);font-weight:500;font-size:1.3em;color:var(--tekst)}
.keuzes input:checked+span{color:var(--tekst);border-color:var(--goud)}
.keuzes input:focus-visible+span{outline:1.5px solid var(--goud);outline-offset:2px}
.tafel-uitkomst{grid-area:uit;min-width:0;padding-top:0.5rem}
.tafel-som{font-size:1.05rem;margin-bottom:.6rem;min-height:3.2em;color:var(--tekst-2)}
.tafel-som strong{font-family:var(--serif);font-weight:500;font-size:2em;color:var(--accent);display:inline-block;line-height:1}
.tafel-plank{--h:clamp(13.75rem,34vw,25rem);display:flex;align-items:flex-end;gap:clamp(0.5rem,1.6vw,1.375rem);height:var(--h);border-bottom:3px solid var(--plank);padding:0 0.25rem;position:relative;overflow:hidden;background:radial-gradient(60% 50% at 50% 100%,rgba(201,164,106,.12),transparent 70%)}
.tafel-glas-ref{display:flex;flex-direction:column;align-items:center;flex-shrink:0;color:var(--grijs);font-size:.75rem}
.tafel-glas-ref svg{height:calc(var(--h) * .92 * .7 / 1.8);width:auto;color:var(--tekst-2)}
.tafel-glas-ref span{position:absolute;bottom:0.25rem;opacity:0}
.tafel-flessen{list-style:none;margin:0;padding:0;display:flex;align-items:flex-end;gap:clamp(0.375rem,1.4vw,1.125rem);min-width:0;flex:1}
.tafel-flessen li{display:flex;flex-direction:column;align-items:center;min-width:0;animation:op .6s var(--ease) both}
@keyframes op{from{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:none}}
.tafel-flessen a{display:block;position:relative}
.tafel-flessen img{height:calc(var(--h) * .92 * var(--s) / 1.8);width:auto;max-width:none;filter:drop-shadow(0 0.5rem 0.625rem rgba(70,45,20,.25))}
.tafel-flessen .x{position:absolute;right:-6px;top:30%;background:var(--wijn);color:#fff;font-size:.8rem;font-weight:700;border-radius:999px;padding:2px 0.4375rem}
.tafel-advies{margin-top:0.875rem;font-size:1rem;min-height:3.2em;color:var(--tekst-2)}
.tafel-advies a{font-weight:600;color:var(--accent)}
.tafel-glaasjes{display:flex;flex-wrap:wrap;gap:0.3125rem 0.25rem;margin-top:0.375rem;max-width:40rem}
.tafel-glaasjes i{width:0.5625rem;height:1.125rem;background:var(--wijn-l);-webkit-mask:url(/img/glaasje.svg) center/contain no-repeat;mask:url(/img/glaasje.svg) center/contain no-repeat}
.tafel-glaasjes i.reserve{background:rgba(43,29,21,.25)}
.tafel-glaasjes small{width:100%;font-size:.8rem;color:var(--grijs)}
.tafel-schaal{grid-area:schaal;list-style:none;margin:clamp(2.5rem,6vw,4.5rem) 0 0!important;padding:1.25rem 0 0;border-top:1px solid var(--lijn);display:flex;align-items:flex-end;gap:clamp(1.125rem,4vw,4rem)}
.tafel-schaal li{display:flex;flex-direction:column;align-items:center;gap:0.5rem;text-align:center;font-size:.85rem;color:var(--grijs);line-height:1.3}
.tafel-schaal svg{height:calc(6.875rem * var(--s));width:auto}
.tafel-schaal path{fill:none;stroke:var(--goud);stroke-width:2;vector-effect:non-scaling-stroke}
.tafel-schaal b{display:block;color:var(--tekst);font-weight:600}
.tafel-noot{grid-area:noot;font-size:.82rem;color:var(--grijs);margin-top:1.125rem!important}
@media (max-width:899px){.tafel{grid-template-columns:1fr;grid-template-areas:"kop" "bed" "uit" "schaal" "noot"}.tafel-uitkomst{margin-top:1.75rem!important}.tafel-plank{--h:clamp(12.5rem,58vw,21.25rem)}.tafel-schaal{gap:0.875rem;justify-content:space-between}.tafel-schaal svg{height:calc(4rem * var(--s))}.tafel-schaal li{font-size:.74rem}}
.rek{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));row-gap:clamp(2.25rem,5vw,4rem);align-items:stretch;--fh:clamp(9.375rem,13vw,12.5rem)}
.rek-item{min-width:0}
.rek-item a{display:flex;flex-direction:column;text-decoration:none;height:100%}
.rek-fles{display:flex;align-items:flex-end;justify-content:center;padding:0 0.625rem;flex:1;background:radial-gradient(50% 30% at 50% 100%,rgba(201,164,106,.14),transparent 70%)}
.rek-fles img{height:calc(var(--fh) * var(--s));width:auto;max-width:100%;object-fit:contain;transition:transform .5s var(--ease);filter:drop-shadow(0 0.625rem 0.625rem rgba(70,45,20,.25));transform-origin:50% 100%}
.rek-item a:hover img,.rek-item a:focus-visible img{transform:translateY(-6px) rotate(-1.5deg)}
.rek-tekst{display:flex;flex-direction:column;gap:2px;border-top:3px solid var(--plank);box-shadow:inset 0 1px 0 rgba(255,220,170,.12);padding:0.75rem 0.75rem 0;height:8.6em;overflow:hidden;font-size:.92rem;line-height:1.35}
.rek-naam{font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rek-meta{color:var(--grijs);font-size:.86em}
.rek-prijs{margin-top:auto;padding-top:0.375rem;font-family:var(--serif);font-size:1.25rem;color:var(--accent)}
.rek-prijs em{font-family:var(--sans);font-size:.72rem;font-style:normal;color:var(--wijn-l);margin-left:.4em}
.rek-item[hidden]{display:none}
@media (max-width:599px){.rek{grid-template-columns:repeat(2,minmax(0,1fr));--fh:clamp(7.5rem,36vw,10.625rem)}.rek-tekst{padding:0.625rem 0.5rem 0;font-size:.86rem}}
@media (min-width:600px) and (max-width:899px){.rek{grid-template-columns:repeat(3,minmax(0,1fr))}}
.winkel{padding-top:clamp(1.5rem,3vw,2.5rem)!important}
.filters{display:grid;gap:0.375rem;margin-bottom:clamp(2.25rem,5vw,4rem);border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn);padding:0.875rem 0}
.filter-rij{display:flex;flex-wrap:wrap;align-items:center;gap:0 1.125rem}
.filter-label{font-family:var(--serif);font-style:italic;color:var(--goud);min-width:4.5em;font-size:1.05rem}
.filter-rij button{min-height:2.75rem;min-width:2.75rem;border:0;border-bottom:1px solid transparent;background:none;padding:0 2px;font:500 .96rem var(--sans);color:var(--grijs);cursor:pointer}
.filter-rij button small{font-size:.75em;opacity:.7;margin-left:.15em}
.filter-rij button[aria-pressed="true"]{color:var(--tekst);border-color:var(--goud)}
.filter-rij--select{gap:0.625rem 0.875rem}
select,input:not([type=range]):not([type=radio]),textarea{font:inherit;color:inherit;background:transparent;border:0;border-bottom:1px solid rgba(43,29,21,.35);border-radius:0;min-height:2.75rem;padding:0.375rem 2px;width:100%;color-scheme:dark}
select{width:auto;padding-right:1.5rem;-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%23c9a46a'/%3E%3C/svg%3E") right 0.25rem center no-repeat}
select option{background:var(--grond);color:var(--tekst)}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:var(--goud);box-shadow:0 1px 0 var(--goud)}
.filter-teller{margin:0.375rem 0 0;font-size:.9rem;color:var(--grijs)}
.filter-wis,.rek-leeg button{border:0;background:none;font:600 .9rem var(--sans);text-decoration:underline;cursor:pointer;min-height:2.75rem;color:var(--accent);margin-left:0.625rem}
.filter-uitklap>summary{display:none}
@media (max-width:759px){.filter-uitklap>summary{display:flex;align-items:center;justify-content:space-between;min-height:3rem;border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn);font-weight:600;cursor:pointer;list-style:none}
.filter-uitklap>summary::-webkit-details-marker{display:none}.filter-uitklap>summary::after{content:"+";font-size:1.4rem;font-weight:400;color:var(--goud)}.filter-uitklap[open]>summary::after{content:"–"}
.filter-uitklap .filters{border-top:0;margin-bottom:1.75rem}.filter-uitklap:not([open]){margin-bottom:1.75rem}.filter-label{width:100%}.filter-rij{gap:0 0.875rem}}
.product{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"kruimel kruimel" "plank tekst";gap:0.75rem clamp(2rem,6vw,6rem);max-width:calc(var(--max) + 2*var(--rand));margin:0 auto;padding-top:clamp(1.5rem,3vw,2.5rem)!important;align-items:start}
.product>*{max-width:none;margin:0}
.kruimel{grid-area:kruimel;font-size:.9rem;color:var(--grijs)}
.kruimel a{display:inline-block;padding:0.625rem 2px;min-width:2.75rem;text-align:center}
.product-plank{grid-area:plank;--h:min(64svh,37.5rem);height:var(--h);display:flex;align-items:flex-end;justify-content:center;gap:clamp(0.875rem,3vw,2.25rem);border-bottom:3px solid var(--plank);position:sticky;top:calc(var(--kop-h) + 1.5rem);background:radial-gradient(50% 45% at 50% 100%,rgba(201,164,106,.18),transparent 70%)}
.product-fles{height:calc(var(--h) * .94 * var(--s) / 1.8);width:auto;max-width:70%;object-fit:contain;filter:drop-shadow(0 1rem 1.125rem rgba(70,45,20,.29))}
.glas-groot{height:calc(var(--h) * .94 * .7 / 1.8);width:auto;color:var(--tekst-2);overflow:visible}
.glas-wijn{fill:var(--wijn);transform:translateY(2.75rem)}
.glas-groot.vol .glas-wijn{transition:transform 1.8s var(--ease);transform:translateY(1rem)}
.product-tekst{grid-area:tekst;padding-top:clamp(0px,2vw,1.5rem)}
.product-tekst h1{font-size:clamp(2.2rem,1.4rem + 2.8vw,3.8rem)}
.product-prijs{font-family:var(--serif);font-size:clamp(1.8rem,1.4rem + 1vw,2.4rem);color:var(--accent);margin-bottom:.8em}
.product-tekst>p{color:var(--tekst-2)}
.product-tabel{border-collapse:collapse;width:100%;margin:1.6em 0 .4em;font-size:.95rem}
.product-tabel th,.product-tabel td{text-align:left;padding:0.625rem 0;border-top:1px solid var(--lijn);vertical-align:top}
.product-tabel th{font-weight:400;font-family:var(--serif);font-style:italic;color:var(--goud);width:8.5em;font-size:1.05rem}
.uitverkocht{font-weight:600;color:var(--wijn-l);margin-top:1.4rem}
.meer{border-top:1px solid var(--lijn)}
@media (max-width:759px){.product{grid-template-columns:1fr;grid-template-areas:"kruimel" "plank" "tekst"}.product-plank{position:relative;top:0;--h:min(52svh,26.25rem)}}
.proefmat-sectie{background:var(--grond-2)}
.proefmat-rooster{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.proefmat{background:#f3ead9;color:#2a1c12;padding:clamp(1.125rem,3vw,2.25rem);box-shadow:0 1.875rem 3.75rem -20px rgba(70,45,20,.38);transform:rotate(-1.2deg);position:sticky;top:calc(var(--kop-h) + 1.75rem)}
.proefmat-kop{font-family:var(--serif);font-size:1.4rem;text-align:center;border-bottom:1px solid rgba(42,28,18,.25);padding-bottom:0.625rem;margin-bottom:1.125rem}
.proefmat ul{list-style:none;margin:0;padding:0 0 1.4em;display:grid;grid-template-columns:repeat(3,1fr);gap:2.2em clamp(0.625rem,2vw,1.375rem)}
.mat-plek{position:relative;width:100%;aspect-ratio:1;border:0;background:none;cursor:pointer;padding:0;display:grid;place-items:center;color:#2a1c12}
.mat-plek::before{content:"";position:absolute;inset:8%;border:1px dashed rgba(42,28,18,.4);border-radius:50%}
.mat-nr{font-family:var(--serif);font-size:clamp(1.6rem,1rem + 1.8vw,2.4rem);position:relative}
.mat-land{position:absolute;bottom:-1.5em;left:0;right:0;text-align:center;font-size:clamp(.7rem,.6rem + .3vw,.86rem);font-weight:600;color:#5a4a3a}
.mat-vlek{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 50% 50%,transparent 54%,rgba(107,22,38,.9) 57%,rgba(107,22,38,.55) 61%,rgba(107,22,38,.25) 66%,transparent 70%);transform:scale(.6) rotate(var(--r,0deg));opacity:0;transition:transform .5s var(--ease),opacity .4s}
.mat-plek[aria-pressed="true"] .mat-vlek{opacity:1;transform:scale(1) rotate(var(--r,0deg))}
.mat-plek[aria-pressed="true"] .mat-land{color:var(--wijn)}
.proefmat li:nth-child(2) .mat-vlek{--r:70deg;inset:10% 14% 14% 10%}.proefmat li:nth-child(3) .mat-vlek{--r:150deg}.proefmat li:nth-child(4) .mat-vlek{--r:200deg;inset:13% 11% 11% 13%}.proefmat li:nth-child(5) .mat-vlek{--r:260deg}.proefmat li:nth-child(6) .mat-vlek{--r:320deg;inset:11%}.proefmat li:nth-child(7) .mat-vlek{--r:20deg;inset:11% 13% 13% 11%}.proefmat li:nth-child(8) .mat-vlek{--r:110deg}.proefmat li:nth-child(9) .mat-vlek{--r:235deg;inset:12% 10% 10% 12%}
.proefmat-voet{text-align:center;margin:1.375rem 0 0;font-family:var(--serif);font-style:italic;color:#5a4a3a;font-size:1.05rem}
.proef-form{display:grid;gap:1.375rem}
.teller{display:flex;align-items:center;gap:0.875rem}
.teller button{width:3rem;height:3rem;border-radius:50%;border:1px solid var(--lijn-2);background:none;font:400 1.5rem/1 var(--sans);cursor:pointer;color:var(--tekst)}
.teller button:disabled{opacity:.3;cursor:default}
.teller output{font-family:var(--serif);font-size:2.6rem;min-width:1.6em;text-align:center;color:var(--accent)}
.veld small{color:var(--grijs);font-size:.85rem}
@media (max-width:899px){.proefmat-rooster{grid-template-columns:1fr}.proefmat{position:relative;top:0;max-width:32.5rem;margin:0 auto 0.75rem}}
.faq-lijst{max-width:55rem;border-top:1px solid var(--lijn);margin-left:0!important}
.faq details{border-bottom:1px solid var(--lijn)}
.faq summary{cursor:pointer;list-style:none;padding:1.125rem 2.5rem 1.125rem 0;font-family:var(--serif);font-size:clamp(1.3rem,1.1rem + .6vw,1.7rem);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:0.375rem;top:50%;transform:translateY(-50%);font-family:var(--sans);font-size:1.5rem;color:var(--goud);transition:transform .3s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq details p{padding-bottom:1rem;color:var(--tekst-2);max-width:40em}
.beeldband{display:grid;grid-template-columns:1fr 1fr;padding:0!important;gap:0}
.beeldband>*{max-width:none!important;margin:0!important}
.beeldband img{width:100%;height:clamp(13.75rem,34vw,32.5rem);object-fit:cover;filter:saturate(.85)}
.over{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,6vw,6rem);max-width:calc(var(--max) + 2*var(--rand));margin:0 auto;padding-top:clamp(1.25rem,3vw,2.5rem)!important}
.over>*{max-width:none;margin:0}
.over-tekst p{max-width:36em;color:var(--tekst-2)}
.over-tekst p:first-child{font-family:var(--serif);font-size:clamp(1.45rem,1.2rem + .9vw,2rem);line-height:1.3;color:var(--tekst)}
.slot{font-family:var(--hand);font-size:2.6rem;color:var(--goud)!important;line-height:1.1}
.over-beelden{display:grid;gap:1.125rem}
.over-beelden figure{margin:0}
.over-beelden img{width:100%}
.landen{background:var(--grond-2)}
.landen-lijst{list-style:none;margin:0 auto;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0.25rem clamp(1.125rem,3vw,2.5rem)}
.landen-lijst a{font-family:var(--serif);font-size:clamp(2rem,1.2rem + 2.8vw,3.8rem);text-decoration:none;display:block;padding:0.25rem 0}
.landen-lijst li:first-child a{font-style:italic;color:var(--accent)}
.landen-lijst a:hover{color:var(--goud)}
@media (max-width:759px){.over{grid-template-columns:1fr}}
.verhalen{border-top:1px solid var(--lijn)}
.vh-lijst{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.75rem)}
.vh-lijst a{text-decoration:none;display:flex;flex-direction:column;gap:0.375rem}
.vh-beeld{overflow:hidden;display:block}
.vh-beeld img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .8s var(--ease)}
.vh-lijst a:hover img{transform:scale(1.03)}
.vh-meta{font-size:.82rem;color:var(--goud);margin-top:0.5rem}
.vh-titel{font-family:var(--serif);font-size:clamp(1.45rem,1.15rem + .7vw,1.9rem);line-height:1.15}
.vh-kort{color:var(--grijs);font-size:.95rem}
@media (max-width:899px){.vh-lijst{grid-template-columns:1fr}}
.blog{padding-top:clamp(4.375rem,8vw,6.875rem)!important}
.blog-kop{max-width:56.25rem!important;text-align:left}
.blog-beeld{margin:clamp(1.25rem,3vw,2.5rem) auto!important;max-width:var(--max)}
.blog-beeld img{width:100%;max-height:72svh;object-fit:cover;object-position:50% 22%}
.blog-tekst{max-width:42.5rem!important}
.blog-tekst p{color:var(--tekst-2)}
.blog-tekst h2{font-size:clamp(1.9rem,1.3rem + 1.8vw,2.8rem);margin-top:.6em}
.huizen{columns:2;padding-left:1.2em;font-family:var(--serif);font-size:1.35rem;line-height:1.7}
.galerij{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(0.625rem,1.6vw,1.25rem);margin-top:clamp(2rem,4vw,3.5rem)!important}
.galerij figure{margin:0}
.galerij img{width:100%;aspect-ratio:4/5;object-fit:cover}
.galerij figcaption{font-size:.95rem;color:var(--grijs);margin-top:0.5rem;font-family:var(--serif);font-style:italic}
.galerij--twee{grid-template-columns:1.4fr 1fr;align-items:start}
.galerij--twee img{aspect-ratio:auto}
.adresje{border-left:2px solid var(--goud-z);padding-left:1rem}
.menu-kaart{margin-top:clamp(2.5rem,6vw,5rem)!important;max-width:62.5rem!important}
.menu-kaart ol{list-style:none;padding:0;margin:0}
.gang{display:grid;grid-template-columns:1fr 1fr;gap:clamp(0.75rem,2vw,1.75rem);padding:clamp(1.25rem,3vw,2.25rem) 0;border-top:1px solid var(--lijn)}
.gang figure{margin:0}
.gang img{width:100%;aspect-ratio:4/3;object-fit:cover}
.gang figcaption{margin-top:0.625rem;font-family:var(--serif);font-size:clamp(1.15rem,1rem + .4vw,1.4rem);line-height:1.25}
.gang figcaption span{display:block;font-family:var(--sans);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--goud);margin-bottom:0.25rem}
.gang:last-child figure{grid-column:1/-1;max-width:60%}
.blog-meer{padding:clamp(2.5rem,6vw,5rem) var(--rand);border-top:1px solid var(--lijn);max-width:calc(var(--max) + 2*var(--rand));margin:0 auto}
.blog-meer h2{font-size:1.8rem}
.blog-meer ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}
.blog-meer a{text-decoration:none;display:flex;flex-direction:column;padding:0.625rem 0}
@media (max-width:759px){.galerij{grid-template-columns:repeat(2,minmax(0,1fr))}.galerij--twee{grid-template-columns:1fr}.huizen{columns:1}.blog-meer ul{grid-template-columns:1fr}.gang:last-child figure{max-width:none}}
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);max-width:calc(var(--max) + 2*var(--rand));margin:0 auto;padding-top:clamp(1.25rem,3vw,2.5rem)!important}
.contact>*{max-width:none;margin:0}
.contact .groot{font-family:var(--serif);font-size:clamp(1.7rem,1.2rem + 1.8vw,2.7rem);line-height:1.2;margin-bottom:.4em}
.contact .groot a{text-decoration:none;border-bottom:1px solid var(--goud)}
.contact-gegevens p{color:var(--tekst-2)}
.contact-form{display:grid;gap:1.375rem;grid-row:span 2}
.contact-beeld img{width:100%;aspect-ratio:4/3;object-fit:cover}
@media (max-width:759px){.contact{grid-template-columns:1fr}.contact .groot{overflow-wrap:anywhere}}


/* =================================================== v3 — licht (overschrijft de v2-regels hierboven) */
body::after{opacity:.05;mix-blend-mode:multiply}
::selection{color:#fbf3e6}
.vk:hover{border-color:var(--accent);color:var(--accent)}
.vk--goud,.knop{background:linear-gradient(180deg,#93203a,#741021);color:#fbf3e6}
.vk--goud:hover,.knop:hover{background:linear-gradient(180deg,#a8263f,#851629);color:#fff;border-color:transparent}
.knop--lijn{background:transparent;color:var(--tekst)}
.knop--lijn:hover{background:transparent;color:var(--accent);border-color:var(--accent)}
.knop--licht{background:var(--tekst);color:var(--grond)}
.uitnodiging::backdrop{background:rgba(245,238,226,.62);-webkit-backdrop-filter:blur(0.875rem);backdrop-filter:blur(0.875rem)}
.uitn-kaart{background-color:#fdf8ee;box-shadow:0 2.5rem 5.625rem -30px rgba(70,45,20,.55),0 0 0 1px rgba(140,106,58,.25) inset}
.uitn-knoppen .vk--goud{color:#fbf3e6}
.uitn-knoppen .vk--goud:hover{color:#fff;border-color:transparent}
.uitn-zegel,.v-hero-ring .zegel{filter:none}

/* hero: daglicht, donkere letters op een linnen sluier; loopt onderaan uit in de paginagrond */
.v-hero-poster,.v-hero-video{object-position:50% 50%}
.v-hero-sluier{background:linear-gradient(90deg,rgba(245,238,226,.96) 0%,rgba(245,238,226,.9) 34%,rgba(245,238,226,.35) 52%,rgba(245,238,226,0) 66%),linear-gradient(0deg,var(--grond) 0%,rgba(245,238,226,0) 26%)}
.v-hero-ring text{font-size:11px}   /* in viewBox-eenheden, niet meeschalen met rem */
.v-titel em{background-image:linear-gradient(0deg,#7d1226 0%,#a8203a var(--vul),#c7a877 calc(var(--vul) + .5%),#b08a4e 100%)}
@keyframes vul{to{--vul:100%}}
.v-lead{color:var(--tekst-2);font-weight:400}
@media (max-width:759px),(max-width:1100px) and (orientation:portrait){   /* telefoon en tablet staand: beeld bovenin, tekst eronder op de effen grond (geen letters over het glas) */
  .v-hero{--hh:min(52svh,112vw);display:block;min-height:0;padding:calc(var(--hh) - 1.875rem) var(--rand) 2.75rem}
  .v-hero-poster,.v-hero-video{height:var(--hh);object-position:66% 50%}
  .v-hero-sluier{background:linear-gradient(180deg,rgba(245,238,226,.4) 0,rgba(245,238,226,0) 5.625rem,rgba(245,238,226,0) calc(var(--hh) - 7.5rem),var(--grond) var(--hh))}
  .v-hero-ring,.v-scroll{visibility:hidden}
}
@media (max-width:759px) and (max-height:720px){.v-hero{--hh:min(46svh,100vw)}.v-lead{font-size:.98rem}}
@media (min-width:760px) and (max-width:1100px) and (orientation:portrait){.v-hero{--hh:min(50svh,90vw)}.v-hero-tekst{max-width:none}.v-lead{max-width:38em}}

/* de reis: kaart als papieren vel dat meereist */
.v-reis{height:calc((var(--n) * .8 + 1.4) * 100svh)}
.v-reis-sluier{background:linear-gradient(90deg,rgba(245,238,226,.96) 0%,rgba(245,238,226,.88) 30%,rgba(245,238,226,.3) 52%,rgba(245,238,226,0) 66%),linear-gradient(0deg,rgba(245,238,226,.75),rgba(245,238,226,0) 30%)}
.v-reis-kaart{background:#fbf6ec;padding:0.625rem;box-shadow:0 1.875rem 3.75rem -30px rgba(70,45,20,.6),0 0 0 1px rgba(140,106,58,.28) inset;transform:translateY(-46%) rotate(1.2deg)}
.v-reis-kaart svg{overflow:hidden;display:block;font-size:1rem}
.kaart-land{fill:#ecdfc6;stroke:#c9b594;stroke-width:1}
.kaart-actief{fill:#e6d8bd;stroke:#b9a27c;stroke-width:1;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .6s,stroke .6s}
.kaart-actief.aan{fill:rgba(125,18,38,.22);stroke:var(--wijn)}
.kaart-route-spoor{stroke:rgba(43,29,21,.4);vector-effect:none}
.kaart-route{stroke:var(--wijn);filter:none}
.kaart-stop circle{fill:#fbf6ec;stroke:var(--tekst)}
.kaart-stop.aan circle{fill:var(--wijn);stroke:var(--wijn)}
.kaart-stop text{font:italic 500 1em var(--serif);fill:var(--tekst);stroke:rgba(251,246,236,.94);opacity:0;transition:opacity .5s}
.kaart-stop.aan text{opacity:1;fill:var(--tekst)}
.kaart-stop--links text{text-anchor:end}
.kaart-stip{fill:var(--wijn);stroke:#fbf6ec;stroke-width:2;vector-effect:non-scaling-stroke;filter:none}
.v-stop h3{font-size:clamp(2.8rem,1.8rem + 3.6vw,5.4rem);line-height:.95}
.v-stop-sub{color:var(--goud)}
.v-stop-tekst{color:var(--tekst)}
.v-stop-flessen a{color:var(--tekst)}
.v-stop-eigen{color:var(--tekst-2)}
@media (max-width:899px){
  .v-reis-kaart{padding:0.3125rem;transform:rotate(1.5deg)}
  .v-reis-sluier{background:linear-gradient(0deg,rgba(245,238,226,.97) 0%,rgba(245,238,226,.93) 52%,rgba(245,238,226,.25) 72%,rgba(245,238,226,0) 100%)}
  .v-stop h3{font-size:clamp(2.4rem,11vw,3.6rem)}
}
@media (max-height:520px) and (orientation:landscape){.v-reis-kaart{transform:none}.v-stop h3{font-size:2.4rem}}

/* geschenken in de kist */
.v-coffrets{background:var(--grond-2)}
.v-coffret-tabs button span{color:var(--goud)}
.v-coffret-som{padding:0.25rem 0}
.v-coffret-som--klein b{font-size:1.15rem;color:var(--tekst-2)}
.v-coffret-lijst{margin-bottom:.6em}
.v-coffret-meer{max-width:var(--max);margin:clamp(1.875rem,4vw,3.25rem) auto 0;text-align:center}

/* de kelder: zandstenen wand in plaats van een donker rek */
.v-rek-wand{background:linear-gradient(180deg,#efe3cc,#e2d2b4);border:1px solid rgba(140,106,58,.3);box-shadow:inset 0 0 2.5rem rgba(120,85,45,.18),0 2.5rem 5rem -50px rgba(70,45,20,.6)}
.v-nis-gat{background:radial-gradient(120% 95% at 50% 88%,#a98c66 0%,#c2a983 45%,#dccbaa 100%);box-shadow:inset 0 0.75rem 1.375rem rgba(70,45,20,.5),inset 0 -2px 0 rgba(255,245,225,.5)}
.v-nis-fles{filter:brightness(.95)}
.v-nis a:hover .v-nis-fles,.v-nis a:focus-visible .v-nis-fles,.v-nis a.uit .v-nis-fles{filter:brightness(1.03)}
.v-nis-label{color:var(--tekst);min-height:4.6em}
.v-nis-label span{display:block;-webkit-line-clamp:unset;overflow:visible}
.v-nis-label small{display:block;color:var(--grijs);font-size:.9em;margin-top:2px}
.v-nis a:hover .v-nis-label span,.v-nis a.uit .v-nis-label span{color:var(--accent)}

.v-stap-fr{font-style:italic}
.v-kaarten{background:var(--grond-2)}
.v-kaart-voor,.v-kaart-achter{background-color:#fffaf0;box-shadow:0 1.375rem 2.25rem -20px rgba(70,45,20,.6),0 0 0 1px rgba(140,106,58,.18)}
.v-journal{border-top:0}

/* slot + voet: één bordeaux vlak met een boog erboven */
.v-finale,.voet{--tekst:#fbf1e2;--tekst-2:#ecd6c2;--grijs:#dcbcab;--accent:#f3d3a0;--goud:#e6c08c;--goud-z:#b9777f;--lijn:rgba(251,241,226,.18);--lijn-2:rgba(251,241,226,.42);color:var(--tekst)}
.v-finale{background:radial-gradient(70% 80% at 50% 30%,#8a1b31,#6a1122 70%);border-radius:50% 50% 0 0 / clamp(1.75rem,5vw,5rem) clamp(1.75rem,5vw,5rem) 0 0}
.v-finale .vk{color:var(--tekst)}
.v-finale .vk:hover{color:#fff;border-color:#fff}
.v-finale .vk--goud{background:#fbf1e2;color:#6a1122}
.v-finale .vk--goud:hover{background:#fff;color:#6a1122}
.v-proost{color:#f3d3a0}
.glas-vul{fill:#f0d9a0;opacity:.8}
.voet{background:#5b0e1c;border-top:0}
main:has(.v-finale)+.voet,.p-home .voet{background:#5b0e1c}
.voet-merk a{color:#f3d3a0}

/* subpagina's */
.pagina-kop{background:radial-gradient(60% 100% at 20% 0%,rgba(125,18,38,.07),transparent 70%)}
select,input:not([type=range]):not([type=radio]),textarea{color-scheme:light}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%238a5d25'/%3E%3C/svg%3E")}
select option{background:#fff;color:#2b1d15}
input[type=range]::-webkit-slider-thumb{border-color:#fbf3e6}
input[type=range]::-moz-range-thumb{border-color:#fbf3e6}
.proefmat{background:#fffaf0;box-shadow:0 1.875rem 3.75rem -30px rgba(70,45,20,.55),0 0 0 1px rgba(140,106,58,.2)}
.teller button{color:var(--tekst)}
.tafel-flessen .x{color:#fbf3e6}

/* ---------- kerst & eindejaarsgeschenken */
.g-kop{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.75rem,5vw,5rem);align-items:center;padding:clamp(2.5rem,6vw,5.625rem) var(--rand) clamp(2.25rem,5vw,4.375rem)!important;max-width:calc(var(--max) + 2*var(--rand));margin:0 auto}
.g-kop>*{max-width:none!important;margin:0!important}
.g-kop h1{font-size:clamp(3rem,1.6rem + 5vw,6.4rem)}
.g-kop-tekst p:not(.boven){color:var(--tekst-2);max-width:34em;font-size:1.06em}
.g-kop-beeld{position:relative;aspect-ratio:4/3;overflow:hidden}
.g-kop-beeld img,.g-kop-beeld video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.g-kop-beeld video{opacity:0;transition:opacity 1s}.g-kop-beeld video.speelt{opacity:1}
.g-kop-beeld figcaption{position:absolute;right:0.625rem;bottom:0.5rem;font-size:.72rem;color:rgba(43,29,21,.6)}
.g-samen{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(1.75rem,5vw,5rem);align-items:start;padding:clamp(2.25rem,5vw,5rem) var(--rand) clamp(3.125rem,7vw,6.875rem);max-width:calc(var(--max) + 2*var(--rand));margin:0 auto;scroll-margin-top:var(--kop-h)}
.g-samen .sectie-kop{margin-bottom:clamp(0.875rem,2vw,1.5rem)}
.g-samen .sectie-kop h2{font-size:clamp(2rem,1.4rem + 2.2vw,3.4rem);margin-bottom:.25em}
.g-stap{margin-top:clamp(1.875rem,4vw,3.375rem)}
.g-groep{border:0;margin:0 0 clamp(1.25rem,3vw,2.125rem);padding:0;min-width:0}
.g-groep legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 0.875rem;width:100%;padding:0 0 0.5rem;border-bottom:1px solid var(--lijn-2)}
.g-groep legend span{font-family:var(--serif);font-style:italic;color:var(--accent);font-size:clamp(1.5rem,1.3rem + .8vw,2rem);line-height:1.1}
.g-groep legend small{color:var(--grijs);font-size:.88rem}
.g-groep ul{list-style:none;margin:0;padding:0}
.g-rij{display:grid;grid-template-columns:2.375rem minmax(0,auto) minmax(0.75rem,1fr) auto;align-items:baseline;gap:0 0.625rem;min-height:3.75rem;padding:0.625rem 0.625rem 0.625rem 0.375rem;border-bottom:1px solid var(--lijn);cursor:pointer;position:relative;transition:background-color .25s}
.g-rij input{position:absolute;opacity:0;width:1px;height:1px}
.g-rij-fles{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:2.875rem;align-self:center}
.g-rij-fles img{height:2.875rem;width:auto}
.g-rij-fles:empty::before{content:"";width:0.625rem;height:0.625rem;border:1px solid var(--goud);border-radius:50%;align-self:center}
.g-rij-naam b{display:block;font-family:var(--serif);font-weight:500;font-size:1.24rem;line-height:1.2}
.g-rij-naam small{display:block;color:var(--grijs);font-size:.84rem}
.g-rij-kijk{display:inline-block;padding:0.6875rem 0;margin:-0.5rem 0 -0.6875rem;font-size:.84rem;color:var(--accent);text-decoration:underline;text-underline-offset:.2em;position:relative;z-index:1}
.g-rij-kijk:hover{text-decoration-thickness:2px}
.g-rij-stip{border-bottom:1px dotted rgba(43,29,21,.45);transform:translateY(-.3em)}
.g-rij-prijs{font-family:var(--serif);font-size:1.28rem;white-space:nowrap}
.g-rij:hover{background:rgba(125,18,38,.04)}
.g-rij:has(input:checked){background:rgba(125,18,38,.08)}
.g-rij:has(input:checked) .g-rij-naam b,.g-rij:has(input:checked) .g-rij-prijs{color:var(--accent)}
.g-rij:has(input:checked) .g-rij-fles:empty::before{background:var(--wijn);border-color:var(--wijn)}
.g-rij:has(input:focus-visible),.g-verp:has(input:focus-visible){outline:1.5px solid var(--goud);outline-offset:2px}
.g-verp{display:flex;justify-content:space-between;align-items:center;gap:0.875rem;min-height:3.25rem;padding:0.375rem 0.625rem 0.375rem 0.375rem;border-bottom:1px solid var(--lijn);cursor:pointer;position:relative}
.g-verp[hidden]{display:none}
.g-verp input{position:absolute;opacity:0;width:1px;height:1px}
.g-verp span{display:flex;align-items:center;flex-wrap:wrap;gap:0 .4em}
.g-verp span::before{content:"";width:1rem;height:1rem;border:1px solid var(--tekst-2);border-radius:50%;flex-shrink:0;margin-right:.5em;box-shadow:inset 0 0 0 3px var(--grond)}
.g-verp input:checked+span::before{background:var(--wijn);border-color:var(--wijn)}
.g-verp b{font-weight:600}
.g-verp em{font-style:normal;font-family:var(--serif);font-size:1.12rem;color:var(--tekst-2);white-space:nowrap}
.g-velden{display:grid;grid-template-columns:1fr 1fr;gap:1.375rem clamp(1.125rem,3vw,2.25rem)}
.g-veld-breed{grid-column:1/-1}
.g-aantal{width:2.6em!important;min-height:3rem;text-align:center;font-family:var(--serif)!important;font-size:2.2rem!important;border:0!important;box-shadow:none!important;color:var(--accent)!important;padding:0!important;-moz-appearance:textfield;appearance:textfield}
.g-aantal::-webkit-outer-spin-button,.g-aantal::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.g-bon{position:sticky;top:calc(var(--kop-h) + 1.5rem);display:grid;justify-items:center}
.g-label{position:relative;z-index:2;width:min(80%,19.375rem);aspect-ratio:2/1;margin-bottom:-36px;background:linear-gradient(170deg,#e0c79e,#cfb287);clip-path:polygon(13% 0,100% 0,100% 100%,13% 100%,0 50%);transform:rotate(-4deg);display:grid;align-content:center;justify-items:center;gap:2px;padding:5% 7% 5% 19%;color:#3a2413;text-align:center}
.g-label-gat{position:absolute;left:7.5%;top:50%;width:0.6875rem;height:0.6875rem;margin-top:-5.5px;border-radius:50%;background:var(--grond);box-shadow:inset 0 1px 2px rgba(60,35,15,.5)}
.g-label-voor{font:600 .62rem var(--sans);letter-spacing:.2em;text-transform:uppercase;opacity:.7}
.g-label-naam{font-family:var(--hand);font-size:clamp(2rem,1.6rem + 1.4vw,2.9rem);line-height:1.05;max-width:100%;overflow:hidden;white-space:nowrap;padding:.05em .2em .1em}
.g-label-van{font:italic 500 .82rem var(--serif);opacity:.78}
.g-bon-papier{width:100%;background:#fffaf0;padding:clamp(3.125rem,5vw,3.875rem) clamp(1.125rem,2.4vw,2rem) clamp(1.25rem,2.4vw,1.875rem);box-shadow:0 1.875rem 3.75rem -34px rgba(70,45,20,.55),0 0 0 1px rgba(140,106,58,.2)}
.g-bon-kop{font-family:var(--serif);font-style:italic;color:var(--goud);font-size:1.15rem;margin:0 0 .5em;text-align:center}
.g-bon-leeg{text-align:center;color:var(--tekst-2);font-family:var(--serif);font-size:1.25rem;margin:.8em 0 1.2em}
.g-bon-leeg[hidden]{display:none}
.g-bon-leeg.let-op{color:var(--accent)}
.g-bon-tabel{width:100%;border-collapse:collapse}
.g-bon-tabel[hidden]{display:none}
.g-bon-tabel tr{border-bottom:1px solid var(--lijn)}
.g-bon-tabel tr[hidden]{display:none}
.g-bon-tabel th{text-align:left;font-weight:400;padding:0.5625rem 0.75rem 0.5625rem 0;vertical-align:baseline}
.g-bon-tabel td{text-align:right;white-space:nowrap;font-family:var(--serif);font-size:1.14rem;padding:0.5625rem 0;vertical-align:baseline}
.g-bon-tabel .g-bon-totaal{border-bottom:0}
.g-bon-totaal th{font-weight:600}
.g-bon-totaal td{font-size:1.9rem;color:var(--accent)}
.g-bon .knoppen{margin-top:1rem}
.g-bon .knop{width:100%}
.g-bon .klein{text-align:center;margin:0.875rem 0 0}
.g-prijzen{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.75rem,6vw,6rem);align-items:center;background:var(--grond-2);padding-left:max(var(--rand),calc((100% - var(--max))/2))!important;padding-right:max(var(--rand),calc((100% - var(--max))/2))!important}
.g-prijzen>*{max-width:none!important;margin:0!important}
.g-tabel th{width:auto;font-family:var(--sans);font-style:normal;color:var(--tekst);font-size:1rem}
.g-tabel td{text-align:right;font-family:var(--serif);font-size:1.18rem;white-space:nowrap}
.g-maat-tekst{font-family:var(--serif);font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem);line-height:1.25;color:var(--tekst)}
@media (max-width:899px){.g-kop,.g-samen{grid-template-columns:1fr}.g-kop-beeld{order:-1}.g-bon{position:relative;top:0;max-width:32.5rem;margin:0 auto;width:100%}}
@media (max-width:759px){.g-prijzen{grid-template-columns:1fr}}
@media (max-width:560px){.g-velden{grid-template-columns:1fr}.g-rij{grid-template-columns:2.375rem minmax(0,1fr) auto}.g-rij-stip{display:none}.g-rij-naam b{font-size:1.14rem}}

.nw{white-space:nowrap}
.v-lead,.v-stop-tekst,.v-coffret-info p,.v-nis-label,.v-stop-flessen span,.g-bon .klein,.g-maat-tekst,.g-kop-tekst p,.v-manifest-kol p,.v-kop>p{hyphens:manual}
.v-stop-flessen span{-webkit-line-clamp:3}
.g-kop-beeld figcaption{display:none}
.g-sfeer{margin-top:1.2rem}
.g-label-naam{width:100%}

.g-rij,.g-verp{hyphens:manual}
@media (max-width:899px) and (max-height:700px) and (orientation:portrait){   /* kleine telefoon (SE): de stop moet onder de kaart passen */
  .v-reis-kaart{width:min(36vw,9.5rem)}.v-stop h3{font-size:2.1rem;max-width:58vw}.v-stop-sub{font-size:1rem;margin-bottom:.4em}
  .v-stop-tekst{font-size:.86rem;-webkit-line-clamp:3}.v-stop-flessen{margin-top:.6rem}.v-stop-flessen img{height:calc(3.6rem * var(--s))}.v-stop-flessen span{-webkit-line-clamp:2}
}
@media (max-width:599px){.v-kaarten{padding-bottom:3.5rem}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  body::after{display:none}
  .v-reis{height:auto}.v-reis-plak{position:relative;height:auto;padding-bottom:2.5rem}.v-stop{position:relative;opacity:1;transform:none;left:auto;bottom:auto;margin:2.5rem var(--rand)}.v-reis-kaart,.v-reis-beelden,.v-reis-sluier,.v-reis-balk{display:none}.v-reis-kop{position:relative;left:auto;top:auto;padding:6.25rem var(--rand) 0}
}

/* ---------------------------------------------------------------- ronde 4 (2026-10-15) */
/* hero: proeflokaal; tekst staat links op de witte muur */
.v-hero-poster,.v-hero-video{object-position:58% 50%}
@media (max-width:759px){.v-hero-poster,.v-hero-video{object-position:74% 50%}}
.v-hero-ring text{letter-spacing:0}
/* btw */
.btw{font:500 .78rem var(--sans);letter-spacing:.02em;color:var(--grijs);margin-left:.4em}
.g-bon-totaal small{display:block;font:500 .72rem var(--sans);color:var(--grijs);letter-spacing:.02em}
/* WhatsApp */
.wa-icoon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-right:.55em}
.knop--wa .wa-icoon{color:#1f8f4e}
.knop.knop--wa:not(.knop--lijn){background:#1f8f4e;color:#fff}
.knop.knop--wa:not(.knop--lijn) .wa-icoon{color:#fff}
.knop.knop--wa:not(.knop--lijn):hover{background:#18763f;color:#fff}
/* WhatsApp in de kop (vervangt een zwevende knop die op mobiel tekst bedekte) */
.kop-wa{display:flex;align-items:center;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0 .875rem;border-radius:999px;background:#1f8f4e;color:#fff;font:600 .86rem var(--sans);letter-spacing:.02em;text-decoration:none;flex-shrink:0}
.kop-wa:hover{background:#18763f;color:#fff}
.kop-wa .wa-icoon{margin-right:.45em;color:#fff}
@media (max-width:1139px){.kop-wa{margin-left:auto}.muziek-knop{margin-left:0}}
@media (max-width:640px){.kop-wa{padding:0;width:2.75rem}.kop-wa .wa-icoon{margin:0}.kop-wa-label{display:none}}
.v-hero-sluier{background:linear-gradient(180deg,rgba(245,238,226,.86) 0,rgba(245,238,226,0) 8.5rem),linear-gradient(90deg,rgba(245,238,226,.96) 0%,rgba(245,238,226,.9) 34%,rgba(245,238,226,.35) 52%,rgba(245,238,226,0) 66%),linear-gradient(0deg,var(--grond) 0%,rgba(245,238,226,0) 26%)}
@media (max-width:759px){.v-hero-sluier{background:linear-gradient(180deg,rgba(245,238,226,.6) 0,rgba(245,238,226,0) 5.625rem,rgba(245,238,226,0) calc(var(--hh) - 7.5rem),var(--grond) var(--hh))}}
.v-hero-ring::before{content:"";position:absolute;inset:-14%;border-radius:50%;background:radial-gradient(closest-side,rgba(245,238,226,.88) 70%,rgba(245,238,226,0))}
.v-ag{grid-template-columns:10rem minmax(0,1fr)}
.v-ag-wanneer b{hyphens:none;overflow-wrap:normal;font-size:clamp(2.2rem,1.7rem + 1.6vw,3rem)}
.kop-wa{background:none;border:1px solid var(--lijn-2);color:var(--tekst);font-weight:500;letter-spacing:.04em}
.kop-wa:hover{background:#1f8f4e;border-color:#1f8f4e;color:#fff}
.kop-wa .wa-icoon{color:#1f8f4e}
.kop-wa:hover .wa-icoon{color:#fff}
.vk--wa{border-color:#1f8f4e;color:#1f8f4e}
.vk--wa:hover{background:#1f8f4e;color:#fff}
.g-bon-wa{margin:.6rem 0 0;text-align:center}
.g-bon-wa a{display:inline-flex;align-items:center;font-weight:600;color:#1f8f4e;text-decoration:none;min-height:2.75rem}
.g-bon-wa .wa-icoon{color:#1f8f4e}
/* nieuw in het rek */
.rek-nieuw{font:600 .7rem var(--sans);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-right:.35em}
/* agenda & aanbiedingen: zwevende widget linksonder (sinds 2026-10-15 i.p.v. de homepagesectie) */
.agw{position:fixed;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;opacity:0;visibility:hidden;transform:translateY(1rem);transition:opacity .5s var(--ease),transform .5s var(--ease),visibility 0s .5s}
html.klaar .agw:not(.weg){opacity:1;visibility:visible;transform:none;transition-delay:0s}
html.klaar .agw.open{opacity:1;visibility:visible;transform:none}
body:has(.kop-nav.open) .agw{visibility:hidden}
.agw-knop{display:inline-flex;align-items:center;gap:.55rem;min-height:2.875rem;padding:.4rem .5rem .4rem 1rem;border:0;border-radius:999px;background:var(--tekst);color:var(--grond);font:600 .78rem var(--sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;box-shadow:0 .5rem 1.5rem rgba(43,29,21,.28);transition:background-color .3s,transform .3s var(--ease)}
.agw-knop:hover{background:var(--accent)}
.agw-knop:focus-visible{outline:2px solid var(--goud);outline-offset:3px}
.agw-n{display:grid;place-items:center;min-width:1.9rem;height:1.9rem;border-radius:50%;background:var(--accent);color:#fff;font:italic 500 1.05rem/1 var(--serif);letter-spacing:0;position:relative}
.agw-knop:hover .agw-n{background:var(--grond);color:var(--accent)}
.agw.nieuw .agw-n::after{content:"";position:absolute;top:-1px;right:-1px;width:.55rem;height:.55rem;border-radius:50%;background:var(--goud-z);box-shadow:0 0 0 2px var(--tekst);animation:agw-puls 2.4s ease-in-out infinite}
@keyframes agw-puls{50%{transform:scale(1.35)}}
.agw.open .agw-knop{background:var(--accent)}
.agw-paneel:focus{outline:none}
.agw-paneel{width:min(26rem,calc(100vw - 2rem));max-height:min(36rem,calc(100dvh - var(--kop-h) - 6rem));overflow-y:auto;overscroll-behavior:contain;background:var(--grond);color:var(--tekst);border:1px solid var(--lijn-2);border-radius:.75rem;box-shadow:0 1.25rem 3.5rem rgba(43,29,21,.3);transform-origin:0 100%;animation:agw-in .4s var(--ease)}
@keyframes agw-in{from{opacity:0;transform:translateY(.75rem) scale(.97)}}
.agw-hoofd{position:sticky;top:0;z-index:1;background:var(--grond);padding:1.25rem 3.5rem .9rem 1.375rem;border-bottom:1px solid var(--lijn-2)}
.agw-boven{margin:0 0 .25rem;font:600 .7rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--goud)}
.agw-hoofd h2{margin:0;font:500 1.6rem/1.1 var(--serif);color:var(--tekst)}
.agw-sluit{position:absolute;top:.75rem;right:.75rem;width:2.75rem;height:2.75rem;border:0;border-radius:50%;background:transparent;cursor:pointer;color:var(--tekst)}
.agw-sluit:hover{background:var(--grond-2)}
.agw-sluit span,.agw-sluit span::before{position:absolute;left:50%;top:50%;width:1.1rem;height:1.5px;margin:-.75px 0 0 -.55rem;background:currentColor;transform:rotate(45deg)}
.agw-sluit span::before{content:"";left:0;top:0;margin:0;transform:rotate(90deg)}
.agw-lijst{list-style:none;margin:0;padding:0}
.agw-lijst li+li{border-top:1px solid var(--lijn)}
.agw-item{display:grid;grid-template-columns:4.75rem minmax(0,1fr);gap:1rem;padding:1.1rem 1.375rem;color:inherit;text-decoration:none;transition:background-color .25s}
.agw-item:hover,.agw-item:focus-visible{background:var(--grond-2)}
.agw-wanneer{display:flex;flex-direction:column;gap:.15rem}
.agw-wanneer b{font:italic 500 1.65rem/1 var(--serif);color:var(--accent);hyphens:none;overflow-wrap:normal}
.agw-wanneer small{font-size:.74rem;line-height:1.3;color:var(--grijs)}
.agw-tekst{display:flex;flex-direction:column;min-width:0}
.agw-soort{font:600 .68rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--goud);margin-bottom:.2rem}
.agw-titel{font:500 1.25rem/1.2 var(--serif);color:var(--tekst);margin-bottom:.35rem}
.agw-kort{hyphens:manual;font-size:.88rem;line-height:1.5;color:var(--tekst-2)}
.agw-lees{margin-top:.55rem;font-size:.82rem;font-weight:600;color:var(--accent)}
.agw-lees::after{content:"\2192";display:inline-block;margin-left:.35em;transition:transform .25s var(--ease)}
.agw-item:hover .agw-lees::after{transform:translateX(.25rem)}
.agw-wa{margin:0;padding:1rem 1.375rem 1.25rem;border-top:1px solid var(--lijn-2)}
.agw-wa a{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;font-weight:600;font-size:.9rem;color:#1f8f4e;text-decoration:none}
@media (max-width:520px){
  .agw{left:max(.75rem,env(safe-area-inset-left));bottom:max(.75rem,env(safe-area-inset-bottom))}
  .agw-knop{min-height:2.75rem;padding-left:.85rem}
  .agw-paneel:focus{outline:none}
.agw-paneel{width:calc(100vw - 1.5rem);max-height:calc(100dvh - var(--kop-h) - 5.5rem)}
  .agw-item{grid-template-columns:1fr;gap:.35rem}
  .agw-wanneer{flex-direction:row;align-items:baseline;gap:.5rem}
}
@media (prefers-reduced-motion:reduce){.agw,.agw-paneel{animation:none;transition:none}.agw.nieuw .agw-n::after{animation:none}}
/* geschenkenpagina: beeld per groep en per verpakking */
.g-groep-binnen{display:grid;grid-template-columns:clamp(8rem,13vw,12rem) minmax(0,1fr);gap:clamp(1rem,2.5vw,1.75rem);align-items:start;padding-top:.875rem}
.g-groep-beeld{margin:0;position:relative;overflow:hidden;border-radius:2px;background:var(--grond-3)}
.g-groep-beeld::before{content:"";display:block;padding-top:125%}
.g-groep-beeld img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:599px){.g-groep-binnen{grid-template-columns:1fr}.g-groep-beeld::before{padding-top:62%}.g-groep-beeld img{object-position:50% 60%}}
.g-verp-duim{display:inline-block;width:2.5rem;height:2.5rem;border-radius:2px;background:var(--grond-3) center/cover no-repeat;margin-right:.6em;flex-shrink:0}
.g-verpakkingen-sectie{background:var(--grond-2);padding:clamp(3.125rem,7vw,6.25rem) var(--rand)}
.g-verpakkingen-sectie .sectie-kop{max-width:var(--max);margin:0 auto clamp(1.75rem,4vw,3rem)}
.g-vk-lijst{list-style:none;margin:0 auto;padding:0;max-width:var(--max);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,2.5rem)}
.g-vk figure{margin:0 0 1rem;position:relative;overflow:hidden;background:var(--grond-3)}
.g-vk figure::before{content:"";display:block;padding-top:100%}
.g-vk figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.g-vk h3{margin:0 0 .5rem;font:500 clamp(1.35rem,1.2rem + .6vw,1.75rem)/1.2 var(--serif)}
.g-vk ul{list-style:none;margin:0;padding:0}
.g-vk li{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--lijn)}
.g-vk li b{font:500 1.12rem var(--serif);white-space:nowrap}
@media (max-width:759px){.g-vk-lijst{grid-template-columns:1fr}.g-vk figure::before{padding-top:62%}}
section.g-maat{padding:clamp(3.125rem,7vw,6.25rem) var(--rand);text-align:center;display:grid;justify-items:center;gap:1.5rem}
section.g-maat .g-maat-tekst{max-width:24em;margin:0;font-weight:400}
section.g-maat .knoppen{justify-content:center}
.voet,.v-ag,.kop-nav-voet{hyphens:manual}
@media (max-width:374px){.kop-binnen{gap:.5rem}.kop-wa,.muziek-knop{width:2.5rem;min-width:2.5rem;min-height:2.5rem}.kop-logo .logo-woord{max-width:6.5rem}}

/* ================= ronde 5 (2026-10-17) ================= */
/* bestellijst: knop in de kop + lade rechts */
.kop-lijst{position:relative;display:inline-flex;align-items:center;gap:.45rem;min-height:2.75rem;min-width:2.75rem;padding:0 .5rem 0 .875rem;border:1px solid var(--lijn-2);border-radius:999px;background:none;color:var(--tekst);font:500 .86rem var(--sans);letter-spacing:.04em;cursor:pointer;flex-shrink:0;margin-right:.5rem}
.kop-lijst[hidden]{display:none}
.kop-lijst:hover{border-color:var(--accent);color:var(--accent)}
.kop-lijst b{display:grid;place-items:center;min-width:1.75rem;height:1.75rem;padding:0 .3rem;border-radius:999px;background:var(--accent);color:#fff;font:italic 500 1rem/1 var(--serif)}
@media (max-width:640px){.kop-lijst{padding:0;width:2.75rem;justify-content:center;margin-right:.25rem}.kop-lijst-label{display:none}.kop-lijst svg{display:none}.kop-lijst b{background:none;color:var(--accent);font-size:1.15rem}}
@media (max-width:1139px){.kop-lijst:not([hidden])~.kop-wa{margin-left:0}.kop-lijst{margin-left:auto}}
.lijst{position:fixed;top:0;right:0;bottom:0;z-index:90;width:min(27rem,100vw);display:flex;flex-direction:column;background:var(--grond);color:var(--tekst);border-left:1px solid var(--lijn-2);box-shadow:-1.25rem 0 3.5rem rgba(43,29,21,.25);transform:translateX(100%);transition:transform .3s var(--ease);overflow-y:auto;overscroll-behavior:contain;max-height:100dvh}
.lijst.open{transform:none}
.lijst:focus{outline:none}
.lijst .agw-hoofd,.lijst-hoofd{position:sticky;top:0;z-index:1;background:var(--grond);padding:1.5rem 3.5rem 1rem 1.5rem;border-bottom:1px solid var(--lijn-2)}
.lijst-hoofd h2{margin:0;font:500 1.9rem/1.1 var(--serif)}
.lijst-hoofd h2 em{color:var(--accent)}
.lijst-leeg{padding:1.5rem;color:var(--tekst-2)}
.lijst-items{list-style:none;margin:0;padding:.5rem 1.5rem}
.lijst-items li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.5rem .75rem;padding:.875rem 0;border-bottom:1px solid var(--lijn)}
.lijst-items a{color:var(--tekst);text-decoration:none;font:500 1.12rem/1.2 var(--serif)}
.lijst-items a:hover{color:var(--accent)}
.lijst-n{display:flex;align-items:center;gap:.25rem}
.lijst-n button{width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--lijn-2);background:none;color:var(--tekst);font:400 1.2rem/1 var(--sans);cursor:pointer}
.lijst-n b{min-width:1.6rem;text-align:center;font:500 1.15rem var(--serif)}
.lijst-p{min-width:5rem;text-align:right;font-variant-numeric:tabular-nums}
.lijst-som{width:calc(100% - 3rem);margin:.5rem 1.5rem 0;border-collapse:collapse}
.lijst-som th{text-align:left;font-weight:400;padding:.4rem 0;color:var(--tekst-2)}
.lijst-som th small{display:block;font-size:.78rem;color:var(--grijs)}
.lijst-som td{text-align:right;padding:.4rem 0;font-variant-numeric:tabular-nums}
.lijst-totaal th,.lijst-totaal td{border-top:1px solid var(--lijn-2);padding-top:.75rem;font:500 1.35rem var(--serif);color:var(--tekst)}
.lijst-gratis{margin:.75rem 1.5rem 0;padding:.6rem .875rem;border:1px dashed var(--lijn-2);border-radius:.5rem;font-size:.9rem;color:var(--tekst-2)}
.lijst-acties{display:flex;flex-direction:column;gap:.625rem;padding:1.25rem 1.5rem 2rem}
.lijst-acties .knop{width:100%}
.lijst-acties .klein{margin:.25rem 0 0;font-size:.82rem;color:var(--tekst-2)}
.lijst-wis{align-self:flex-start;border:0;background:none;padding:.5rem 0;color:var(--grijs);text-decoration:underline;cursor:pointer;font:inherit;font-size:.85rem;min-height:2.5rem}

/* productpagina: aantal flessen */
.bestel{margin-top:1.5rem}
.bestel .veld--teller{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem}
.bestel .veld-label{width:100%;font:italic 1.05rem var(--serif);color:var(--goud)}
.bestel .g-aantal{width:4.5rem;height:3rem;text-align:center;font:500 1.6rem var(--serif);color:var(--accent);border:1px solid var(--lijn-2);border-radius:.5rem;background:#fffaf2;-moz-appearance:textfield}
.bestel .g-aantal::-webkit-outer-spin-button,.bestel .g-aantal::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bestel-sub{margin:0;color:var(--tekst-2);font-variant-numeric:tabular-nums}
.bestel .knoppen{margin-top:1.25rem}
.bestel-ok{margin:.75rem 0 0;padding:.6rem .875rem;border-radius:.5rem;background:var(--grond-2);color:var(--tekst)}
.bestel-ok .lees{border:0;background:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer;margin-left:.25rem}
.bestel-shop{margin-top:.75rem}

/* proefmat: ik laat me verrassen */
.mat-verras{display:flex;align-items:center;justify-content:center;gap:.6rem;margin:1rem auto 0;min-height:2.75rem;padding:.5rem 1.25rem;border:1px dashed rgba(42,28,18,.45);border-radius:999px;background:none;color:#2a1c12;font:italic 1.1rem var(--serif);cursor:pointer}
.mat-verras-vraag{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;border:1px solid currentColor;font:600 .95rem var(--sans);font-style:normal}
.mat-verras[aria-pressed="true"]{background:#7d1226;border-style:solid;border-color:#7d1226;color:#fbf3e6}

/* reis: álle wijnen per land in een schuifbaar rek */
.v-stop{width:min(40rem,calc(100% - 2*var(--rand)))}
.v-stop-rek{position:relative;margin-top:1.125rem}
.v-stop-rek .v-stop-flessen{margin:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding:.25rem .25rem .375rem;-webkit-overflow-scrolling:touch}
.v-stop-rek .v-stop-flessen::-webkit-scrollbar{display:none}
.v-stop-rek--vol .v-stop-flessen{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 1.5rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 1.5rem,#000 calc(100% - 2.5rem),transparent)}
.v-stop-flessen li{flex:0 0 auto;scroll-snap-align:start}
.v-rek-pijl{position:absolute;top:35%;z-index:2;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid var(--lijn-2);background:var(--grond);color:var(--tekst);font:400 1.5rem/1 var(--serif);cursor:pointer;display:grid;place-items:center;box-shadow:0 .25rem .75rem rgba(43,29,21,.15)}
.v-rek-pijl[hidden]{display:none}
.v-rek-pijl:disabled{opacity:0;pointer-events:none}
.v-rek-pijl--l{left:-.75rem}.v-rek-pijl--r{right:-.75rem}
.v-stop-alle{margin:.5rem 0 0;font-size:.86rem;display:flex;flex-wrap:wrap;gap:.25rem 1rem;align-items:baseline}
.v-stop-alle a{color:var(--accent)}
.v-rek-hint{color:var(--grijs);font-style:italic;font-family:var(--serif)}
@media (hover:none){.v-rek-pijl{display:none}}
@media (max-width:759px){.v-rek-hint{display:none}.v-stop-alle{font-size:.8rem}}
@media (max-height:520px) and (orientation:landscape){.v-stop-alle{display:none}}
.bestel .g-aantal{font:600 1.35rem var(--sans);font-variant-numeric:lining-nums tabular-nums;color:var(--tekst)}
.lijst-n b,.lijst-totaal td{font-variant-numeric:lining-nums}
.lijst-acties .klein{hyphens:manual}
@media (max-width:759px){.v-stop-alle{justify-content:flex-end;text-align:right}}
/* nieuwe hero (donkerder bovenin): linnen sluier achter kop en logo */
.v-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:clamp(6rem,16vh,9rem);z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(245,238,226,.92),rgba(245,238,226,.6) 55%,rgba(245,238,226,0))}
.lijst[hidden]{display:none}
.v-rek-pijl--l{left:0}.v-rek-pijl--r{right:0}
/* ronde 5 (2): poster = eerste filmbeeld, dus niet meer laten "ademen" (gaf een uitzoom-sprong als de film begon);
   film zonder lange overvloeier; titels komen er pas na een halve seconde in */
.v-hero-poster{animation:none;transform:none}
.v-hero-video{transition:opacity .35s}
.klaar .v-hero-tekst .v-boven,.klaar .v-titel .r1{transition-delay:.5s}.klaar .v-titel .r2{transition-delay:.7s}.klaar .v-lead{transition-delay:.95s}.klaar .v-hero-tekst .v-knoppen{transition-delay:1.15s}

/* livegang 2026-10-30: formulieren via /formulier.php */
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}
.form-bedankt{margin:2rem auto;width:min(40rem,calc(100% - 2.5rem));box-sizing:border-box;padding:2rem;border:1px solid color-mix(in srgb,var(--tekst) 18%,transparent);border-radius:.5rem;background:var(--grond);max-width:40rem}
.form-bedankt h2{margin:.25rem 0 .75rem}
.form-bedankt:focus{outline:none}
.form-fout{color:var(--accent);font-weight:600;margin:.5rem 0}

/* ---------- BOB-3 winkelmand: afrekenen (sinds BOB-8 via Mollie, bezorggegevens in de mand) + bedankpagina */
.lijst-klant{border:0;margin:0 0 .5rem;padding:0;display:flex;flex-direction:column;gap:.625rem;min-width:0}
.lijst-klant legend{padding:0;margin:0 0 .25rem;font:500 1.3rem/1.2 var(--serif);color:var(--tekst)}
.lijst-rij{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.lijst-rij label{font-size:.9rem;color:var(--tekst-2)}
.lijst-rij label small{color:var(--grijs);font-size:.8rem;margin-left:.25rem}
.lijst .lijst-klant input:not([type=checkbox]){min-height:2.75rem;padding:.5rem .75rem;border:1px solid var(--lijn-2);border-radius:.5rem;background:var(--grond-2);color:var(--tekst);font:inherit;font-size:1rem;box-shadow:none}
.lijst .lijst-klant input:not([type=checkbox]):focus{border-color:var(--accent);box-shadow:none}
.lijst .lijst-klant input:not([type=checkbox]):focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.lijst .lijst-klant input[aria-invalid]:not([type=checkbox]){border-color:var(--accent);background:rgba(138,23,48,.05)}
.lijst-twee{display:grid;grid-template-columns:minmax(0,7.5rem) minmax(0,1fr);gap:.75rem}
.lijst-zakelijk{margin:0 0 .75rem;border-top:1px solid var(--lijn);border-bottom:1px solid var(--lijn)}
.lijst-zakelijk>summary{cursor:pointer;list-style:none;display:flex;align-items:baseline;gap:.4rem;min-height:2.75rem;padding:.7rem 1.5rem .7rem 0;position:relative;font-size:.95rem;color:var(--tekst)}
.lijst-zakelijk>summary::-webkit-details-marker{display:none}
.lijst-zakelijk>summary small{color:var(--grijs);font-size:.8rem}
.lijst-zakelijk>summary::after{content:"+";position:absolute;right:.25rem;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--goud)}
.lijst-zakelijk[open]>summary::after{content:"–"}
.lijst-zakelijk[open]{padding-bottom:.75rem}
.lijst-zakelijk .lijst-rij+.lijst-rij{margin-top:.625rem}
.lijst-veld{font-size:.9rem;color:var(--tekst-2)}
.lijst-veld small{color:var(--grijs);font-size:.8rem;margin-left:.25rem}
.lijst-acties textarea{width:100%;min-height:3.6rem;padding:.6rem .75rem;border:1px solid var(--lijn-2);border-radius:.5rem;background:var(--grond-2);color:var(--tekst);font:inherit;font-size:.95rem;resize:vertical}
.lijst-acties textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.lijst-vink{display:flex;align-items:baseline;gap:.6rem;padding:.35rem 0;font-size:.98rem;cursor:pointer}
.lijst-vink input[type=checkbox]{width:1.2rem;height:1.2rem;min-height:0;padding:0;margin:0;flex:none;border:0;box-shadow:none;accent-color:var(--accent);transform:translateY(.2rem);cursor:pointer}   /* site.css:459 geeft inputs width:100% */
.lijst-vink span{flex:1;min-width:0}
.lijst-fout{margin:0;padding:.6rem .875rem;border-left:3px solid var(--accent);background:rgba(138,23,48,.07);font-size:.92rem;color:var(--tekst)}
.lijst-fout a{color:var(--accent)}
.lijst-anders{margin:.25rem 0 0;font-size:.9rem;color:var(--tekst-2)}
.lijst-anders a{color:var(--tekst)}
.lijst-acties .knop[disabled]{opacity:.6;cursor:progress}
.bedankt{max-width:46rem}
.bedankt p{max-width:40rem}
.bedankt-som{width:100%;margin:1.5rem 0;font-size:1.02rem}
.bedankt-som td:first-child{width:3rem;color:var(--tekst-2);text-align:left}
.bedankt-som th{color:var(--tekst)}