@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');:root{--ink:#101317;--yellow:#e7fb39;--soft:#f3f4f2;--muted:#626870}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.wrap{max-width:1190px;margin:auto;padding:0 30px}.top{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,calc((100vw - 1130px)/2));background:#111419;color:white;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:23px;line-height:.87;letter-spacing:.5px}.brand small{display:block;color:var(--yellow);font-size:16px;letter-spacing:2px;margin-top:6px}.gear{font-size:42px;color:var(--yellow)}nav{display:flex;gap:23px;font-size:12px;font-weight:700}nav a:hover{color:var(--yellow)}.menu{display:none}.hero{min-height:630px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 70% 22%,#667b72 0%,#27392f 36%,#121a1b 70%,#0b1013 100%);color:white}.hero-art{position:absolute;inset:0;overflow:hidden}.sun{position:absolute;right:14%;top:14%;width:220px;height:220px;border-radius:50%;background:#c6d78c;filter:blur(95px);opacity:.5}.hill{position:absolute;width:110%;height:40%;left:-5%;bottom:0;transform:rotate(-8deg);background:#1d2e27;border-radius:50% 50% 0 0}.h2{bottom:-20%;transform:rotate(12deg);background:#0b1215}.road{position:absolute;bottom:-20%;left:52%;height:70%;width:15%;transform:perspective(250px) rotateX(30deg) rotate(15deg);background:linear-gradient(90deg,transparent,#83908855,transparent);filter:blur(8px)}.hero-content{position:relative;width:100%;z-index:2;padding-top:60px;padding-bottom:60px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:3px;color:var(--yellow)}.eyebrow.dark{color:#5e6b00}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;line-height:.91;letter-spacing:-.4px}h1{font-size:clamp(74px,10vw,143px);margin:22px 0 24px;max-width:850px}h1 em,h2 em{font-style:normal;color:var(--yellow)}h1 em{font-size:.68em;display:block;margin-top:14px}.hero p{max-width:450px;font-size:18px;line-height:1.7;color:#e3e7e1}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;border:2px solid var(--yellow);border-radius:4px;background:var(--yellow);color:#111;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:16px 22px;cursor:pointer}.btn:hover{filter:brightness(.93)}.btn.ghost{background:transparent;color:white}.hero-note{position:absolute;bottom:30px;right:35px;font-size:11px;font-weight:800;letter-spacing:3px}.quick{background:#111419;color:#fff}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:30px;padding-bottom:30px}.quick-grid>div{padding:6px 22px;border-right:1px solid #424649;display:flex;flex-direction:column;gap:8px}.quick-grid>div:first-child{padding-left:0}.quick-grid>div:last-child{border:0}.quick strong{font-size:11px;letter-spacing:1px;color:var(--yellow)}.quick b{font-family:'Barlow Condensed';font-size:38px}.quick b.smallb{font-size:29px}.quick span{font-size:12px;color:#b8bcb9}.section{padding:95px 0;scroll-margin-top:75px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-heading p{max-width:340px;color:var(--muted);line-height:1.7}.section h2{font-size:clamp(48px,6vw,80px);margin:14px 0 26px}.dot{color:#a4bc09}.cards{display:grid;gap:18px}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--soft);padding:34px;border-top:5px solid #d6e934;min-height:310px}.card-num{font-size:11px;font-weight:800;color:#6c756b;letter-spacing:2px}.card h3{font-size:45px;margin:30px 0 12px}.card .large{font-size:26px;font-weight:800;margin:0 0 15px}.card p{line-height:1.7;color:#4d5356}.pill{font-size:11px;font-weight:700;display:inline-block;padding:10px;background:white;border-radius:20px}.dark-section{background:#111419;color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.dark-section p,.contact-section p{color:#c3c8c7;line-height:1.8;max-width:490px}.route-item{border-top:1px solid #343b3d;padding:20px 0;display:flex;gap:18px;align-items:center}.route-item>span:first-child{color:var(--yellow);font-size:26px}.route-item strong,.route-item small{display:block}.route-item small{color:#a9b1b2;margin-top:5px}.tag{margin-left:auto;font-size:10px;font-weight:800;color:#131313;background:var(--yellow);padding:8px}.map-graphic{height:450px;background:repeating-linear-gradient(32deg,transparent 0 34px,#324439 35px 37px,transparent 38px 80px),linear-gradient(125deg,#66765b,#233a34);border-radius:6px;position:relative;overflow:hidden}.route-line{position:absolute;inset:20%;border:9px dashed var(--yellow);border-radius:45% 20% 60% 30%;transform:rotate(26deg);filter:drop-shadow(0 0 6px #222)}.map-label{position:absolute;bottom:22px;left:24px;background:#101317;padding:14px;color:var(--yellow);font-family:'Barlow Condensed';font-weight:800;font-size:25px}.event{background:#f1f2ef;min-height:320px;padding:26px;display:flex;flex-direction:column}.event-top{width:76px;height:84px;background:var(--yellow);font-family:'Barlow Condensed';font-size:46px;font-weight:900;text-align:center;padding:7px}.event-top small{display:block;font:800 12px Inter}.event-top.alt{background:#151515;color:var(--yellow)}.event-top.alt2{background:#d6d9d5}.event h3{font-size:32px;margin:24px 0 4px}.event p{line-height:1.65;color:#50565a}.event>span{margin-top:auto;font-size:12px;font-weight:800}.about{background:#f7f8f5}.photo-placeholder{height:420px;background:linear-gradient(135deg,#4c645b,#192522);display:grid;place-items:center;color:#d9e6d7;font-weight:800;letter-spacing:2px;text-align:center;padding:30px}.about p{line-height:1.8;color:#50565a}.stats{display:flex;gap:50px;margin:35px 0}.stats strong{display:block;font:900 49px 'Barlow Condensed'}.stats span{font-size:12px;color:#60686b}.muted{font-size:12px!important;color:#7b8184!important}.sponsor-section p{color:#5c6367}.sponsor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0}.sponsor-grid>div{min-height:120px;border:1px solid #e0e3de;display:grid;place-items:center;text-align:center;padding:20px;font-family:'Barlow Condensed';font-size:27px;font-weight:800}.contact-section{background:#171b1e;color:white}.contact-form{background:white;padding:30px;color:#171b1e;border-radius:5px;display:grid;gap:15px}.contact-form label{font-size:12px;font-weight:700;display:grid;gap:8px}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid #cdd2d0;border-radius:3px;padding:13px;font:14px Inter;width:100%}.contact-form .btn{justify-self:start}.form-note{font-size:12px;color:#5a6063!important;margin:0}footer{background:#0d1012;color:white;padding:35px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:12px;color:#b8bfbe;line-height:1.7}footer a{font-size:12px;font-weight:800}@media(max-width:800px){.top{height:68px;padding:0 20px}.menu{display:block;border:0;background:transparent;color:white;font-size:25px}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#111419;padding:22px;flex-direction:column;gap:18px}nav.open{display:flex}.wrap{padding:0 20px}.hero{min-height:580px}h1{font-size:clamp(62px,13vw,100px)}.quick-grid{grid-template-columns:repeat(2,1fr);gap:20px}.quick-grid>div{padding:8px 0;border:0}.section{padding:65px 0}.section-heading{display:block}.cards.two,.cards.three,.split{grid-template-columns:1fr}.split{gap:30px}.sponsor-grid{grid-template-columns:repeat(2,1fr)}.map-graphic{height:300px}.footer-grid{flex-wrap:wrap}.hero-note{display:none}}@media(max-width:430px){.brand{font-size:19px}.gear{font-size:35px}.quick b{font-size:30px}.quick b.smallb{font-size:23px}.sponsor-grid{grid-template-columns:1fr 1fr}.sponsor-grid>div{font-size:20px;min-height:90px}.stats{gap:25px}}

