:root{--blue:#0751a1;--dark:#102c49;--red:#f41936;--cyan:#25c9ee;--muted:#596b7c;--pale:#f1f6fb;--border:#dce5ef;--header:88px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 16px)}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:white;line-height:1.65}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.section{max-width:1200px;margin:auto;padding:100px 32px}header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-top:4px solid var(--red);border-bottom:1px solid var(--border)}.nav-wrap{max-width:1200px;min-height:84px;padding:18px 32px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex}.brand img{width:200px;height:auto}nav{display:flex;gap:28px;align-items:center}nav a{font-size:14px;font-weight:700;text-decoration:none;position:relative}nav a.active:not(.nav-contact){color:var(--red)}nav a.active:not(.nav-contact):after{content:'';height:2px;background:var(--red);position:absolute;bottom:-9px;left:0;right:0}.nav-contact{background:var(--blue);color:white;padding:11px 17px;border-radius:5px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding-top:85px;padding-bottom:80px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--blue);margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.8vw,68px);letter-spacing:-3px;line-height:1.06;margin-bottom:26px}h1 span{color:var(--blue)}.intro{font-size:18px;max-width:470px;color:var(--muted)}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 22px;border-radius:5px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #102c491a}.red{background:var(--red);color:white}.blue{background:var(--blue);color:white}.outline{border:1px solid var(--border);background:white}.text-link{font-size:14px;font-weight:700;text-underline-offset:5px}.hero-note{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-top:42px}.mini-line{width:32px;height:3px;background:var(--cyan)}.hero-visual{background:var(--blue);border-radius:12px;overflow:hidden;box-shadow:14px 14px 0 var(--pale)}.image-label{color:white;font-size:10px;letter-spacing:2px;padding:20px 25px}.hero-visual>img{display:block;width:100%;height:250px;object-fit:cover}.visual-bottom{padding:28px;display:grid;grid-template-columns:1fr auto;gap:15px;color:white}.visual-bottom>span:first-child{font-size:11px;grid-column:1/-1;color:#b7d7f6}.visual-bottom strong{font-size:27px;line-height:1.2;letter-spacing:-.7px}.round-arrow{border:1px solid #79a8d8;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:25px}.service-strip{max-width:1136px;margin:auto;border-block:1px solid var(--border);display:flex;justify-content:space-between;padding:23px 0;font-size:13px;font-weight:700;gap:15px}.service-strip>span{color:var(--red)}.section-heading{display:flex;justify-content:space-between;gap:70px;align-items:flex-end;margin-bottom:42px}h2{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1.8px;line-height:1.15;margin-bottom:20px}.section-heading>p{max-width:350px;color:var(--muted);font-size:15px;margin-bottom:22px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.services article{padding:27px 22px 25px;border:1px solid var(--border);border-radius:7px;display:flex;flex-direction:column}.number{font-size:12px;color:var(--blue);margin-bottom:40px}.services h3{font-size:19px;letter-spacing:-.5px;line-height:1.3}.services p{font-size:14px;color:var(--muted);margin-bottom:25px}.services a{font-size:12px;font-weight:700;text-decoration:none;margin-top:auto}.services .remote{background:var(--blue);color:white;border-color:var(--blue)}.remote .number,.remote p{color:#d0e5fa}.tinted{background:var(--pale)}.price-layout{display:grid;grid-template-columns:1fr .85fr;gap:110px;align-items:center}.price-layout>div>p:not(.eyebrow){max-width:460px;color:var(--muted)}.price-note{background:white;border-left:4px solid var(--red);padding:38px 40px;box-shadow:0 12px 40px #102c4908}.price-note h3{font-size:30px;line-height:1.2;letter-spacing:-1px;margin-top:20px}.products{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:9px;overflow:hidden}.products article{padding:40px}.products article+article{border-left:1px solid var(--border)}.product-icon{height:66px;width:66px;display:grid;place-items:center;color:white;background:var(--blue);font-size:18px;font-weight:bold;border-radius:14px;margin-bottom:30px;box-shadow:5px 5px 0 #e0eefb}.product-icon.film{background:var(--red);box-shadow:5px 5px 0 #ffe3e8}.tag{font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:bold}.products h3{font-size:26px;letter-spacing:-.8px;margin:10px 0 12px}.products p{font-size:15px;color:var(--muted);max-width:400px}.products .text-link{display:inline-block;margin-top:15px}.about{background:var(--dark);color:white;border-top:4px solid var(--cyan)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about .eyebrow{color:var(--cyan)}.about-layout>div>p{color:#c9d6e3}.about-layout .large{color:white;font-size:23px;line-height:1.5}.signature{margin-top:28px;font-weight:bold}.signature span{font-size:12px;font-weight:normal}.contact>p:not(.eyebrow){max-width:520px;color:var(--muted)}.contact-details{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--border);margin-top:55px;padding-top:35px}.contact-details h3{font-size:14px}.contact-details p{font-size:14px;color:var(--muted)}footer{background:var(--pale);padding:28px max(32px,calc((100vw - 1136px)/2));display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:12px;border-bottom:4px solid var(--red)}footer>a:first-child{font-weight:bold;font-size:18px;color:var(--blue);text-decoration:none}footer p{margin:0;color:var(--muted)}.skip{position:fixed;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:5px}@media(max-width:1000px){nav{gap:17px}.nav-wrap{gap:15px}.brand img{width:170px}.hero{gap:32px}.services{grid-template-columns:1fr 1fr}.price-layout{gap:45px}.service-strip{margin-inline:32px}.about-layout{gap:40px}}@media(max-width:760px){:root{--header:78px}.section{padding:65px 22px}.nav-wrap{min-height:74px;padding:17px 22px;flex-wrap:wrap}.brand img{width:180px}.menu-toggle{display:flex;gap:14px;padding:9px 12px;background:white;border:1px solid var(--border);border-radius:4px;color:var(--dark);font-weight:bold}nav{display:none;width:100%;padding:15px 0;align-items:stretch}nav.open{display:flex;flex-direction:column;gap:8px}nav a{padding:10px}nav a.active:not(.nav-contact):after{display:none}.hero{grid-template-columns:1fr;padding-top:48px;gap:40px}h1{font-size:51px;letter-spacing:-2.5px}.hero-visual>img{height:210px}.intro{font-size:17px}.hero-note{margin-top:28px}.service-strip{margin:0 22px;display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:12px}.service-strip>span{display:none}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none}.price-layout,.about-layout{grid-template-columns:1fr;gap:25px}.price-note{padding:28px}.products{grid-template-columns:1fr}.products article{padding:30px}.products article+article{border-left:0;border-top:1px solid var(--border)}.contact-details{grid-template-columns:1fr;gap:12px}footer{flex-direction:column;align-items:flex-start;padding:25px 22px;gap:12px}.actions{gap:18px}.services{gap:12px}.services article{padding:22px 17px}.services h3{font-size:17px}.number{margin-bottom:24px}}@media(max-width:380px){h1{font-size:43px}.services{grid-template-columns:1fr}.button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Fotoslider en nieuw origineel logo */
.brand img{width:230px;height:auto}
.photo-slider{position:relative;background:#092b51}
.slides{height:270px;overflow:hidden}
.photo-slide,.photo-slide img{width:100%;height:100%}
.photo-slide[hidden]{display:none}
.photo-slide img{display:block;object-fit:cover}
.slider-controls{display:flex;align-items:center;justify-content:center;gap:15px;padding:12px 15px;color:white}
.slider-controls button{border:1px solid #7294b7;background:transparent;color:white;border-radius:4px;min-width:34px;min-height:34px;cursor:pointer;font:inherit;font-size:14px}
.slider-controls button:hover{background:#214f7d}
.slider-controls button:focus-visible{outline-color:white}
.slide-dots{display:flex;gap:5px}
.slide-dots button{position:relative;border:0;min-width:27px}
.slide-dots button:after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#839db9;margin:auto}
.slide-dots button[aria-current=true]:after{background:var(--cyan);box-shadow:0 0 0 3px #25c9ee26}
.slider-controls .slide-pause{padding:4px 10px;margin-left:auto;font-size:12px;min-width:72px}
@media(max-width:1000px){.brand img{width:185px}.slides{height:250px}}
@media(max-width:760px){.brand img{width:215px}.slides{height:230px}}
@media(max-width:380px){.brand img{width:175px}}

/* Automatisch van rechts naar links schuivende fotobaan. */
.slides{display:flex;position:relative}
.photo-slide{flex:0 0 100%;min-width:0;transform:translateX(0);transition:transform 800ms ease-in-out}
.photo-slide img{display:block}
.slider-indicators{display:flex;justify-content:center;gap:10px;padding:17px}
.slider-indicators span{width:7px;height:7px;border-radius:50%;background:#839db9}
.slider-indicators .selected{background:var(--cyan)}

/* Lichte en donkere modus */
.nav-wrap{gap:20px}nav{gap:20px}
.theme-toggle{display:flex;align-items:center;gap:8px;flex-shrink:0;border:0;background:transparent;color:var(--dark);font:inherit;font-size:12px;cursor:pointer;padding:8px 0;min-height:44px}
.switch-track{display:block;width:40px;height:23px;border-radius:20px;background:#a4b4c4;padding:3px;transition:background .2s}
.switch-thumb{display:block;width:17px;height:17px;border-radius:50%;background:white;transition:transform .2s}
.theme-toggle[aria-checked=true] .switch-track{background:var(--blue)}
.theme-toggle[aria-checked=true] .switch-thumb{transform:translateX(17px)}
html[data-theme=dark]{color-scheme:dark;--blue:#80baff;--dark:#edf3fc;--red:#f41936;--cyan:#42d6f5;--muted:#b6c5d7;--pale:#142235;--border:#34465d}
html[data-theme=dark] body{background:#0c1624}
html[data-theme=dark] header{background:rgba(12,22,36,.98)}
html[data-theme=dark] .hero-visual,html[data-theme=dark] .services .remote,html[data-theme=dark] .nav-contact,html[data-theme=dark] .button.blue,html[data-theme=dark] .product-icon:not(.film){background:#124e91;color:white}
html[data-theme=dark] .price-note,html[data-theme=dark] .outline,html[data-theme=dark] .menu-toggle,html[data-theme=dark] .skip{background:#192b40;color:var(--dark)}
html[data-theme=dark] .about{background:#101f32}
html[data-theme=dark] .product-icon{box-shadow:5px 5px 0 #233c59}
html[data-theme=dark] .product-icon.film{box-shadow:5px 5px 0 #512634}
@media(min-width:761px) and (max-width:1100px){.nav-wrap{gap:13px;padding-inline:22px}nav{gap:12px}nav a{font-size:12px}.brand img{width:165px}.theme-label{display:none}}
@media(max-width:760px){.nav-wrap{gap:12px}.brand{margin-right:auto}.menu-toggle{order:2}.theme-toggle{order:1}nav{order:3}.theme-label{display:none}}
@media(max-width:420px){.brand img{width:160px}.nav-wrap{padding-inline:16px;gap:10px}.menu-toggle{padding:9px}}

/* Aanklikbare bolletjes met voldoende ruimte voor muis en aanraking. */
.slider-indicators{gap:2px;padding:5px 12px}
.slider-indicators button{display:grid;place-items:center;width:32px;height:32px;border:0;padding:0;background:transparent;cursor:pointer;border-radius:50%}
.slider-indicators button:after{content:'';width:7px;height:7px;border-radius:50%;background:#839db9;transition:background .2s}
.slider-indicators button.selected{background:transparent}
.slider-indicators button.selected:after{background:var(--cyan)}
.slider-indicators button:hover:after{background:white}
.slider-indicators button:focus-visible{outline:2px solid white;outline-offset:0}

/* Eigen logo per thema; het PDF-logo heeft een transparante achtergrond. */
.brand .logo-dark{display:none}
html[data-theme=dark] .brand .logo-light{display:none}
html[data-theme=dark] .brand .logo-dark{display:block}

/* Compact logo op de plaats van de bestaande footertekst. */
.footer-brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.footer-brand img{display:block;width:100px;height:auto}
.footer-brand .logo-dark{display:none}
html[data-theme=dark] .footer-brand .logo-light{display:none}
html[data-theme=dark] .footer-brand .logo-dark{display:block}

/* Scrollen klikt vast bij het volgende onderdeel. Lange onderdelen blijven scrollbaar. */
html{}
@media (min-width:1001px) and (hover:hover) and (pointer:fine){html{}}
main>section,main>.tinted{}
/* Deze containers zijn zelf het scrollpunt; hun binnenste section niet opnieuw. */
main>.tinted>section,main>.about>section{}
footer{}
@media(prefers-reduced-motion:reduce){html{}}

/* Officieel DWService-logo uit de aangeleverde oorspronkelijke website. */
.dwservice-download{display:inline-flex;vertical-align:middle;align-items:center;padding:5px 7px;background:#fff;border-radius:4px;margin:3px 2px;line-height:1;border:1px solid #dce5ef}
.dwservice-download img{display:block;width:100px;height:auto;max-width:100%}
.dwservice-download:hover{outline:2px solid var(--cyan);outline-offset:2px}

/* Transparant logo onder de kop, met de begeleidende tekst eronder. */
.dwservice-download{background:transparent;border:0;padding:0;border-radius:0}
.dwservice-block{display:inline-flex;margin:0 0 6px;vertical-align:top}
.dwservice-block img{width:110px;height:auto}
html[data-theme=dark] .dwservice-download img{filter:brightness(0) invert(1)}
.contact-details .dwservice-block+p{margin-top:0}

/* Klikbaar pijltje bij de fotoslider. */
a.round-arrow{text-decoration:none;color:inherit}
a.round-arrow:hover{background:#ffffff20;border-color:white}

.copy-link-wrap{position:relative;align-self:center}
.copy-status{position:absolute;right:0;top:calc(100% + 6px);min-width:145px;font-size:11px;line-height:1.35;text-align:right;color:white}
.clipboard-fallback{position:fixed;left:-9999px;top:0}

/* Grijze hoverkleur voor alle links, in beide thema's. */
a:hover{color:#707780}
html[data-theme=dark] a:hover{color:#b9bec6}
a.button:hover,a.nav-contact:hover{background:#626a74;color:#fff}
a.round-arrow:hover{background:#626a74;color:#fff;border-color:#9ca3ad}
a.dwservice-download:hover{outline:2px solid #9299a3;outline-offset:2px}
a.brand:hover img,a.footer-brand:hover img,a.dwservice-download:hover img{opacity:.75}

/* Lichtblauwe lijn onder de vaste menubalk, gelijk aan Over ons. */
header{border-bottom:4px solid var(--cyan)}

/* Dunne grijze scheidingslijn boven Over ons. */
.about{border-top:1px solid #9299a3}

/* Laat het laatste automatische scrollpunt onderaan eindigen. */
main>#over,main>#contact{}
footer{}

/* Cookiekeuze met gelijkwaardige knoppen en ondersteuning voor beide thema's. */
.cookie-settings{border:0;padding:0;background:transparent;color:var(--muted);font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.cookie-settings:hover{color:#9299a3}
.cookie-banner[hidden]{display:none}
.cookie-banner{position:fixed;z-index:100;bottom:18px;left:50%;transform:translateX(-50%);width:min(1000px,calc(100% - 32px));padding:24px 28px;background:#fff;color:var(--dark);border:1px solid var(--border);border-top:3px solid var(--cyan);border-radius:9px;box-shadow:0 10px 60px #0005;display:flex;align-items:center;gap:30px;max-height:calc(100dvh - 32px);overflow:auto}
.cookie-banner h2{font-size:19px;letter-spacing:0;margin-bottom:8px}
.cookie-banner p{font-size:13px;line-height:1.6;margin-bottom:8px}
.cookie-banner .cookie-note{font-size:11px;color:var(--muted);margin:0}
.cookie-actions{display:flex;gap:10px;flex-shrink:0}
.cookie-actions button{font:inherit;font-size:13px;font-weight:bold;padding:12px 16px;border:1px solid #6c7683;border-radius:5px;background:#eef1f5;color:#102c49;cursor:pointer}
.cookie-actions button:hover{background:#626a74;color:white}
html[data-theme=dark] .cookie-banner{background:#142235}
html[data-theme=dark] .cookie-actions button{background:#263c56;color:#edf3fc;border-color:#8593a5}
html[data-theme=dark] .cookie-actions button:hover{background:#626a74}
@media(max-width:760px){.cookie-banner{bottom:10px;flex-direction:column;align-items:stretch;gap:16px;padding:20px}.cookie-actions button{flex:1}.cookie-actions{width:100%}footer{flex-wrap:wrap}}

/* Leesbare disclaimerpagina zonder sectie-vastklikken. */
html:has(.disclaimer-page){}
.disclaimer-page{max-width:900px;padding-top:55px}
.disclaimer-page h1{font-size:48px}
.disclaimer-page>.button{margin:12px 0 30px}
.disclaimer-section{padding:18px 0;border-top:1px solid var(--border)}
.disclaimer-section h2{font-size:21px;letter-spacing:0;line-height:1.35;margin-bottom:10px}
.disclaimer-section p{font-size:15px;color:var(--muted);margin:0}

.legal-group{margin-top:35px}.disclaimer-page .legal-group-title{font-size:28px;margin:25px 0 15px;letter-spacing:-.5px}

.cookie-banner p{white-space:pre-line}

/* Eén pagina voor programma’s en licenties. */
html:has(.program-page){}
.program-page .program-intro{padding-top:55px;padding-bottom:45px}
.program-intro>.text-link{display:inline-block;margin-bottom:35px}
.program-intro h1{font-size:clamp(38px,4.5vw,58px)}
.program-detail{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px}
.program-copy>p:not(.eyebrow),.program-copy li,.program-license p,.program-license li{color:var(--muted);font-size:16px}
.program-copy ul{padding-left:20px;margin-bottom:28px}
.program-copy li,.program-license li{margin-bottom:9px}
.program-shot{margin:0;min-width:0}
.program-shot img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:7px;background:white;box-shadow:0 12px 35px #0001}
.program-shot figcaption{font-size:11px;color:var(--muted);margin-top:12px}
.program-license{max-width:900px}.program-license ol{padding-left:23px}
.next-program{display:inline-block;margin-left:24px}
@media(max-width:760px){.program-detail{grid-template-columns:1fr;gap:35px}.program-page .program-intro{padding-top:35px}.next-program{display:block;margin:25px 0 0}}

/* Uitklapbare programma-informatie en prijzen. */
.program-more{grid-column:1/-1;border:1px solid var(--border);border-radius:7px;overflow:hidden}
.program-more summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 24px;font-size:16px;font-weight:bold;background:var(--pale);color:var(--dark)}
.program-more summary::-webkit-details-marker{display:none}
.program-more summary:hover{background:#626a74;color:white}
.program-more summary:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}
.program-more summary span{font-size:24px;line-height:1}
.program-more[open] summary span{transform:rotate(45deg)}
.program-full{padding:30px;line-height:1.7}
.program-full h3{font-size:25px;margin:0 0 18px}
.program-full h4{font-size:16px;margin:25px 0 12px}
.program-full p,.program-full li{font-size:15px;color:var(--muted)}
.program-full ul{padding-left:22px;margin-bottom:28px}
.program-full>h3:not(:first-child){margin-top:32px}
.license-prices{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}
.license-prices article{border:1px solid var(--border);border-radius:6px;padding:22px}
.license-prices h4{margin-top:0}
.license-prices .license-price{font-size:29px;font-weight:bold;line-height:1.4;color:var(--dark);margin-bottom:8px}
.license-price span{display:block;font-size:13px;font-weight:normal;color:var(--muted)}
.license-saving{font-style:italic;margin-bottom:0}
@media(max-width:760px){.license-prices{grid-template-columns:1fr}.program-full{padding:22px}.program-more summary{padding:17px 20px}}

html:has(.license-page){}
.license-form-page{max-width:900px;padding-top:55px}
.license-form-page h1{font-size:clamp(34px,4vw,48px)}
.license-form-page label{display:block;font-size:14px;font-weight:bold;margin:22px 0 8px}
.license-form-page input,.license-form-page select,.license-form-page textarea{display:block;width:100%;border:1px solid var(--border);border-radius:5px;background:white;color:var(--dark);padding:12px;font:inherit;margin-top:7px}
.license-form-page input:not(.sum-answer),.license-form-page select{max-width:540px}
.license-form-page textarea{resize:vertical}
.license-form-page .field-help{font-size:12px;color:var(--muted);margin-top:5px}
.license-form-page fieldset{border:1px solid var(--border);border-radius:6px;padding:15px 22px;margin-top:28px}
.license-form-page fieldset label{margin-top:0}
.license-form-page .sum-answer{width:90px}
.license-form-page button{border:0;cursor:pointer;margin-top:15px}
.request-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.request-error{background:#ffe4e8;color:#89172a;padding:16px;border-radius:5px}
.request-success{padding:25px;border:1px solid var(--border);border-radius:6px}
.request-success h2{font-size:27px}
.request-privacy{font-size:13px;color:var(--muted);margin-top:22px}
html[data-theme=dark] .license-form-page input,html[data-theme=dark] .license-form-page textarea,html[data-theme=dark] .license-form-page select{background:#142235}

/* Programma-inhoud hoger plaatsen zodat de informatiebalk beter in beeld blijft. */
.program-page .program-detail{padding-top:28px;padding-bottom:45px}
@media(max-width:760px){.program-page .program-detail{padding-top:25px;padding-bottom:40px}}

/* DWService: alleen het logo dimmen bij aanwijzen, zonder hoverrand. */
a.dwservice-download:hover{outline:none}

/* Op telefoons en touchscreens vrij scrollen: Contact blijft bereikbaar. */
@media (max-width: 760px), (hover: none) and (pointer: coarse){
  html,html:has(.program-page){}
  main>section,main>.tinted,main>#over,main>#contact,footer{
    
    
  }
}

/* Contact blijft ook bij desktopweergave op een telefoon een bereikbaar scrollpunt. */
main>#contact{}
html.mobile-scroll,html.mobile-scroll:has(.program-page){scroll-behavior:auto!important}
html.mobile-scroll main>section,html.mobile-scroll main>.tinted,html.mobile-scroll footer{}

/* Grijze hoverkleur voor de blauwe contactknop, ook in donkere modus. */
a.button.blue:hover,
html[data-theme=dark] a.button.blue:hover {
 background:#626a74;
 color:#fff;
}

/* Eenduidige scrollstops: alleen op de hoofdpagina met muisbediening. */
html,body{scroll-snap-type:none}
html{scroll-padding-top:calc(var(--header) + 16px)}
main>section[id],main>.tinted,main>#over,main>#contact,footer{scroll-snap-align:none;scroll-snap-stop:normal;scroll-margin-top:0}
@media(min-width:1001px) and (hover:hover) and (pointer:fine){
 html.desktop-scroll:has(main>#home){scroll-snap-type:y mandatory}
 html.desktop-scroll:has(main>#home) main>section[id]{scroll-snap-align:start;scroll-snap-stop:always}
}
/* Telefoons en tablets: nergens vastklikken, ook niet in desktopweergave. */
html.mobile-scroll,html.mobile-scroll body{scroll-snap-type:none!important;scroll-behavior:auto!important}
html.mobile-scroll main>section,html.mobile-scroll main>.tinted,html.mobile-scroll main>#over,html.mobile-scroll main>#contact,html.mobile-scroll footer{scroll-snap-align:none!important;scroll-snap-stop:normal!important}
@media(max-width:1000px),(hover:none),(pointer:coarse){
 html,body{scroll-snap-type:none!important}
 main>section,main>.tinted,main>#over,main>#contact,footer{scroll-snap-align:none!important;scroll-snap-stop:normal!important}
}
@media(prefers-reduced-motion:reduce){html.desktop-scroll:has(main>#home){scroll-snap-type:none}}