/* Woongeluk by Akira — huisstijl, zie Design System */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/montserrat-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/nunito-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/nunito-sans-latin-400-italic.woff2) format('woff2')}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/nunito-sans-latin-600-normal.woff2) format('woff2')}

body{margin:0;background:#F3EFE8;color:#5A4535;font-family:'Nunito Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#5A4535}a:hover{color:#7E5236}
a:focus-visible{outline:2px solid #5A4535;outline-offset:4px;border-radius:2px}
.dark a{color:#F3EFE8}.dark a:hover{color:#F3EFE8;opacity:.85}.dark a:focus-visible{outline-color:#F3EFE8}
p,h1,h2,h3{margin:0}
.wrap{max-width:1440px;margin:0 auto;padding-left:clamp(20px,5.5vw,80px);padding-right:clamp(20px,5.5vw,80px);box-sizing:border-box}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}
.st{font-family:Gotham,Montserrat,system-ui,sans-serif;font-weight:600;text-transform:uppercase}
.lbl{font-size:13px;line-height:1.4;letter-spacing:.16em;text-transform:uppercase}
.pl{font-size:15px;line-height:1.3;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.ann{font-style:italic}
.body{font-size:20px;line-height:1.6}
.nav a{text-decoration:none}
.knop{padding:14px 22px}
.show-s{display:none}
.strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:8px;border-top:2px solid #B39463}
.three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ph{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:24px;box-sizing:border-box}
.ph .ann{font-size:17px;line-height:1.45}
.col{max-width:36em}
.col p+p{margin-top:1.1em}

@media (max-width:760px){.g12>*{grid-column:1 / -1 !important;margin-top:0 !important}.g12{row-gap:32px}.hide-s{display:none !important}.show-s{display:inline !important}.nav{gap:16px !important}.knop{padding:10px 12px;letter-spacing:.1em !important}.strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.three{grid-template-columns:1fr;gap:56px}.akira-img{aspect-ratio:4 / 5}.logo{height:52px !important}.ph{min-height:240px}.foot{flex-direction:column;align-items:flex-start !important}}



.tbl{width:100%;border-collapse:collapse;font-size:clamp(16px,1.3vw,19px);line-height:1.4}
.tbl th,.tbl td{padding:14px 16px;text-align:left;border-bottom:1px solid #D6CCBF;vertical-align:top}
.tbl .c{background:#E4DDD2;text-align:center;width:22%}
.tbl .i{text-align:center;width:22%}
.tbl .ph-row td{padding-top:28px;border-bottom:none}
.tbl .sub td:first-child{padding-left:36px}
.prijs{width:100%;border-collapse:collapse;font-size:clamp(18px,1.5vw,22px)}
.prijs td,.prijs th{padding:16px 0;border-bottom:1px solid #5A4535;text-align:left}
.prijs th{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:400;color:#7E5236}
.prijs td+td,.prijs th+th{text-align:right}
@media (max-width:760px){.tbl th,.tbl td{padding:12px 8px}.tbl .sub td:first-child{padding-left:20px}.tbl .c,.tbl .i{width:64px}.tbl .hd{font-size:12px !important;letter-spacing:.06em !important}}




.f{display:flex;flex-direction:column;gap:8px}
.f label{font-size:17px;font-weight:600;line-height:1.3}
.f .opt{font-weight:400;font-size:15px}
.f input,.f select,.f textarea{font:inherit;font-size:18px;color:#5A4535;background:#F3EFE8;border:1px solid #5A4535;border-radius:0;padding:14px 16px;width:100%;box-sizing:border-box}
.f textarea{min-height:180px;resize:vertical;line-height:1.5}
.f input:focus-visible,.f select:focus-visible,.f textarea:focus-visible{outline:2px solid #5A4535;outline-offset:2px}
.err{font-size:15px;font-style:italic;color:#7E5236}
.verstuur{font:inherit;font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;background:#7E5236;color:#F3EFE8;border:0;border-radius:0;padding:18px 28px;cursor:pointer;align-self:flex-start}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.verstuur:focus-visible{outline:2px solid #5A4535;outline-offset:3px}

/* mobiel menu */
.menu-knop{font:inherit;font-size:13px;letter-spacing:.16em;text-transform:uppercase;background:none;border:0;color:#5A4535;padding:10px 0;cursor:pointer}
/* mobiel menu: volledig scherm over de pagina */
.mm{position:fixed;inset:0;z-index:100;background:#F3EFE8;color:#5A4535;padding:32px 20px 32px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto}
.mm[hidden]{display:none}
.mm-top{display:flex;justify-content:space-between;align-items:center}
.menu-sluit{font:inherit;font-size:13px;letter-spacing:.16em;text-transform:uppercase;background:none;border:0;color:#5A4535;padding:12px 0;cursor:pointer}
.mm-links{margin-top:48px;display:flex;flex-direction:column}
.mm-links a{font-family:Gotham,Montserrat,system-ui,sans-serif;font-weight:600;text-transform:uppercase;font-size:28px;line-height:1.1;color:#5A4535;text-decoration:none;padding:14px 0;align-self:flex-start}
.mm-links a[aria-current="page"]{color:#7E5236}
.mm-lijn{width:56px;height:2px;background:#B39463;margin-top:28px}
.mm-cta{margin-top:24px;align-self:flex-start;font-size:20px;font-weight:600;color:#7E5236;text-decoration:none;border-bottom:2px solid #B39463;padding-bottom:4px}
.mm-contact{margin-top:auto;padding-top:40px;font-size:17px;font-weight:600;line-height:1.7}
.mm-contact a{color:#5A4535;text-decoration:none}
.mm a:focus-visible,.menu-sluit:focus-visible{outline:2px solid #5A4535;outline-offset:4px}
body.menu-open{overflow:hidden}
@media (min-width:761px){.mm{display:none !important}}
.foot a{color:inherit;text-decoration:none}
.verborgen{display:none !important}
#bedankt:focus{outline:none}
/* foto naast tekst: even hoog als het tekstblok */
.akira-img{position:relative;min-height:360px}
.akira-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.fimg{position:relative;min-height:360px}
.fimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* mobiel: tabel past op het scherm, links groot genoeg om aan te tikken */
@media (max-width:760px){.tbl{font-size:15px}.tbl th,.tbl td{padding:12px 6px}.tbl .sub td:first-child{padding-left:14px}.tbl .c,.tbl .i{width:56px}.tbl td:first-child{hyphens:auto;-webkit-hyphens:auto}.foot .lbl a{display:inline-block;padding:12px 0;white-space:nowrap}}
/* Mobiel: footer netjes in blokjes */
.foot .fi{white-space:nowrap}
@media (max-width:760px){
.foot .lbl{line-height:1.4}
.foot .lbl a,.foot .lbl .fi{display:inline-block;padding:8px 0}
.foot .brk{display:block;height:0;overflow:hidden}
}