*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf9f4;color:#171511;font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.seo-top{position:sticky;top:0;z-index:5;background:rgba(255,253,248,.97);border-bottom:1px solid #e9dcc4;box-shadow:0 3px 16px rgba(66,47,17,.045);backdrop-filter:blur(14px)}.seo-nav{width:min(1160px,calc(100% - 40px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.seo-brand{display:flex;align-items:center;gap:10px}.seo-brand img{width:46px;height:48px;object-fit:contain}.seo-brand strong{font:600 21px/.98 'Playfair Display',Georgia,serif;letter-spacing:.025em;text-transform:uppercase}.seo-brand small{display:block;text-align:center;font:600 9px/1.7 'DM Sans',Arial,sans-serif;letter-spacing:.48em}.seo-links{display:flex;align-items:center;gap:25px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.seo-btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 20px;border:1px solid #c29a57;border-radius:4px;background:linear-gradient(110deg,#d7ae69,#f0d59d 49%,#cf9c4a);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.crumbs{width:min(1000px,calc(100% - 40px));margin:20px auto 0;font-size:12px;color:#726a5c}.crumbs a{color:#8d6425}.seo-main{width:min(1000px,calc(100% - 40px));margin:0 auto}.seo-hero{padding:35px 0 32px;border-bottom:1px solid #e8d9bd}.seo-eyebrow{color:#a87526;font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.seo-hero h1{max-width:800px;margin:10px 0 13px;font:600 clamp(36px,6vw,62px)/1.05 'Playfair Display',Georgia,serif;letter-spacing:-.025em}.seo-lead{max-width:770px;font-size:19px;line-height:1.5;color:#363129;margin:0 0 20px}.seo-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.text-link{font-size:12px;font-weight:700;letter-spacing:.06em;color:#80602d}.seo-facts{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.seo-facts span{border:1px solid #e6d8bf;border-radius:30px;padding:6px 12px;background:#fffdfa;color:#6b5940;font-size:12px}.seo-content{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:42px;padding:30px 0 50px}.seo-article section{margin-bottom:34px;scroll-margin-top:100px}.seo-article h2{font:600 27px/1.2 'Playfair Display',Georgia,serif;margin:0 0 12px}.seo-article h3{font:600 18px/1.3 'Playfair Display',Georgia,serif;margin:20px 0 6px}.seo-article p{color:#514b42;margin:0 0 12px}.seo-article li{padding-left:4px;margin:0 0 10px;color:#514b42}.seo-article ol{padding-left:23px}.seo-aside{align-self:start;position:sticky;top:100px;padding:20px;border:1px solid #e8dbc5;border-radius:5px;background:#fffdfa}.seo-aside h2{font:600 19px/1.25 'Playfair Display',Georgia,serif;margin:0 0 9px}.seo-aside p{color:#5d574e;font-size:13px;line-height:1.5}.seo-aside .seo-btn{width:100%;margin-top:8px}.seo-related{display:grid;gap:9px;margin-top:15px}.seo-related a{font-size:12px;color:#896326;text-decoration:underline;text-underline-offset:3px}.seo-footer{padding:20px 0 28px;border-top:1px solid #e8dbc5;background:#fffdfa}.seo-footer-inner{width:min(1000px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#625b50;font-size:12px}.seo-footer nav{display:flex;gap:18px;flex-wrap:wrap}.seo-footer a{color:#80602d}.page-cta{padding:25px;border:1px solid #e8dbc5;border-radius:5px;background:linear-gradient(120deg,#fffdfa,#f5ecdb)}.page-cta h2{font:600 25px/1.2 'Playfair Display',Georgia,serif;margin:0 0 8px}.page-cta p{margin:0 0 12px}.source-note{font-size:12px;color:#766e62}.faq section{padding-bottom:0}
@media(max-width:760px){body{font-size:15px}.seo-nav{min-height:64px;width:calc(100% - 28px)}.seo-brand img{width:38px;height:40px}.seo-brand strong{font-size:17px}.seo-brand small{font-size:7px}.seo-links{display:none}.seo-nav .seo-btn{min-height:40px;padding:0 13px;font-size:9px}.crumbs,.seo-main,.seo-footer-inner{width:calc(100% - 32px)}.crumbs{margin-top:16px}.seo-hero{padding:28px 0 24px}.seo-hero h1{font-size:clamp(35px,10vw,48px)}.seo-lead{font-size:17px}.seo-content{grid-template-columns:1fr;gap:14px;padding-top:24px}.seo-aside{position:static;grid-row:1}.seo-article{grid-row:2}.seo-article h2{font-size:24px}.seo-footer-inner{align-items:flex-start;flex-direction:column}.seo-footer nav{gap:12px}.seo-facts span{font-size:11px}.page-cta{padding:19px}}

/* Visuele, compacte hero voor lokale dienstpagina's */
.seo-hero{padding:35px 0 28px}
.seo-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:center;gap:30px}
.seo-hero-copy{min-width:0}
.seo-hero-visual{position:relative;min-height:300px;height:100%;max-height:370px;margin:0;overflow:hidden;border:1px solid #e1c995;border-radius:5px;background:#211a14;box-shadow:0 12px 30px rgba(48,34,14,.12)}
.seo-hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78)}
.seo-hero-visual:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(14,11,8,.76))}
.seo-hero-visual figcaption{position:absolute;z-index:1;left:18px;right:18px;bottom:16px;color:#fff;font:600 16px/1.25 'Playfair Display',Georgia,serif}
.seo-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px}
.seo-facts span{display:flex;flex-direction:column;justify-content:center;gap:3px;min-height:62px;padding:9px 11px;border:1px solid #e6d8bf;border-radius:4px;background:#fffdfa;color:#6b5940;font-size:11px;line-height:1.3}
.seo-facts strong{color:#8b6427;font-size:12px;line-height:1.2}
.seo-facts small{color:#71695e;font:400 10px/1.35 'DM Sans',Arial,sans-serif}
@media(max-width:900px){.seo-hero-grid{grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);gap:20px}.seo-hero-visual{min-height:280px}}
@media(max-width:760px){.seo-hero{padding:24px 0 22px}.seo-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:15px}.seo-hero-copy{order:0}.seo-hero-visual{order:1;width:100%;height:190px;min-height:190px;max-height:210px}.seo-hero-visual figcaption{left:14px;right:14px;bottom:12px;font-size:14px}.seo-hero h1{font-size:clamp(34px,9vw,43px);line-height:1.04}.seo-lead{font-size:15.5px;line-height:1.48;margin-bottom:15px}.seo-facts{gap:6px;margin-top:17px}.seo-facts span{min-height:62px;padding:8px 7px;font-size:9px}.seo-facts strong{font-size:10px}.seo-facts small{font-size:8px;line-height:1.25}}
@media(max-width:390px){.seo-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.seo-facts span{min-height:70px;padding:7px 6px}.seo-facts strong{font-size:9px}.seo-facts small{font-size:7.5px}}
