@font-face{font-family:"RkCormorant";font-weight:400;src:url(media/cormorant-garamond-latin-400-normal.woff2) format("woff2");font-display:swap}
@font-face{font-family:"RkCormorant";font-weight:400;font-style:italic;src:url(media/cormorant-latin-400-italic.woff2) format("woff2");font-display:swap}


.nav .logo{letter-spacing:0!important;padding-left:0!important;font-size:0!important;min-height:44px;display:inline-flex;align-items:center}
.nav .logo img{display:block;height:30px;width:auto}
.nav .logo .lg-l{display:none}
.nav.opklaar:not(.open) .logo .lg-d{display:none}
.nav.opklaar:not(.open) .logo .lg-l{display:block}


.nav .taalk{display:inline-flex;align-items:center;gap:2px;margin-right:clamp(12px,1.4vw,28px);font-family:var(--sans,"Jost",system-ui,sans-serif);font-size:var(--klein,13px);font-weight:500;letter-spacing:.18em;white-space:nowrap}
.nav .taalk>*{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;padding:0 6px 0 calc(6px + .18em);color:inherit;text-decoration:none}
.nav .taalk [aria-current]{text-decoration:underline;text-decoration-color:#cf7150;text-decoration-thickness:1px;text-underline-offset:8px}
.nav .taalk a{opacity:.82;transition:opacity .2s}
.nav .taalk a:hover{opacity:1}
.nav .menu .menu-taal{display:none!important}


.voetlogo{display:inline-flex;align-items:center;gap:14px}
.voetlogo img{display:block;height:30px;width:auto}
p.voetlogo{display:flex;justify-content:center;margin:28px 0 0}


.gm{display:none}
@media (max-width:900px){
  .nav .menu{display:none!important}
  .nav .logo img{height:24px}
  .nav .rechts{gap:6px!important}
  .nav .taalk{margin-right:2px;font-size:12px;letter-spacing:.12em}
  .nav .taalk>*{min-width:36px;padding:0 4px 0 calc(4px + .12em)}
  .gm{position:fixed;inset:0;z-index:-1;display:flex;flex-direction:column;padding:calc(84px + env(safe-area-inset-top)) 28px calc(24px + env(safe-area-inset-bottom));
    background:linear-gradient(180deg,#3a2216 0%,#2a1a12 26%,#18182a 62%,#0b1631 100%);color:#fff;visibility:hidden;opacity:0;transition:opacity .35s ease,visibility 0s linear .35s;overflow-y:auto;perspective:700px}
  .gm::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 40% at 18% 8%,rgba(207,113,80,.28),transparent 70%),radial-gradient(80% 45% at 85% 100%,rgba(70,110,200,.22),transparent 70%)}
  .nav.open .gm{visibility:visible;opacity:1;transition:opacity .35s ease}
  .gm>nav{position:relative;margin:auto 0}
  .gm ol{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(4px,2.1vh,20px)}
  .gm ol a{display:inline-block;padding:4px 0;font-family:"RkCormorant",Georgia,serif;font-weight:400;font-size:clamp(34px,min(10.4vw,6.2vh),50px);line-height:1.12;letter-spacing:-.01em;color:#fff;text-decoration:none}
  .gm ol a[aria-current]{font-style:italic;color:#f0c2a0}
  .gm ol a[aria-current]::after{content:"";display:inline-block;width:28px;height:1px;margin-left:14px;vertical-align:middle;background:#cf7150}
  .gm ol li{opacity:0;transform:translate3d(0,0,-120px) scale(1.1);transform-origin:0 50%} 
  .nav.open .gm ol li{animation:gmin .3s cubic-bezier(.2,.7,.2,1) forwards}
  .nav.open .gm ol li:nth-child(2){animation-delay:.03s}.nav.open .gm ol li:nth-child(3){animation-delay:.06s}
  .nav.open .gm ol li:nth-child(4){animation-delay:.09s}.nav.open .gm ol li:nth-child(5){animation-delay:.12s}.nav.open .gm ol li:nth-child(6){animation-delay:.15s}
  .gm .gm-onder{position:relative;display:flex;flex-direction:column;gap:18px;margin-top:28px}
  .gm .gm-taal{display:flex;gap:6px;font-family:var(--sans,"Jost",system-ui,sans-serif);font-size:13px;font-weight:500;letter-spacing:.24em}
  .gm .gm-taal>*{display:inline-flex;align-items:center;min-height:44px;padding:0 12px 0 0;color:#fff;text-decoration:none;opacity:.86}
  .gm .gm-taal [aria-current]{opacity:1;text-decoration:underline;text-decoration-color:#cf7150;text-underline-offset:8px}
  .gm .gm-bestel{display:flex;align-items:center;justify-content:center;gap:16px;min-height:56px;padding:0 24px;background:#a8502f;color:#fff;text-decoration:none;
    font-family:var(--sans,"Jost",system-ui,sans-serif);font-size:13px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;opacity:0;animation:none}
  .nav.open .gm .gm-bestel{animation:gmop .3s ease .15s forwards}
  .gm .gm-bestel:hover{background:#8f4226}
  .gm .gm-bestel .arr{width:28px}
  .nav.open::before{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .nav.open .logo,.nav.open .knop,.nav.open .taalk{color:#fff!important}
  .nav.open .knop{border-color:rgba(255,255,255,.8)!important;background:transparent!important}
  .nav.open .menuknop{border-color:rgba(255,255,255,.6)!important;color:#fff}
  .nav.open .menuknop i::before,.nav.open .menuknop i::after{background:#fff!important}
}
@media (max-width:420px){
  .nav .knop{padding:0 10px!important;letter-spacing:.08em!important;font-size:10.5px!important}
  .nav .knop .arr{display:none}
}
@media (max-width:370px){
  .nav .logo img{height:24px}
  .nav .knop{padding:0 8px!important;letter-spacing:.04em!important}
  .nav .taalk>*{min-width:32px}
}
@keyframes gmin{to{opacity:1;transform:none;filter:none}}
@keyframes gmop{to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .gm ol li,.gm .gm-bestel{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}
}


@media (max-width:900px){
  .kruimel{font-size:12px!important;letter-spacing:.16em!important}
  .eyebrow{font-size:12px!important}
  .s-prijs .p-kop .opa{font-size:12px!important}
  #maat .mt-voet{font-size:12px!important;letter-spacing:.1em!important}
  #slot .slotform .sl{font-size:12px!important;letter-spacing:.12em!important}
  .held .foto-bron,.stempel,.papier .pg{font-size:12px!important}
  .s-werk2 .tel-van span{font-size:12px!important}
  .kp-vb{font-size:12px!important}
  .qa .a::before,.qa .v::before{font-size:12px!important}
  .kop2::after,.koppel .kp-kop::after,.s-werk2 .bento::before,.s-werk2 .w-prijs .prijs::after{font-size:12px!important}
  
  .nav.open .rechts .taalk{visibility:hidden}
}
@media (max-width:420px){ .nav .knop{font-size:12px!important;letter-spacing:.04em!important;padding:0 10px!important} }
@media (max-width:370px){ .nav .knop{padding:0 8px!important;letter-spacing:.02em!important} }


@media (hover:hover) and (min-width:901px){
  .nav .knop{transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
  .nav .knop:hover{background:linear-gradient(135deg,#fbe6cc,#ecbd92 50%,#d99a6b)!important;color:#2a170c!important;border-color:rgba(255,240,222,.8)!important;box-shadow:0 6px 20px rgba(0,0,0,.18)}
}


.band:has(.voetrij){padding-bottom:clamp(28px,4.2vh,44px)}
.voetrij{display:flex;align-items:center;gap:30px;margin-top:clamp(56px,10vh,140px);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#fff;text-align:left}
.voetrij .voetlogo span{white-space:nowrap}
.voetrij .lijn{flex:1;height:1px;margin:0;align-self:center;background:rgba(255,255,255,.3)} 
.voetrij a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:4px;min-height:0;line-height:1.2}
.voetrij a:hover{border-bottom-color:#fff}
.voetrij a:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:900px){
  .voetrij{flex-wrap:wrap;justify-content:center;gap:0 18px;margin-top:40px;font-size:12.5px;letter-spacing:.18em}
  .voetrij .voetlogo{flex-basis:100%;justify-content:center;margin-bottom:6px}
  .voetrij .lijn{display:none}
  .voetrij a{border:0;padding:0 4px;min-height:44px}
}

@media (max-width:700px){
 .wk-kop .wk-eb,.x4-in .x4-eb,.x4-in .x4-fic,.stapnr>b,.stapnr>.opa,div.eyebrow,.wk-weten>li,
 .papier>.stempel,.gsm>.stempel,.papier>.pg,span.lab,.tekst>.nr,.mailkop>span,.groep>.cat,.stuur>.tel,
 a.taal-voet,.voet a.voetlink,.voetrij>a,.voetlogo>span,#werk .wk-weten li,#koppelingen .stapnr>.opa,#maat .mt-voet span,#maat .mt-voet a,.wrap>a.alle{font-size:14px!important} 
 .gsm-rij span.lab,span.lab{letter-spacing:.12em!important} 
}
.held-in .intro{text-wrap:balance} 

.band .band-in>p{font-family:"RkCormorant","Cormorant",Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(20px,1.6vw,26px);line-height:1.3;letter-spacing:0}

html .nav .knop,html .nav .taalk a,html .nav .taalk span,html body .btn,html body .btn-o,html body .lees{font-size:max(13px,var(--klein,13px))!important}
html body span.opa{font-size:clamp(13px,.9vw,16px)!important}
@media (min-width:901px) and (max-width:1100px){html .nav .knop{letter-spacing:.08em!important;padding-left:12px!important;padding-right:12px!important}html .nav .menu{gap:clamp(10px,1.1vw,14px)!important}} 
@media (min-width:901px) and (max-width:980px){html .nav{padding-left:20px!important;padding-right:20px!important}html .nav .menu a{letter-spacing:.03em!important}} 


@media (max-width:400px){html body .voetrij a,html body .voetrij>a,html body .voet .voetlink,html body .voet a.voetlink{letter-spacing:.1em!important;padding-left:2px!important;padding-right:2px!important}html body .voetrij,html body .voet{column-gap:12px!important}} 

@media (min-width:1200px){html:root{--klein:clamp(13px,.62vw,16px)}}
@media (min-width:901px){html body .voetrij>a,html body .voetlogo>span,html body .voet a.voetlink{font-size:max(13px,var(--klein,13px))!important}} 
@media (min-width:901px){html body .wk-kop .wk-eb,html body p.x4-eb,html body .x4-in .x4-fic,html body .x4-k .nr,html body .stapnr>b,html body #werk .wk-weten li{font-size:max(13px,var(--klein,13px))!important}} 

.voet-id{margin:12px 0 0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#fff;text-align:left;line-height:1.5}
.s-slot .voet-id{text-align:center}
@media (max-width:900px){.voet-id{text-align:center;letter-spacing:.12em}}
@media (min-width:901px){.s-slot .voet{bottom:calc(4.2vh + 12px)}.s-slot .voet-id{position:absolute;left:var(--gutter);right:var(--gutter);bottom:max(10px,1.4vh);margin:0;z-index:4}}
html body p.voet-id{font-family:var(--sans,"Jost",sans-serif)!important;font-style:normal!important;font-weight:400!important;font-size:12px!important;letter-spacing:.18em!important;text-transform:uppercase!important;line-height:1.5!important;color:#fff!important;max-width:none!important}
.band p.voet-id{margin-top:14px}
@media (max-width:900px){html body p.voet-id{letter-spacing:.12em!important}}