/* De Kaaskamer Fondue - lokale fonts en eigen CSS. */

@font-face{font-family:"Deka Display";src:url("/assets/fonts/display.ttf") format("truetype");font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:"Deka Text";src:url("/assets/fonts/text.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Deka Sans";src:url("/assets/fonts/sans.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}
:root{--bg:#fdf7ec;--bg2:#fbf3e2;--cream:#fffaf1;--yellow:#fde9a8;--pale:#fdf1cf;--wine:#5b0f24;--wine-d:#5b0a1e;--red:#c3122a;--red-d:#a40f23;--ink:#3d2e2e;--muted:#6c5b58;--line:#eadfc8;
--head:"Deka Display",Georgia,serif;--serif:"Deka Text",Georgia,serif;--sans:"Deka Sans",Arial,sans-serif;--script:"Segoe Script","Bradley Hand","Brush Script MT","Lucida Handwriting","Snell Roundhand",cursive}
body.deka{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body-font,var(--serif));--fs:max(15px,calc(14 * var(--px)));font-size:var(--fs);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img,svg{max-width:100%}
img{height:auto}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--head);color:var(--wine);margin:0;font-weight:700;letter-spacing:-.015em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:8px;top:-80px;background:#fff;color:var(--wine);padding:10px 14px;z-index:100;border-radius:6px;font:600 15px var(--sans)}
.skip:focus{top:8px}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.ic{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wrap{width:min(100% - 2*var(--pad),var(--maxw));margin-inline:auto}
.deco{display:block;position:absolute;pointer-events:none;width:calc(var(--w,100)*var(--px));height:auto;max-width:none}
svg.deco-svg{position:absolute;pointer-events:none;color:#6b1a2b;stroke-width:1.3}
.sprig{width:calc(60 * var(--px));height:auto;aspect-ratio:60/100}
.eyebrow{font:700 max(10.5px,calc(9.5 * var(--px)))/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;background:var(--red);color:#fff;border:0;border-radius:calc(5 * var(--px));padding:.85em 1.6em;font:600 max(13px,calc(12.5 * var(--px)))/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background .15s}
.btn:hover{background:var(--red-d)}
.btn .ic{font-size:1.1em}
.btn--pill{border-radius:999px}
.btn--ghost{background:transparent;color:var(--red);border:1px solid #e3b9ad;box-shadow:inset 0 0 0 0 transparent}
.btn--ghost:hover{background:#fff3ea;color:var(--red-d)}
.btn--ghost[aria-pressed="true"]{background:var(--red);color:#fff;border-color:var(--red)}
.more{display:inline-flex;align-items:center;align-self:flex-start;gap:.4em;color:var(--red);font:700 max(12.5px,calc(11.5 * var(--px)))/1.3 var(--sans);text-decoration:underline;text-underline-offset:.28em;text-decoration-thickness:1px}
.more:hover{color:var(--red-d)}
.h-rule::after{content:"";display:block;width:calc(44 * var(--px));height:calc(3 * var(--px));border-radius:calc(3 * var(--px));background:#f4cf62;margin-top:calc(8 * var(--px))}
.script{font-family:var(--script);font-style:italic;font-weight:400;color:var(--wine)}
.form-help{font:max(12px,calc(10.5 * var(--px)))/1.4 var(--sans);color:#5b4a46;margin-top:calc(8 * var(--px))}
.form-status{font:600 max(12.5px,calc(11.5 * var(--px)))/1.4 var(--sans);color:#14532d;background:#e8f4e5;border:1px solid #b8d9b2;border-radius:6px;padding:8px 10px;margin-top:calc(8 * var(--px))}

/* header */
.site-header{position:relative;z-index:40;background:var(--hdr-bg,transparent)}
.site-header .wrap{width:min(100% - 2*var(--hpad,var(--pad)),var(--hmax,var(--maxw)))}
.hdr-row{display:flex;align-items:center;min-height:var(--hdr-h,calc(56 * var(--px)));gap:16px}
.logo{display:inline-flex;align-items:center;color:var(--wine);text-decoration:none;font-family:var(--head);line-height:1;flex:none;--wedge-fill:var(--yellow)}
.logo-text{display:flex;flex-direction:column}
.logo-name{font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.logo-sub{white-space:nowrap}
.logo--home{font-size:calc(22 * var(--px));gap:calc(6 * var(--px));align-items:flex-end}
.logo--home .logo-text{gap:0}
.logo--home .logo-sub{font-weight:700;letter-spacing:-.01em}
.logo--home .logo-ic{width:calc(36 * var(--px));height:auto;aspect-ratio:48/34;margin-bottom:calc(4 * var(--px))}
.logo--aan{font-size:calc(26 * var(--px));gap:0}
.logo--aan .logo-ic{width:calc(68 * var(--px));height:auto;aspect-ratio:48/34}
.logo--aan .logo-name{margin-top:calc(-2 * var(--px))}
.logo--aan .logo-sub{font:600 max(10px,calc(10.5 * var(--px)))/1 var(--serif);letter-spacing:.34em;margin:calc(5 * var(--px)) 0 0 calc(2 * var(--px));color:var(--wine)}
.logo--kaas{font-size:calc(26 * var(--px));gap:calc(6 * var(--px))}
.logo--kaas .logo-ic{width:calc(58 * var(--px));height:auto;aspect-ratio:48/34}
.logo--kaas .logo-sub{font:400 max(8.5px,calc(8.5 * var(--px)))/1 var(--sans);letter-spacing:.6em;margin:calc(5 * var(--px)) 0 0 calc(3 * var(--px));color:#c4a04b}
.logo--recept{font-size:calc(22 * var(--px));gap:calc(8 * var(--px))}
.logo--recept .logo-ic{width:calc(38 * var(--px));height:auto;aspect-ratio:48/40}
.logo--recept .logo-name{font-weight:400;letter-spacing:0}
.logo--recept .logo-sub{font:400 max(8.5px,calc(9 * var(--px)))/1 var(--sans);letter-spacing:.34em;margin:calc(5 * var(--px)) 0 0 calc(2 * var(--px));color:#7a2a35;text-transform:uppercase}
.logo--contact{font-size:calc(25 * var(--px));gap:calc(8 * var(--px))}
.logo--contact .logo-ic{width:calc(72 * var(--px));height:auto;aspect-ratio:48/34}
.logo--contact .logo-sub{font-weight:700;letter-spacing:-.01em}
.site-nav{margin-left:var(--nav-ml,auto)}
.site-nav ul{display:flex;gap:var(--nav-gap,calc(26 * var(--px)))}
.site-nav a{display:block;padding:.45em 0;font:var(--nav-w,400) var(--nav-fs,max(13px,calc(12.5 * var(--px))))/1.2 var(--nav-font,var(--sans));color:var(--nav-c,#2a1a1a);text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.site-nav a:hover{color:var(--red)}
.site-nav a[aria-current="page"]{color:var(--active,var(--wine));border-bottom-color:var(--red)}
.search-btn{margin-left:var(--srch-ml,auto);width:max(36px,calc(26 * var(--px)));height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--wine);font-size:max(18px,calc(17 * var(--px)));cursor:pointer}
.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border:0;background:transparent;color:var(--wine);cursor:pointer;align-items:center;justify-content:center}
.nav-toggle .bars,.nav-toggle .bars::before,.nav-toggle .bars::after{display:block;width:22px;height:2px;background:currentColor;border-radius:2px;content:""}
.nav-toggle .bars{position:relative}
.nav-toggle .bars::before{position:absolute;top:-7px;left:0}
.nav-toggle .bars::after{position:absolute;top:7px;left:0}

/* search box */
.zoekbox{position:fixed;inset:0;z-index:90;background:rgba(60,15,25,.55);display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 16px}
.zoek-panel{background:var(--bg);width:min(100%,640px);max-height:84vh;overflow:auto;border-radius:12px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.3);font-family:var(--sans);color:var(--ink)}
.zoek-form{display:flex;gap:10px}
.zoek-form input{flex:1;min-width:0;font:16px var(--sans);padding:12px 14px;border:1px solid #d9c9a6;border-radius:8px;background:#fff}
.zoek-form button{border:0;border-radius:8px;background:var(--wine);color:#fff;font:600 15px var(--sans);padding:0 16px;cursor:pointer}
.zoek-resultaten{margin-top:12px}
.zoek-resultaten a{display:block;padding:10px 6px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--wine);font:600 17px var(--serif)}
.zoek-resultaten a:hover{background:#fff6dc}
.zoek-resultaten small{display:block;font:400 13px var(--sans);color:var(--muted);margin-top:2px}
.zoek-leeg{color:var(--muted);font-size:15px;margin-top:12px}

/* shared chips / pager / forms */
.chips{display:flex;flex-wrap:wrap;gap:calc(10 * var(--px))}
.chip{appearance:none;border:0;border-radius:999px;background:var(--chip-bg,#fbeecd);color:#5a1a26;font:var(--chip-f,400 max(14px,calc(13 * var(--px))) var(--serif));padding:.62em 1.9em;cursor:pointer;transition:background .15s}
.chip:hover{background:#f8e2a8}
.chip[aria-pressed="true"]{background:var(--red);color:#fff;font-weight:600}
.empty{padding:24px 0;color:var(--muted)}
.pager{display:flex;justify-content:center;gap:calc(10 * var(--px));margin-top:calc(22 * var(--px))}
.pg{width:max(36px,calc(32 * var(--px)));height:max(36px,calc(32 * var(--px)));border-radius:50%;border:0;background:#fbefce;color:#4a2a2a;font:max(14px,calc(13 * var(--px))) var(--sans);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.pg:hover{background:#f8e2a8}
.pg[aria-current="page"]{background:var(--red);color:#fff;font-weight:700}
.nl-wrap{min-width:0}
.nl-form{display:flex;width:100%}
.nl-form input{flex:1;min-width:0;height:max(42px,calc(38 * var(--px)));border:1px solid #e8dab0;border-right:0;background:#fffaf0;border-radius:calc(6 * var(--px)) 0 0 calc(6 * var(--px));padding:0 calc(14 * var(--px));font:max(14px,calc(12 * var(--px))) var(--sans);color:var(--ink)}
.nl-form input::placeholder{color:#8f8070}
.nl-form .btn{height:max(42px,calc(38 * var(--px)));border-radius:0 calc(6 * var(--px)) calc(6 * var(--px)) 0;white-space:nowrap}
details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
details>summary .ic-chev{transition:transform .2s}
details[open]>summary .ic-chev{transform:rotate(180deg)}

/* footer base */
.site-footer{background:var(--wine-d);color:#f6e7c9;position:relative;overflow:hidden}
.site-footer a{color:inherit;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer .logo{color:#fbeecf;--wedge-fill:none}
.site-footer .logo--kaas .logo-sub{color:#d9b866}
.site-footer .logo--recept .logo-sub{color:#e6c9a0}
.ft-in{position:relative}
.ft-nav ul{display:flex;flex-wrap:wrap;gap:var(--ft-gap,calc(30 * var(--px)))}
.ft-nav a{font:max(13px,calc(11.5 * var(--px))) var(--ft-font,var(--sans));padding:4px 0;display:inline-block;border-bottom:1px solid transparent}
.ft-nav a[aria-current="page"]{font-weight:700;border-bottom-color:#f6e7c9}
.ft-bar{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;border-top:1px solid rgba(246,231,201,.22);padding:calc(12 * var(--px)) 0 calc(14 * var(--px));font:max(12px,calc(9.5 * var(--px))) var(--sans);color:#e8d3ac}
.ft-bar nav{display:flex;gap:calc(12 * var(--px))}
.ft-bar nav a+a::before{content:"|";margin-right:calc(12 * var(--px));color:rgba(246,231,201,.5)}
.ft-script{font-family:var(--script);font-style:italic;color:#f1d9a6;line-height:1.15}


body.pg-home{--px:calc(min(100vw,1280px)/852);--pad:calc(46 * var(--px));--maxw:calc(760 * var(--px));--body-font:var(--sans);--hdr-h:calc(52 * var(--px));--hdr-bg:linear-gradient(90deg,#fde8a9,#fdeeb9 45%,#fdf3d2);--nav-ml:calc(78 * var(--px));--nav-gap:calc(26 * var(--px));--nav-fs:max(13px,calc(12.5 * var(--px)));--nav-c:#2b1a1c;--active:var(--wine);background:#fcf6ea}
.hero-home{position:relative;background:var(--hdr-bg);min-height:calc(324 * var(--px));overflow:hidden}
.hero-home .hero-img{position:absolute;top:0;right:0;bottom:0;width:min(52%,calc(442 * var(--px)))}
.hero-home .hero-img img{display:block;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 26%);mask-image:linear-gradient(90deg,transparent 0,#000 26%)}
.hero-home .wrap{position:relative}
.hero-copy{width:min(100%,calc(340 * var(--px)));padding:calc(26 * var(--px)) 0 calc(64 * var(--px))}
.hero-home h1{font-size:calc(56 * var(--px));line-height:.94;letter-spacing:-.02em}
.hero-rule{display:block;width:calc(54 * var(--px));height:calc(3 * var(--px));border-radius:calc(3 * var(--px));background:#f4c744;margin:calc(14 * var(--px)) 0 calc(16 * var(--px))}
.hero-copy p{font-size:max(15px,calc(15 * var(--px)));line-height:1.5;color:#2f2222}
.hero-copy .btn{margin-top:calc(18 * var(--px))}
.hero-fork{position:absolute;left:calc(178 * var(--px));top:calc(198 * var(--px));width:calc(96 * var(--px));height:calc(96 * var(--px));color:#6b1a2b;stroke-width:1.2;pointer-events:none}
.hero-home .hero-fork{max-width:none}
.hero-note{position:absolute;left:calc(256 * var(--px));top:calc(246 * var(--px));width:calc(120 * var(--px));font:italic 400 max(14px,calc(14 * var(--px)))/1.05 var(--script);color:var(--wine);transform:rotate(-14deg);transform-origin:left top;pointer-events:none}
.hero-note .ic{display:block;margin-top:calc(4 * var(--px));font-size:calc(14 * var(--px));stroke-width:1.6}
.sec{padding-top:calc(34 * var(--px))}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;position:relative}
.sec-title{font-size:calc(32 * var(--px));line-height:1.1}
.sec-title::after{content:"";display:block;width:calc(44 * var(--px));height:calc(3 * var(--px));border-radius:calc(3 * var(--px));background:#f4cf62;margin-top:calc(8 * var(--px))}
.tiles-note{position:absolute;right:calc(14 * var(--px));top:calc(-6 * var(--px));width:calc(96 * var(--px));font:italic 400 max(13px,calc(12.5 * var(--px)))/1.1 var(--script);color:var(--wine);transform:rotate(-8deg)}
.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(12 * var(--px));margin-top:calc(18 * var(--px))}
.tile{display:flex;flex-direction:column;background:#fffaf1;border:1px solid #f0e5cd;border-radius:calc(8 * var(--px));overflow:hidden;text-decoration:none;color:var(--ink);transition:box-shadow .15s,transform .15s}
.tile:hover{box-shadow:0 6px 18px rgba(91,15,36,.12);transform:translateY(-2px)}
.tile img{display:block;width:100%;aspect-ratio:138/106;object-fit:cover}
.tile-label{display:flex;justify-content:space-between;align-items:flex-end;gap:6px;padding:calc(11 * var(--px)) calc(12 * var(--px)) calc(13 * var(--px));min-height:calc(54 * var(--px));flex:1;font-size:max(13.5px,calc(13 * var(--px)));line-height:1.25}
.tile-label .ic{color:var(--wine);font-size:1.15em}
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(14 * var(--px));margin-top:calc(20 * var(--px))}
.rcard-thumb{position:relative;display:block;border-radius:calc(6 * var(--px));overflow:hidden}
.rcard-thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.badge{position:absolute;left:calc(7 * var(--px));bottom:calc(7 * var(--px));background:#fde39e;color:#4a2814;font:700 max(10px,calc(9.5 * var(--px)))/1 var(--sans);letter-spacing:.05em;padding:calc(6 * var(--px)) calc(8 * var(--px));border-radius:calc(3 * var(--px))}
.rcard h3{font-size:calc(18 * var(--px));line-height:1.15;margin:calc(12 * var(--px)) 0 calc(5 * var(--px))}
.rcard h3 a{text-decoration:none;color:inherit}
.rcard p{font-size:max(14px,calc(13 * var(--px)));line-height:1.4;color:#5f4f4c;margin-bottom:calc(10 * var(--px))}
.rcard .more{margin-top:calc(2 * var(--px))}
.band{position:relative;margin-top:calc(34 * var(--px));background:linear-gradient(90deg,#fde9a9 0,#fdedb8 50%,#f8dfa0 100%);overflow:hidden}
.band .wrap{position:relative;min-height:calc(289 * var(--px));padding:calc(40 * var(--px)) 0 calc(36 * var(--px))}
.band-copy{width:min(100%,calc(340 * var(--px)));position:relative;z-index:2}
.band .eyebrow{color:#6a1a28;letter-spacing:.16em}
.band h2{font-size:calc(46 * var(--px));line-height:1;margin-top:calc(10 * var(--px))}
.band .h-rule::after{margin-top:calc(12 * var(--px))}
.band p.txt{font-size:max(14.5px,calc(13.5 * var(--px)));line-height:1.45;color:#3a2a2a;margin:calc(12 * var(--px)) 0 calc(16 * var(--px));width:min(100%,calc(290 * var(--px)))}
.band-img{position:absolute;top:0;bottom:0;right:17.25%;width:min(37.6%,calc(320 * var(--px)))}
.band-img img{display:block;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 80%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 80%,transparent 100%)}
.band-note{position:absolute;right:3.5%;top:calc(32 * var(--px));width:calc(112 * var(--px));font:italic 400 max(14px,calc(14 * var(--px)))/1.1 var(--script);color:var(--wine);transform:rotate(-9deg);z-index:2}
.band-wedge{position:absolute;right:3.5%;top:calc(122 * var(--px));width:calc(46 * var(--px));height:auto;aspect-ratio:48/34;color:#6b1a2b;stroke-width:1.2;--wedge-fill:none}
.agrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16 * var(--px));margin-top:calc(18 * var(--px))}
.acard img{display:block;width:100%;aspect-ratio:242/115;object-fit:cover;border-radius:calc(6 * var(--px))}
.acard h3{font-size:calc(16 * var(--px));line-height:1.2;margin:calc(12 * var(--px)) 0 calc(6 * var(--px))}
.acard h3 a{text-decoration:none;color:inherit}
.acard p{font-size:max(14px,calc(13 * var(--px)));line-height:1.4;color:#5f4f4c;margin-bottom:calc(8 * var(--px))}
.news-home{width:min(100% - calc(16 * var(--px)),calc(836 * var(--px)));margin:calc(38 * var(--px)) auto 0;max-width:100%}
.news-box{display:flex;align-items:center;gap:calc(26 * var(--px));background:#fde8a6;border-radius:calc(8 * var(--px));padding:calc(18 * var(--px)) calc(38 * var(--px));min-height:calc(100 * var(--px));position:relative}
.news-box .deco{position:static;flex:none}
.news-copy{flex:1.1;min-width:0}
.news-copy h2{font-size:calc(24 * var(--px));line-height:1.1}
.news-copy p{font-size:max(13px,calc(11.5 * var(--px)));line-height:1.4;color:#3b2b2b;max-width:calc(310 * var(--px));margin-top:calc(6 * var(--px))}
.news-box .nl-wrap{flex:1;min-width:0}
.ft-home .ft-main{display:flex;align-items:center;gap:calc(60 * var(--px));padding:calc(24 * var(--px)) 0 calc(14 * var(--px));min-height:calc(100 * var(--px))}
.ft-home .ft-brand{display:flex;flex-direction:column}
.ft-home .ft-script{font-size:max(13px,calc(12 * var(--px)));margin:calc(-2 * var(--px)) 0 0 calc(56 * var(--px));transform:rotate(-7deg);transform-origin:left top}
.ft-home .deco{right:0;top:0}


body.pg-aan{--px:calc(min(100vw,1280px)/1024);--pad:calc(57 * var(--px));--maxw:calc(913 * var(--px));--body-font:var(--serif);--hdr-h:calc(70 * var(--px));--hpad:calc(66 * var(--px));--hdr-bg:transparent;--nav-ml:calc(62 * var(--px));--nav-gap:calc(28 * var(--px));--nav-fs:max(14px,calc(13 * var(--px)));--nav-font:var(--serif);--nav-c:#3b1119;--active:var(--red);--chip-bg:#fbefcf;background:#fdf8ee}
.hero-aan{position:relative}
.hero-aan .wrap{position:relative;padding-bottom:calc(20 * var(--px))}
.hero-aan-copy{padding:calc(10 * var(--px)) 0 0 calc(52 * var(--px))}
.hero-aan h1{font-size:calc(62 * var(--px));line-height:.92;letter-spacing:-.02em}
.hero-aan .hero-rule{background:var(--red);width:calc(43 * var(--px));height:calc(2.5 * var(--px));margin:calc(10 * var(--px)) 0 calc(16 * var(--px))}
.hero-aan p.lead{font-size:max(15px,calc(15.5 * var(--px)));color:#3b2a2a}
.hero-aan .deco{left:calc(611 * var(--px));top:calc(-14 * var(--px))}
.aan-note{position:absolute;left:calc(728 * var(--px));top:calc(58 * var(--px));width:calc(150 * var(--px));font:italic 400 max(14px,calc(15 * var(--px)))/1.1 var(--script);color:#4a1a28;transform:rotate(-14deg);transform-origin:left top;pointer-events:none}
.feat-aan{display:grid;grid-template-columns:520fr 393fr;min-height:calc(276 * var(--px));border-radius:calc(8 * var(--px));overflow:hidden;background:#fdf0cb;box-shadow:0 2px 12px rgba(91,40,30,.08)}
.feat-aan>img,.feat-aan>.feat-img{display:block;width:100%;height:100%;object-fit:cover}
.feat-aan .feat-img{min-height:0}
.feat-aan .feat-img img{display:block;width:100%;height:100%;object-fit:cover}
.feat-panel{position:relative;padding:calc(24 * var(--px)) calc(30 * var(--px));background:linear-gradient(135deg,#fdf4d6,#fdecbd);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.feat-panel .eyebrow{letter-spacing:.14em}
.feat-panel h2{font-size:calc(36 * var(--px));line-height:1.04;margin:calc(12 * var(--px)) 0 calc(14 * var(--px));letter-spacing:-.02em}
.feat-panel p{font-size:max(14px,calc(13.5 * var(--px)));line-height:1.5;color:#4a3c3a;margin-bottom:calc(16 * var(--px))}
.feat-panel .sprig{position:absolute;right:calc(14 * var(--px));bottom:calc(8 * var(--px));width:calc(40 * var(--px));color:#6b1a2b;stroke-width:1.2;opacity:.9}
.feat-panel .btn{border-radius:calc(5 * var(--px))}
.aan-filters{display:flex;justify-content:center;margin:calc(22 * var(--px)) 0 calc(20 * var(--px))}
.aan-filters .chips{justify-content:center}
.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(17 * var(--px)) calc(18 * var(--px))}
.pcard{background:#fffdf8;border-radius:calc(6 * var(--px));box-shadow:0 2px 10px rgba(91,40,30,.07);overflow:hidden;display:flex;flex-direction:column}
.pcard-img{display:block}
.pcard-img img{display:block;width:100%;aspect-ratio:288/133;object-fit:cover}
.pcard-body{padding:calc(13 * var(--px)) calc(16 * var(--px)) calc(14 * var(--px));display:flex;flex-direction:column;flex:1}
.pcard h2,.pcard h3{font-size:calc(19 * var(--px));line-height:1.12;margin:calc(8 * var(--px)) 0 calc(6 * var(--px));letter-spacing:-.01em}
.pcard h2 a,.pcard h3 a{text-decoration:none;color:inherit}
.pcard p{font-size:max(14px,calc(13.5 * var(--px)));line-height:1.42;color:#54443f}
.pcard .more{margin-top:auto;padding-top:calc(8 * var(--px));font-family:var(--serif);font-size:max(13.5px,calc(13 * var(--px)))}
.news--aan{margin-top:calc(34 * var(--px));background:#fde28c;overflow:hidden}
.news--aan .news-in{position:relative;display:grid;grid-template-columns:1fr minmax(0,calc(390 * var(--px))) 1fr;align-items:center;min-height:calc(154 * var(--px));padding:calc(18 * var(--px)) 0}
.news--aan .news-left{position:relative;min-height:calc(114 * var(--px))}
.news--aan .news-left .deco{position:absolute;left:calc(11 * var(--px));top:calc(-4 * var(--px))}
.news--aan .news-note{position:absolute;left:calc(150 * var(--px));top:calc(6 * var(--px));font:italic 400 max(14px,calc(14 * var(--px)))/1.1 var(--script);color:#4a1a28;transform:rotate(-8deg);width:calc(100 * var(--px))}
.news--aan .news-mid{text-align:center}
.news--aan h2{font-size:calc(26 * var(--px));line-height:1.1}
.news--aan .news-mid>p{font-size:max(14px,calc(13.5 * var(--px)));line-height:1.4;color:#3b2a2a;margin:calc(6 * var(--px)) 0 calc(12 * var(--px))}
.news--aan .nl-form{justify-content:center;gap:calc(10 * var(--px));width:auto}
.news--aan .nl-form input{flex:0 1 calc(250 * var(--px));border-right:1px solid #e8dab0;border-radius:calc(4 * var(--px))}
.news--aan .nl-form .btn{border-radius:calc(5 * var(--px))}
.news--aan .news-right{position:relative;min-height:calc(114 * var(--px))}
.news--aan .news-right .sprig{position:absolute;right:calc(30 * var(--px));top:calc(-8 * var(--px));width:calc(92 * var(--px));color:#6b1a2b;stroke-width:1}
.ft-aan .ft-main{display:flex;align-items:center;gap:calc(36 * var(--px));padding:calc(26 * var(--px)) 0 calc(24 * var(--px));min-height:calc(107 * var(--px))}
.ft-aan .ft-nav{margin-left:calc(8 * var(--px))}
.ft-aan .ft-script{margin-left:auto;font-size:max(14px,calc(14 * var(--px)));transform:rotate(-6deg);width:calc(150 * var(--px));text-align:left}
.ft-aan .ft-bar{border-top-color:rgba(246,231,201,.14);justify-content:flex-end}


body.pg-kaas{--px:calc(min(100vw,1280px)/1024);--pad:calc(33 * var(--px));--maxw:calc(958 * var(--px));--body-font:var(--serif);--hdr-h:calc(56 * var(--px));--hpad:calc(54 * var(--px));--hdr-bg:#fdf8ee;--nav-ml:calc(47 * var(--px));--nav-gap:calc(34 * var(--px));--nav-fs:max(14px,calc(13.5 * var(--px)));--nav-font:var(--sans);--nav-c:#2a1218;--nav-w:400;--active:var(--wine);--chip-bg:#fbeed2;--chip-f:400 max(13.5px,calc(12.5 * var(--px))) var(--serif);background:#fdf8ee}
body.pg-kaas .site-nav a[aria-current="page"]{font-weight:700}
.hero-k{position:relative;background:linear-gradient(90deg,#fbf4e4 0,#fbf4e4 45%,#f6ecd8 100%);overflow:hidden;min-height:calc(279 * var(--px))}
.hero-k .hero-img{position:absolute;top:0;right:0;bottom:0;width:min(52.2%,calc(534 * var(--px)))}
.hero-k .hero-img img{display:block;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
.hero-k .wrap{position:relative;padding:calc(32 * var(--px)) 0 calc(28 * var(--px))}
.crumbs{display:flex;flex-wrap:wrap;gap:0;font:max(13px,calc(12 * var(--px)))/1.3 var(--serif);color:#4a3a38}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs li+li::before{content:"/";margin:0 .7em;color:#7b6a66}
.hero-k h1{font-size:calc(62 * var(--px));line-height:1;margin-top:calc(20 * var(--px));letter-spacing:-.02em}
.hero-k .sub{font-family:var(--serif);font-size:calc(30 * var(--px));line-height:1.15;color:#2c1218;margin-top:calc(4 * var(--px))}
.hero-k .lead{width:min(100%,calc(372 * var(--px)));font-size:max(14.5px,calc(14 * var(--px)));line-height:1.45;margin-top:calc(10 * var(--px));color:#4a3a38}
.hero-k .sprig{position:absolute;left:calc(-19 * var(--px));top:calc(164 * var(--px));width:calc(60 * var(--px));color:#6b1a2b;stroke-width:1.2}
.k-filters{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:calc(16 * var(--px))}
.k-deco{display:flex;align-items:center;gap:calc(6 * var(--px));color:#6b1a2b;flex:none}
.k-deco .ic-wedge{width:calc(62 * var(--px));height:auto;aspect-ratio:48/34;stroke-width:1.1;--wedge-fill:none}
.k-deco .sprig{width:calc(34 * var(--px));stroke-width:1.1}
.k-grid{display:grid;grid-template-columns:minmax(0,720fr) minmax(0,223fr);gap:calc(16 * var(--px));margin-top:calc(20 * var(--px));align-items:start}
.k-feat{position:relative;display:grid;grid-template-columns:348fr 372fr;min-height:calc(255 * var(--px));background:linear-gradient(90deg,#fcf1d3,#fdf6e3);border-radius:calc(4 * var(--px));overflow:hidden}
.k-feat>img,.k-feat .k-feat-img img{display:block;width:100%;height:100%;object-fit:cover}
.k-feat .k-feat-img{min-height:0}
.k-feat-panel{position:relative;padding:calc(28 * var(--px)) calc(26 * var(--px));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.k-feat .eyebrow{font-size:max(9.5px,calc(8 * var(--px)));letter-spacing:.22em}
.k-feat h2{font-family:var(--serif);font-weight:400;font-size:calc(34 * var(--px));line-height:1.05;margin:calc(10 * var(--px)) 0 calc(12 * var(--px));color:#3a1119;letter-spacing:-.02em}
.k-feat p{font-size:max(14px,calc(14 * var(--px)));line-height:1.5;color:#54443f;margin-bottom:calc(16 * var(--px));width:min(100%,calc(310 * var(--px)))}
.k-feat .btn{font-family:var(--serif);font-weight:400;padding:.8em 1.5em;font-size:max(13.5px,calc(12.5 * var(--px)))}
.k-feat .deco{right:calc(10 * var(--px));bottom:0}
.kgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(16 * var(--px));margin-top:calc(16 * var(--px))}
.kcard{background:#fffdf8;border-radius:calc(4 * var(--px));overflow:hidden;box-shadow:0 1px 6px rgba(91,40,30,.06);display:flex;flex-direction:column}
.kcard-img{display:block}
.kcard-img img{display:block;width:100%;aspect-ratio:228/132;object-fit:cover}
.kcard-body{padding:calc(13 * var(--px)) calc(13 * var(--px)) calc(15 * var(--px))}
.kcard .eyebrow{font-size:max(9.5px,calc(8 * var(--px)));letter-spacing:.22em}
.kcard h3{font-family:var(--serif);font-weight:400;font-size:max(18px,calc(20 * var(--px)));line-height:1.15;margin:calc(8 * var(--px)) 0 calc(12 * var(--px));color:#3a1119;letter-spacing:-.01em}
.kcard h3 a{text-decoration:none;color:inherit}
.kmeta{display:flex;align-items:center;gap:calc(6 * var(--px));font:max(12.5px,calc(12 * var(--px))) var(--sans);color:#5f4f4c}
.kmeta .ic{font-size:calc(16 * var(--px));color:#6b4a40}
.k-side{position:relative;background:#fde9a5;border-radius:calc(4 * var(--px));padding:calc(78 * var(--px)) calc(22 * var(--px)) calc(28 * var(--px));min-height:calc(609 * var(--px));overflow:hidden}
.k-side .deco{left:0;top:calc(14 * var(--px));right:auto}
.k-side h2{font-size:calc(34 * var(--px));line-height:1.05;letter-spacing:-.02em;margin-top:calc(8 * var(--px))}
.k-side>p{font-size:max(14.5px,calc(14.5 * var(--px)));line-height:1.5;color:#4a3a38;margin:calc(14 * var(--px)) 0 calc(22 * var(--px))}
.k-steps li{display:flex;align-items:center;gap:calc(12 * var(--px));margin-bottom:calc(24 * var(--px))}
.k-steps .num{flex:none;width:calc(34 * var(--px));height:calc(34 * var(--px));min-width:30px;min-height:30px;border-radius:50%;background:#f7d98a;display:flex;align-items:center;justify-content:center;font:400 max(16px,calc(17 * var(--px))) var(--serif);color:#5a3a20}
.k-steps a{font-size:max(14.5px,calc(14.5 * var(--px)));line-height:1.3;color:#2c1218;text-decoration:none}
.k-steps a:hover{text-decoration:underline}
.k-steps .ic{color:var(--red);font-size:.95em;margin-left:.3em;vertical-align:-.1em}
.k-side .sprig{position:absolute;right:calc(12 * var(--px));bottom:calc(10 * var(--px));width:calc(62 * var(--px));color:#6b1a2b;stroke-width:1.1}
.news--kaas{margin-top:calc(34 * var(--px));background:#fdeec3}
.news--kaas .news-in{position:relative;display:flex;align-items:center;gap:calc(30 * var(--px));min-height:calc(114 * var(--px));padding:calc(18 * var(--px)) 0}
.news--kaas .news-in>.deco{position:static;flex:none;margin-left:calc(12 * var(--px))}
.news--kaas .news-copy{flex:1;min-width:0}
.news--kaas h2{font-size:calc(28 * var(--px));line-height:1.1;letter-spacing:-.02em}
.news--kaas .news-copy p{font-size:max(14px,calc(13 * var(--px)));line-height:1.4;color:#4a3a38;margin-top:calc(4 * var(--px));max-width:calc(360 * var(--px))}
.news--kaas .nl-wrap{flex:0 1 calc(358 * var(--px));min-width:0}
.news--kaas .nl-form{gap:calc(8 * var(--px))}
.news--kaas .nl-form input{border-right:1px solid #e8dab0;border-radius:999px;background:#fffdf8;padding:0 calc(22 * var(--px));font-family:var(--serif);height:max(44px,calc(40 * var(--px)))}
.news--kaas .nl-form .btn{border-radius:999px;font-family:var(--serif);font-weight:600;height:max(44px,calc(40 * var(--px)));padding:0 1.6em}
.ft-kaas .ft-main{display:flex;align-items:center;gap:calc(56 * var(--px));padding:calc(30 * var(--px)) 0 calc(22 * var(--px));min-height:calc(99 * var(--px))}
.ft-kaas .deco{right:0;top:calc(2 * var(--px))}
.ft-kaas .ft-bar{padding:calc(14 * var(--px)) 0 calc(18 * var(--px));font-family:var(--serif);font-size:max(13px,calc(11.5 * var(--px)))}


body.pg-recept{--px:calc(min(100vw,1280px)/882);--pad:calc(41 * var(--px));--maxw:calc(800 * var(--px));--body-font:var(--sans);--hdr-h:calc(60 * var(--px));--hpad:calc(52 * var(--px));--hdr-bg:#fdf9ef;--nav-ml:auto;--srch-ml:calc(30 * var(--px));--nav-gap:calc(26 * var(--px));--nav-fs:max(13px,calc(11.5 * var(--px)));--nav-font:var(--sans);--nav-w:600;--nav-c:#2a1218;--active:var(--red);background:#fdf7ec}
body.pg-recept .site-header{border-bottom:1px solid #eadfc8}
.hero-r{position:relative;background:linear-gradient(180deg,#fbf2df,#fdf7ec);overflow:hidden}
.hero-r .wrap{position:relative;padding:calc(20 * var(--px)) 0 calc(15 * var(--px))}
.hero-r .crumbs{font-family:var(--sans);font-size:max(12.5px,calc(11 * var(--px)))}
.hero-r h1{font-size:calc(44 * var(--px));line-height:.98;margin-top:calc(15 * var(--px));letter-spacing:-.02em}
.hero-r .lead{width:min(100%,calc(430 * var(--px)));font-size:max(14.5px,calc(14 * var(--px)));line-height:1.45;color:#3b2d2d;margin-top:calc(12 * var(--px))}
.rmeta{display:flex;flex-wrap:wrap;gap:8px calc(22 * var(--px));margin-top:calc(16 * var(--px));font-size:max(13px,calc(12 * var(--px)));color:#3b2d2d}
.rmeta li{display:flex;align-items:center;gap:calc(8 * var(--px))}
.rmeta .ic{font-size:calc(20 * var(--px));color:var(--red);stroke-width:1.4}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:calc(10 * var(--px));margin-top:calc(16 * var(--px))}
.hero-actions .btn{padding:.8em 1.7em;font-size:max(13px,calc(12.5 * var(--px)));border-radius:calc(8 * var(--px))}
.hero-actions .btn--ghost{padding:.75em 1.4em}
.save-status{margin-top:calc(10 * var(--px))}
.hero-r .deco{right:calc(-27 * var(--px));top:calc(30 * var(--px))}
.photo-band{display:block;background:#3b2a20;overflow:hidden}
.photo-band img{display:block;width:100%;height:calc(304 * var(--px));object-fit:cover}
.recipe-grid{display:grid;grid-template-columns:330fr 445fr;gap:calc(26 * var(--px)) calc(24 * var(--px));padding-top:calc(18 * var(--px))}
.ingr{position:relative;background:#fde7a0;border-radius:calc(6 * var(--px));padding:calc(22 * var(--px)) calc(24 * var(--px)) calc(28 * var(--px));align-self:start}
.ingr h2{font-size:calc(26 * var(--px));line-height:1.1}
.ingr .sub{font-size:max(12.5px,calc(11.5 * var(--px)));color:#3b2d2d;margin:calc(6 * var(--px)) 0 calc(14 * var(--px));font-weight:600}
.ingr .deco{right:calc(20 * var(--px));top:calc(16 * var(--px))}
.ingr li{margin-bottom:calc(12 * var(--px))}
.ing{display:flex;gap:calc(12 * var(--px));align-items:flex-start;cursor:pointer;font-size:max(13.5px,calc(12.5 * var(--px)));line-height:1.35;color:#3b2d2d}
.ing input{appearance:none;-webkit-appearance:none;flex:none;width:max(18px,calc(14 * var(--px)));height:max(18px,calc(14 * var(--px)));margin:0;border:1.5px solid #8a6a50;border-radius:3px;background:#fffaf0;cursor:pointer;position:relative}
.ing input:checked{background:var(--red);border-color:var(--red)}
.ing input:checked::after{content:"";position:absolute;left:32%;top:12%;width:30%;height:58%;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ing input:checked+span{text-decoration:line-through;opacity:.62}
.ing small{display:block;font-size:max(12.5px,calc(11.5 * var(--px)));color:#5f4f4c}
.method h2{font-size:calc(25 * var(--px));line-height:1.1}
.steps{margin-top:calc(12 * var(--px))}
.steps li{display:flex;gap:calc(14 * var(--px));margin-bottom:calc(16 * var(--px))}
.steps .num{flex:none;width:calc(32 * var(--px));height:calc(32 * var(--px));min-width:30px;min-height:30px;border-radius:50%;background:#fbe29a;display:flex;align-items:center;justify-content:center;font:700 max(14px,calc(13 * var(--px))) var(--sans);color:#5a3a20}
.steps h3{font-family:var(--sans);font-size:max(15px,calc(14.5 * var(--px)));font-weight:600;letter-spacing:0;color:#5b0f24;margin-bottom:calc(2 * var(--px))}
.steps p{font-size:max(13.5px,calc(11.5 * var(--px)));line-height:1.4;color:#4b3b38}
.bowl{margin:0}
.bowl img{display:block;width:100%;aspect-ratio:326/290;object-fit:cover;border-radius:calc(6 * var(--px))}
.tip{position:relative;display:flex;gap:calc(12 * var(--px));align-items:flex-start;background:#fde9a5;border-radius:calc(6 * var(--px));padding:calc(14 * var(--px)) calc(16 * var(--px)) calc(16 * var(--px));min-height:calc(130 * var(--px))}
.tip>.ic{flex:none;font-size:calc(38 * var(--px));color:#6b1a2b;stroke-width:1.1;margin-top:calc(2 * var(--px))}
.tip h2{font-size:calc(22 * var(--px));line-height:1.1}
.tip p{font-size:max(13px,calc(10.5 * var(--px)));line-height:1.45;color:#3b2d2d;margin-top:calc(6 * var(--px));width:min(100%,calc(330 * var(--px)))}
.tip .deco{right:calc(12 * var(--px));top:calc(18 * var(--px))}
.faq{margin-top:calc(18 * var(--px))}
.faq h2{font-size:calc(22 * var(--px))}
.faq-item{border-bottom:1px solid #e9dcc2;padding:calc(10 * var(--px)) 0}
.faq-item:last-child{border-bottom:0}
.faq-item summary{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;font:600 max(14px,calc(11.5 * var(--px)))/1.35 var(--sans);color:#3b1119}
.faq-item summary .ic{font-size:calc(14 * var(--px));min-width:14px;margin-top:calc(3 * var(--px))}
.faq-item p{font-size:max(13.5px,calc(11.5 * var(--px)));line-height:1.45;color:#4b3b38;margin-top:calc(4 * var(--px));padding-right:calc(28 * var(--px))}
.more-r{padding:calc(30 * var(--px)) 0 calc(34 * var(--px))}
.more-r h2{font-size:calc(22 * var(--px))}
.mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(12 * var(--px));margin-top:calc(12 * var(--px))}
.mcard{display:flex;flex-direction:column;background:#fffdf8;border:1px solid #eadfc8;border-radius:calc(8 * var(--px));overflow:hidden;text-decoration:none;color:inherit}
.mcard:hover{box-shadow:0 6px 16px rgba(91,15,36,.1)}
.mcard img{display:block;width:100%;aspect-ratio:254/76;object-fit:cover}
.mcard-body{display:flex;justify-content:space-between;align-items:center;gap:calc(10 * var(--px));padding:calc(11 * var(--px)) calc(14 * var(--px)) calc(13 * var(--px)) calc(18 * var(--px))}
.mcard h3{font-family:var(--sans);font-size:max(14.5px,calc(13 * var(--px)));font-weight:700;letter-spacing:0;color:#5b0f24}
.mcard p{font-size:max(13px,calc(10.5 * var(--px)));line-height:1.35;color:#5f4f4c;margin-top:calc(3 * var(--px))}
.mcard-go{flex:none;width:calc(28 * var(--px));height:calc(28 * var(--px));min-width:28px;min-height:28px;border-radius:50%;background:#fbe29a;display:flex;align-items:center;justify-content:center;color:var(--red);font-size:calc(14 * var(--px))}
.ft-recept .ft-main{display:flex;align-items:center;gap:calc(56 * var(--px));padding:calc(24 * var(--px)) 0 calc(20 * var(--px));min-height:calc(76 * var(--px))}
.ft-recept .deco{right:calc(41 * var(--px));top:calc(4 * var(--px))}
.ft-recept .ft-bar{padding:calc(14 * var(--px)) 0 calc(20 * var(--px))}


body.pg-contact{--px:calc(min(100vw,1280px)/1024);--pad:calc(40 * var(--px));--maxw:calc(948 * var(--px));--body-font:var(--serif);--hdr-h:calc(69 * var(--px));--hpad:calc(44 * var(--px));--hdr-bg:rgba(253,247,236,.94);--nav-ml:calc(75 * var(--px));--nav-gap:calc(33 * var(--px));--nav-fs:max(14.5px,calc(14 * var(--px)));--nav-font:var(--serif);--nav-c:#4a1522;--active:var(--red);background:#fdf8ee}
body.pg-contact .site-nav a[aria-current="page"]{font-weight:700}
.hero-c{position:relative;background:linear-gradient(90deg,#fbf3e2,#fbf1dc);overflow:hidden;min-height:calc(389 * var(--px))}
.hero-c .hero-img{position:absolute;top:0;right:0;bottom:0;width:min(54.1%,calc(554 * var(--px)))}
.hero-c .hero-img img{display:block;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
.hero-c .wrap{position:relative;padding:calc(34 * var(--px)) 0 calc(30 * var(--px))}
.c-note{display:inline-block;font:italic 400 max(14px,calc(13.5 * var(--px)))/1.2 var(--script);color:#4a1522;transform:rotate(-4deg);transform-origin:left bottom;border-bottom:1px solid #6b1a2b;padding:0 calc(8 * var(--px)) calc(6 * var(--px)) calc(4 * var(--px));margin-left:calc(6 * var(--px))}
.hero-c h1{font-size:calc(82 * var(--px));line-height:.86;margin-top:calc(22 * var(--px));letter-spacing:-.025em}
.hero-c .lead{font-size:max(16px,calc(17.5 * var(--px)));line-height:1.35;color:#3a2a2a;margin-top:calc(16 * var(--px));margin-left:calc(2 * var(--px))}
.hero-c .deco{left:calc(58 * var(--px));top:calc(319 * var(--px))}
.c-main{padding:calc(18 * var(--px)) 0 0}
.c-grid{display:grid;grid-template-columns:498fr 423fr;gap:calc(27 * var(--px));align-items:start}
.c-form{background:#fdf1d3;border-radius:calc(18 * var(--px));padding:calc(18 * var(--px)) calc(20 * var(--px)) calc(26 * var(--px))}
.c-form h2,.c-topics h2{font-size:calc(33 * var(--px));line-height:1.15;letter-spacing:-.02em}
.c-form form{margin-top:calc(10 * var(--px))}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:calc(15 * var(--px))}
.f-field{margin-bottom:calc(12 * var(--px));min-width:0}
.f-field label{display:block;font-size:max(14px,calc(13.5 * var(--px)));color:#3b2a2a;margin-bottom:calc(5 * var(--px))}
.f-field input,.f-field select,.f-field textarea{display:block;width:100%;background:#fffaf0;border:1px solid #e6d9bd;border-radius:calc(8 * var(--px));padding:0 calc(14 * var(--px));height:max(44px,calc(36 * var(--px)));font:max(14.5px,calc(13.5 * var(--px))) var(--serif);color:#3b2a2a}
.f-field textarea{height:auto;min-height:calc(98 * var(--px));padding:calc(12 * var(--px)) calc(14 * var(--px));resize:vertical}
.f-field ::placeholder{color:#a99a84}
.f-field select{appearance:none;-webkit-appearance:none;padding-right:calc(40 * var(--px))}
.f-field select:invalid{color:#6c5b58}
.sel{position:relative}
.sel .ic{position:absolute;right:calc(14 * var(--px));top:50%;transform:translateY(-50%);font-size:calc(16 * var(--px));pointer-events:none;color:#3b2a2a}
.f-check{display:flex;gap:calc(12 * var(--px));align-items:flex-start;font-size:max(13.5px,calc(12.5 * var(--px)));line-height:1.4;color:#4a3a38;margin:calc(8 * var(--px)) 0 calc(14 * var(--px))}
.f-check input{flex:none;appearance:none;-webkit-appearance:none;width:max(20px,calc(17 * var(--px)));height:max(20px,calc(17 * var(--px)));margin:calc(2 * var(--px)) 0 0;border:1.5px solid #7a5a48;border-radius:3px;background:#fffaf0;position:relative;cursor:pointer}
.f-check input:checked{background:var(--red);border-color:var(--red)}
.f-check input:checked::after{content:"";position:absolute;left:32%;top:10%;width:30%;height:58%;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.f-check a{color:#4a1522}
.btn--big{width:100%;min-height:max(48px,calc(50 * var(--px)));border-radius:999px;font:600 max(16px,calc(17 * var(--px)))/1 var(--serif);gap:.7em}
.c-topics h2{font-size:calc(29 * var(--px))}
.c-topics ul{display:grid;gap:calc(10 * var(--px));margin-top:calc(12 * var(--px))}
.topic{display:grid;grid-template-columns:calc(120 * var(--px)) minmax(0,1fr) calc(20 * var(--px));align-items:center;gap:calc(6 * var(--px));background:#fdf0cf;border-radius:calc(14 * var(--px));padding:calc(14 * var(--px)) calc(20 * var(--px)) calc(14 * var(--px)) calc(14 * var(--px));text-decoration:none;color:inherit;min-height:calc(130 * var(--px));transition:box-shadow .15s}
.topic:hover{box-shadow:0 6px 18px rgba(91,15,36,.12)}
.topic .deco{position:static;width:calc(var(--w,100)*var(--px)*.95)}
.topic .ico{display:flex;justify-content:center;align-items:center}
.topic h3{font-size:calc(25 * var(--px));line-height:1.1;letter-spacing:-.01em}
.topic p{font-size:max(13.5px,calc(12.5 * var(--px)));line-height:1.4;color:#4a3a38;margin-top:calc(6 * var(--px))}
.topic>.ic{color:var(--red);font-size:calc(20 * var(--px));stroke-width:1.9}
.c-faq{position:relative;padding:calc(44 * var(--px)) 0 calc(24 * var(--px))}
.c-faq h2{font-size:calc(33 * var(--px));line-height:1.15;letter-spacing:-.02em}
.c-faq .subhead{font-size:max(16px,calc(17 * var(--px)));color:#3b2a2a;margin:calc(2 * var(--px)) 0 calc(16 * var(--px))}
.c-faq .deco{right:0;top:calc(-8 * var(--px))}
.c-faq details{background:#fbf2dc;border-radius:calc(8 * var(--px));margin-bottom:calc(9 * var(--px));max-width:calc(931 * var(--px))}
.c-faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(12 * var(--px)) calc(22 * var(--px));min-height:44px;font-size:max(15.5px,calc(16.5 * var(--px)));color:#3b1119}
.c-faq summary .ic{font-size:calc(18 * var(--px));min-width:16px}
.c-faq details p{padding:0 calc(22 * var(--px)) calc(14 * var(--px));font-size:max(14.5px,calc(14 * var(--px)));line-height:1.5;color:#4a3a38}
.news--contact{margin-top:calc(6 * var(--px));background:#fde58f;overflow:hidden}
.news--contact .news-in{position:relative;display:flex;align-items:center;gap:calc(24 * var(--px));min-height:calc(124 * var(--px));padding:calc(16 * var(--px)) 0}
.news--contact .news-in>.deco{position:static;flex:none;margin-left:calc(-26 * var(--px))}
.news--contact .news-copy{flex:1;min-width:0}
.news--contact h2{font-size:calc(31 * var(--px));line-height:1.1;letter-spacing:-.02em}
.news--contact .news-copy p{font-size:max(14.5px,calc(14.5 * var(--px)));line-height:1.4;color:#3b2a2a;margin-top:calc(4 * var(--px));max-width:calc(340 * var(--px))}
.news--contact .nl-wrap{flex:0 1 calc(380 * var(--px))}
.news--contact .nl-form{gap:calc(10 * var(--px))}
.news--contact .nl-form input{border-right:1px solid #e8dab0;border-radius:calc(8 * var(--px));font-family:var(--serif);height:max(44px,calc(42 * var(--px)))}
.news--contact .nl-form .btn{border-radius:calc(8 * var(--px));font-family:var(--serif);height:max(44px,calc(42 * var(--px)));padding:0 1.3em}
.news--contact .sprig{flex:none;width:calc(44 * var(--px));color:#6b1a2b;stroke-width:1.1}
.ft-contact{background:#5b0a1e}
.ft-contact .ft-main{display:flex;align-items:center;gap:calc(56 * var(--px));padding:calc(28 * var(--px)) 0 calc(18 * var(--px));min-height:calc(130 * var(--px))}
.ft-contact .ft-brand{display:flex;flex-direction:column}
.ft-contact .ft-script{font-size:max(13px,calc(12.5 * var(--px)));margin:calc(2 * var(--px)) 0 0 calc(52 * var(--px));transform:rotate(-6deg);transform-origin:left top}
.ft-contact .ft-nav{margin-left:auto}
.ft-contact .ft-nav a{font-family:var(--serif)}
.ft-contact .deco{right:calc(56 * var(--px));top:calc(16 * var(--px))}
.ft-contact .ft-bar{border-top-color:rgba(246,231,201,.25);justify-content:flex-end}


body.pg-artikel .art-wrap{width:min(100% - 2*var(--pad),calc(720 * var(--px)));margin:calc(26 * var(--px)) auto 0;padding-bottom:calc(20 * var(--px))}
.deka-article .entry-title{font-size:calc(48 * var(--px));line-height:1.02;letter-spacing:-.02em;margin:calc(10 * var(--px)) 0 calc(8 * var(--px))}
.deka-article .entry-meta{font:max(13px,calc(12 * var(--px))) var(--sans);color:var(--muted)}
.deka-article .entry-hero{margin:calc(18 * var(--px)) 0 calc(22 * var(--px))}
.deka-article .entry-hero img{display:block;width:100%;height:auto;border-radius:calc(8 * var(--px))}
.deka-article .entry-content{font-size:max(16px,calc(16 * var(--px)));line-height:1.7;color:#3b2d2d}
.deka-article .entry-content h2{font-size:calc(28 * var(--px));margin:calc(26 * var(--px)) 0 calc(8 * var(--px))}
.deka-article .entry-content h3{font-size:calc(22 * var(--px));margin:calc(20 * var(--px)) 0 calc(6 * var(--px))}
.deka-article .entry-content p{margin:0 0 calc(14 * var(--px))}
.deka-article .entry-content a{color:var(--red)}
.deka-article .entry-content img{border-radius:calc(6 * var(--px))}
.page-intro{padding:calc(10 * var(--px)) 0 0}
.page-intro h1{font-size:calc(62 * var(--px));line-height:.95;letter-spacing:-.02em}
.page-intro .hero-rule{background:var(--red);width:calc(43 * var(--px));height:calc(2.5 * var(--px));margin:calc(10 * var(--px)) 0 calc(14 * var(--px))}
.page-intro .lead{font-size:max(15px,calc(15.5 * var(--px)));color:#3b2a2a}
.info{padding:calc(8 * var(--px)) 0 calc(38 * var(--px))}
.info .wrap{width:min(100% - 2*var(--pad),calc(760 * var(--px)))}
.info h2{font-size:calc(26 * var(--px));margin:calc(26 * var(--px)) 0 calc(8 * var(--px))}
.info p{font-size:max(15px,calc(15 * var(--px)));line-height:1.65;color:#3b2d2d;margin-bottom:calc(10 * var(--px))}
.info a{color:var(--red)}
.list-sec{padding:calc(6 * var(--px)) 0 0}
.filters-row{margin:calc(16 * var(--px)) 0 calc(20 * var(--px))}

@media(min-width:801px){
    .band .wrap{padding-top:calc(24 * var(--px));padding-bottom:calc(24 * var(--px))}.band h2{font-size:calc(43 * var(--px))}
    .band p.txt{font-size:calc(13 * var(--px));line-height:1.4;width:calc(310 * var(--px))}
    .pg-home .acard p,.pg-home .rcard p{font-size:calc(12 * var(--px));line-height:1.35}
    .pg-home .news-home{margin-top:calc(22 * var(--px))}.pg-home .ft-main{padding-top:calc(18 * var(--px));padding-bottom:calc(10 * var(--px));min-height:calc(86 * var(--px))}
    .hero-r .lead{width:calc(460 * var(--px));font-size:calc(14 * var(--px))}.hero-r .wrap{padding-bottom:calc(12 * var(--px))}
    .steps p{font-size:calc(11.5 * var(--px));line-height:1.35}.steps h3{font-size:calc(14 * var(--px))}.steps li{margin-bottom:calc(12 * var(--px))}
    .ing{font-size:calc(12.5 * var(--px))}.ing input{width:calc(14 * var(--px));height:calc(14 * var(--px))}.ingr li{margin-bottom:calc(10 * var(--px))}
    .tip p{font-size:calc(10.5 * var(--px));line-height:1.4}.faq-item p{font-size:calc(11.5 * var(--px));line-height:1.4}
    .faq-item summary{font-size:calc(11.5 * var(--px))}.more-r{padding-top:calc(24 * var(--px));padding-bottom:calc(20 * var(--px))}
    .mcard p{font-size:calc(10.5 * var(--px))}.mcard h3{font-size:calc(13 * var(--px))}
    .pg-aan .feat-panel h2{font-size:calc(32 * var(--px))}.pg-aan .feat-panel p{font-size:calc(13 * var(--px));line-height:1.4}
    .pg-aan .pcard p{font-size:calc(12.5 * var(--px));line-height:1.35}.pg-aan .pcard h3{font-size:calc(18 * var(--px))}
    .pg-aan .pcard-body{padding-top:calc(10 * var(--px));padding-bottom:calc(10 * var(--px))}
    .news--aan .news-in{padding-top:calc(12 * var(--px));padding-bottom:calc(12 * var(--px))}.news--aan .news-mid>p{font-size:calc(12.5 * var(--px))}
    }

@media (max-width:800px){
.nav-toggle{display:inline-flex}
.site-nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;background:var(--bg);box-shadow:0 12px 24px rgba(60,20,20,.14);padding:6px 20px 18px}
.site-nav.is-open{display:block}
.site-nav ul{flex-direction:column;gap:0}
.site-nav a{padding:14px 0;font-size:17px;border-bottom:1px solid var(--line)}
.site-nav a[aria-current="page"]{border-bottom-color:var(--red)}
.has-search .search-btn{margin-left:auto;order:2}
.has-search .nav-toggle{order:3;margin-left:0}
.hdr-row{flex-wrap:nowrap}
.k-grid{grid-template-columns:minmax(0,1fr)}
.k-side{min-height:0;padding-bottom:calc(70 * var(--px))}
.c-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
body.deka[class]{--px:calc(100vw/470);--pad:20px;--hpad:16px}
body.deka{--fs:16px}
.deco,.hero-fork,.hero-note,.tiles-note,.band-note,.band-wedge,.aan-note,.k-deco,.hero-k .sprig,.news--aan .news-left,.news--aan .news-right,.news--contact .sprig,.ft-home .deco,.ft-aan .ft-script,.hero-r .deco{display:none!important}
.hdr-row{min-height:60px}
.logo--home{font-size:20px}.logo--home .logo-ic{width:32px}
.logo--aan{font-size:21px}.logo--aan .logo-ic{width:54px}.logo--aan .logo-sub{font-size:9px}
.logo--kaas{font-size:21px}.logo--kaas .logo-ic{width:46px}.logo--kaas .logo-sub{font-size:7px}
.logo--recept{font-size:19px}.logo--recept .logo-ic{width:32px}.logo--recept .logo-sub{font-size:8px}
.logo--contact{font-size:20px}.logo--contact .logo-ic{width:56px}
.btn{min-height:44px;font-size:15px}
.more{font-size:14px}
/* home */
.hero-home{display:flex;flex-direction:column;min-height:0}
.hero-home .hero-img{position:relative;order:2;width:100%;aspect-ratio:4/3}
.hero-home .hero-img img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%);mask-image:linear-gradient(180deg,transparent 0,#000 16%)}
.hero-copy{width:auto;padding:22px 0 14px}
.hero-home h1{font-size:clamp(38px,12vw,52px)}
.hero-rule{width:48px;margin:12px 0 14px}
.hero-copy p{font-size:17px}
.sec{padding-top:32px}
.sec-title{font-size:clamp(27px,8vw,34px)}
.sec-title::after,.h-rule::after{width:40px;margin-top:8px}
.tiles{grid-template-columns:1fr;gap:10px;margin-top:16px}
.tile{flex-direction:row;align-items:stretch}
.tile img{width:42%;aspect-ratio:auto;min-height:92px;height:auto;flex:none}
.tile-label{font-size:16px;align-items:center;padding:12px 14px}
.rgrid,.agrid,.pgrid,.kgrid,.mgrid{grid-template-columns:minmax(0,1fr);gap:20px}
.rcard h3{font-size:21px}.rcard p{font-size:15px}
.badge{font-size:11px;left:10px;bottom:10px}
.band .wrap{min-height:0;padding:30px 0 24px}
.band-img{position:relative;order:2;right:auto;width:100%;height:auto;aspect-ratio:4/3}
.band{display:flex;flex-direction:column}
.band h2{font-size:clamp(34px,10.5vw,44px)}
.band p.txt{font-size:16px;width:auto}
.acard h3{font-size:19px}.acard p{font-size:15px}
.news-home{width:calc(100% - 24px);margin-top:32px}
.news-box{flex-direction:column;align-items:stretch;gap:14px;padding:22px 18px}
.news-box .deco{display:none}
.news-copy h2{font-size:26px}.news-copy p{font-size:15px;max-width:none}
.nl-form{flex-direction:column;gap:10px}
.nl-form input{border-right:1px solid #e8dab0;border-radius:6px;height:46px;font-size:16px}
.nl-form .btn{border-radius:6px;height:46px}
.form-help{font-size:13px}
.ft-home .ft-main,.ft-aan .ft-main,.ft-kaas .ft-main,.ft-recept .ft-main,.ft-contact .ft-main{flex-direction:column;align-items:flex-start;gap:16px;padding:26px 0 14px}
.ft-nav ul{gap:6px 22px}
.ft-nav a{font-size:15px;padding:8px 0}
.ft-home .ft-script,.ft-contact .ft-script{font-size:15px;margin-left:44px}
.ft-contact .ft-nav{margin-left:0}
.ft-bar{font-size:13px;justify-content:flex-start!important;flex-direction:column;align-items:flex-start}
/* aan tafel / blog */
.hero-aan .wrap{padding-bottom:14px}
.hero-aan-copy{padding:6px 0 0}
.hero-aan h1,.page-intro h1{font-size:clamp(38px,12vw,50px)}
.hero-aan p.lead,.page-intro .lead{font-size:17px}
.feat-aan{grid-template-columns:minmax(0,1fr);min-height:0}
.feat-aan .feat-img img{aspect-ratio:4/3;height:auto}
.feat-panel{padding:22px 20px 26px}
.feat-panel h2{font-size:clamp(28px,8.4vw,34px)}
.feat-panel p{font-size:16px}
.feat-panel .sprig{display:none}
.aan-filters{justify-content:flex-start;margin:18px 0 16px}
.aan-filters .chips,.k-filters .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;justify-content:flex-start;max-width:100%;gap:8px}
.chip{flex:none;font-size:15px;padding:.6em 1.3em;min-height:44px}
.pcard h2,.pcard h3{font-size:22px}.pcard p{font-size:15.5px}.pcard .more{font-size:15px}
.pcard-body{padding:14px 16px 16px}
.news--aan .news-in{grid-template-columns:minmax(0,1fr);padding:26px 0}
.news--aan h2,.news--kaas h2,.news--contact h2{font-size:28px}
.news--aan .news-mid>p{font-size:16px}
.news--aan .nl-form{flex-direction:column}
.news--aan .nl-form input{flex:none}
/* kaas */
.hero-k{min-height:0;display:flex;flex-direction:column}
.hero-k .hero-img{position:relative;order:2;width:100%;aspect-ratio:16/10}
.hero-k .hero-img img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%);mask-image:linear-gradient(180deg,transparent 0,#000 16%)}
.hero-k .wrap{padding:20px 0 12px}
.hero-k h1{font-size:clamp(40px,13vw,54px);margin-top:14px}
.hero-k .sub{font-size:24px}
.hero-k .lead{font-size:16px;width:auto}
.crumbs{font-size:14px}
.k-filters{display:block;margin-top:14px}
.k-feat{grid-template-columns:minmax(0,1fr);min-height:0}
.k-feat .k-feat-img img{aspect-ratio:4/3;height:auto}
.k-feat-panel{padding:22px 20px 26px}
.k-feat h2{font-size:clamp(28px,8.4vw,34px)}
.k-feat p{font-size:16px;width:auto}
.kcard h3{font-size:21px}
.kmeta{font-size:14px}.kmeta .ic{font-size:17px}
.k-side{padding:26px 20px 30px}
.k-side h2{font-size:clamp(30px,9vw,36px)}
.k-side>p{font-size:16px}
.k-steps a{font-size:16px}
.k-steps .num{width:36px;height:36px;font-size:18px}
.news--kaas .news-in,.news--contact .news-in{flex-direction:column;align-items:stretch;gap:14px;padding:26px 0}
.news--kaas .news-in>.deco,.news--contact .news-in>.deco{display:none}
.news--kaas .news-copy p,.news--contact .news-copy p{font-size:16px;max-width:none}
.news--kaas .nl-form input,.news--contact .nl-form input{border-radius:999px;padding:0 20px}
.news--kaas .nl-form .btn{border-radius:999px}
.news--contact .nl-form input,.news--contact .nl-form .btn{border-radius:8px}
.news--kaas .nl-wrap,.news--contact .nl-wrap{flex:none}
/* recept */
.hero-r .wrap{padding:16px 0 18px}
.hero-r h1{font-size:clamp(34px,10.4vw,44px)}
.hero-r .lead{font-size:16px;width:auto}
.rmeta{font-size:15px;gap:8px 18px}.rmeta .ic{font-size:22px}
.hero-actions .btn{font-size:15px}
.photo-band img{height:auto;aspect-ratio:16/10}
.recipe-grid{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:16px}
.ingr{padding:20px 18px 22px}
.ingr h2{font-size:28px}.method h2{font-size:28px}
.ing{font-size:16px}
.ing input{width:22px;height:22px}
.steps h3{font-size:17px}.steps p{font-size:15px}
.steps .num{width:36px;height:36px}
.tip h2{font-size:24px}.tip p{font-size:15px;width:auto}
.tip>.ic{font-size:34px}
.faq h2,.more-r h2{font-size:26px}
.faq-item summary{font-size:16px}.faq-item p{font-size:15px;padding-right:0}
.mcard h3{font-size:16px}.mcard p{font-size:14px}
.mcard-go{width:34px;height:34px}
/* contact */
.hero-c{min-height:0;display:flex;flex-direction:column}
.hero-c .hero-img{position:relative;order:2;width:100%;aspect-ratio:16/10}
.hero-c .hero-img img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%);mask-image:linear-gradient(180deg,transparent 0,#000 16%)}
.hero-c .wrap{padding:22px 0 8px}
.c-note{font-size:15px}
.hero-c h1{font-size:clamp(46px,16vw,66px);line-height:.9;margin-top:16px}
.hero-c .lead{font-size:18px}
.c-form{padding:20px 16px 24px;border-radius:16px}
.c-form h2,.c-topics h2,.c-faq h2{font-size:29px}
.f-row{grid-template-columns:minmax(0,1fr);gap:0}
.f-field label{font-size:16px}
.f-field input,.f-field select,.f-field textarea{font-size:16px;border-radius:8px;height:46px}
.f-field textarea{min-height:120px;padding:12px 14px}
.f-check{font-size:15px}
.f-check input{width:22px;height:22px}
.btn--big{font-size:18px;min-height:52px}
.topic{grid-template-columns:76px minmax(0,1fr) 18px;padding:14px;min-height:0;gap:10px}
.topic .deco{display:block!important;width:72px}
.topic h3{font-size:22px}.topic p{font-size:15px}
.topic>.ic{font-size:18px}
.c-faq{padding-top:32px}
.c-faq .subhead{font-size:17px}
.c-faq summary{font-size:17px;padding:12px 16px}
.c-faq details p{padding:0 16px 14px;font-size:16px}
.c-main{padding-top:20px}
/* pages */
.deka-article .entry-title{font-size:clamp(32px,10vw,42px)}
.deka-article .entry-content{font-size:17px}
.info p{font-size:16px}
.info h2{font-size:24px}
}

@media(max-width:700px){.sec-head{flex-wrap:wrap}.sec-head .more{max-width:100%}.band-copy{width:100%}}