:root{--geel:#ffe527;--roze:#ed4b9b;--ink:#31152e;--creme:#fff9ec;--blauw:#74d8dd;--groen:#c6e354;--magenta:#b91666;--focus:#3531c9;--wit:#fff;--steel:#587d36;--ink-2:#6b4a66;--vlak:#f7efdc;--roze-zacht:#fde6f0;--roze-vlak:#fff6fa;--rand-veld:#8a7287;--op-ink:#fff9ecd1;--lijn:#31152e2e;--lijn-zacht:#31152e17;--dim:#31152e8c;--achtergrond:var(--creme);--oppervlak:var(--wit);--tekst:var(--ink);--accent:var(--geel);--accent-tekst:var(--ink);--schaduw-roze:4px 5px 0 var(--roze);--schaduw-kaart:7px 9px 0 #31152e17;--f-body:"DM Sans", Arial, Helvetica, sans-serif;--f-kop:"Barlow Condensed", "Arial Narrow", Impact, sans-serif;--f-display:"Bowlby One SC", Impact, "Arial Black", sans-serif;--f-script:"Caveat", "Segoe Print", "Comic Sans MS", cursive;--r-pil:100px;--r-kaart:10px;--r-blok:18px;--tabs:50px;--gut:16px;--tik:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width>=720px){:root{--gut:24px}}@media (width>=1280px){:root{--gut:40px}}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(/fonts/dm-sans-latin-opsz-normal.woff2)format("woff2-variations")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/barlow-condensed-latin-700-normal.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/barlow-condensed-latin-800-normal.woff2)format("woff2")}@font-face{font-family:Bowlby One SC;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bowlby-one-sc-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/caveat-latin-700-normal.woff2)format("woff2")}html{scroll-behavior:smooth}body{background:var(--creme);color:var(--ink);font:400 15px/1.55 var(--f-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}html:has(dialog[open]){overflow:hidden}*,:before,:after{box-sizing:border-box}h1,h2,h3,h4,p,ol,ul,figure,dl,dd{margin:0}ol,ul{padding:0;list-style:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;height:auto;display:block}a{color:inherit}fieldset{border:0;min-width:0;margin:0;padding:0}:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}main:focus,h1:focus,h2:focus,[tabindex="-1"]:focus:not(:focus-visible){outline:none}.vh{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.sla-over{z-index:90;border-radius:var(--r-pil);background:var(--geel);color:var(--ink);border:1.5px solid var(--ink);padding:10px 16px;font-weight:700;text-decoration:none;position:absolute;top:-60px;left:12px}.sla-over:focus{top:12px}.wrap{width:100%;max-width:1400px;padding-left:max(var(--gut), env(safe-area-inset-left,0px));padding-right:max(var(--gut), env(safe-area-inset-right,0px));margin:0 auto}.ic{flex:none;width:20px;height:20px}.nowrap{white-space:nowrap}.knop{border-radius:var(--r-pil);border:1.5px solid var(--ink);background:var(--ink);min-height:48px;color:var(--creme);font:700 15px/1.15 var(--f-body);text-align:center;justify-content:center;align-items:center;gap:12px;padding:12px 22px;text-decoration:none;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.knop:active{box-shadow:none;transform:scale(.98)}.knop--geel{background:var(--geel);color:var(--ink)}.knop--licht{background:var(--creme);color:var(--ink)}.knop--klein{gap:8px;min-height:44px;padding:8px 16px;font-size:14px}.knop--breed{width:100%}.knop[disabled]{opacity:.5;box-shadow:none;transform:none}.plus{border:1.5px solid var(--ink);background:var(--geel);width:44px;height:44px;color:var(--ink);border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .2s,box-shadow .2s;display:grid}.plus[disabled]{background:var(--vlak);border-color:var(--lijn);color:var(--ink-2);box-shadow:none;transform:none}.link{color:inherit;font:inherit;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;display:inline}.link--pijl{border-bottom:1.5px solid;align-items:center;gap:8px;min-height:0;padding-bottom:3px;text-decoration:none;display:inline-flex}.eyebrow{font:700 11px/1.5 var(--f-body);letter-spacing:2px;text-transform:uppercase}.script{font:700 28px/1.1 var(--f-script)}.voorstel{vertical-align:middle;border-radius:var(--r-pil);font:700 10px/1.7 var(--f-body);letter-spacing:1.4px;text-transform:uppercase;white-space:nowrap;border:1.5px dashed;align-items:center;padding:1px 8px;display:inline-flex}.rij{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.klein{font-size:13px;line-height:1.5}.zacht{color:var(--ink-2)}.prijs{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.chip{border-radius:var(--r-pil);border:1.5px solid var(--ink);background:var(--wit);font:700 12px/1.4 var(--f-body);align-items:center;padding:3px 10px;display:inline-flex}.chip--op{background:var(--roze-zacht);border-color:var(--magenta);color:var(--magenta)}.fout{color:var(--magenta);font-size:14px;font-weight:700}.stip{background:var(--groen);border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px #c6e35440}.stip--dicht{background:var(--roze);box-shadow:0 0 0 3px #ed4b9b40}.sluit{border:1.5px solid var(--ink);background:var(--wit);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.sluit:hover{background:var(--geel)}.demo{background:var(--groen);color:var(--ink);border-bottom:1.5px solid var(--ink);font-size:13px}.demo .wrap{padding-block:6px}.demo__lang{display:none}@media (width>=720px){.demo__lang{display:inline}.demo__kort{display:none}}.balk{background:var(--ink);color:var(--creme)}.balk .wrap{flex-wrap:wrap;align-items:center;gap:10px 20px;min-height:66px;padding-block:10px;display:flex}.balk__logo{align-items:center;min-height:44px;display:inline-flex}.balk__logo img{width:auto;height:38px}.balk__modus{color:var(--op-ink);align-items:center;gap:10px;font-size:13px;display:flex}.balk__chip{background:var(--geel);color:var(--ink);border-radius:var(--r-pil);font:700 13px/1.2 var(--f-body);padding:5px 14px}.balk__status{color:var(--op-ink);align-items:center;gap:8px;font-size:13px;display:flex}.balk__rechts{align-items:center;gap:14px;margin-left:auto;display:flex}.balk__peper{width:22px;height:22px;display:inline-grid}.balk__login{color:var(--creme);font:700 14px var(--f-body);text-underline-offset:3px;background:0 0;border:0;min-height:44px;padding:0 4px;text-decoration:underline}.balk__terug{color:var(--creme);align-items:center;gap:8px;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.balk__terug:hover{text-decoration:underline}.balk__veilig{color:var(--op-ink);align-items:center;gap:8px;font-size:13px;display:inline-flex}.balk :focus-visible{outline-color:var(--geel)}.sluiting-balk{background:var(--roze);color:var(--ink);text-align:center;padding:8px var(--gut);font-size:14px;font-weight:700}@media (width<=719px){.balk__adres,.balk__login{display:none}.balk__logo img{height:32px}.balk__modus{order:3}.balk__status{order:4;font-size:12px}.balk__rechts{order:2}}.tabs{top:env(safe-area-inset-top,0px);z-index:30;background:var(--creme);border-bottom:2px solid var(--ink);position:sticky}.tabs .wrap{scrollbar-width:none;gap:4px;padding-top:4px;display:flex;overflow-x:auto}.tabs .wrap::-webkit-scrollbar{display:none}.tab{min-height:46px;font:700 15px/1 var(--f-body);white-space:nowrap;background:0 0;border:0;border-radius:8px 8px 0 0;flex:none;align-items:center;gap:6px;padding:10px 16px;text-decoration:none;display:inline-flex}.tab:hover{background:#ffe52773}.tab[aria-current=true]{background:var(--geel)}.tab .ic{width:16px;height:16px}.bestel{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:24px 56px;display:grid}@media (width>=1024px){.bestel{grid-template-columns:minmax(0,1fr) 340px}}@media (width>=1280px){.bestel{grid-template-columns:minmax(0,1fr) 400px}}.menu{gap:64px;min-width:0;display:grid}.tas-kolom{display:none}@media (width>=1024px){.tas-kolom{display:block}}.sectie{scroll-margin-top:calc(var(--tabs) + 20px);gap:22px;display:grid}.sectie__kop{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.sectie__kop h2{font:400 clamp(28px, 3.6vw, 44px) / 1 var(--f-display);letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance}.sectie__kop h2 em{color:var(--magenta);font-style:normal}.sectie__kop .eyebrow{margin-bottom:8px}.hero{border:1.5px solid var(--ink);border-radius:var(--r-blok);background:var(--geel) url(/beelden/patronen/geel.webp) repeat;background-size:420px;grid-template-columns:minmax(0,1fr);display:grid;position:relative;overflow:hidden}.hero__tekst{z-index:1;flex-direction:column;justify-content:center;gap:14px;padding:26px 22px 28px;display:flex;position:relative}.hero__groet{align-items:center;gap:12px;display:flex}.hero__avatar{border:1.5px solid var(--ink);background:var(--roze) url(/beelden/danitzah.webp) no-repeat;background-position:44% 4%;background-size:230%;border-radius:50%;flex:none;width:58px;height:58px}.hero__groet .script{font-size:30px;transform:rotate(-3deg)}.hero h1{font:400 clamp(40px, 5.2vw, 68px) / .98 var(--f-display);letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance}.omlijnd{color:var(--creme);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 5px 0 var(--ink)}.hero__lead{max-width:44ch;font-size:16px;line-height:1.6}.hero__knoppen{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.hero__bewijs{align-items:center;gap:10px;margin-top:4px;display:flex}.hero__bewijs .ic{width:18px;height:18px;color:var(--magenta)}.hero__beeld{display:none}@media (width>=720px){.hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);min-height:360px}.hero__tekst{padding:34px 0 34px 40px}.hero__avatar{display:none}.hero__beeld{min-height:320px;display:block;position:relative}.hero__cirkel{aspect-ratio:1;background:var(--roze);border:1.5px solid var(--ink);width:min(300px,86%);box-shadow:0 0 0 10px var(--geel), 0 0 0 11.5px var(--ink);border-radius:50%;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)}.hero__beeld img{object-fit:contain;object-position:bottom center;width:auto;max-width:96%;height:96%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero__made{font:700 30px/1 var(--f-script);background:var(--creme);border:1.5px solid var(--ink);border-radius:var(--r-pil);box-shadow:3px 4px 0 var(--ink);padding:4px 12px;position:absolute;bottom:16px;right:6%;transform:rotate(-7deg)}}.beeld{background:var(--vlak);width:100%;height:100%;display:block;position:relative;overflow:hidden}.beeld img{object-fit:cover;width:100%;height:100%}.beeld__label{border-radius:var(--r-pil);background:var(--creme);border:1.5px dashed var(--ink);font:700 10px/1.7 var(--f-body);letter-spacing:1.4px;text-transform:uppercase;padding:2px 10px;position:absolute;top:8px;left:8px}.beeld--leeg{place-items:center;display:grid}.beeld--mini{border-radius:6px;width:48px;height:60px}.illustratie{width:64%;max-width:160px;height:auto}.illustratie__bord{fill:var(--creme);stroke:var(--ink);stroke-width:2px}.illustratie__rand{fill:none;stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:3 4}.illustratie__vorm{fill:var(--roze);stroke:var(--ink);stroke-width:2px;stroke-linejoin:round}.illustratie__lijn{fill:none;stroke:var(--ink);stroke-width:2px;stroke-linecap:round}.raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width>=720px){.raster{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}}.kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-kaart);min-width:0;box-shadow:var(--schaduw-kaart);flex-direction:column;transition:transform .25s,box-shadow .25s;display:flex;overflow:hidden}.kaart__beeld{aspect-ratio:3/4;background:var(--vlak);cursor:pointer;width:100%;display:block;overflow:hidden}.kaart__beeld img{transition:transform .4s}.kaart__body{flex-direction:column;flex:1;gap:2px;padding:12px 12px 12px 14px;display:flex}.kaart__naam{font:800 22px/1.05 var(--f-kop)}.kaart__naam button{text-align:left;font:inherit;background:0 0;border:0;min-height:24px;padding:0}.kaart__naam button:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.kaart__sub{color:var(--ink-2);font-size:13px;line-height:1.4}.kaart__voet{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.kaart__voet .prijs{font-size:16px}.kaart__allergenen{min-height:24px;font-size:12px;font-weight:600}.kaart__voet .plus{margin-left:auto}.kaart--op .kaart__beeld,.kaart--op .drank__beeld{filter:grayscale(.85);opacity:.7}@media (width>=720px){.kaart__naam{font-size:26px}.kaart__body{padding:14px 14px 14px 16px}}@media (width<=400px){.kaart__allergenen{display:none}}.famia-banner{border:1.5px solid var(--ink);border-radius:var(--r-blok);background:var(--ink);color:var(--creme);grid-template-columns:minmax(0,1fr);gap:22px;padding:26px 22px;display:grid;position:relative;overflow:hidden}.famia-banner:after{content:"";opacity:.18;pointer-events:none;background:url(/beelden/patronen/roze.webp) 50%/220px;border-radius:50%;width:260px;height:260px;position:absolute;inset:auto -60px -80px auto}.famia-banner .eyebrow{color:var(--geel)}.famia-banner h3{font:400 clamp(30px, 3.6vw, 46px) / 1 var(--f-display);letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;margin:10px 0 12px}.famia-banner h3 span{color:var(--geel)}.famia-banner__tekst{z-index:1;flex-direction:column;gap:16px;min-width:0;display:flex;position:relative}.famia-banner__zin{color:var(--op-ink);max-width:52ch}.famia-banner .link{color:var(--creme);min-height:44px}.famia-banner :focus-visible{outline-color:var(--geel)}.famia-banner__beeld{display:none}@media (width>=860px){.famia-banner{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:center;padding:32px 36px}.famia-banner__beeld{justify-self:center;width:min(230px,100%);display:block;position:relative}}.polaroid{background:var(--wit);border:1px solid #31152e26;padding:10px 10px 14px;transform:rotate(5deg);box-shadow:10px 12px #31152e1f}.polaroid img{aspect-ratio:3/4;object-fit:cover;width:100%}.polaroid figcaption{font:700 22px/1.2 var(--f-script);text-align:center;color:var(--ink);padding-top:10px}.badge{text-align:center;background:var(--geel);width:92px;height:92px;color:var(--ink);border:1.5px solid var(--ink);font:700 25px/.9 var(--f-script);box-shadow:3px 4px 0 var(--roze);border-radius:50%;place-items:center;display:grid;position:absolute;transform:rotate(-10deg)}.famia-banner__beeld .badge{top:-22px;left:-34px}.acties{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=720px){.acties{grid-template-columns:repeat(3,minmax(0,1fr))}}.actie{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-kaart);box-shadow:var(--schaduw-kaart);flex-direction:column;display:flex;overflow:hidden}.actie__kop{border-bottom:1.5px solid var(--ink);background-size:260px;place-items:center;height:118px;display:grid;position:relative}.actie__kop--blauw{background-color:var(--blauw);background-image:url(/beelden/patronen/blauw.webp)}.actie__kop--groen{background-color:var(--groen);background-image:url(/beelden/patronen/groen.webp)}.actie__kop--roze{background-color:var(--roze);background-image:url(/beelden/patronen/roze.webp)}.sticker{background:var(--creme);border:1.5px solid var(--ink);width:78px;height:78px;font:400 26px/1 var(--f-display);box-shadow:4px 5px 0 var(--ink);border-radius:50%;place-items:center;display:grid;transform:rotate(-8deg)}.actie__kop .voorstel{background:var(--creme);position:absolute;top:10px;right:10px}.actie__body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.actie__body h3{font:800 25px/1 var(--f-kop);text-transform:uppercase}.actie__body p{color:var(--ink-2);font-size:14px}.actie__body .eyebrow{color:var(--ink)}.actie__body .knop{align-self:flex-start;margin-top:auto}.drinken{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}@media (width>=900px){.drinken{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}}.drinken>li{min-width:0;display:flex}.drinken>li:not(.drank)>*{flex:1;min-width:0}.drank{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-kaart);min-width:0;box-shadow:var(--schaduw-kaart);flex-direction:column;display:flex;overflow:hidden}.drank__beeld{border-bottom:1px solid var(--lijn);place-items:center;height:150px;display:grid}.drank__beeld--foto{aspect-ratio:3/4;height:auto;display:block;overflow:hidden}.drank__beeld svg{width:auto;height:120px}.drank__body{align-items:center;gap:10px;margin-top:auto;padding:12px 12px 12px 14px;display:flex}.drank__body h3{font:800 20px/1.05 var(--f-kop);overflow-wrap:anywhere}.drank__body>div{min-width:0}.drank__body .prijs{font-size:14px}.drank__body .plus{margin-left:auto}.raster .drank__beeld{aspect-ratio:3/4;height:auto}.raster .drank__beeld--foto{aspect-ratio:3/4;height:auto;display:block;overflow:hidden}.drank__beeld svg{height:60%}.voucher{border:2px dashed var(--ink);border-radius:var(--r-kaart);background:var(--geel) url(/beelden/patronen/geel.webp) repeat;background-size:300px;flex-direction:column;gap:8px;padding:0 14px 14px;display:flex;position:relative}.voucher__flessen{flex:1 1 0;min-height:150px;margin-top:-18px;position:relative}.voucher__flessen img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 8px #31152e47);width:100%;height:100%;transition:transform .25s;position:absolute;inset:0}.voucher__titel{font:400 24px/1 var(--f-display);text-transform:uppercase}.voucher__titel span{font:700 30px/1 var(--f-script);text-transform:none;color:var(--magenta);display:block}.voucher .sticker{z-index:1;background:var(--roze);width:62px;height:62px;font-size:19px;position:absolute;top:12px;right:12px}.voucher p{font-size:14px}.voucher__knop{align-self:stretch}@media (width<=899px){.voucher__flessen{min-height:110px}}.samen{border:1.5px solid var(--ink);border-radius:var(--r-blok);background:var(--blauw);grid-template-columns:minmax(0,1fr);align-items:center;gap:26px;padding:26px 22px;display:grid}.samen .polaroid{justify-self:center;max-width:300px;transform:rotate(-3deg)}.samen .polaroid img{aspect-ratio:4/5}.samen__tekst{gap:14px;min-width:0;display:grid}.samen__tekst h2{font:400 clamp(28px, 3.4vw, 44px) / 1.02 var(--f-display);letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance}.samen__tekst h2 em{color:var(--creme);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;text-shadow:3px 4px 0 var(--ink);font-style:normal}@media (width>=860px){.samen{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:34px 40px}}.blokken{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (width>=900px){.blokken{grid-template-columns:repeat(2,minmax(0,1fr))}}.blok{border:1.5px solid var(--ink);border-radius:var(--r-blok);flex-direction:column;gap:14px;padding:26px 24px;display:flex}.blok h2{font:400 clamp(26px, 3vw, 36px) / 1.02 var(--f-display);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}.blok--geel{background:var(--geel) url(/beelden/patronen/geel.webp) repeat;background-size:420px}.blok--roze{background:var(--roze)}.blok--roze .voorstel{background:var(--creme)}.stappen-lijst{counter-reset:s;gap:10px;display:grid}.stappen-lijst li{counter-increment:s;grid-template-columns:32px minmax(0,1fr);align-items:start;gap:12px;display:grid}.stappen-lijst li:before{content:counter(s);background:var(--geel);border:1.5px solid var(--ink);width:32px;height:32px;font:700 14px/1 var(--f-body);border-radius:50%;place-items:center;display:grid}.uitgelicht{background:var(--ink);color:var(--creme);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-weight:600;display:flex}.uitgelicht .ic{color:var(--geel);width:22px;height:22px}.inschrijven{flex-wrap:wrap;gap:10px;display:flex}.inschrijven input{border:1.5px solid var(--ink);border-radius:var(--r-pil);background:var(--wit);flex:200px;min-width:0;min-height:48px;padding:12px 16px;font-size:16px}.inschrijven__fout{flex-basis:100%}.gelukt{background:var(--creme);border:1.5px solid var(--ink);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-weight:700;display:flex}.allergie-regel{border:1.5px dashed var(--rand-veld);border-radius:12px;padding:16px 18px;font-size:14px}.voet{background:var(--ink);color:var(--creme)}.voet .wrap{gap:30px;padding-block:44px 34px;display:grid}.voet__boven{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}@media (width>=720px){.voet__boven{grid-template-columns:1.4fr 1fr 1fr 1fr}}.voet__logo img{width:auto;height:46px}.voet__logo p{color:var(--op-ink);max-width:30ch;margin-top:14px}.voet h2{font:800 18px/1 var(--f-kop);letter-spacing:.06em;text-transform:uppercase;color:var(--geel);margin-bottom:12px}.voet li{margin-bottom:6px}.voet a,.voet button{color:var(--creme);font:inherit;background:0 0;border:0;min-height:24px;padding:0;text-decoration:none;display:inline-block}.voet a:hover,.voet button:hover{text-decoration:underline}.voet :focus-visible{outline-color:var(--geel)}.voet__tijden{color:var(--op-ink);gap:2px;margin-top:10px;font-size:13px;display:grid}.voet__tijden div{flex-wrap:wrap;gap:0 10px;display:flex}.voet__tijden dd{white-space:nowrap}.voet__onder{color:var(--op-ink);border-top:1px solid #fff9ec33;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:22px;font-size:13px;display:flex}.voet__onder a{text-underline-offset:3px;text-decoration:underline}.voet__levren{align-items:center;gap:10px;display:inline-flex}.voet__levren img{width:auto;height:20px}.tas-paneel{top:calc(env(safe-area-inset-top,0px) + var(--tabs) + 16px);position:sticky}.tas{background:var(--wit);border:1.5px solid var(--ink);border-radius:var(--r-kaart);box-shadow:var(--schaduw-kaart);max-height:calc(100vh - var(--tabs) - 32px - env(safe-area-inset-top,0px));flex-direction:column;display:flex;overflow:hidden}@supports (height:100dvh){.tas{max-height:calc(100dvh - var(--tabs) - 32px - env(safe-area-inset-top,0px))}}.tas__kop{border-bottom:1px solid var(--lijn-zacht);justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 18px 12px;display:flex}.tas__kop h1,.tas__kop h2{font:400 24px/1 var(--f-display);text-transform:uppercase}.tas__klaar{align-items:center;gap:8px;margin-top:8px;font-size:13px;font-weight:600;display:flex}.tas__chip{background:var(--geel);border:1.5px solid var(--ink);border-radius:var(--r-pil);font:700 12px/1.3 var(--f-body);flex:none;padding:3px 12px}.tas__midden{overscroll-behavior:contain;flex-direction:column;flex:1;gap:16px;min-height:0;padding:14px 18px 18px;display:flex;overflow-y:auto}.tas__leeg{text-align:center;justify-items:center;gap:10px;padding:14px 4px 6px;display:grid}.tas__leeg svg{width:64px;height:64px}.regels{gap:14px;display:grid}.regel{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;display:grid}.regel__naam{font-weight:700;line-height:1.3}.regel__opties{color:var(--ink-2);grid-column:1;font-size:13px;line-height:1.35}.regel__prijs{text-align:right;grid-area:1/2}.regel__op{grid-column:1;justify-self:start}.regel__acties{grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;display:flex}.regel__acties .link{min-height:44px}.aantal{border:1.5px solid var(--ink);border-radius:var(--r-pil);background:var(--creme);align-items:center;display:inline-flex;overflow:hidden}.aantal button{background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid}.aantal button:hover:not(:disabled){background:var(--geel)}.aantal button:disabled{color:var(--ink-2);opacity:.5}.aantal output{text-align:center;font-variant-numeric:tabular-nums;min-width:26px;font-weight:700}.aantal .ic{width:18px;height:18px}.tas__regel-info{background:var(--creme);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.tas__regel-info svg{flex:none;width:26px;height:26px}.erbij h3{font:800 19px/1.1 var(--f-kop);margin-bottom:10px}.erbij__lijst{gap:8px;display:grid}.erbij__item{border:1px solid var(--lijn);border-radius:10px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px;display:grid}.erbij__item strong{font-size:14px;line-height:1.25;display:block}.erbij__item .knop{min-height:44px;padding:6px 14px;font-size:13px}.erbij>.link{min-height:24px;margin-top:10px;font-size:13px;display:inline-block}.tas__voet{border-top:1.5px solid var(--ink);background:var(--wit);gap:10px;padding:14px 18px 16px;display:grid}.som{gap:4px;font-size:14px;display:grid}.som div{justify-content:space-between;gap:10px;display:flex}.som .totaal{padding-top:4px;font-size:18px;font-weight:700}.som .totaal .klein{font-weight:500}.tas__knop{border-radius:var(--r-pil);border:1.5px solid var(--ink);background:var(--ink);width:100%;min-height:58px;color:var(--creme);font:800 21px/1 var(--f-kop);letter-spacing:.03em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:10px 22px;transition:transform .2s,box-shadow .2s;display:flex}.tas__knop[disabled]{background:var(--vlak);color:var(--ink-2);border-color:var(--lijn);box-shadow:none}.tas__knop .prijs{font:700 17px/1 var(--f-body);letter-spacing:0;text-transform:none}.tas__betaal{color:var(--ink-2);text-align:center;font-size:12px}.spaarblok{border:1.5px solid var(--ink);background:var(--geel);border-radius:10px;gap:6px;padding:14px;display:grid}.spaarblok h3{font:800 18px/1.1 var(--f-kop);text-transform:uppercase;align-items:center;gap:8px;display:flex}.spaarblok h3 svg{width:26px;height:26px}.spaarblok p{font-size:13px;line-height:1.5}.spaarblok .link{min-height:24px}.tas-pagina{max-width:600px;padding-block:24px 56px}.tas-pagina .tas{max-height:none}.tasbalk{z-index:40;padding:10px max(var(--gut), env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(var(--gut), env(safe-area-inset-left,0px));background:var(--creme);border-top:1.5px solid var(--ink);gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.tasbalk .tas__knop{flex:1;font-size:19px}.tasbalk__links,.tasbalk__bekijk{align-items:center;gap:10px;display:inline-flex}.tasbalk__bekijk{flex:none}.tasbalk__aantal{border-radius:var(--r-pil);background:var(--geel);min-width:26px;height:26px;color:var(--ink);font:700 14px/1 var(--f-body);place-items:center;padding:0 6px;display:inline-grid}@media (width>=1024px){.tasbalk--menu{display:none}}.heeft-tasbalk{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}@media (width>=1024px){.heeft-tasbalk--menu{padding-bottom:0}}dialog{color:inherit;border:0;max-width:none;max-height:none;padding:0}dialog::backdrop{background:var(--dim)}dialog[open]{animation:.2s ease-out in}@keyframes in{0%{opacity:0}to{opacity:1}}.lade{background:var(--creme);border-left:1.5px solid var(--ink);width:min(460px,100%);height:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;margin:0 0 0 auto;display:flex;position:fixed;inset:0 0 0 auto}.lade[open]{animation:.25s ease-out schuif;display:flex}.lade:not([open]){display:none}@keyframes schuif{0%{opacity:.4;transform:translate(30px)}to{opacity:1;transform:none}}.lade__kop{padding:14px max(18px, env(safe-area-inset-right,0px)) 12px 20px;border-bottom:1.5px solid var(--ink);background:var(--wit);justify-content:space-between;align-items:center;gap:12px;display:flex}.lade__kop h2{font:400 24px/1 var(--f-display);text-transform:uppercase}.lade__inhoud{padding:20px max(20px, env(safe-area-inset-right,0px)) 28px 20px;overscroll-behavior:contain;flex-direction:column;flex:1;gap:22px;display:flex;overflow-y:auto}.lade__blok{gap:10px;display:grid}.lade__groet{color:var(--magenta)}.lade__extra{gap:8px;display:grid}.lade__extra li{align-items:flex-start;gap:8px;display:flex}.lade__extra .ic{width:18px;height:18px;margin-top:1px}.lade__login{border:1.5px solid var(--ink);background:var(--wit);border-radius:12px;gap:10px;padding:16px;display:grid}.lade__login h3{font:800 20px/1 var(--f-kop)}.lade .link{min-height:24px}.lade--tas .tas{box-shadow:none;border:0;border-radius:0;flex:1;max-height:none}@media (width<=719px){.lade{border-left:0;width:100%}}.venster{background:var(--wit);border:1.5px solid var(--ink);border-radius:var(--r-blok);width:min(800px,100% - 32px);max-height:min(860px,100vh - 32px);box-shadow:9px 11px 0 var(--roze);flex-direction:column;overflow:hidden}.venster[open]{animation:.25s cubic-bezier(.2,.8,.2,1) op;display:flex}@supports (height:100dvh){.venster{max-height:min(860px,100dvh - 32px)}}@keyframes op{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}.venster__beeld{background:var(--vlak);border-bottom:1.5px solid var(--ink);flex:none;height:210px;position:relative}.venster__beeld img{object-position:center 45%}.venster__beeld img[src$="/johnny-cakes.webp"]{object-position:center 36%}.venster__sluit-beeld{position:absolute;top:12px;right:12px}.venster__kant{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.venster__scroll{overscroll-behavior:contain;flex-direction:column;flex:1;gap:18px;padding:20px 22px;display:flex;overflow-y:auto}.venster h2{font:400 clamp(28px, 3.4vw, 38px) / 1 var(--f-display);text-transform:uppercase;letter-spacing:-.02em}.venster__sub{font:700 24px/1.1 var(--f-script);color:var(--magenta);margin-top:4px}.venster__kop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.venster__kop-sluit{display:none!important}.allergenen{background:var(--creme);border:1px solid var(--lijn);border-radius:10px;gap:6px;padding:12px 14px;font-size:13px;display:grid}.allergenen__rij{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.groep{gap:10px;display:grid}.groep:focus{outline:none}.groep legend{float:left;width:100%;font:800 21px/1 var(--f-kop);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:0;padding:0;display:flex}.groep legend .klein{font:600 12px var(--f-body);color:var(--ink-2)}.groep--fout legend{color:var(--magenta)}.groep__fout{color:var(--magenta);font-size:13px;font-weight:700}.tegels{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.tegel{border:1.5px solid var(--rand-veld);background:var(--wit);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;gap:2px;min-height:60px;padding:10px 14px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.tegel input,.vak input{z-index:1;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.tegel strong{font-size:15px}.tegel span{color:var(--ink-2);font-size:13px}.tegel:hover{border-color:var(--ink)}.tegel--aan{border-color:var(--ink);background:var(--creme);box-shadow:3px 4px 0 var(--ink)}.tegel--op{cursor:not-allowed;opacity:.6}.tegel:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.vinklijst{border:1px solid var(--rand-veld);border-radius:12px;overflow:hidden}.vink{border-bottom:1px solid var(--lijn-zacht);cursor:pointer;align-items:center;gap:12px;min-height:52px;padding:0 14px;display:flex}.vink:last-child{border-bottom:0}.vink input{width:22px;height:22px;accent-color:var(--ink);flex:none}.vink span:last-child{color:var(--ink-2);margin-left:auto;font-size:13px}.vink--uit{cursor:not-allowed;color:var(--ink-2)}.venster__voet{border-top:1px solid var(--lijn);background:var(--wit);gap:10px;padding:14px 22px 18px;display:flex}.knop--toevoegen{flex:1;justify-content:space-between}.peper-tip{color:var(--ink-2);align-items:center;gap:10px;font-size:13px;display:flex}.peper-tip svg{flex:none;width:24px;height:24px}@media (width>=760px){.venster{flex-direction:row}.venster__beeld{border-bottom:0;border-right:1.5px solid var(--ink);width:300px;height:auto}.venster__beeld img{object-position:center}.venster__sluit-beeld{display:none}.venster__kop-sluit{display:grid!important}}@media (width<=719px){.venster{border-radius:var(--r-blok) var(--r-blok) 0 0;width:100%;max-height:94vh;box-shadow:none;padding-bottom:env(safe-area-inset-bottom,0px);border-bottom:0;margin:auto 0 0}}.meter{gap:10px;display:grid}.meter__rij{grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;display:grid}.peper{aspect-ratio:1;background:var(--wit);border:1.5px dashed #31152e47;border-radius:50%;place-items:center;width:100%;max-width:56px;display:grid;position:relative}.peper .peper-svg{width:74%;height:74%;overflow:visible}.peper--vol{border:1.5px solid var(--ink);background:var(--creme)}.peper--doel{box-shadow:0 0 0 3px var(--roze)}.peper--doel.peper--vol{box-shadow:0 0 0 3px var(--magenta)}.peper--nieuw .peper-svg{animation:.8s cubic-bezier(.2,.8,.2,1.25) .25s both pop}@keyframes pop{0%{opacity:0;transform:scale(.2)rotate(-40deg)}60%{opacity:1;transform:scale(1.25)rotate(10deg)}to{opacity:1;transform:none}}.peper__gratis{font:700 9px/1 var(--f-body);letter-spacing:.5px;text-transform:uppercase;place-items:center;display:grid;position:absolute;inset:0}.meter__legenda{color:var(--ink-2);justify-content:space-between;align-items:baseline;gap:10px;font-size:12px;display:flex}.meter__legenda .script{color:var(--ink);font-size:20px}.meter--donker .peper{background:#fff9ec14;border-color:#fff9ec59}.meter--donker .peper--vol{background:var(--creme);border-color:var(--creme)}.meter--donker .meter__legenda,.meter--donker .meter__legenda .script,.meter--donker .peper__gratis{color:var(--op-ink)}@media (width<=480px){.meter__rij{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.peper{max-width:none}}.band{background:var(--geel) url(/beelden/patronen/geel.webp) repeat;border-bottom:1.5px solid var(--ink);background-size:420px}.band .wrap{gap:16px;padding-block:28px 22px;display:grid}.band h1{font:400 clamp(34px, 5vw, 60px) / 1 var(--f-display);text-transform:uppercase;letter-spacing:-.03em}.filters{flex-wrap:wrap;gap:8px;display:flex}.filter{border:1.5px solid var(--ink);border-radius:var(--r-pil);background:var(--creme);min-height:44px;font:700 14px/1 var(--f-body);padding:6px 16px}.filter[aria-pressed=true]{background:var(--ink);color:var(--creme)}.hele-menu{padding-block:28px 40px}@media (width>=1024px){.hele-menu .raster{grid-template-columns:repeat(4,minmax(0,1fr))}}.afrekenen{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;padding-block:24px 64px;display:grid}@media (width>=1024px){.afrekenen{grid-template-columns:minmax(0,1fr) 380px;gap:32px}}.afrekenen__kop{gap:12px;display:grid}.afrekenen__kop h1{font:400 clamp(34px, 4.4vw, 54px) / 1 var(--f-display);text-transform:uppercase;letter-spacing:-.03em}.vinkjes{flex-wrap:wrap;gap:8px 18px;font-size:14px;font-weight:600;display:flex}.vinkjes li{align-items:center;gap:6px;display:inline-flex}.vinkjes .ic{width:18px;height:18px;color:var(--magenta)}.strook{border:1.5px solid var(--ink);background:var(--wit);border-radius:12px;justify-content:space-between;gap:12px;padding:12px 14px;font-size:14px;display:flex}.strook>span:not(.vh){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (width>=1024px){.strook{display:none}}.formulier{gap:18px;min-width:0;display:grid}.stap{background:var(--wit);border:1.5px solid var(--ink);border-radius:var(--r-kaart);gap:16px;padding:22px 20px;display:grid}.stap:focus{outline:none}.stap>legend,.stap>h1{float:left;width:100%;font:800 26px/1 var(--f-kop);text-transform:uppercase;align-items:center;gap:12px;padding:0;display:flex}.stap .nr{background:var(--geel);border:1.5px solid var(--ink);width:34px;height:34px;font:700 15px/1 var(--f-body);border-radius:50%;flex:none;place-items:center;display:grid}.vakken{scrollbar-width:thin;gap:8px;padding:4px 2px 6px;display:flex;overflow-x:auto}@media (width>=720px){.vakken{flex-wrap:wrap;overflow:visible}}.vak{border:1.5px solid var(--rand-veld);border-radius:var(--r-pil);background:var(--wit);min-height:44px;font:700 14px/1 var(--f-body);font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;flex:none;align-items:center;padding:0 14px;display:inline-flex;position:relative}.vak:hover{border-color:var(--ink)}.vak--aan{background:var(--ink);color:var(--creme);border-color:var(--ink)}.vak:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}.melding{border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.melding--info{background:var(--creme);border:1.5px solid var(--ink)}.melding .ic{flex:none;margin-top:1px}.adreskaart{background:var(--vlak);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.adreskaart .link{min-height:24px}.velden{gap:14px;display:grid}@media (width>=720px){.velden--twee{grid-template-columns:repeat(2,minmax(0,1fr))}}.veld{align-content:start;gap:6px;min-width:0;display:grid}.veld label{font-size:14px;font-weight:700}.veld label .zacht{font-weight:500}.veld input,.veld textarea{border:1.5px solid var(--rand-veld);background:var(--wit);border-radius:12px;width:100%;min-height:50px;padding:12px 14px;font-size:16px;line-height:1.4}.veld textarea{resize:vertical;min-height:88px}.veld input:hover,.veld textarea:hover{border-color:var(--ink-2)}.veld input:focus,.veld textarea:focus{border-color:var(--ink);outline:3px solid var(--focus);outline-offset:1px}.veld--fout input{border-color:var(--magenta);background:var(--roze-vlak)}.veld__hulp{color:var(--ink-2);font-size:12px}.veld__fout{color:var(--magenta);font-size:13px;font-weight:700}.veld__fout:empty{display:none}.veld__fout:focus{outline:none}.vinkregel{cursor:pointer;align-items:flex-start;gap:12px;font-size:14px;display:flex}.vinkregel input{width:22px;height:22px;accent-color:var(--ink);flex:none;margin:0}.veilig-regel{align-items:flex-start;gap:8px;display:flex}.veilig-regel .ic{width:18px;height:18px}.stap>.link{justify-self:start;min-height:24px}.overzicht{background:var(--wit);border:1.5px solid var(--ink);border-radius:var(--r-kaart);box-shadow:var(--schaduw-kaart);gap:14px;padding:20px;display:grid}@media (width>=1024px){.overzicht{top:calc(env(safe-area-inset-top,0px) + 16px);position:sticky}}.overzicht__kop{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.overzicht__kop h2{font:400 24px/1 var(--f-display);text-transform:uppercase}.overzicht__kop .link{min-height:24px}.overzicht__regels{gap:10px;font-size:14px;display:grid}.overzicht__regels li{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;display:grid}.overzicht__regels small{color:var(--ink-2);grid-column:1;font-size:12px}.koopje{border:2px dashed var(--ink);background:var(--creme);cursor:pointer;border-radius:12px;grid-template-columns:auto 48px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.koopje input{width:22px;height:22px;accent-color:var(--ink);margin:0}.koopje strong{font:800 18px/1.1 var(--f-kop);display:block}.koopje span span{color:var(--ink-2);font-size:13px}.koopje--aan{background:var(--geel);border-style:solid}.koopje--aan span span{color:var(--ink)}.overzicht .klein a{min-height:24px}.betaal-venster{text-align:center;background:var(--wit);border:1.5px solid var(--ink);border-radius:var(--r-blok);width:min(420px,100% - 32px);box-shadow:9px 11px 0 var(--roze);justify-items:center;gap:12px;padding:30px 26px}.betaal-venster[open]{display:grid}.betaal-venster h2{font:400 26px/1 var(--f-display);text-transform:uppercase}.betaal-venster .bedrag{font:800 44px/1 var(--f-kop);font-variant-numeric:tabular-nums}.draai{border:4px solid var(--vlak);border-top-color:var(--roze);border-radius:50%;flex:none;width:42px;height:42px;animation:.9s linear infinite draai;display:inline-block}@keyframes draai{to{transform:rotate(360deg)}}.demobetaling{place-items:center;padding-block:40px 64px;display:grid}.demobetaling__kaart{background:var(--wit);border:2px dashed var(--ink);border-radius:var(--r-blok);gap:18px;width:min(560px,100%);padding:28px 24px;display:grid}.demobetaling__kaart h1{font:400 30px/1 var(--f-display);text-transform:uppercase}.demobetaling__bedrag{background:var(--creme);border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px;display:flex}.demobetaling__bedrag strong{font:800 34px/1 var(--f-kop)}.demobetaling__keuzes{gap:10px;display:grid}@media (width>=560px){.demobetaling__keuzes{grid-template-columns:repeat(2,minmax(0,1fr))}}.leeg-scherm{padding-block:48px 80px}.leeg-scherm .stap{max-width:560px}.leeg-scherm .stap>.knop{justify-self:start}.controleren{align-items:center;gap:14px;display:flex}.status-band{background:var(--geel) url(/beelden/patronen/geel.webp) repeat;border-bottom:1.5px solid var(--ink);background-size:420px}.status-band .wrap{align-items:center;gap:26px;padding-block:30px 34px;display:grid}@media (width>=1024px){.status-band--famia .wrap{grid-template-columns:minmax(0,1fr) 420px;gap:40px}}.status__tekst{gap:14px;min-width:0;display:grid}.status__bedankt{align-items:center;gap:8px;display:flex}.status__tekst h1{font:400 clamp(38px, 6vw, 76px) / .96 var(--f-display);text-transform:uppercase;letter-spacing:-.035em;text-wrap:balance}.status__tekst h1 span{display:block}.status__lead{max-width:56ch;font-size:17px}.status__venster{font-weight:700}.voortgang{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:720px;display:grid}.voortgang li{gap:8px;font-size:14px;font-weight:700;display:grid}.voortgang__balk{border-radius:var(--r-pil);background:#31152e29;border:1px solid #31152e33;height:8px;overflow:hidden}.voortgang__balk span{background:var(--ink);width:0;height:100%;transition:width .8s;display:block}.voortgang__label{align-items:center;gap:8px;display:flex}.voortgang__rondje{border:1.5px solid var(--ink);background:var(--creme);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.voortgang__rondje .ic{width:14px;height:14px}.voortgang li[data-stand=klaar] .voortgang__rondje{background:var(--ink);color:var(--geel)}.voortgang li[data-stand=nu] .voortgang__rondje{background:var(--roze)}.voortgang li[data-stand=nog]{color:var(--ink-2)}.kassacode{border:1.5px solid var(--ink);background:var(--creme);box-shadow:4px 5px 0 var(--ink);border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;width:max-content;max-width:100%;padding:14px 18px;font-weight:700;display:flex}.kassacode strong{font:400 40px/1 var(--f-display)}.peperkaart{background:var(--wit);border:1.5px solid var(--ink);border-radius:var(--r-kaart);box-shadow:var(--schaduw-roze);gap:14px;padding:20px;display:grid}.peperkaart h2{font:400 30px/1 var(--f-display);text-transform:uppercase;align-items:center;gap:10px;display:flex}.peperkaart h2 svg{width:36px;height:36px}.bevestiging{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;padding-block:28px 64px;display:grid}@media (width>=1024px){.bevestiging{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:28px}}.kolom{gap:18px;min-width:0;display:grid}.kolom__terug{justify-self:start}.meterblok{border:2px solid var(--ink);border-radius:var(--r-kaart);background:var(--wit);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 20px;padding:20px 22px;display:flex}.meterblok h2{font:800 25px/1.05 var(--f-kop)}.meterblok p{color:var(--ink-2);max-width:44ch;font-size:14px}.meterblok--klaar{background:var(--creme);border-style:dashed}.bon{border:1.5px solid var(--ink);border-radius:var(--r-blok);background:var(--geel);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}@media (width>=640px){.bon{grid-template-columns:150px minmax(0,1fr)}}.bon__beeld{background:var(--vlak);border-bottom:1.5px dashed var(--ink);min-height:150px}@media (width>=640px){.bon__beeld{border-bottom:0;border-right:1.5px dashed var(--ink)}}.bon__beeld img{object-fit:cover;width:100%;height:100%}.bon__tekst{gap:10px;padding:20px;display:grid}.bon__tekst h2{font:400 clamp(24px, 2.6vw, 32px) / 1 var(--f-display);text-transform:uppercase}.bon__code{border:2px dashed var(--ink);min-height:44px;font:700 14px/1 var(--f-body);letter-spacing:2px;background:var(--creme);border-radius:10px;align-items:center;width:max-content;padding:0 16px;display:inline-flex}.kleinkaart{background:var(--wit);border:1px solid var(--lijn);border-radius:var(--r-kaart);box-shadow:var(--schaduw-kaart);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;padding:16px 18px;display:grid}.kleinkaart__ic{border:1.5px solid var(--ink);border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.kleinkaart__ic--blauw{background:var(--blauw)}.kleinkaart__ic--geel{background:var(--geel)}.kleinkaart__ic .ic{width:24px;height:24px}.kleinkaart h3{font:800 20px/1.1 var(--f-kop);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kleinkaart p{color:var(--ink-2);font-size:14px}.kleinkaart .knop{grid-column:1/-1;justify-self:start}@media (width>=560px){.kleinkaart{grid-template-columns:48px minmax(0,1fr) auto}.kleinkaart .knop{grid-column:auto}}.pas{background:var(--geel);border:1.5px solid var(--ink);box-shadow:10px 12px 0 var(--roze);border-radius:8px;padding:20px 22px 0;position:relative;transform:rotate(-1.2deg)}.pas__top{border-bottom:1px solid #31152e33;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.pas__top img{width:auto;height:30px}.pas__top span{font:900 10px/1.2 var(--f-body);letter-spacing:2px;text-transform:uppercase;text-align:right}.pas__route{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:10px;padding:14px 0 4px;display:grid}.pas__route .eyebrow{font-size:9px;display:block}.pas__groot{font:800 clamp(38px, 4.6vw, 56px) / 1 var(--f-kop);font-variant-numeric:tabular-nums;display:block}.pas__route>div:last-child{text-align:right}.pas__vlieg{width:54px;height:54px;margin-bottom:6px;transform:rotate(90deg)}.pas__scheur{border-bottom:2px dashed #31152e73;margin:16px -22px;position:relative}.pas__scheur:before,.pas__scheur:after{content:"";background:var(--creme);border:1.5px solid var(--ink);border-radius:50%;width:22px;height:22px;position:absolute;top:-11px}.pas__scheur:before{left:-12px}.pas__scheur:after{right:-12px}.pas__info{letter-spacing:1px;text-transform:uppercase;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;font-size:10px;display:grid}.pas__info dd{font:700 13px/1.3 var(--f-body);letter-spacing:0;text-transform:none;overflow-wrap:anywhere;margin-top:3px}.pas__regels{gap:8px;font-size:14px;display:grid}.pas__regels li{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.pas__regels small{color:var(--ink-2);font-size:12px;display:block}.pas__totaal{border-top:1px solid #31152e33;justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;padding-top:10px;font-size:16px;font-weight:700;display:flex}.pas__notitie{margin-top:8px}.pas__onder{background:var(--ink);color:var(--creme);border-radius:0 0 6px 6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px -22px 0;padding:14px 22px;font-size:13px;font-weight:600;display:flex}.pas__onder a{color:var(--creme);align-items:center;min-height:24px;display:inline-flex}.pas__onder :focus-visible{outline-color:var(--geel)}.juridisch{gap:18px;max-width:760px;padding-block:32px 64px;display:grid}.juridisch h1{font:400 clamp(30px, 4vw, 44px) / 1 var(--f-display);text-transform:uppercase}.juridisch h2{font:800 22px/1.1 var(--f-kop);margin-bottom:6px}.concept-balk{border:1.5px dashed var(--ink);background:var(--groen);border-radius:12px;padding:10px 14px;font-weight:700}.toast-plek{left:0;right:0;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:80;pointer-events:none;justify-content:center;display:flex;position:fixed}body:has(.tasbalk) .toast-plek{bottom:calc(92px + env(safe-area-inset-bottom,0px))}@media (width>=1024px){body:has(.tasbalk--menu) .toast-plek{bottom:calc(20px + env(safe-area-inset-bottom,0px))}}.toast{pointer-events:auto;background:var(--ink);width:max-content;min-width:min(300px,100% - 32px);max-width:calc(100% - 32px);color:var(--creme);border:1.5px solid var(--ink);box-shadow:4px 5px 0 var(--roze);border-radius:14px;align-items:center;gap:14px;padding:12px 14px 12px 18px;font-size:14px;font-weight:600;animation:.25s ease-out op;display:flex}.toast>span{flex:1;min-width:0}.toast__actie{color:var(--geel);white-space:nowrap;min-height:32px}.toast :focus-visible{outline-color:var(--geel)}@media (hover:hover) and (pointer:fine){.knop:hover{box-shadow:var(--schaduw-roze);transform:translateY(-3px)rotate(-1.5deg)}.plus:hover{box-shadow:3px 4px 0 var(--roze);transform:translateY(-2px)rotate(-8deg)}.kaart:hover{transform:translateY(-4px);box-shadow:7px 9px #ed4b9b8c}.kaart:hover .kaart__beeld img{transform:scale(1.03)}.tas__knop:hover:not(:disabled){box-shadow:var(--schaduw-roze);transform:translateY(-2px)}.kaart--op:hover{box-shadow:var(--schaduw-kaart);transform:none}.voucher:hover .voucher__flessen img{transform:translateY(-4px)rotate(-2deg)}.knop[disabled]:hover,.plus[disabled]:hover{box-shadow:none;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.draai,.peper--nieuw .peper-svg{animation:none}.voucher:hover .voucher__flessen img{transform:none}}