:root{--ink:#123029;--muted:#60756f;--paper:#f6f7f2;--surface:#fff;--line:#dce4df;--brand:#1f6b4f;--brand-2:#a9e34b;--accent:#f07b52;--dark:#0b251e;--shadow:0 20px 60px rgba(18,48,41,.12);color-scheme:light}html[data-theme=dark]{--ink:#ecf6f0;--muted:#a8bbb4;--paper:#0c1714;--surface:#14241f;--line:#2c4039;--brand:#76cfa4;--dark:#06100d;--shadow:0 20px 60px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.wrap{width:min(100% - 2rem,1240px);margin-inline:auto}.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;padding:.8rem 1rem;background:var(--brand-2);color:#10281f}.skip-link:focus{top:1rem}.site-header{position:sticky;z-index:30;top:0;background:color-mix(in srgb,var(--paper) 88%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:.65rem;font-weight:900;letter-spacing:-.04em}.logo>b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--brand-2);font-size:.75rem}.logo em{color:var(--brand);font-style:normal}.logo small{font-size:.7em}.site-header nav{display:flex;gap:1.8rem;font-size:.82rem;font-weight:750;line-height:1.35}.site-header nav a{padding:.4rem 0;border-bottom:2px solid transparent}.site-header nav a:hover,.site-header nav a[aria-current=page]{border-color:var(--brand-2);color:var(--brand)}.nav-actions{display:flex;gap:.5rem}.nav-actions button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer}#menu-toggle{display:none}.hero{min-height:680px;padding-block:clamp(4rem,9vw,7.5rem);display:grid;grid-template-columns:1.05fr .8fr;gap:clamp(2rem,7vw,7rem);align-items:center}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.18em;color:var(--brand);font-size:.7rem;font-weight:900}.eyebrow:before{content:"";display:inline-block;width:28px;height:2px;margin-right:.65rem;background:var(--accent);vertical-align:middle}.hero h1,.page-hero h1{font-size:clamp(3.4rem,7vw,6.6rem);line-height:.9;letter-spacing:-.075em;margin:1.4rem 0 2rem}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--brand)}.hero-copy>p,.page-hero p{max-width:660px;color:var(--muted);font-size:1.08rem}.actions{display:flex;gap:.8rem;margin-block:2rem}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);padding:.9rem 1.2rem;font-weight:850;font-size:.84rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.button.primary{background:var(--brand-2);border-color:var(--brand-2);color:#10281f}.button.secondary{background:var(--surface)}.trust{display:flex;flex-wrap:wrap;gap:1rem;padding:0;list-style:none;color:var(--muted);font-size:.75rem;font-weight:700}.trust li:before{content:"✓";color:var(--brand);margin-right:.35rem}.hero-image{position:relative}.hero-image img{width:100%;height:525px;object-fit:cover;border-radius:48% 48% 8px 8px;box-shadow:var(--shadow)}.hero-image aside{position:absolute;left:-2rem;bottom:2rem;width:240px;padding:1rem;background:var(--surface);border-left:4px solid var(--brand-2);box-shadow:var(--shadow)}.hero-image aside small,.hero-image aside strong{display:block}.hero-image aside small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.6rem}.benefits{background:var(--dark);color:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:1.4rem}.benefit-grid>div{display:flex;gap:1rem;align-items:center;border-right:1px solid #ffffff25}.benefit-grid>div:last-child{border:0}.benefit-grid b{font:italic 1.6rem Georgia;color:var(--brand-2)}.benefit-grid span,.benefit-grid strong{display:block}.benefit-grid span{font-size:.7rem;color:#aec3bb}.benefit-grid strong{color:#fff;font-size:.8rem}.section{padding-block:clamp(5rem,9vw,8rem)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.section h2,.dark-panel h2{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1;letter-spacing:-.055em;margin:.8rem 0}.section-head>a{font-weight:800;border-bottom:2px solid var(--brand-2)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.article-card{background:var(--surface);border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-image{position:relative;overflow:hidden}.card-image img{width:100%;aspect-ratio:1.55;object-fit:cover;transition:transform .35s}.article-card:hover img{transform:scale(1.035)}.card-image>span{position:absolute;left:1rem;bottom:1rem;padding:.35rem .55rem;background:var(--brand-2);color:#10281f;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.card-content{padding:1.35rem}.meta{display:flex;gap:.8rem;flex-wrap:wrap;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.card-content h3{font-size:1.25rem;line-height:1.25;margin:.8rem 0}.card-content p{color:var(--muted);font-size:.88rem}.card-content>strong{font-size:.78rem}.dark-panel{padding-block:clamp(5rem,9vw,8rem);background:var(--dark);color:#fff}.panel-grid{display:grid;grid-template-columns:1fr .8fr;gap:8vw;align-items:center}.panel-grid>div>p{color:#abc0b8;max-width:570px}.panel-grid ol{list-style:none;padding:0;margin:0;border-top:1px solid #ffffff25}.panel-grid li{display:flex;justify-content:space-between;gap:1rem;padding:1.3rem 0;border-bottom:1px solid #ffffff25}.panel-grid li b{color:var(--brand-2)}.panel-grid li span{color:#bdccc7}.page-hero{padding-block:clamp(5rem,10vw,9rem);border-bottom:1px solid var(--line)}.page-hero h1{max-width:950px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;background:var(--surface);border:1px solid var(--line);padding:1rem}.filters label>span,.field label{display:block;margin-bottom:.35rem;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.filters input,.filters select,.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:.85rem;outline:none}.filters input:focus,.filters select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.result-count{color:var(--muted);font-size:.8rem;margin:1.5rem 0}.empty,.status{text-align:center;padding:3rem;color:var(--muted)}.error-box{border:1px solid #c85a49;background:color-mix(in srgb,#c85a49 9%,var(--surface))}.two-column,.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,8vw,8rem)}.two-column p{color:var(--muted);font-size:1.05rem}.principles{background:var(--surface);border:1px solid var(--line);padding:2rem}.principles ul{list-style:none;padding:0}.principles li{display:grid;grid-template-columns:100px 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.principles span{color:var(--muted)}.safety{border-top:1px solid var(--line)}.safety p{max-width:800px;color:var(--muted)}.contact-form{background:var(--surface);border:1px solid var(--line);padding:clamp(1.25rem,4vw,2.5rem)}.field{margin-bottom:1.2rem}.field .error{display:block;min-height:1.25em;color:#b83d33}.contact-aside{align-self:start;padding:2rem;background:var(--dark);color:#fff}.contact-aside p{color:#b9cbc4}.form-status a{text-decoration:underline;font-weight:800}.article-hero{padding-block:5rem;background:var(--dark);color:#fff}.article-heading>a{display:inline-block;margin-bottom:3rem;color:#b8cbc4}.article-heading h1{max-width:950px;font-size:clamp(2.8rem,6vw,5.8rem);line-height:.96;letter-spacing:-.06em;margin:1rem 0}.article-heading>p{max-width:720px;color:#bbccc6;font-size:1.1rem}.article-cover{margin-top:-1px}.article-cover img{width:100%;max-height:630px;object-fit:cover}.article-layout{display:grid;grid-template-columns:300px 1fr;gap:clamp(3rem,8vw,8rem);padding-block:clamp(4rem,8vw,7rem)}.tools-list{align-self:start;position:sticky;top:100px;background:var(--surface);border:1px solid var(--line);padding:1.5rem}.tools-list h2,.steps>h2{font-size:1.35rem}.tools-list ul{padding-left:1.2rem;color:var(--muted)}.warning{margin-top:1.5rem;padding:1rem;background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-left:3px solid var(--accent)}.warning p{margin-bottom:0;font-size:.83rem}.steps>section{display:grid;grid-template-columns:64px 1fr;gap:1.2rem;padding:1.8rem 0;border-top:1px solid var(--line)}.steps>section>span{font:italic 2rem Georgia;color:var(--brand)}.steps h3{font-size:1.35rem;margin:.2rem 0}.steps p{color:var(--muted)}.success{margin-top:2rem;padding:2rem;background:var(--brand-2);color:#10281f}.success h2{font-size:2rem}.site-footer{background:#06100d;color:#eef7f2;padding-top:4rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}.logo.inverse>b{background:var(--brand-2);color:#10281f}.footer-grid p,.footer-grid span{color:#91aaa1}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:.5rem;font-size:.85rem}.footer-grid>div>strong{margin-bottom:.5rem}.copyright{margin-top:3rem;padding-block:1.5rem;border-top:1px solid #273a33;color:#81978f;font-size:.75rem}.reveal{opacity:0;transform:translateY(18px)}.reveal.visible{opacity:1;transform:none;transition:opacity .55s,transform .55s}
@media(max-width:900px){#menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:1.5rem max(1rem,calc((100% - 1240px)/2));background:var(--surface);border-bottom:1px solid var(--line);flex-direction:column}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-image{max-width:620px}.benefit-grid{grid-template-columns:1fr 1fr;gap:1rem}.card-grid{grid-template-columns:1fr 1fr}.panel-grid,.two-column,.contact-layout{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.tools-list{position:static}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:620px){.wrap{width:min(100% - 1.3rem,1240px)}.hero h1,.page-hero h1{font-size:3.45rem}.actions,.trust{flex-direction:column}.hero-image img{height:380px}.hero-image aside{left:.75rem}.benefit-grid,.card-grid,.filters,.footer-grid{grid-template-columns:1fr}.benefit-grid>div{border-right:0;border-bottom:1px solid #ffffff25;padding:.5rem}.section-head{align-items:start;flex-direction:column}.article-layout{padding-inline:.75rem}.steps>section{grid-template-columns:44px 1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Originele MichaelOnline.nl-layout */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.logo>span{line-height:1}.logo i{display:block;margin-top:.28rem;color:var(--muted);font-size:.52rem;font-style:normal;font-weight:650;letter-spacing:.04em}.search-link{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:1.2rem}.original-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 16%,rgba(169,227,75,.27),transparent 24%),linear-gradient(135deg,#f7fff8 0%,#eef9f0 55%,#fff 100%)}html[data-theme=dark] .original-hero{background:radial-gradient(circle at 88% 16%,rgba(169,227,75,.1),transparent 24%),linear-gradient(135deg,#10221c,#142b23 55%,#0c1714)}.original-hero:before,.original-hero:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--brand) 14%,transparent);border-radius:50%}.original-hero:before{width:420px;height:420px;right:-190px;top:-170px}.original-hero:after{width:220px;height:220px;left:-110px;bottom:-90px}.original-hero-grid{min-height:650px;padding-block:5rem;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.hero-badge{display:inline-flex;align-items:center;padding:.55rem .9rem;border:1px solid #cfe8d4;border-radius:999px;background:rgba(255,255,255,.72);color:#277151;font-size:.72rem;font-weight:800;box-shadow:0 8px 30px rgba(31,107,79,.07)}html[data-theme=dark] .hero-badge{background:rgba(20,36,31,.8);border-color:var(--line);color:var(--brand)}.original-hero h1{font-size:clamp(3.6rem,6.8vw,6.8rem);line-height:.9;letter-spacing:-.075em;margin:1.4rem 0 1.8rem}.original-hero h1 em{color:var(--brand);font:italic 400 1em/1 Georgia,serif}.original-hero-copy>p{max-width:640px;color:var(--muted);font-size:1.1rem}.hero-stats{display:flex;margin-top:2.8rem}.hero-stats>div{padding:0 1.5rem;border-right:1px solid var(--line)}.hero-stats>div:first-child{padding-left:0}.hero-stats>div:last-child{border:0}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:1.3rem}.hero-stats span{color:var(--muted);font-size:.67rem}.original-hero-image{position:relative;padding:1.2rem}.image-frame{position:relative;padding:12px;border-radius:44px 12px 44px 12px;background:rgba(255,255,255,.75);box-shadow:0 30px 80px rgba(30,90,67,.18)}.image-frame:before{content:"";position:absolute;inset:-18px 18px 18px -18px;z-index:-1;border-radius:55px 16px;background:var(--brand-2);opacity:.34}.image-frame img{width:100%;height:490px;object-fit:cover;border-radius:34px 8px}.floating-tip{position:absolute;left:-1.2rem;bottom:2.5rem;display:flex;gap:.8rem;align-items:center;padding:1rem 1.2rem;border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.floating-tip>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--brand-2);color:#173428}.floating-tip span,.floating-tip strong{display:block}.floating-tip span{color:var(--muted);font-size:.68rem}.floating-tip strong{color:var(--ink);font-size:.8rem}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:2rem;padding-block:clamp(4.5rem,8vw,7rem)}.home-section+.home-section{margin-top:5rem}.compact-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.8rem}.compact-head h2{margin:.6rem 0 0;font-size:clamp(2rem,3vw,3rem);line-height:1;letter-spacing:-.045em}.compact-head>a{font-size:.78rem;font-weight:850;color:var(--brand)}.home-content .card-grid{grid-template-columns:repeat(3,1fr)}.home-content .card-content{padding:1.1rem}.home-content .card-content h3{font-size:1.08rem}.home-content .card-content p{display:none}.article-card,.sidebar-card,.latest-list{border-radius:16px;overflow:hidden;box-shadow:0 12px 38px rgba(18,48,41,.07)}.card-image>span{border-radius:999px}.sidebar{display:flex;flex-direction:column;gap:1.2rem}.sidebar-card{padding:1.5rem;background:var(--surface);border:1px solid var(--line)}.sidebar-card h2{margin:.35rem 0 1rem;font-size:1.05rem}.sidebar-card p{color:var(--muted);font-size:.84rem}.sidebar-card>a{color:var(--brand);font-size:.78rem;font-weight:850}.widget-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#eff9e4;font-size:1.5rem}.category-list{display:flex;flex-direction:column}.category-list a{display:flex;justify-content:space-between;padding:.68rem 0;border-bottom:1px solid var(--line);font-size:.82rem}.category-list b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:50%;background:var(--paper);color:var(--muted);font-size:.65rem}.newsletter{background:linear-gradient(145deg,#174c3b,#0d3025);color:#fff}.newsletter>span{font-size:1.7rem}.newsletter p{color:#bad0c8}.newsletter input{width:100%;margin:.35rem 0 .6rem;padding:.8rem;border:0;border-radius:8px}.newsletter .button{width:100%;border-radius:8px}.newsletter small{display:block;margin-top:.5rem;color:#d7e7e1}.popular-list{list-style:none;padding:0;margin:0}.popular-list li{display:grid;grid-template-columns:36px 1fr;gap:.5rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.popular-list b{font:italic 1rem Georgia;color:var(--brand)}.popular-list a{font-size:.78rem;font-weight:750;line-height:1.35}.latest-list{background:var(--surface);border:1px solid var(--line)}.latest-list article{display:grid;grid-template-columns:150px 1fr;gap:1.2rem;padding:1rem;border-bottom:1px solid var(--line)}.latest-list article:last-child{border:0}.latest-list img{width:150px;height:110px;object-fit:cover;border-radius:10px}.latest-list h3{margin:.35rem 0;font-size:1.05rem}.latest-list p{margin:0;color:var(--muted);font-size:.8rem}.expert-cta{padding-block:4.5rem;background:linear-gradient(135deg,#1d6a4d,#103e2e);color:#fff}.expert-cta>.wrap{display:flex;justify-content:space-between;align-items:center;gap:3rem}.expert-cta h2{font-size:clamp(2.4rem,4vw,4rem);line-height:1;margin:.7rem 0}.expert-cta p{max-width:670px;color:#c3d9d0}.button.light{background:#fff;border-color:#fff;color:#174a38;white-space:nowrap;border-radius:8px}.original-footer{grid-template-columns:2fr 1fr 1fr}.socials{display:flex!important;flex-direction:row!important;margin-top:1.2rem}.socials a{display:grid;place-items:center;width:35px;height:35px;border:1px solid #344941;border-radius:50%}.copyright{display:flex;justify-content:space-between}
@media(max-width:1100px){.site-header nav{gap:.9rem;font-size:.82rem}.home-layout{grid-template-columns:1fr 280px}.home-content .card-grid{grid-template-columns:1fr 1fr}.home-content .article-card:last-child{display:none}}
@media(max-width:900px){.original-hero-grid{grid-template-columns:1fr;gap:3rem}.original-hero-image{max-width:620px}.home-layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:1fr 1fr}.home-content .article-card:last-child{display:block}.home-content .card-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.original-hero-grid{padding-block:4rem}.original-hero h1{font-size:3.55rem}.hero-stats{justify-content:space-between}.hero-stats>div{padding-inline:1rem}.home-content .card-grid,.sidebar{grid-template-columns:1fr}.latest-list article{grid-template-columns:100px 1fr}.latest-list img{width:100px;height:100px}.latest-list p{display:none}.expert-cta>.wrap{align-items:flex-start;flex-direction:column}.original-footer{grid-template-columns:1fr}.copyright{align-items:flex-start;flex-direction:column;gap:.4rem}}
.mockup-hero{min-height:510px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,8,6,.92),rgba(3,8,6,.66) 45%,rgba(3,8,6,.18)),url('../images/fiets-werkplaats.webp') center 57%/cover no-repeat;color:#fff}.mockup-hero-content{padding-block:5.5rem}.mockup-hero h1{margin:0 0 1.15rem;font-size:clamp(2.9rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.05em}.mockup-hero p{margin:0 0 2rem;color:#f5f7f5;font-size:1.08rem}.hero-button{gap:2rem;border:0;border-radius:6px;background:#2e9638;color:#fff}.hero-button:hover{background:#257e2f}.home-layout{padding-top:2.8rem}.compact-head .eyebrow{font-size:1.15rem;letter-spacing:0;text-transform:none;color:var(--ink)}.compact-head .eyebrow:before{width:3px;height:20px;background:#2e9638}.benefits{background:linear-gradient(90deg,#248c2e,#15741f)}
.admin-body{background:#eef1ef}.admin-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.admin-sidebar{padding:1.4rem;background:#111a17;color:#fff}.admin-sidebar .logo{margin-bottom:2rem}.admin-sidebar nav{display:flex;flex-direction:column;gap:.4rem}.admin-sidebar nav a{padding:.75rem;border-radius:7px;color:#c6d0cc}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#21882d;color:#fff}.admin-main{padding:2rem}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}.admin-top h1{margin:0;font-size:1.7rem}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.4rem}.admin-panel{padding:1.4rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:0 12px 30px rgba(0,0,0,.05)}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.admin-form-grid .wide{grid-column:1/-1}.admin-panel textarea{min-height:120px}.admin-actions{display:flex;gap:.6rem;flex-wrap:wrap}.danger{color:#b42318}.admin-list{margin-top:1.5rem}.admin-row{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}.admin-row h3{margin:0 0 .3rem}.admin-row p{margin:0;color:var(--muted);font-size:.8rem}.admin-row button{border:0;background:none;cursor:pointer}.admin-status{min-height:1.5rem;color:var(--brand);font-weight:700}.admin-note{padding:.85rem;background:var(--paper);border-left:3px solid var(--brand);font-size:.78rem;color:var(--muted)}
@media(max-width:800px){.admin-shell{grid-template-columns:1fr}.admin-sidebar nav{flex-direction:row;overflow:auto}.admin-main{padding:1rem}.admin-grid,.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .wide{grid-column:auto}}
@media(max-width:700px){.mockup-hero{min-height:520px;background-position:62% center}.mockup-hero p br{display:none}}
.admin-login{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at top,#dff3df,transparent 38%),#eef1ef}.admin-login[hidden],.admin-shell[hidden]{display:none}.admin-login-card{width:min(100%,430px);padding:2.3rem;border:1px solid #d8e1dc;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(18,48,41,.15)}.admin-login-card h1{margin:.7rem 0;font-size:2rem}.admin-login-card>p{color:#60756f}.admin-login-card .button{width:100%;border-radius:7px}.admin-login-card>a{display:block;margin-top:1rem;text-align:center;color:#1f6b4f;font-size:.82rem;font-weight:750}.login-bike{display:grid;place-items:center;width:54px;height:54px;margin-bottom:1.3rem;border-radius:50%;background:#21882d;color:#fff;font-size:1.6rem}.login-error{min-height:1.4rem!important;margin:.8rem 0 0!important;color:#b42318!important;font-size:.83rem}.admin-logout{padding:.75rem;border:0;border-radius:7px;background:transparent;color:#ffb4ae;text-align:left;font:inherit;cursor:pointer}.admin-logout:hover{background:#311f1d}
.logo{display:block;width:248px;height:58px;background:url('../images/logo-modern.svg?v=52013') left center/contain no-repeat}.logo>*{visibility:hidden}.logo.inverse{background-image:url('../images/logo-modern-light.svg?v=52013')}.site-header .logo{width:285px;height:66px;flex:0 0 auto}html[data-theme=dark] .site-header .logo{background-image:url('../images/logo-modern-light.svg?v=52013')}.admin-sidebar .logo{width:200px;height:54px}.site-footer .logo{width:285px;height:68px}.login-bike{background:url('../images/favicon.svg') center/cover no-repeat;font-size:0}@media(max-width:620px){.site-header .logo{width:220px;height:56px}.nav-wrap{height:68px}}

html.theme-loading *,html.theme-loading *::before,html.theme-loading *::after{transition:none!important;animation:none!important}.safety-banner{padding-block:clamp(4rem,8vw,7rem)}.safety-banner-grid{display:grid;grid-template-columns:1fr 1.05fr;min-height:470px;overflow:hidden;border-radius:22px;background:#16762d;box-shadow:var(--shadow)}.safety-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4.5rem);color:#fff}.safety-content:after{content:"";position:absolute;z-index:-1;top:0;right:-75px;bottom:0;width:150px;background:#16762d;transform:skewX(-7deg)}.safety-label{align-self:flex-start;padding:.45rem .75rem;border:1px solid #ffffff45;border-radius:999px;background:#ffffff12;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.safety-content h2{margin:1rem 0;font-size:clamp(2.5rem,5vw,4.7rem);line-height:.95;letter-spacing:-.055em}.safety-content p{max-width:540px;color:#d7eadb}.safety-content ul{display:grid;gap:.65rem;padding:0;list-style:none;font-size:.85rem;font-weight:750}.safety-content a{align-self:flex-start;margin-top:1rem;padding-bottom:.3rem;border-bottom:2px solid var(--brand-2);font-weight:850}.safety-photo{min-height:470px;background:#07110d}.safety-photo img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:saturate(.8) contrast(1.05)}.hero-button+.secondary{background:#ffffff12;border-color:#ffffff50;color:#fff}.site-header{min-height:76px}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:50;width:48px;height:48px;border:0;border-radius:50%;background:var(--brand-2);color:#10281f;box-shadow:var(--shadow);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s}.back-to-top.visible{opacity:1;visibility:visible;transform:none}.back-to-top:hover{transform:translateY(-3px)}
@media(max-width:800px){.safety-banner-grid{grid-template-columns:1fr}.safety-content:after{display:none}.safety-photo{min-height:300px;order:-1}}@media(max-width:620px){.site-header{min-height:68px}.safety-banner-grid{border-radius:14px}.safety-content{padding:2rem 1.35rem}}
.about-home{display:grid;grid-template-columns:1.05fr .8fr;gap:clamp(3rem,8vw,8rem);align-items:start}.about-home>div>p{max-width:720px;color:var(--muted);font-size:1.03rem}.about-home h2,.contact-home h2{margin:.8rem 0 1.5rem;font-size:clamp(2.7rem,5vw,4.8rem);line-height:.95;letter-spacing:-.055em}.about-home .principles{border-radius:18px;box-shadow:var(--shadow)}.about-home .principles h3,.contact-aside h3{font-size:1.5rem;margin-top:0}.contact-home{padding-block:clamp(5rem,9vw,8rem);background:color-mix(in srgb,var(--brand) 8%,var(--paper));border-top:1px solid var(--line)}.contact-home .contact-layout{align-items:start}.contact-home .contact-form{border-radius:18px;box-shadow:var(--shadow)}.contact-home .contact-aside{margin-top:7.5rem;border-radius:18px;box-shadow:var(--shadow)}.contact-home .contact-aside a{display:inline-block;margin-top:1rem;color:var(--brand-2);font-weight:850}.admin-sidebar form{margin:0}.admin-sidebar code,.admin-panel code{overflow-wrap:anywhere}.account-link{display:inline-flex;align-items:center;padding:.55rem .8rem;border-radius:999px;background:var(--brand);color:#fff;font-size:.72rem;font-weight:850}.account-link:hover{background:var(--dark)}@media(max-width:1100px){.account-link{display:none}}@media(max-width:900px){.about-home{grid-template-columns:1fr}.contact-home .contact-aside{margin-top:0}}
.maintenance-recovery-banner{position:relative;z-index:1000;display:flex;align-items:center;justify-content:center;gap:18px;padding:11px 18px;background:#173f2a;color:#fff;font-size:.78rem;font-weight:750;text-align:center}.maintenance-recovery-banner button{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:transparent;color:#fff;cursor:pointer}

/* Visuele kwaliteitsronde v5.23.5
   Alleen presentatie: bestaande navigatie, functies en pagina-opbouw blijven gelijk. */
:root{
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;
  --shadow-soft:0 10px 34px rgba(18,48,41,.07);
  --shadow-lift:0 22px 55px rgba(18,48,41,.14);
}

html[data-theme=dark]{
  --shadow-soft:0 10px 34px rgba(0,0,0,.2);
  --shadow-lift:0 22px 55px rgba(0,0,0,.34);
}

body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* Rustiger ritme en een herkenbare verticale merkmarkering bij paginakoppen. */
.section-head h2,
.compact-head h2,
.admin-top h1{
  text-wrap:balance;
}

.section-head .eyebrow,
.compact-head .eyebrow{
  position:relative;
}

.section-head .eyebrow::before,
.compact-head .eyebrow::before{
  border-radius:999px;
}

/* Eén consistente vormentaal voor interactieve elementen. */
.button,
.account-link,
.search-link,
.nav-actions button{
  border-radius:var(--radius-sm);
  transition:
    color .2s ease,
    background-color .2s ease,
    border-color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

.button{
  min-height:44px;
  box-shadow:0 1px 0 rgba(255,255,255,.28) inset;
}

.button:hover{
  box-shadow:0 12px 28px rgba(18,48,41,.14);
}

.button:active,
.search-link:active,
.nav-actions button:active{
  transform:translateY(0) scale(.98);
}

/* Zichtbare toetsenbordfocus op publieke én afgeschermde pagina's. */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid color-mix(in srgb,var(--brand-2) 78%,#fff);
  outline-offset:3px;
}

/* Kaarten en panelen krijgen dezelfde rand, ronding en rustige diepte. */
.article-card,
.sidebar-card,
.latest-list,
.principles,
.contact-form,
.contact-aside,
.admin-panel,
.tools-list,
.filters{
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-soft);
}

.article-card{
  overflow:hidden;
  transition:border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}

.article-card:hover{
  border-color:color-mix(in srgb,var(--brand) 38%,var(--line));
  box-shadow:var(--shadow-lift);
}

.article-card:focus-within{
  border-color:var(--brand);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 17%,transparent),var(--shadow-soft);
}

.card-image img{
  will-change:transform;
}

.card-content h3{
  letter-spacing:-.018em;
  text-wrap:balance;
}

.card-content>strong,
.section-head>a,
.compact-head>a{
  text-underline-offset:.25em;
}

/* Formulieren sluiten visueel beter aan op kaarten en knoppen. */
.filters,
.contact-form{
  border-color:color-mix(in srgb,var(--brand) 13%,var(--line));
}

.filters input,
.filters select,
.field input,
.field select,
.field textarea{
  min-height:44px;
  border-radius:var(--radius-sm);
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;
}

.field textarea{
  min-height:118px;
}

.filters input:hover,
.filters select:hover,
.field input:hover,
.field select:hover,
.field textarea:hover{
  border-color:color-mix(in srgb,var(--brand) 45%,var(--line));
}

/* Tabellen blijven zakelijk, maar krijgen duidelijkere rijen en focus. */
.admin-panel table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}

.admin-panel :where(th,td){
  border-color:var(--line);
}

.admin-panel tbody tr{
  transition:background-color .18s ease;
}

.admin-panel tbody tr:hover{
  background:color-mix(in srgb,var(--brand) 5%,transparent);
}

/* Subtiele diepte zonder afleiding in donkere modus. */
html[data-theme=dark] .article-card,
html[data-theme=dark] .sidebar-card,
html[data-theme=dark] .latest-list,
html[data-theme=dark] .admin-panel,
html[data-theme=dark] .contact-form,
html[data-theme=dark] .principles{
  border-color:color-mix(in srgb,var(--brand) 14%,var(--line));
}

@media(max-width:620px){
  :root{--radius-md:14px;--radius-lg:18px}
  .button{min-height:46px}
  .section-head{margin-bottom:1.8rem}
  .admin-panel{box-shadow:0 8px 24px rgba(18,48,41,.07)}
}

@media(prefers-reduced-motion:reduce){
  .article-card,
  .article-card:hover,
  .dashboard-preview,
  .dashboard-preview:hover,
  .button,
  .button:hover{
    transform:none!important;
  }
}

/* Publieke finetune v5.24.4
   Consistent ritme, robuuste titels en rustigere interactieve staten. */
html{overflow-x:clip}

.mockup-hero h1,
.blog-hero h1,
.article-heading h1,
.about-home h2,
.contact-home h2,
.expert-cta h2{
  text-wrap:balance;
}

.site-header{
  box-shadow:0 1px 0 rgba(255,255,255,.18),0 8px 28px rgba(18,48,41,.035);
}

html[data-theme=dark] .site-header{
  box-shadow:0 1px 0 rgba(255,255,255,.035),0 10px 32px rgba(0,0,0,.18);
}

.site-footer a:not(.logo){
  width:fit-content;
  text-underline-offset:.28em;
  transition:color .18s ease,text-decoration-color .18s ease;
}

.site-footer a:not(.logo):hover{
  color:var(--brand-2);
  text-decoration:underline;
  text-decoration-thickness:1px;
}

.site-footer .footer-grid>div:first-child p{
  max-width:560px;
  line-height:1.75;
}

.status,
.empty{
  border-radius:var(--radius-md);
}

.error-box{
  border-radius:var(--radius-sm);
}

@media(max-width:760px){
  .filters{
    grid-template-columns:1fr 1fr;
  }

  .filters .search-field{
    grid-column:1/-1;
  }
}

@media(max-width:620px){
  .mockup-hero h1,
  .article-heading h1,
  .about-home h2,
  .contact-home h2{
    font-size:clamp(2.35rem,11.5vw,3.2rem);
    line-height:1;
    letter-spacing:-.045em;
  }

  .mockup-hero-content,
  .blog-hero-content{
    padding-block:3.5rem;
  }

  .filters{
    grid-template-columns:1fr;
    padding:.85rem;
  }

  .filters .search-field{
    grid-column:auto;
  }

  .site-footer{
    padding-top:3.25rem;
  }

  .copyright{
    margin-top:2.25rem;
  }
}

/* Mobiele regressieronde v5.24.5 */
@media(max-width:700px){
  .site-footer .footer-grid>div:not(:first-child) a{
    display:flex;
    align-items:center;
    min-height:44px;
  }

  .back-to-top{
    right:12px;
    bottom:12px;
    width:44px;
    height:44px;
  }
}

@media(max-width:620px){
  .section{
    padding-block:clamp(3.75rem,15vw,5rem);
  }

  .article-hero{
    padding-block:3.5rem;
  }

  .article-heading>a{
    margin-bottom:2rem;
  }

  .article-heading>p,
  .blog-hero p,
  .mockup-hero p{
    font-size:1rem;
  }

  .contact-aside,
  .contact-aside a,
  .card-content,
  .steps,
  .success,
  .warning{
    overflow-wrap:anywhere;
  }

  .principles{
    padding:1.25rem;
  }

  .steps>section{
    gap:.85rem;
  }

  .site-footer .logo{
    width:min(285px,100%);
  }
}

@media(max-width:390px){
  .latest-list article{
    grid-template-columns:82px minmax(0,1fr);
    gap:.8rem;
    padding:.85rem;
  }

  .latest-list img{
    width:82px;
    height:82px;
  }

  .card-content,
  .sidebar-card{
    padding:1rem;
  }

  .status,
  .empty{
    padding:2rem 1rem;
  }
}

/* Reserveer de definitieve navigatiehoogte voordat de JS-header wordt opgebouwd.
   Zo kan de zwarte hero-achtergrond bij een harde refresh niet tijdelijk tot bovenaan doorlopen. */
#site-header{
  min-height:76px;
  background:var(--paper);
}
@media(max-width:620px){
  #site-header{min-height:68px}
}

/* Footer finetune v5.9 */
.site-footer{padding-top:4.5rem}
.footer-grid-modern{grid-template-columns:minmax(260px,1.45fr) .72fr .72fr minmax(300px,1.1fr);gap:clamp(2rem,4vw,4rem);align-items:start}
.footer-brand p{margin-top:1rem;color:#91aaa1}
.footer-newsletter{padding:1.25rem;border:1px solid #29443a;border-radius:16px;background:linear-gradient(145deg,rgba(169,227,75,.09),rgba(255,255,255,.025));box-shadow:0 18px 50px rgba(0,0,0,.12)}
.footer-newsletter .footer-kicker{display:block;margin-bottom:.35rem;color:var(--brand-2);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.14em}
.footer-newsletter>strong{display:block;font-size:1rem;color:#fff}
.footer-newsletter p{margin:.45rem 0 .9rem;color:#91aaa1;font-size:.78rem;line-height:1.55}
.footer-newsletter-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.45rem}
.footer-newsletter input{min-width:0;width:100%;padding:.72rem .8rem;border:1px solid #355148;border-radius:9px;background:#0c1c17;color:#eef7f2;outline:none}
.footer-newsletter input:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px rgba(169,227,75,.12)}
.footer-newsletter button{border:0;border-radius:9px;padding:.72rem .9rem;background:var(--brand-2);color:#10281f;font-weight:850;cursor:pointer}
.footer-newsletter button:hover{filter:brightness(1.04)}
.footer-newsletter button:disabled{opacity:.6;cursor:not-allowed}
.footer-newsletter small{display:block;min-height:1.2em;margin-top:.5rem;color:#789188;font-size:.66rem}
.footer-newsletter-jump{width:100%;text-align:center}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin-top:3rem;padding-block:1.35rem;border-top:1px solid #273a33;color:#81978f;font-size:.73rem}
.footer-legal{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}
.footer-legal a,.footer-cookie-settings{color:#91aaa1}
.footer-cookie-settings,.footer-to-top{border:0;background:none;font:inherit;cursor:pointer}
.footer-cookie-settings{padding:0;text-decoration:none}
.footer-cookie-settings:hover,.footer-legal a:hover{color:var(--brand-2);text-decoration:underline;text-underline-offset:.28em}
.footer-to-top{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border:1px solid #30473f;border-radius:999px;color:#c7d7d1;white-space:nowrap;transition:border-color .18s ease,color .18s ease,transform .18s ease}
.footer-to-top:hover{color:var(--brand-2);border-color:#557165;transform:translateY(-1px)}
.footer-to-top span{font-size:1rem}
@media(max-width:1050px){.footer-grid-modern{grid-template-columns:1.25fr .75fr .75fr}.footer-newsletter{grid-column:1/-1;display:grid;grid-template-columns:1fr minmax(320px,.8fr);column-gap:2rem;align-items:center}.footer-newsletter .footer-kicker,.footer-newsletter>strong,.footer-newsletter p{grid-column:1}.footer-newsletter form,.footer-newsletter-jump{grid-column:2;grid-row:1/4}.footer-newsletter-link .footer-newsletter-jump{align-self:center}}
@media(max-width:700px){.footer-grid-modern{grid-template-columns:1fr 1fr}.footer-brand,.footer-newsletter{grid-column:1/-1}.footer-newsletter{display:block}.footer-newsletter .footer-kicker,.footer-newsletter>strong,.footer-newsletter p,.footer-newsletter form,.footer-newsletter-jump{grid-column:auto;grid-row:auto}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-legal{align-items:flex-start;flex-direction:column;gap:.55rem}.footer-to-top{align-self:flex-start}}
@media(max-width:480px){.footer-grid-modern{grid-template-columns:1fr}.footer-brand,.footer-newsletter{grid-column:auto}.footer-newsletter-row{grid-template-columns:1fr}.footer-newsletter-row button{width:100%}}


/* v5.36.8 - paginanavigatie Handleidingen */
.blog-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:2.25rem;
}
.blog-pagination[hidden]{display:none}
.blog-page-button{
  display:grid;
  place-items:center;
  min-width:42px;
  height:42px;
  padding:0 .75rem;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--surface);
  color:var(--ink);
  font:inherit;
  font-size:.8rem;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(18,48,41,.05);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.blog-page-button:hover:not(:disabled){
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--brand) 45%,var(--line));
  box-shadow:0 10px 28px rgba(18,48,41,.1);
}
.blog-page-button[aria-current="page"]{
  border-color:var(--brand-2);
  background:var(--brand-2);
  color:#10281f;
}
.blog-page-button:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 24%,transparent);
}
.blog-page-button:disabled{
  opacity:.38;
  cursor:not-allowed;
  box-shadow:none;
}
.blog-page-arrow{
  font-size:1.25rem;
  line-height:1;
}
@media(max-width:620px){
  .blog-pagination{gap:.38rem;margin-top:1.6rem}
  .blog-page-button{min-width:38px;height:38px;padding:0 .6rem;border-radius:10px}
}


/* v5.37.3 — footer responsive: navigatie altijd onder merkblok */
@media (max-width:900px){
  .site-footer .footer-grid-modern{
    grid-template-columns:1fr;
  }
  .site-footer .footer-grid-modern > .footer-brand,
  .site-footer .footer-grid-modern > .footer-newsletter{
    grid-column:1;
  }
  .site-footer .footer-grid-modern > div:not(.footer-brand):not(.footer-newsletter){
    width:100%;
  }
  .site-footer .footer-newsletter{
    display:block;
  }
  .site-footer .footer-newsletter .footer-kicker,
  .site-footer .footer-newsletter > strong,
  .site-footer .footer-newsletter p,
  .site-footer .footer-newsletter form,
  .site-footer .footer-newsletter-jump{
    grid-column:auto;
    grid-row:auto;
  }
}

/* v5.37.4 — footer onderbalk: juridische links rechts i.p.v. dubbele terug-naar-bovenknop */
.footer-copyright{
  color:#81978f;
}
.footer-legal{
  margin-left:auto;
  justify-content:flex-end;
}
.footer-legal a,
.footer-cookie-settings{
  color:#a9bbb4;
}
.footer-legal a:hover,
.footer-cookie-settings:hover{
  color:var(--brand-2);
}
@media(max-width:700px){
  .footer-bottom{
    align-items:flex-start;
  }
  .footer-legal{
    margin-left:0;
    width:100%;
  }
}