/* Officiële huisstijl */
:root{--yellow:#ffd600} .top{height:92px;background:#080a0b}.brand{flex-shrink:0}.official-logo{width:160px;height:76px;object-fit:contain;display:block}.hero{min-height:620px;background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.62) 35%,rgba(0,0,0,.08) 80%),url('groepsfoto.jpg') center 55%/cover no-repeat}.hero-content{padding-top:100px;padding-bottom:100px}.hero h1{font-size:clamp(66px,8vw,120px);max-width:800px}.hero h1 em{font-size:.86em;color:#ffd600}.hero .eyebrow{color:#ffd600}.btn{border-color:#ffd600;background:#ffd600}.btn.ghost{border-color:white}.quick strong,.dot{color:#d8b600}.club-photo{width:100%;height:420px;object-fit:cover;border-radius:4px}.sponsor-grid>div{font-size:23px}@media(max-width:800px){.top{height:76px}.official-logo{width:124px;height:68px}nav{top:76px}.hero{min-height:560px;background-position:58% center}.hero h1{font-size:clamp(52px,11vw,82px)}.hero-content{padding-top:65px;padding-bottom:65px}.club-photo{height:280px}}

/* SRL versie 3: sobere clubidentiteit en uitklapbare ritinformatie */
:root{--yellow:#ffd600;--soft:#f5f5f4} .eyebrow.dark{color:#8b7500}.card{border-top-color:#ffd600}.dot,.quick strong{color:#ffd600}.hero{background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.37) 45%,rgba(0,0,0,.10) 100%),url('groepsfoto.jpg') center 59%/cover no-repeat}.hero h1.club-title{font-size:clamp(46px,6.1vw,88px);letter-spacing:.5px;line-height:.98;max-width:670px;text-shadow:0 2px 15px #0008}.hero h1.club-title em{font-size:.77em;margin-top:7px}.ride-card{min-height:0}.ride-detail{border-top:1px solid #d8d8d5;margin-top:12px;padding-top:14px}.ride-detail summary{font-weight:800;font-size:14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}.ride-detail summary::-webkit-details-marker{display:none}.ride-detail summary:after{content:'+';font-size:21px;color:#9b8300}.ride-detail[open] summary:after{content:'−'}.ride-detail>div{padding:12px 0 7px;color:#45494b;font-size:14px;line-height:1.75}.ride-note{font-size:13px;color:#5c6265;margin-top:22px;line-height:1.6}@media(max-width:800px){.hero h1.club-title{font-size:clamp(42px,9vw,70px)}.hero{background-position:57% center}}

/* V4 */
.reg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.reg-grid details{background:#f3f3f0;border:1px solid #e3e3de;border-radius:12px;padding:18px 20px}.reg-grid summary{font-weight:800;cursor:pointer;line-height:1.4}.reg-grid p{line-height:1.7;color:#41454a;font-size:14px}.reg-warning{margin-top:24px;font-size:13px;color:#555;border-left:4px solid #e0ba19;padding:12px 16px;background:#faf8eb}.join-section{background:#f2f2ef}.join-form{padding:28px;background:#fff;border:1px solid #e5e5e2;border-radius:16px;box-shadow:0 12px 40px #0000000b}.join-form label{display:block;font-weight:700;font-size:13px;margin-bottom:14px}.join-form input:not([type=checkbox]){display:block;width:100%;padding:12px;border:1px solid #bfc2c4;border-radius:7px;margin-top:7px;font:inherit}.join-form .check{display:flex;align-items:flex-start;gap:10px;font-weight:500;line-height:1.6}.join-form .check input{margin-top:4px;accent-color:#e4bc16}.join-form a{color:#796100;text-decoration:underline}.join-form .btn{cursor:pointer}.join-status{font-weight:700}.reg-grid details[open]{border-color:#e0ba19}@media(max-width:780px){.reg-grid{grid-template-columns:1fr}}

/* Version 5 additions */
.routes-section .wrap>p{max-width:850px;color:#d1d1d1}.route-group-title{font-size:1.4rem;margin:38px 0 14px;color:#ffcc00}.route-disclaimer{color:#ccc}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.download-card{padding:24px;border:1px solid #505050;background:#1d1d1d;display:flex;flex-direction:column;gap:20px;justify-content:space-between}.download-card strong{font-size:1.12rem}.download-btn,.insurance-link{display:inline-block;background:#ffce00;color:#111!important;text-decoration:none;font-weight:800;padding:12px 16px;text-align:center;font-size:.82rem;letter-spacing:.05em}.download-btn:hover,.insurance-link:hover{background:#fff}.team-wrap{padding-top:65px}.board-group{width:100%;max-height:520px;object-fit:cover;object-position:center 36%;display:block;margin:20px 0 30px}.board-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.board-person{background:#f4f4f4;text-align:center;padding-bottom:18px}.board-person img{display:block;width:100%;height:270px;object-fit:cover;object-position:center 22%}.board-person h3{font-size:1rem;margin:17px 6px 4px}.board-person p{margin:0 5px;color:#666}.captains{margin-top:64px}.captain-tags{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.captain-tags span{background:#151515;color:white;padding:12px 20px;font-weight:700;border-left:4px solid #ffce00}.followcar{margin-top:25px}.social-icons{display:flex;align-items:center;gap:12px}.social-icons a{display:flex;align-items:center;justify-content:center;color:#fff;width:27px;height:27px}.social-icons a:hover{color:#ffce00}.social-icons svg{width:21px;height:21px;fill:currentColor}.legal-footer{border-top:1px solid #444;padding-top:16px;padding-bottom:22px;color:#ccc;font-size:.82rem;text-align:center}.legal-footer span{margin:0 9px}.strava-panel,.insurance-panel{margin-top:30px;padding:25px;background:#f3f3f3;border-left:5px solid #ffce00}.strava-panel{display:flex;justify-content:space-between;gap:20px;align-items:center}.strava-panel h3,.insurance-panel h3{color:#111;margin:10px 0}.strava-panel p,.insurance-panel p{color:#333}.strava-mark{font-weight:900;color:#f05a28;white-space:nowrap}.insurance-link{margin-top:12px}@media(max-width:900px){.board-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.top>.social-icons{display:none}}@media(max-width:580px){.board-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.board-person img{height:230px}.strava-panel{display:block}.legal-footer span{display:none}.legal-footer{line-height:1.8}}

/* Version 6: cleaner homepage, posters, accessible insurance and Strava */
.hero{min-height:590px;background-position:center 57%}.hero-content{padding-top:65px;padding-bottom:65px}.hero h1.club-title{font-size:clamp(42px,4.8vw,70px);max-width:570px;margin:10px 0 20px}.hero h1.club-title em{font-size:.76em}.hero .actions{margin-top:20px}.hero .actions .btn{padding:12px 17px;font-size:11px}.hero{background-image:linear-gradient(90deg,rgba(0,0,0,.77),rgba(0,0,0,.28) 48%,rgba(0,0,0,.02) 100%),url('groepsfoto.jpg')}.strava-icon{width:auto!important;font-weight:900;font-size:10px!important;letter-spacing:.2px}.strava-mark{background:#fc4c02;color:white;padding:14px 18px;text-decoration:none;font-size:12px}.strava-mark:hover{background:#c23b00}.event-posters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;align-items:start}.poster-card{background:#f5f5f4;border:1px solid #e4e4e4;overflow:hidden}.poster-card>a{display:block;overflow:hidden;background:#111}.poster-card img{display:block;width:100%;height:480px;object-fit:contain}.poster-card a:hover img{opacity:.94}.poster-caption{padding:22px 25px;border-top:5px solid #ffd600}.poster-caption h3{font-size:30px;margin:0 0 8px}.poster-caption p{margin:0;color:#555}.insurance-page{min-height:65vh;background:#f7f7f5;padding:75px 0}.insurance-page h1{font-size:clamp(42px,6vw,76px);margin:14px 0 24px}.insurance-intro{max-width:800px;line-height:1.75}.insurance-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:35px}.insurance-box{background:#fff;padding:28px;border-top:5px solid #ffd600}.insurance-box h2{font-size:34px;margin:0 0 18px}.insurance-box li{line-height:1.7;margin-bottom:8px}.insurance-box p{line-height:1.7}.insurance-box a{text-decoration:underline}.insurance-caution{margin:25px 0;padding:17px 20px;background:#fff2c1;border-left:5px solid #e3ba00;line-height:1.7}@media(max-width:800px){.event-posters,.insurance-layout{grid-template-columns:1fr}.poster-card img{height:auto;max-height:600px}.hero{min-height:500px;background-position:55% center}.hero h1.club-title{font-size:clamp(40px,8vw,64px);max-width:470px}.hero-content{padding-top:45px;padding-bottom:45px}}


/* Sponsor logos – version 8 */
.sponsor-section {background:#f7f7f5;}
.sponsor-section h2 {margin-bottom:12px;}
.sponsor-section .wrap>p {max-width:760px;}
.sponsor-subheading {font-size:1rem;letter-spacing:.11em;margin:34px 0 16px;color:#272a2e;}
.sponsor-featured-grid,.sponsor-logo-grid {display:grid;gap:20px;}
.sponsor-featured-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.sponsor-logo-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
.sponsor-tile {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:25px 20px;min-height:210px;background:#fff;border:1px solid #e6e6e6;border-radius:14px;text-decoration:none;color:#1d2024;box-shadow:0 5px 20px rgba(0,0,0,.035);transition:transform .18s,border-color .18s,box-shadow .18s;}
.sponsor-tile:hover,.sponsor-tile:focus-visible {transform:translateY(-3px);border-color:#e4bc23;box-shadow:0 10px 24px rgba(0,0,0,.09);}
.sponsor-tile img {width:100%;height:118px;object-fit:contain;}
.sponsor-tile.featured {min-height:245px;}
.sponsor-tile.featured img {height:158px;}
.sponsor-tile span {font-size:14px;font-weight:700;text-align:center;}
.footer-sponsors {background:#f0f0ee;padding:30px 0 34px;border-top:1px solid #e2e2e0;}
.footer-sponsors h2 {text-align:center;font-size:13px;letter-spacing:.14em;margin:0 0 22px;color:#333;}
.footer-sponsor-grid {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;}
.footer-sponsor-tile {display:flex;align-items:center;justify-content:center;min-height:84px;background:white;padding:10px;border-radius:9px;border:1px solid #ddd;transition:border-color .2s;}
.footer-sponsor-tile:hover {border-color:#e4bc23;}
.footer-sponsor-tile img {width:100%;height:62px;object-fit:contain;}
@media(max-width:900px){.footer-sponsor-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.sponsor-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.sponsor-featured-grid,.sponsor-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.sponsor-tile{min-height:165px;padding:12px 9px;}.sponsor-tile img{height:92px;}.sponsor-tile.featured img{height:110px;}.sponsor-tile.featured{min-height:195px;}.sponsor-tile span{font-size:12px;}.footer-sponsor-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.footer-sponsor-tile{min-height:72px;}.footer-sponsor-tile img{height:52px;}}

/* Versie 9 - zelfstandige clubkledijpagina */
.kit-hero{background:#15171a;color:#fff;padding:90px 0 80px}.kit-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.05;margin:18px 0 24px}.kit-hero p{max-width:700px;color:#ddd;font-size:18px;line-height:1.7}.kit-section{background:#f7f7f5}.kit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:30px 0 40px}.kit-card{background:#fff;border:1px solid #e5e5e5;border-top:5px solid #ffd600;padding:25px;min-height:270px;display:flex;flex-direction:column}.kit-card h3{font-size:23px;margin:18px 0 8px}.kit-card p{color:#4a4a4a;line-height:1.6}.kit-card span{margin-top:auto;color:#6e6000;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.kit-icon{font-size:13px;font-weight:900;color:#8a7500}.kit-notice{background:#fff;border-left:5px solid #ffd600;padding:30px;max-width:850px}.kit-notice strong{font-size:19px}.kit-notice p{line-height:1.7;color:#444}.kit-notice .btn{display:inline-block;margin-top:10px}.kit-footer{background:#15171a;color:#ddd;padding:32px 0;text-align:center}.kit-footer a{color:#ffd600}.kit-footer p{font-size:13px;line-height:1.8}@media(max-width:900px){.kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.kit-grid{grid-template-columns:1fr}.kit-hero{padding:65px 0 55px}.kit-card{min-height:200px}}

/* Versie 10: mobiele weergave en uniforme sponsors */
html,body{max-width:100%;overflow-x:clip}img{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}section[id]{scroll-margin-top:95px}
.sponsor-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}.sponsor-tile{min-width:0;min-height:220px}.sponsor-tile img{height:130px}.sponsor-tile.featured{min-height:220px}.sponsor-tile.featured img{height:130px}
.kit-home{background:#15171a;color:#fff}.kit-home-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.kit-home h2{margin-bottom:18px}.kit-home p{max-width:530px;line-height:1.75;color:#e0e0e0;margin-bottom:26px}.kit-home .eyebrow.dark{color:#ffd600}.kit-home-mark{background:#fff;border-radius:14px;min-height:240px;display:grid;place-items:center;padding:30px}.kit-home-mark img{width:230px;max-height:220px;object-fit:contain}.top nav{min-width:0}.footer-grid>*{min-width:0}
@media(max-width:1050px){.top{padding-left:20px;padding-right:20px}nav{gap:12px;font-size:11px}.official-logo{width:125px}.top>.social-icons{display:none}}
@media(max-width:900px){.top{height:76px;gap:12px}.menu{display:block;margin-left:auto;border:1px solid #555;border-radius:6px;padding:6px 12px;cursor:pointer}.top nav{display:none;position:absolute;top:76px;left:0;right:0;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;background:#111419;padding:18px 24px 26px;flex-direction:column;gap:0;box-shadow:0 15px 22px #0005}.top nav.open{display:flex}.top nav a{display:block;padding:12px 5px;border-bottom:1px solid #333;font-size:15px}.kit-home-layout{grid-template-columns:1fr}.kit-home-mark{min-height:190px}.sponsor-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{background-position:60% center}.footer-grid{justify-content:center;text-align:center}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.wrap{padding-left:18px;padding-right:18px}.hero{min-height:520px;background-position:59% center}.hero-content{padding-top:38px;padding-bottom:38px}.hero h1.club-title{font-size:clamp(35px,10vw,51px);max-width:85%;overflow-wrap:normal}.hero .actions{gap:9px}.hero .actions .btn{font-size:10px;padding:12px 11px}.quick-grid{gap:10px}.quick-grid>div{min-width:0}.quick b.smallb{font-size:21px}.section{padding-top:52px;padding-bottom:52px}.section h2{font-size:clamp(39px,11vw,62px)}.sponsor-logo-grid{gap:10px}.sponsor-tile,.sponsor-tile.featured{min-height:160px;padding:12px 8px}.sponsor-tile img,.sponsor-tile.featured img{height:93px}.board-person img{height:220px}.poster-caption{padding:17px}.kit-home-mark{min-height:150px}.kit-home-mark img{max-height:135px}.footer-sponsor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-form,.join-form{padding:18px}.cards.two{grid-template-columns:1fr}.card{padding:22px}.legal-footer{overflow-wrap:anywhere}}
@media(max-width:360px){.board-grid,.sponsor-logo-grid{grid-template-columns:1fr}.hero h1.club-title{font-size:34px}.hero .actions{flex-direction:column;align-items:flex-start}}

/* v11: compact responsive navigation and apparel */
.top{gap:14px}.top .site-nav{display:flex;align-items:center;gap:clamp(7px,1vw,18px)}.site-nav>a,.site-nav .nav-item>a{white-space:nowrap}.nav-item{position:relative;display:flex;align-items:center}.submenu-toggle{background:transparent;color:inherit;border:0;cursor:pointer;padding:7px;font-size:18px}.submenu{display:none;position:absolute;z-index:99;top:100%;left:0;background:#171b20;min-width:175px;padding:8px 12px;box-shadow:0 8px 20px #0005;border-radius:6px}.submenu a{display:block!important;padding:11px 8px!important;color:white!important}.nav-item:hover .submenu,.nav-item:focus-within .submenu,.nav-item.submenu-open .submenu{display:block}.kit-home-mark{background:#23272c!important;display:flex;align-items:center;justify-content:center;overflow:hidden}.kit-home-mark .kit-jersey{width:100%;height:100%;max-height:330px;object-fit:contain;object-position:center;background:white}.current-kit{max-width:650px;margin:24px auto 48px;padding:20px;text-align:center;background:#f4f5f6;border-radius:14px}.current-kit img{display:block;width:100%;max-height:420px;object-fit:contain}.current-kit p{color:#242424;font-weight:600}.footer-grid>a[href="verzekering.html"]{display:none}body{overflow-x:hidden}
@media(max-width:1050px){.top .site-nav{display:none;position:absolute;left:0;right:0;top:100%;padding:14px 22px;background:#171b20;flex-direction:column;align-items:stretch;gap:0;max-height:80vh;overflow-y:auto;z-index:100}.top .site-nav.open{display:flex}.top .site-nav>a,.top .site-nav .nav-item>a{display:block;padding:13px 8px!important;border-bottom:1px solid #383838}.top .nav-item{display:flex;flex-wrap:wrap;justify-content:space-between}.top .nav-item>a{flex:1}.top .submenu{position:static;width:100%;box-shadow:none;padding:0 10px 6px;background:#292e34}.top .submenu a{padding:12px!important}.top .menu{display:block}.top .social-icons{margin-left:auto}}
@media(max-width:580px){.kit-home-mark .kit-jersey{max-height:250px}.top .social-icons{gap:8px}.top .strava-icon{font-size:10px}}