:root{--rood:#ff002b;--rood-diep:#c02;--antraciet:#1c1c1e;--staal:#6e7378;--aqua:#00a9ce;--aqua-licht:#7fd3e5;--wit:#fff;--mist:#f4f5f6;--lijn:#1c1c1e24;--kop:"Barlow Condensed", ui-sans-serif, system-ui, sans-serif;--body:"Barlow", ui-sans-serif, system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--maxw:1140px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--wit);color:var(--antraciet);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.62}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}a{color:inherit}h1,h2,h3{font-family:var(--kop);letter-spacing:.01em;text-transform:uppercase;margin:0;font-weight:700;line-height:.98}.label{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--rood);align-items:center;gap:12px;margin:0 0 16px;font-size:11px;display:flex}.label:after{content:"";background:var(--lijn);flex:1;height:1px}.label.op-donker{color:var(--aqua-licht)}.label.op-donker:after{background:#ffffff29}.btn{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border:2px solid #0000;padding:16px 30px;font-size:12px;font-weight:600;text-decoration:none;transition:transform .14s,background .14s,color .14s;display:inline-block}.btn:hover{transform:translateY(-2px)}.btn-rood{background:var(--rood);color:#fff}.btn-rood:hover{background:var(--rood-diep)}.btn-aqua{background:var(--aqua);color:#fff}.btn-zwart{background:var(--antraciet);color:#fff}.btn-lijn-wit{color:#fff;border-color:#ffffff80}.btn-lijn-wit:hover{color:var(--antraciet);background:#fff}:focus-visible{outline:3px solid var(--aqua);outline-offset:3px}header.hero{background:var(--antraciet);color:#fff;isolation:isolate;padding:36px 0 0;position:relative;overflow:hidden}header.hero:before{content:"";z-index:-2;background:radial-gradient(120% 80% at 78% 8%,#00a9ce47,#0000 58%),linear-gradient(#232529 0%,#131315 100%);position:absolute;inset:0}.golven{z-index:-1;opacity:.55;height:70%;position:absolute;bottom:0;left:-10%;right:-10%}.golven path{fill:none;stroke-width:1.2px}.golven .g-aqua path{stroke:var(--aqua)}.golven .g-staal path{stroke:#ffffff38}.golven g{animation:38s ease-in-out infinite alternate drift}.golven .g-staal{animation-duration:52s;animation-direction:alternate-reverse}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-40px,10px)}}.topbar{justify-content:space-between;align-items:center;gap:16px;padding-bottom:56px;display:flex}.merk{align-items:center;gap:11px;display:flex}.merk .logo{width:38px;height:auto;display:block}.merk .naam{font-family:var(--kop);letter-spacing:.06em;text-transform:uppercase;font-size:23px;font-weight:700;line-height:1}.merk .naam b{color:#fff;font-weight:700}.positie{font-family:var(--mono);letter-spacing:.18em;color:var(--aqua-licht);font-size:11px}h1{max-width:13ch;font-size:clamp(46px,9vw,104px)}h1 .accent{color:var(--rood)}.hero p.lead{color:#ffffffc7;max-width:50ch;margin:24px 0 0;font-size:19px}.hero .knoppen{flex-wrap:wrap;gap:13px;margin:36px 0 0;display:flex}.streep{background:var(--rood);width:74px;height:5px;margin-bottom:26px}.routes{background:#ffffff1f;border-top:1px solid #ffffff1f;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;margin-top:64px;display:grid}.route{background:#191a1d;border-top:4px solid #0000;flex-direction:column;padding:34px 28px 32px;transition:background .2s;display:flex}.route:hover{background:#212328}.route--kopen{border-top-color:var(--rood);background:#20161a}.route--kopen:hover{background:#291a1e}.route--proef{border-top-color:var(--aqua)}.route--info{border-top-color:var(--staal)}.route .stap{font-family:var(--mono);letter-spacing:.2em;color:var(--staal);text-transform:uppercase;margin-bottom:14px;font-size:11px}.route--kopen .stap{color:var(--rood)}.route--proef .stap{color:var(--aqua-licht)}.route h2{color:#fff;margin-bottom:11px;font-size:31px}.route p{color:#ffffffa8;flex:1;margin:0 0 26px;font-size:15.5px}.route .btn{align-self:flex-start}section{border-top:1px solid var(--lijn);padding:92px 0}section h2{max-width:20ch;font-size:clamp(32px,5.2vw,54px)}section p.intro{color:#4a4e52;max-width:58ch;margin:18px 0 0;font-size:17.5px}.punten{background:var(--lijn);border:1px solid var(--lijn);grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:1px;margin-top:54px;display:grid}.punt{background:var(--wit);padding:28px 26px}.punt h3{margin-bottom:8px;font-size:22px}.punt p{color:#4a4e52;margin:0;font-size:15px}.punt .nr{font-family:var(--mono);color:var(--rood);letter-spacing:.18em;margin-bottom:14px;font-size:11px;display:block}#kopen{background:var(--antraciet);color:#fff;border-top:none}#kopen h2{color:#fff}#kopen p.intro{color:#ffffffb3}.aanbod{background:#ffffff24;border:1px solid #ffffff24;grid-template-columns:1.25fr .95fr;gap:1px;margin-top:46px;display:grid}.aanbod>div{background:#1f2124;padding:36px}.aanbod h3{color:#fff;margin-bottom:6px;font-size:36px}.aanbod .ondertitel{font-family:var(--mono);letter-spacing:.18em;color:var(--aqua-licht);text-transform:uppercase;margin:0 0 20px;font-size:11px}.spec{color:#ffffffc2;margin:22px 0 0;padding:0;font-size:15.5px;list-style:none}.spec li{border-bottom:1px solid #ffffff14;padding:9px 0 9px 26px;position:relative}.spec li:before{content:"";background:var(--rood);width:12px;height:2px;position:absolute;top:18px;left:0}.prijsblok{flex-direction:column;justify-content:center;display:flex;background:#25272b!important}.prijstag{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--rood);font-size:11px}.prijsblok .bedrag{font-family:var(--kop);color:#fff;margin:6px 0 2px;font-size:clamp(52px,8.5vw,78px);font-weight:700;line-height:.92}.prijsblok .btw{color:#ffffff8c;margin:0 0 24px;font-size:14px}.bezorging{border-left:4px solid var(--aqua);background:#00a9ce1a;margin:0 0 26px;padding:20px 22px}.bezorging .kop-klein{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--aqua-licht);margin:0 0 14px;font-size:10.5px}.bezorging .optie{border-top:1px solid #ffffff1a;gap:13px;padding:11px 0;display:flex}.bezorging .optie:first-of-type{border-top:none;padding-top:0}.bezorging .optie .cijfer{font-family:var(--kop);color:var(--aqua);flex:none;width:22px;font-size:26px;font-weight:700;line-height:1}.bezorging .optie strong{font-family:var(--kop);text-transform:uppercase;letter-spacing:.02em;color:#fff;margin-bottom:2px;font-size:18px;display:block}.bezorging .optie span{color:#ffffffb8;font-size:14.5px;display:block}.formulier{background:var(--wit);border:1px solid var(--lijn);border-top:4px solid var(--rood);margin-top:34px;padding:34px}.formulier.op-donker{border-color:#ffffff24;border-top-color:var(--rood);background:#1f2124}.formulier.op-donker label{color:var(--aqua-licht)}.formulier.op-donker .hint{color:#ffffff80}.veldrij{grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:20px;margin-bottom:20px;display:grid}label{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--staal);margin-bottom:7px;font-size:10.5px;display:block}input,select,textarea{width:100%;font-family:var(--body);color:var(--antraciet);background:#fff;border:1px solid #1c1c1e38;border-radius:0;padding:13px 14px;font-size:16px}input:focus,select:focus,textarea:focus{border-color:var(--aqua)}textarea{resize:vertical;min-height:94px}.knoppen{flex-wrap:wrap;gap:13px;margin-top:26px;display:flex}.hint{color:var(--staal);margin:14px 0 0;font-size:13.5px}.bevestiging{background:var(--antraciet);color:#fff;border-left:4px solid var(--aqua);margin-top:22px;padding:28px;display:none}.bevestiging h3{margin-bottom:10px;font-size:26px}.bevestiging p{color:#ffffffbf;margin:0;font-size:15.5px}#proefrit{background:var(--mist)}.locaties{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:46px;display:grid}.locatie input{opacity:0;width:0;height:0;position:absolute}.locatie label{cursor:pointer;text-transform:none;letter-spacing:0;background:var(--wit);border:1px solid var(--lijn);font-family:var(--body);color:var(--antraciet);border-left:4px solid #0000;height:100%;margin:0;padding:24px;font-size:16px;transition:border-color .15s,transform .15s;display:block}.locatie label:hover{border-left-color:var(--aqua-licht);transform:translateY(-2px)}.locatie input:checked+label{border-left-color:var(--rood);border-color:#e2001a59}.locatie input:focus-visible+label{outline:3px solid var(--aqua);outline-offset:3px}.locatie .plaats{font-family:var(--kop);text-transform:uppercase;margin-bottom:2px;font-size:27px;font-weight:700;display:block}.locatie .adres{color:var(--antraciet);margin-bottom:9px;font-size:14.5px;font-weight:600;display:block}.locatie .coord{font-family:var(--mono);letter-spacing:.14em;color:var(--aqua);margin-bottom:11px;font-size:10.5px;display:block}.locatie .omschrijving{color:#4a4e52;margin-bottom:12px;font-size:14.5px;display:block}.locatie .praktisch{color:var(--staal);border-top:1px solid var(--lijn);padding-top:10px;font-size:13px;display:block}.locatie .praktisch b{color:var(--antraciet);font-weight:600}.locatie .kaartlink{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--aqua);border-bottom:1px solid;margin-top:10px;font-size:11px;text-decoration:none;display:inline-block}.boek-online{background:var(--wit);border:1px solid var(--lijn);border-top:4px solid var(--aqua);margin-top:46px;padding:32px}.boek-online h3{margin-bottom:12px;font-size:29px}.boek-online .boek-uitleg{color:#4a4e52;margin:0;font-size:15px}.boek-knoppen{flex-wrap:wrap;gap:13px;margin-top:26px;display:flex}.boek-knoppen .btn{text-align:center;flex:230px}.of-scheiding{margin-top:52px}.aanmelding{border:1px solid var(--lijn);border-top:4px solid var(--staal);grid-template-columns:repeat(auto-fit,minmax(215px,1fr));align-items:end;gap:20px;margin-top:42px;padding:32px;display:grid}.aanmelding .volle-breedte{grid-column:1/-1}.grid3{background:var(--lijn);border:1px solid var(--lijn);grid-template-columns:repeat(auto-fit,minmax(276px,1fr));gap:1px;margin-top:52px;display:grid}.kaartje{background:var(--wit);flex-direction:column;padding:30px;display:flex}.kaartje h3{margin-bottom:8px;font-size:29px}.kaartje .voor{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--aqua);margin-bottom:14px;font-size:10.5px;display:block}.kaartje p{color:#4a4e52;flex:1;font-size:15px}.kaartje .bedrag-klein{font-family:var(--kop);color:var(--antraciet);margin:16px 0 0;font-size:38px;font-weight:700;line-height:1}.kaartje .btw-klein{color:var(--staal);margin:2px 0 14px;font-size:13px}.kaartje.uitgelicht{border-top:4px solid var(--rood);margin-top:-1px}.kaartje.uitgelicht .bedrag-klein{color:var(--rood)}details{border-bottom:1px solid var(--lijn);padding:19px 0}summary{cursor:pointer;font-family:var(--kop);text-transform:uppercase;letter-spacing:.02em;font-size:21px;font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:"+";font-family:var(--mono);color:var(--rood);margin-right:12px;font-size:17px}details[open] summary:before{content:"–"}details p{color:#4a4e52;max-width:64ch;margin:12px 0 0;font-size:15.5px}footer{background:var(--antraciet);color:#fff9;border-top:5px solid var(--rood);padding:58px 0;font-size:14.5px}footer a{color:#fff}footer .rij{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}@media (width<=800px){.aanbod{grid-template-columns:1fr}}@media (width<=560px){header.hero{padding:26px 0 0}.topbar{padding-bottom:40px}section{padding:64px 0}.formulier,.aanmelding,.aanbod>div{padding:22px}.hero .knoppen .btn{text-align:center;width:100%}}