@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500;600&display=swap";:root{--kleur-primair:#0f4c5c;--kleur-primair-donker:#0a3745;--kleur-accent:#1b8fa3;--kleur-tekst:#1a1a1a;--kleur-tekst-zacht:#555;--kleur-achtergrond:#fafaf8;--kleur-kaart:#fff;--kleur-rand:#e2e2e2;--radius:12px;--max-breedte:720px;--font-lichaam:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--font-koppen:"Barlow Condensed", "Barlow", system-ui, sans-serif;font-family:var(--font-lichaam);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{scroll-behavior:smooth;margin:0;padding:0}body{background:var(--kleur-achtergrond);color:var(--kleur-tekst);line-height:1.6;font-family:var(--font-lichaam)}h1,h2,h3{line-height:1.15;font-family:var(--font-koppen);letter-spacing:.01em;margin:0 0 .75rem;font-weight:600}h1{text-transform:uppercase;letter-spacing:.02em;font-weight:700}p{margin:0 0 1rem}a{color:inherit}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}#root{width:100%}.plek-visual{background:var(--kleur-achtergrond);border-radius:var(--radius);text-align:center;padding:1.25rem;position:sticky;top:5.5rem}.plek-visual-label{color:var(--kleur-tekst-zacht);margin:0 0 1rem;font-size:.85rem;font-weight:500}.plek-visual-svg{width:100%;max-width:160px;height:auto}.zone-basis{fill:var(--kleur-rand)}.zone{fill:var(--kleur-rand);stroke:var(--kleur-tekst-zacht);stroke-width:1px;transition:fill .2s}.zone-actief{fill:var(--kleur-accent);stroke:var(--kleur-primair-donker)}.plek-visual-extra{background:var(--kleur-rand);color:var(--kleur-tekst-zacht);border-radius:999px;justify-content:center;align-items:center;margin-top:.75rem;padding:.4rem .9rem;font-size:.78rem;transition:background .2s,color .2s;display:inline-flex}.zone-actief-extra{background:var(--kleur-accent);color:#fff}.plek-visual-legenda{color:var(--kleur-tekst-zacht);margin-top:1rem;font-size:.78rem}.plek-visual-legenda p{margin:0}.plek-visual-toggle{justify-content:center;gap:.4rem;margin-bottom:1rem;display:flex}.plek-visual-toggle button{border:1px solid var(--kleur-rand);color:var(--kleur-tekst-zacht);background:#fff;border-radius:999px;padding:.35rem .9rem;font-size:.78rem}.plek-visual-toggle button.actief{background:var(--kleur-primair-donker);border-color:var(--kleur-primair-donker);color:#000}.sponsor-form{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:var(--radius);max-width:var(--max-breedte);margin:0 auto;padding:1.5rem}.sponsor-form h2{text-align:center;margin-bottom:1.5rem}.card{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:var(--radius);max-width:var(--max-breedte);text-align:center;margin:0 auto;padding:1.5rem}.veld{margin-bottom:1.25rem}.veld label{margin-bottom:.4rem;font-size:.9rem;font-weight:500;display:block}.veld-hint{color:var(--kleur-tekst-zacht);margin:.4rem 0 0;font-size:.8rem}.veld input[type=text],.veld input[type=email],.veld input[type=number],.veld input[type=file]{border:1px solid var(--kleur-rand);border-radius:8px;width:100%;padding:.5rem .75rem;font-size:.95rem}.veld input[type=text]:focus,.veld input[type=email]:focus,.veld input[type=number]:focus{border-color:var(--kleur-primair);outline:none}.keuze-knoppen,.tier-grid,.plek-grid{flex-wrap:wrap;gap:.5rem;display:flex}.tier-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.keuze-knoppen button,.plek-grid button,.tier-kaart{border:1px solid var(--kleur-rand);background:#fff;border-radius:8px;padding:.5rem .75rem;font-size:.9rem}.tier-kaart{text-align:left;flex-direction:column;gap:.25rem;display:flex}.tier-kaart span{color:var(--kleur-tekst-zacht);font-size:.8rem}.actief{color:var(--kleur-primair-donker);border-color:var(--kleur-primair)!important;background:#eaf5ee!important}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;display:flex}.donatie-blok{background:var(--kleur-achtergrond);border-radius:8px;padding:1rem}.fout{color:#b91c1c;font-size:.9rem}.verstuur-knop{background:var(--kleur-primair);color:#fff;border:none;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;font-weight:500}.verstuur-knop:disabled{opacity:.6;cursor:not-allowed}.betaal-blok{background:var(--kleur-achtergrond);border-radius:var(--radius);text-align:center;margin:1.5rem 0;padding:1.5rem}.betaal-bedrag{color:var(--kleur-primair-donker);margin:0 0 .5rem;font-size:2rem;font-weight:600}.betaal-omschrijving{color:var(--kleur-tekst-zacht);margin:0 0 1.25rem;font-size:.85rem}.betaal-knop{width:auto;padding:.75rem 2rem;text-decoration:none;display:inline-block}.betaal-alternatief{color:var(--kleur-tekst-zacht);margin:1rem 0 0;font-size:.8rem}.betaal-vervolg{text-align:center;color:var(--kleur-tekst-zacht);margin:0;font-size:.85rem}.plek-grid button{text-align:left;flex-direction:column;align-items:flex-start;gap:.2rem;display:flex}.plek-beschikbaarheid{color:var(--kleur-tekst-zacht);font-size:.7rem}.plek-grid button:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.info-blok{border:1px solid var(--kleur-accent);background:#eaf5ee;border-radius:10px;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:1rem;display:flex}.info-icoon{flex-shrink:0;font-size:1.3rem}.info-titel{color:var(--kleur-primair-donker);margin:0 0 .3rem;font-size:.9rem;font-weight:600}.info-tekst{color:var(--kleur-tekst-zacht);margin:0;font-size:.85rem}.plek-sectie{grid-template-columns:1fr;align-items:start;gap:1.25rem;display:grid}@media (width>=640px){.plek-sectie{grid-template-columns:1.4fr 1fr}}.pagina{margin:0 auto}section{padding:3rem 1.5rem}section h2{text-align:center;margin-bottom:.5rem;font-size:1.6rem}.sectie-intro{text-align:center;color:var(--kleur-tekst-zacht);max-width:480px;margin:0 auto 2rem}.hero{color:#fff;background-position:50%;background-size:cover;border-radius:0 0 100px 100px;align-items:flex-end;min-height:560px;padding:5rem 1.5rem 3.5rem;display:flex;position:relative;overflow:hidden}.hero-overlay{background:linear-gradient(#0a1e148c 20%,#0a1e1459 35%,#06140eeb 100%);position:absolute;inset:0}.hero-inhoud{text-align:left;width:100%;max-width:640px;margin:0 auto;position:relative}.hero-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:999px;margin-bottom:1.25rem;padding:.3rem 1rem;font-size:.85rem;display:inline-block}.hero h1{text-shadow:0 2px 12px #0000004d;margin:0 0 1rem;font-size:2.4rem;line-height:1.2}.hero-tekst{color:#ffffffe6;max-width:480px;margin-bottom:2rem;font-size:1rem}.hero-knoppen{flex-wrap:wrap;gap:.75rem;margin-bottom:2.5rem;display:flex}.knop{border-radius:8px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:500;text-decoration:none}.knop-primair{color:#0f3d2e;background:#fff}.knop-secundair{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff1a;border:1px solid #ffffff80}.countdown{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;border-radius:12px;padding:1rem 1.25rem;display:inline-block}.countdown-label{color:#ffffffb3;margin:0 0 .6rem;font-size:.8rem}.countdown-blokken{gap:1.25rem;display:flex}.countdown-blok{flex-direction:column;align-items:center;min-width:48px;display:flex}.countdown-getal{font-size:1.5rem;font-weight:600}.countdown-eenheid{color:#ffffffb3;font-size:.7rem}@media (width<=480px){.hero{min-height:480px;padding:4rem 1.25rem 2.5rem}.hero h1{font-size:1.9rem}.countdown-blokken{gap:.85rem}.countdown-blok{min-width:40px}}.verhaal{padding:4rem 1.5rem}.verhaal-grid{grid-template-columns:1fr;align-items:start;gap:2rem;display:grid}@media (width>=640px){.verhaal-grid{grid-template-columns:1fr 1.2fr}}.verhaal-afbeelding img{object-fit:cover;border-radius:var(--radius);background:var(--kleur-rand);width:80%;margin-left:30px}@media (width>=640px){.verhaal-afbeelding{position:sticky;top:5.5rem}.verhaal-afbeelding img{aspect-ratio:3/4}}.verhaal-tekst .label{color:var(--kleur-accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.85rem;font-weight:500}.verhaal-tekst h2{text-align:left;font-size:1.8rem}.verhaal-tekst p{color:#000}.verhaal-stats{gap:1.5rem;margin:1.5rem 0;display:flex}.verhaal-stats>div{flex-direction:column;display:flex}.stat-getal{color:var(--kleur-primair-donker);font-size:1.3rem;font-weight:600}.stat-label{color:var(--kleur-tekst-zacht);font-size:.8rem}.palmares{margin:1.5rem 0}.palmares-label{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .75rem;font-size:.8rem;font-weight:500}.palmares-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}@media (width>=900px){.palmares-grid{grid-template-columns:repeat(3,1fr)}}.palmares-item{background:var(--kleur-achtergrond);border-radius:8px;flex-direction:column;padding:.6rem .75rem;display:flex}.palmares-type{color:var(--kleur-accent);text-transform:uppercase;font-size:.7rem;font-weight:500}.palmares-titel{color:var(--kleur-tekst);font-size:.88rem;font-weight:500}.doel-blok{border-radius:var(--radius);background:#8e8e8e;align-items:flex-start;gap:.9rem;margin:1.5rem 0;padding:1.1rem 1.25rem;display:flex}.doel-icoon{flex-shrink:0;font-size:1.6rem}.doel-titel{color:#fff;margin:0 0 .2rem;font-weight:600}.doel-tekst{color:#ffffffbf;margin:0;font-size:.88rem}.knop-primair-groen{background:var(--kleur-primair);color:#fff;border-radius:8px;padding:.7rem 1.4rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-block}.race-details{background:var(--kleur-kaart);padding:4rem 1.5rem}.race-grid{max-width:var(--max-breedte);grid-template-columns:1fr;gap:1.25rem;margin:0 auto 2.5rem;display:grid}@media (width>=640px){.race-grid{grid-template-columns:repeat(3,1fr)}}.race-kaart{border:1px solid var(--kleur-rand);border-radius:var(--radius);text-align:center;padding:1.5rem}.race-icoon{margin-bottom:.75rem;font-size:2rem;display:block}.race-kaart h3{margin-bottom:.25rem;font-size:1.05rem}.race-afstand{color:var(--kleur-primair);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.race-beschrijving{color:var(--kleur-tekst-zacht);margin:0;font-size:.9rem}.race-info-balk{background:var(--kleur-achtergrond);border-radius:var(--radius);max-width:var(--max-breedte);flex-wrap:wrap;justify-content:center;gap:2.5rem;margin:0 auto;padding:1.25rem;display:flex}.race-info-balk>div{flex-direction:column;align-items:center;display:flex}.info-label{color:var(--kleur-tekst-zacht);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem}.info-waarde{color:var(--kleur-primair-donker);font-size:1rem;font-weight:600}.teller-blok{max-width:var(--max-breedte);grid-template-columns:repeat(3,1fr);gap:1rem;margin:0 auto 2rem;display:grid}.teller-laden{text-align:center;color:var(--kleur-tekst-zacht);grid-column:1/-1}.teller-item{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;padding:1.25rem .75rem;display:flex}.teller-item-accent{border-color:var(--kleur-accent);background:#eaf5ee}.teller-getal{color:var(--kleur-primair-donker);font-size:1.4rem;font-weight:600}.teller-item-accent .teller-getal{color:var(--kleur-primair)}.teller-label{color:var(--kleur-tekst-zacht);margin-top:.25rem;font-size:.8rem}@media (width<=480px){.teller-getal{font-size:1.1rem}}.goede-doel{padding:4rem 1.5rem}.goede-doel-kaart{max-width:var(--max-breedte);background:var(--kleur-primair-donker);color:#fff;border-radius:var(--radius);text-align:center;margin:0 auto;padding:2.5rem 2rem}.goede-doel .label{color:#fff9;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.5rem;font-size:.85rem;font-weight:500}.goede-doel h2{color:#fff}.goede-doel-tekst{color:#ffffffd9;max-width:480px;margin:0 auto 1.5rem}.goede-doel-badge{background:#ffffff1a;border-radius:10px;flex-direction:column;margin-bottom:2rem;padding:.75rem 1.5rem;display:inline-flex}.badge-categorie{color:var(--kleur-accent);font-size:.75rem;font-weight:500}.badge-naam{font-size:1rem;font-weight:600}.goede-doel-uitleg{text-align:left;grid-template-columns:1fr;gap:1.25rem;max-width:420px;margin:0 auto 2rem;display:grid}@media (width>=640px){.goede-doel-uitleg{text-align:center;grid-template-columns:repeat(3,1fr)}}.uitleg-stap{align-items:center;gap:.75rem;display:flex}@media (width>=640px){.uitleg-stap{flex-direction:column}}.uitleg-stap p{color:#fffc;margin:0;font-size:.85rem}.stap-nummer{background:var(--kleur-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:600;display:flex}.goede-doel .knop-primair-groen{background:var(--kleur-accent)}.badge-naam-link{cursor:pointer;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}.badge-naam-link:hover{text-decoration-color:#fff}.trainingen{background:var(--kleur-kaart);padding:4rem 1.5rem}.trainingen-grid{max-width:var(--max-breedte);grid-template-columns:1fr;gap:1rem;margin:0 auto;display:grid}@media (width>=640px){.trainingen-grid{grid-template-columns:repeat(3,1fr)}}.training-kaart{border:1px solid var(--kleur-rand);border-radius:var(--radius);padding:1.25rem}.training-icoon{margin-bottom:.5rem;font-size:1.5rem;display:block}.training-naam{margin:0 0 .15rem;font-weight:500}.training-datum{color:var(--kleur-tekst-zacht);margin:0 0 .75rem;font-size:.8rem}.training-stats{color:var(--kleur-primair-donker);gap:.75rem;font-size:.85rem;font-weight:500;display:flex}.waarom-sponsoren{padding:4rem 1.5rem}.voordelen-grid{max-width:var(--max-breedte);grid-template-columns:1fr;gap:1rem;margin:0 auto 2rem;display:grid}@media (width>=640px){.voordelen-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.voordelen-grid{grid-template-columns:repeat(3,1fr)}}.voordeel-kaart{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:var(--radius);padding:1.5rem}.voordeel-icoon{margin-bottom:.75rem;font-size:1.5rem;display:block}.voordeel-kaart h3{margin-bottom:.4rem;font-size:1rem}.voordeel-kaart p{color:var(--kleur-tekst-zacht);margin:0;font-size:.88rem}.waarom-cta{text-align:center}.product-sponsoring{background:var(--kleur-kaart);padding:4rem 1.5rem}.product-grid{max-width:var(--max-breedte);grid-template-columns:1fr;gap:1rem;margin:0 auto 2.5rem;display:grid}@media (width>=640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.product-grid{grid-template-columns:repeat(4,1fr)}}.product-kaart{background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-radius:var(--radius);padding:1.25rem}.product-icoon{margin-bottom:.6rem;font-size:1.5rem;display:block}.product-kaart h3{margin-bottom:.35rem;font-size:1rem}.product-kaart p{color:var(--kleur-tekst-zacht);margin:0;font-size:.85rem}.product-uitleg{grid-template-columns:1fr;gap:1.25rem;max-width:480px;margin:0 auto 2rem;display:grid}@media (width>=640px){.product-uitleg{text-align:center;grid-template-columns:repeat(3,1fr)}}.product-uitleg .uitleg-stap{align-items:center;gap:.75rem;display:flex}@media (width>=640px){.product-uitleg .uitleg-stap{flex-direction:column}}.product-uitleg p{color:var(--kleur-tekst-zacht);margin:0;font-size:.85rem}.product-uitleg .stap-nummer{background:var(--kleur-primair);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:600;display:flex}.product-cta{text-align:center}.navbar-zwevend{background:var(--kleur-primair-donker);z-index:100;border-radius:999px;gap:.25rem;padding:.5rem;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.nav-item{color:#ffffffb3;white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.85rem;text-decoration:none;transition:background .2s,color .2s;display:flex}.nav-icoon{font-size:1rem}.nav-item:hover{color:#fff}.nav-item.actief{background:var(--kleur-accent);color:#000;font-weight:500}@media (width<=480px){.nav-label{display:none}.nav-item{padding:.6rem}.nav-icoon{font-size:1.2rem}}.footer{background:var(--kleur-primair-donker);color:#ffffffd9;margin-top:3rem;padding:2.5rem 1.5rem 6rem}.footer-inhoud{max-width:var(--max-breedte);grid-template-columns:1fr;gap:1.75rem;margin:0 auto;display:grid}@media (width>=640px){.footer-inhoud{grid-template-columns:repeat(3,1fr)}}.footer-titel{color:#fff;margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.footer-kop{color:#fff;text-transform:uppercase;letter-spacing:.03em;margin:0 0 .9rem;font-size:.8rem;font-weight:500}.footer-tekst{color:#fff9;margin:0 0 .5rem;font-size:.85rem}.footer-tekst-klein{margin:.35rem 0 0;font-size:.78rem}.footer-links{flex-direction:column;gap:.5rem;display:flex}.footer-links a{color:#ffffffd9;font-size:.9rem;text-decoration:none}.footer-links a:hover{color:#fff}.footer-mail{color:#fff;margin-bottom:1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-block}.footer-socials{gap:1rem;display:flex}.footer-socials a{color:#ffffffb3;border-bottom:1px solid #ffffff40;padding-bottom:2px;font-size:.85rem;text-decoration:none}.footer-socials a:hover{color:#fff;border-color:#fff}.footer-onder{max-width:var(--max-breedte);text-align:center;border-top:1px solid #ffffff26;margin:2rem auto 0;padding-top:1.25rem}.footer-onder p{color:#ffffff80;margin:0;font-size:.8rem}.admin-pagina{background:var(--kleur-achtergrond);min-height:100vh;padding:3rem 1.5rem}.admin-login-kaart{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:var(--radius);max-width:360px;margin:4rem auto 0;padding:2rem}.admin-login-kaart h2{text-align:center;margin-bottom:1.5rem}.admin-login-kaart input{border:1px solid var(--kleur-rand);border-radius:8px;width:100%;padding:.5rem .75rem}.admin-overzicht{max-width:1100px;margin:0 auto}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-subtekst{color:var(--kleur-tekst-zacht);margin:0;font-size:.9rem}.knop-uitloggen{border:1px solid var(--kleur-rand);background:#fff;border-radius:8px;padding:.5rem 1rem;font-size:.85rem}.admin-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.admin-filters button{border:1px solid var(--kleur-rand);background:#fff;border-radius:999px;padding:.5rem 1rem;font-size:.85rem}.admin-filters button.actief{background:var(--kleur-primair);color:#fff;border-color:var(--kleur-primair)}.admin-tabel-wrapper{background:var(--kleur-kaart);border:1px solid var(--kleur-rand);border-radius:var(--radius);overflow-x:auto}.admin-tabel{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.85rem}.admin-tabel th,.admin-tabel td{text-align:left;border-bottom:1px solid var(--kleur-rand);vertical-align:top;word-break:break-word;padding:.75rem 1rem}.admin-tabel th{color:var(--kleur-tekst-zacht);text-transform:uppercase;font-size:.75rem;font-weight:500}.tabel-subtekst{color:var(--kleur-tekst-zacht);font-size:.78rem}.status-knop{white-space:nowrap;border:none;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:500}.status-knop.betaald{color:var(--kleur-primair-donker);background:#eaf5ee}.status-knop.niet-betaald{color:#b91c1c;background:#fdecec}.admin-leeg{text-align:center;color:var(--kleur-tekst-zacht);padding:2rem}.logo-link{color:var(--kleur-primair);flex-direction:column;align-items:center;gap:.3rem;font-size:.75rem;text-decoration:none;display:flex}.logo-thumbnail{object-fit:contain;background:var(--kleur-achtergrond);border:1px solid var(--kleur-rand);border-radius:6px;width:48px;height:48px;padding:4px}.logo-thumbnail-pdf{color:var(--kleur-tekst-zacht);justify-content:center;align-items:center;font-size:.7rem;font-weight:600;display:flex}.conflict-waarschuwing{border-radius:var(--radius);background:#fdecec;border:1px solid #e58a8a;margin-bottom:1.5rem;padding:1rem 1.25rem}.conflict-titel{color:#b91c1c;margin:0 0 .6rem;font-weight:600}.conflict-waarschuwing ul{margin:0 0 .6rem;padding-left:1.25rem}.conflict-waarschuwing li{color:#7f1d1d;margin-bottom:.3rem;font-size:.85rem}.conflict-uitleg{color:#991b1b;margin:0;font-size:.8rem}
