:root{--bg:#001c16;--bg2:#06110f;--panel:#041d18;--gold:#f0b612;--gold2:#c89422;--text:#fff;--muted:#c9d0ca;--line:rgba(240,182,18,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg2);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.hero{min-height:640px;background:linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.35) 42%,rgba(0,0,0,.05) 100%),url('assets/hero.jpg') center bottom/cover no-repeat;position:relative;border-bottom:1px solid var(--line)}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:18px;font-size:18px;font-weight:800;line-height:1.2;letter-spacing:.03em}.brand img{width:76px;height:auto;object-fit:contain}.navlinks{display:flex;align-items:center;gap:28px;text-transform:uppercase;font-size:13px;font-weight:800}.navlinks a{padding:12px 0}.navlinks .active{color:var(--gold);border-bottom:2px solid var(--gold)}.menuBtn{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:18px 30px;border:1px solid rgba(255,255,255,.55);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.03em}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#08100e;border:0}.btn-outline{background:rgba(0,0,0,.2)}.heroText{padding:80px 56px 70px;max-width:650px}.eyebrow{display:block;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.22em;font-size:13px;margin-bottom:16px}.line:after{content:"";display:inline-block;width:88px;height:1px;background:var(--gold);vertical-align:middle;margin-left:20px}.hero h1,.section h2,.cta h2{font-family:'Playfair Display',Georgia,serif;font-size:66px;line-height:.96;margin:0 0 18px}.hero h2{margin:0 0 20px;color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:20px}.hero p{color:#eef2ee;line-height:1.8;max-width:520px}.actions{display:flex;gap:22px;margin-top:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#021c16;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid var(--line)}.stat{min-height:112px;display:flex;align-items:center;justify-content:center;gap:18px;border-right:1px solid rgba(255,255,255,.18)}.stat:last-child{border-right:0}.stat svg,.feature svg{width:54px;height:54px;stroke:var(--gold);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.stat b{font-family:'Playfair Display',Georgia,serif;font-size:43px}.stat span{display:block;text-transform:uppercase;font-size:12px;font-weight:800}.section{padding:56px}.sectionHead{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.section h2{font-size:38px}.linkBtn{border:1px solid var(--line);padding:17px 24px;text-transform:uppercase;font-size:12px;font-weight:900}.linkBtn span{color:var(--gold);font-size:20px;margin-left:10px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.eventCard{position:relative;border:1px solid var(--line);background:#061711;overflow:hidden}.eventCard img{height:230px;width:100%;object-fit:cover}.eventCard:after,.newsGrid article:after{content:"";position:absolute;inset:auto 0 0 0;height:50%;background:linear-gradient(transparent,rgba(0,0,0,.84));pointer-events:none}.date{position:absolute;top:16px;left:16px;background:rgba(0,15,12,.9);border:1px solid var(--line);padding:10px 13px;text-align:center}.date b{font-family:'Playfair Display';font-size:31px}.date span{color:var(--gold);font-weight:900;text-transform:uppercase;font-size:12px}.cardBody{position:relative;padding:18px;z-index:1}.cardBody h3{font-family:'Playfair Display';font-size:23px;margin:0 0 8px}.cardBody p{color:var(--muted);margin:0 0 22px}.cardBody footer{display:flex;justify-content:flex-end;text-transform:uppercase;font-weight:900;font-size:12px}.cardBody small,.cardBody a,.newsGrid a{color:var(--gold);font-weight:900}.cardBody .moreInfo{font-size:11px;padding:7px 10px;border:1px solid var(--line);line-height:1;display:inline-flex;align-items:center;gap:6px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:40px 56px;background:#00231b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature{display:flex;gap:28px;align-items:center;padding:0 42px;border-right:1px solid rgba(255,255,255,.22)}.feature:first-child{padding-left:0}.feature:last-child{border-right:0}.feature svg{width:76px;height:76px;stroke-width:2.1}.feature h3{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:15px;margin:0 0 12px}.feature p{color:#eef2ee;line-height:1.65;margin:0}.partners{padding:28px 56px;background:#041d18;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.partnerStrip{display:flex;align-items:center;justify-content:space-between;gap:36px}.partner{font-size:30px;font-weight:900;color:#fff;opacity:.86;filter:grayscale(1);letter-spacing:-.03em}.partner.lotus{width:76px;height:76px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:14px;letter-spacing:.08em}.partner.roadbook{font-size:25px}.partner.racb{border:2px solid #fff;padding:6px 12px;border-radius:3px}.arrow{color:var(--gold);font-size:38px}.gallery{padding-top:34px}.galleryGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.galleryGrid img{height:160px;width:100%;object-fit:cover;border:1px solid rgba(255,255,255,.08)}.news{padding-top:34px;padding-bottom:34px;background:#031713}.newsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.newsGrid article{position:relative;min-height:245px;border:1px solid var(--line);overflow:hidden;background:#061711;padding:120px 18px 18px}.newsGrid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}.newsGrid p,.newsGrid h3,.newsGrid a{position:relative;z-index:1}.newsGrid p{color:var(--gold);text-transform:uppercase;font-size:11px;font-weight:900}.newsGrid h3{font-size:18px;line-height:1.35}.cta{min-height:210px;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.25)),url('assets/cta.jpg') center/cover no-repeat;padding:44px 70px;display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cta h2{font-size:38px;margin-bottom:24px}footer{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:38px;padding:42px 56px 36px;background:#031713;color:#eef2ee}footer img{width:72px;margin-bottom:14px}footer h4{margin:0 0 14px;text-transform:uppercase;font-size:12px}footer a,footer p{display:block;color:#cbd4cf;line-height:1.8;margin:0}.adminLogin{margin-top:16px;border:1px solid rgba(240,182,18,.55);color:var(--gold);padding:7px 10px;text-transform:uppercase;text-align:center;font-weight:800;font-size:11px;letter-spacing:.08em;display:inline-block;max-width:120px}.admin-note{padding:28px;background:#081f1a;color:#fff} @media(max-width:900px){.nav{padding:20px}.menuBtn{display:block;background:none;border:0;color:#fff;font-size:28px}.navlinks{display:none}.heroText{padding:55px 24px}.hero h1{font-size:44px}.stats,.cards,.features,.newsGrid,footer{grid-template-columns:1fr}.stat,.feature{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);justify-content:flex-start;padding:24px}.section,.partners{padding:34px 24px}.sectionHead{display:block}.galleryGrid{grid-template-columns:repeat(2,1fr)}.partnerStrip{flex-wrap:wrap;justify-content:flex-start}.cta{padding:35px 24px}footer{padding:34px 24px}}

/* Albums per jaar - Lotus moments */
.albumGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.albumCard{position:relative;min-height:255px;border:1px solid var(--line);overflow:hidden;background:#061711;display:flex;align-items:flex-end;transition:transform .2s ease,border-color .2s ease}
.albumCard:hover{transform:translateY(-3px);border-color:var(--gold)}
.albumCard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.78;transition:transform .35s ease}
.albumCard:hover img{transform:scale(1.04)}
.albumCard:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.86));pointer-events:none}
.albumCard div{position:relative;z-index:1;padding:24px;width:100%}
.albumCard span{display:block;color:var(--gold);font-weight:900;text-transform:uppercase;letter-spacing:.18em;font-size:12px;margin-bottom:6px}
.albumCard h3{font-family:'Playfair Display',Georgia,serif;font-size:48px;line-height:1;margin:0 0 8px;color:#fff}
.albumCard p{margin:0;color:#eef2ee;line-height:1.45;font-size:14px}
@media(max-width:900px){.albumGrid{grid-template-columns:1fr 1fr}.albumCard{min-height:220px}}
@media(max-width:560px){.albumGrid{grid-template-columns:1fr}}

/* v11 gerichte updates: basis v9 behouden, enkel afgesproken wijzigingen */
.statLink{transition:background .2s ease, transform .2s ease}
.statLink:hover{background:rgba(240,182,18,.08);transform:translateY(-1px)}
.eventCard img{height:180px}
.cardBody{padding:14px 16px 16px}
.cardBody p{margin-bottom:12px}
.cardBody footer{justify-content:flex-start}
.cardBody .moreInfo{width:auto;max-width:max-content}
.siteFooter{grid-template-columns:1.4fr .9fr .9fr 1.2fr .9fr}
.socials{display:flex;gap:10px;margin-bottom:14px}.social{width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center;background:rgba(240,182,18,.08)}.social svg{width:20px;height:20px;fill:none;stroke:var(--gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social:first-child svg{fill:var(--gold);stroke:none}.social.disabled{opacity:.45}.adminLogin.small{font-size:10px;padding:5px 8px;max-width:96px;margin-top:8px}
.subHero{min-height:420px;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.35)),url('assets/hero.jpg') center/cover no-repeat;border-bottom:1px solid var(--line)}.subHero .heroText{padding-top:60px}.pageIntro{padding:54px 56px;background:#021c16;border-bottom:1px solid var(--line)}.pageIntro p{max-width:780px;color:#e6eee9;line-height:1.8}.timeline{padding:56px;background:#031713}.timelineItem{display:grid;grid-template-columns:160px 1fr;gap:30px;padding:26px 0;border-bottom:1px solid rgba(240,182,18,.25)}.timelineYear{font-family:'Playfair Display',Georgia,serif;color:var(--gold);font-size:36px}.timelineText h3{margin:0 0 10px;font-size:24px}.timelineText p,.timelineText li{color:#d7dfda;line-height:1.7}.archiveGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.archiveCard{border:1px solid var(--line);background:#061711;padding:24px;min-height:140px}.archiveCard h3{font-family:'Playfair Display';font-size:32px;margin:0 0 8px}.adminPreview{padding:42px 56px;background:#021c16;border-top:1px solid var(--line)}.adminModules{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.adminModules div{border:1px solid var(--line);padding:18px;background:#061711;color:#eaf0ed}.adminModules b{display:block;color:var(--gold);margin-bottom:8px;text-transform:uppercase;font-size:12px}
@media(max-width:900px){.siteFooter,.archiveGrid,.adminModules{grid-template-columns:1fr}.timelineItem{grid-template-columns:1fr}.eventCard img{height:165px}}

/* v12 gerichte aanpassingen */
.social{border-radius:50%;border:0;width:40px;height:40px;box-shadow:0 0 0 1px rgba(255,255,255,.15) inset}.social svg{width:21px;height:21px}.social.facebook{background:#1877f2}.social.facebook svg{fill:#fff;stroke:none}.social.instagram{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 14%,#fd5949 45%,#d6249f 70%,#285AEB 100%)}.social.instagram svg{fill:none;stroke:#fff;stroke-width:1.8}.social.disabled{opacity:.55}
.boardSection{background:#031713}.boardGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.boardCard{border:1px solid var(--line);background:#061711;padding:18px;min-height:300px}.boardPhoto{height:190px;border:1px dashed rgba(240,182,18,.45);display:grid;place-items:center;color:var(--gold);text-transform:uppercase;font-weight:900;letter-spacing:.12em;background:rgba(240,182,18,.06);margin-bottom:18px}.boardCard h3{font-family:'Playfair Display',Georgia,serif;font-size:26px;margin:0 0 8px}.boardCard p{color:var(--muted);margin:0}@media(max-width:900px){.boardGrid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.boardGrid{grid-template-columns:1fr}}
