@charset "UTF-8"; /* critical.css — boven-de-vouw (base/tokens/typografie + HEADER + HERO) MET hun media-queries. Render-blocking + klein. Cascade-veilig (bronvolgorde behouden). */ /* ============================================================ Stylesheet (boven-de-vouw) Kleuren: groen #2E6042 / #37723E / #89C162, donker #292723, rood #C20000, off-white #F7F3EC, accent geel #FFAD06, wit #fff Fonts: Playfair Display (display) + Inter (body) ============================================================ */ :root{ /* timing-tokens voor de EH-modules (o.a. lightbox.css) */ --dur-fast:.16s; --dur-med:.3s; --ease-out:cubic-bezier(.25,1,.5,1); --green-1:#2E6042; /* primair donkergroen */ --green-2:#37723E; /* middengroen */ --green-3:#89C162; /* lichtgroen */ --ink:#292723; /* bijna zwart */ --red:#C20000; --cream:#F7F3EC; /* off-white achtergrond */ --accent:#FFAD06; /* geel/oranje accent */ --white:#ffffff; --maxw:1280px; --gutter:clamp(20px, 4vw, 56px); --radius:18px; --radius-lg:34px; --font-display:"Playfair Display", Georgia, serif; --font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif; /* De ingevulde waarde in een zoek-/filterveld (datum, personen, TYPE, VOORZIENINGEN). Eén bron: die maat stond op vier plekken los ingetypt en was uit elkaar gelopen (15px vs 14px in dezelfde rij). Wijzig 'm hier, niet per veld. */ --field-value-size:15px; --field-value-weight:600; --shadow-sm:0 2px 10px rgba(41,39,35,.06); --shadow-md:0 18px 40px -18px rgba(41,39,35,.30); --shadow-lg:0 30px 70px -30px rgba(41,39,35,.45); --header-h:96px; --section-pad:clamp(46px,7vw,96px); /* consistente verticale ruimte tussen lagen (rustiger op mobiel) */ } *,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{ margin:0; font-family:var(--font-body); font-size:16px; line-height:1.65; color:var(--ink); background:var(--cream); overflow-x:hidden; } img{max-width:100%;height:auto;display:block} /* De filter-dropdowns zijn