/* AN Administraties — zelfstandige HTML/CSS/JavaScript-website */
:root{--paper:#f7f3eb;--ink:#4d3327;--muted:#6d6259;--line:#dcd4c8;--blue:#d7eaf3;--accent:#efbc91;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 Arial,Helvetica,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(48px,5.2vw,78px)}h2{font-size:clamp(36px,3.6vw,54px)}h3{font-size:29px}em{color:#79543e;font-weight:400}a{color:inherit;text-decoration:none}a:hover{color:#265b73}button,input,textarea{font:inherit}button{cursor:pointer}a,button,input,textarea,summary{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #265b73}.wrap{width:min(1200px,88%);margin-inline:auto}.skip{position:fixed;top:-100px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:8px}.topbar{background:var(--blue);font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;gap:18px;padding-block:10px}.topbar a span{margin-left:18px}header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px}.brand{display:inline-flex;align-items:center;gap:18px;flex-shrink:0}.brand-mark{font:bold 74px/1 var(--serif);letter-spacing:-6px}.brand-mark>span{color:#7196a6}.brand-text{padding-left:18px;border-left:1px solid #b9afa1;font-size:11px;font-weight:bold;letter-spacing:2px;line-height:1.8}.brand-text small{display:block;font-size:12px;font-weight:400;letter-spacing:0}nav{display:flex;align-items:center;gap:32px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:0;border-radius:4px;background:var(--accent);color:var(--ink);padding:16px 23px;font-size:14px;font-weight:bold;line-height:1.5;transition:background .2s}.button:hover{background:#e5a979;color:var(--ink)}.button span{font-size:23px;font-weight:400;line-height:1}.button.small{padding:12px 20px}.menu-toggle{background:transparent;border:1px solid var(--line);padding:8px 12px;border-radius:4px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;padding-block:76px 82px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;margin-bottom:24px}.dot{display:inline-block;width:6px;height:6px;background:#265b73;border-radius:50%;margin-right:8px;vertical-align:middle}.intro{color:var(--muted);max-width:440px;font-size:18px;margin-top:26px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;border-bottom:1px solid #99806f;padding:6px 0}.hero-note{font-size:12px;color:var(--muted);margin-top:25px}.hero-image{position:relative;padding-bottom:32px}.hero-image img{display:block;width:100%;height:440px;object-fit:cover;border-radius:140px 8px 8px 8px}.hero-image figcaption{position:absolute;bottom:0;left:-25px;right:25px;background:var(--blue);padding:21px 24px;display:flex;gap:20px;align-items:center;border-radius:5px;font-size:13px;line-height:1.65}.mini-logo{font:italic 42px var(--serif);letter-spacing:-3px;padding-right:20px;border-right:1px solid #9fb7bf}.hero-image figcaption strong{font:22px var(--serif)}.hero-image figcaption>span:last-child{margin-left:auto;font-size:25px}.values{border-block:1px solid var(--line)}.values .wrap{display:flex;align-items:center;justify-content:center;gap:52px;padding-block:21px;font:20px var(--serif)}.values b{color:#638295;font-size:23px;font-weight:400}.section{padding-block:85px}.services{display:grid;grid-template-columns:1fr 1.5fr;gap:10%}.section-intro>p:not(.eyebrow){margin-top:24px;max-width:310px;color:var(--muted)}.section-intro .text-link{margin-top:22px}.service-list article{display:flex;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.service-list article:first-child{padding-top:0}.number{font-size:12px;color:var(--muted);padding-top:6px}.service-list p{font-size:15px;color:var(--muted);margin-top:12px}.service-list article>a{font-size:25px;align-self:flex-start;padding:0 8px}.about{background:var(--blue);padding-block:68px}.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}.about h2{font-size:clamp(34px,3.3vw,48px)}.about .lead{font:25px var(--serif);margin-bottom:20px}.about .text-link{margin-top:24px}.heading-row{display:flex;justify-content:space-between;align-items:end;gap:35px}.heading-row>p{font-size:15px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:42px}.steps article{border-top:1px solid #b5a795;padding-top:22px}.steps span{font-size:10px;letter-spacing:1.6px}.steps h3{margin-top:23px}.steps p{margin-top:16px;color:var(--muted);font-size:15px}.faq{padding-top:0;display:grid;grid-template-columns:1fr 1.5fr;gap:10%}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;position:relative;padding-right:30px;font-weight:600;font-size:15px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:2px;font:24px var(--serif)}details[open] summary:after{content:'−'}details p{font-size:15px;color:var(--muted);padding-top:15px}.contact{background:#d7eaf3;padding-block:78px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{font-size:clamp(46px,4.8vw,68px)}.contact h2+p{margin-top:24px;color:var(--muted)}.contact-email{display:inline-block;margin-top:28px;border-bottom:1px solid #99806f;font-size:clamp(16px,1.6vw,22px)}.contact-email span{margin-left:14px}.contact address{font-style:normal;margin-top:27px;font-size:15px}.contact .text-link{margin-top:12px}form{background:var(--paper);border-radius:6px;padding:32px}form h3{font-size:28px}.form-note{font-size:12px;color:var(--muted);line-height:1.6;margin:14px 0}label{display:block;font-size:13px;font-weight:bold;margin-top:17px}input,textarea{display:block;width:100%;padding:11px 12px;background:#fffcf7;color:var(--ink);border:1px solid #c9bdab;border-radius:3px;font-size:14px;margin-top:6px}textarea{resize:vertical}form .button{width:100%}#form-status{font-size:13px;margin-top:12px}#form-status:empty{display:none}footer{padding-top:40px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:35px}.footer-top .brand-mark{font-size:58px}.footer-top .brand-text{font-size:9px}.footer-top>p,.footer-top>a:last-child{font-size:13px;color:var(--muted)}.footer-bottom{display:flex;gap:30px;border-top:1px solid var(--line);padding-block:18px;font-size:11px;color:var(--muted)}.footer-bottom>a:last-child{margin-left:auto}.legal{max-width:780px;padding-block:65px}.legal h1{font-size:50px}.legal h2{font-size:28px;margin-top:35px}.legal p{margin-top:17px}.legal a{text-decoration:underline}
@media(min-width:801px){.menu-toggle{display:none}}@media(max-width:1000px){nav{gap:18px}.hero{gap:5%}.hero h1{font-size:55px}.hero-image img{height:400px}.services,.faq{gap:6%;grid-template-columns:1fr 1.4fr}.values .wrap{gap:30px}.contact-grid{gap:6%}.footer-top>p{display:none}}
@media(max-width:800px){.wrap{width:88%}.topbar .wrap>span{display:none}.topbar .wrap{justify-content:center}.header-inner{min-height:90px;flex-wrap:wrap;position:relative}.brand-mark{font-size:62px}.brand-text{font-size:10px}.menu-toggle:not([hidden]){display:block}nav{width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:20px}nav a{padding:12px 0}nav .button{margin-top:10px}header.js-menu nav{display:none}header.js-menu nav.open{display:flex}.hero{grid-template-columns:1fr;padding-block:45px 50px;gap:38px}.hero h1{font-size:clamp(45px,8.4vw,68px)}.intro{max-width:550px}.hero-image{max-width:600px;width:100%;margin:auto}.hero-image img{height:370px;border-radius:100px 6px 6px 6px}.hero-image figcaption{left:12px;right:12px}.values .wrap{flex-direction:column;flex-wrap:nowrap;gap:12px;font-size:17px;padding-block:20px;text-align:center}.values b{display:none}.values span:last-child{flex-basis:auto}.section{padding-block:55px}.services,.faq,.about-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.section-intro>p:not(.eyebrow){max-width:550px}.about{padding-block:50px}.heading-row{display:block}.heading-row>p{margin-top:25px}.steps{gap:24px}.steps h3{font-size:26px}.faq{padding-top:0}.contact{padding-block:50px}.contact-grid{gap:35px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top>a:last-child{width:100%}.footer-bottom{gap:15px;flex-wrap:wrap}}
@media(max-width:500px){.brand{gap:12px}.brand-text{padding-left:12px}.hero h1{font-size:clamp(39px,10.8vw,51px)}.eyebrow{font-size:10px;letter-spacing:1.2px}.intro{font-size:17px}.actions{gap:18px}.hero-note{font-size:11px}.hero-image img{height:305px}.hero-image figcaption{padding:16px;gap:14px}.mini-logo{font-size:36px;padding-right:14px}.hero-image figcaption strong{font-size:20px}.hero-image figcaption{font-size:12px}.service-list article{gap:13px}.service-list h3{font-size:27px}.service-list article>a{padding-inline:3px}.steps{grid-template-columns:1fr;gap:28px}.steps h3{margin-top:12px}.steps p{margin-top:10px}.steps article{padding-top:15px}form{padding:24px}.contact-email{font-size:18px}.footer-bottom>a:last-child{width:100%;margin-left:0}.legal h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Verdiepende dienstenpagina's, contact en robuuste mobiele breedtes. */
[hidden]{display:none!important}.footer-address{font-size:13px;font-style:normal;color:var(--muted)}
.hero>*,.services>*,.about-grid>*,.contact-grid>*,.article-layout>*{min-width:0}
.service-list h3 a{padding:0}.service-list h3 a:hover{text-decoration:underline;text-underline-offset:5px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:13px;padding-block:23px;font-size:12px;color:var(--muted)}
.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}
.service-heading{padding-block:30px 55px;border-bottom:1px solid var(--line)}
.service-heading h1{font-size:clamp(40px,5vw,70px);max-width:950px;overflow-wrap:anywhere}
.service-heading .intro{max-width:730px}.service-heading .button{margin-top:27px}
.article-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:9%;padding-top:55px;align-items:start}
.service-article section+section{margin-top:37px}.service-article h2{font-size:32px}.service-article p{margin-top:16px;color:var(--muted)}
.service-aside{background:var(--blue);padding:30px;border-radius:5px}.service-aside h2{font-size:35px}.service-aside p{margin-top:20px}.service-aside .button{margin-top:24px;width:100%}.service-aside address{font-size:14px;font-style:normal;margin-top:20px}.service-aside a:not(.button){overflow-wrap:anywhere;text-decoration:underline}.service-aside .eyebrow{margin-top:0}
.official-source{font-size:14px}.official-source a{text-decoration:underline;text-underline-offset:3px}
.service-faq{padding-bottom:45px}.service-faq .faq{display:block;padding:0;margin-top:25px;max-width:820px}
.service-faq .faq details{padding-block:22px}.related{padding-bottom:65px}.related h2{font-size:30px}.related>div{display:flex;gap:30px;flex-wrap:wrap;margin-top:20px}
.legal address{font-style:normal;margin-top:25px}.legal .eyebrow{margin-top:35px}
@media(max-width:800px){.article-layout{grid-template-columns:1fr;gap:35px;padding-top:35px}.service-heading{padding-top:18px}.service-aside{max-width:560px}.footer-address{margin-left:auto}.service-heading h1{font-size:clamp(38px,7vw,55px)}}
@media(max-width:500px){.contact-email{font-size:clamp(15px,4.8vw,18px)}.contact-email span{margin-left:5px}.footer-address{margin-left:0}.footer-top{align-items:flex-start}.footer-top .brand{flex-basis:100%}.hero h1{font-size:clamp(35px,10.8vw,51px)}.service-list h3{font-size:clamp(22px,6.4vw,27px)}.form-note{overflow-wrap:anywhere}.service-aside{padding:25px}}

.breadcrumbs{flex-direction:row;align-items:center;width:min(1200px,88%)}
.footer-services{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:15px 30px;padding-bottom:25px;font-size:12px}.footer-services a{padding:0}
@media(max-width:800px){.footer-services{width:min(1200px,88%);padding-bottom:25px;gap:10px 25px}}

/* Leesbaarheid afgestemd op de lokale AVC-website. */
body{font-size:19.8px}
.topbar{font-size:14.3px}
.brand-text,.brand-text small{font-size:13px}
nav,.button,.text-link{font-size:16.5px}
.eyebrow{font-size:13.2px}
.intro{font-size:19.8px}
h2{font-size:clamp(41.8px,3.96vw,63.8px)}
h3{font-size:35.2px}
.service-list h3{font-size:32px}
.service-list p{font-size:17px}
.hero-note{font-size:14.3px}
.hero-image figcaption{font-size:14.3px}
.hero-image figcaption strong{font-size:28.6px}
.values .wrap{font-size:23.1px}
.number{font-size:14px}
.about .lead{font-size:28.6px}
.about p:not(.eyebrow):not(.lead){font-size:19px;line-height:1.8}
.heading-row>p{font-size:18.7px}
.steps span{font-size:12.1px}
.steps p,summary,details p{font-size:18.7px}
.contact address{font-size:18.7px}
form h3{font-size:33px}
label{font-size:16.5px}
input,textarea{font-size:17.6px}
.form-note{font-size:14.3px}
#form-status{font-size:15.4px}
.footer-top .brand-text{font-size:12.1px}
.footer-top>a:last-child,.footer-address{font-size:16.5px}
.footer-bottom{font-size:14.3px}
.footer-services{font-size:16.5px}
.breadcrumbs{font-size:14.3px}
.service-article h2{font-size:35.2px}
.service-aside h2{font-size:38px}
.service-aside address{font-size:17.6px}
.official-source{font-size:16.5px}
.related h2{font-size:35.2px}
.legal h2{font-size:33px}
/* De bredere tekst past ook op middelgrote schermen. */
@media(min-width:801px) and (max-width:1100px){
 .header-inner{flex-wrap:wrap;padding-block:20px;gap:18px}
 .header-inner nav{flex-basis:100%;justify-content:space-between}
 .footer-top{flex-wrap:wrap}
 .footer-top>a:last-child{flex-basis:100%}
}
@media(max-width:800px){
 .brand-text,.brand-text small{font-size:11px}
 .eyebrow{font-size:12.1px}
 h2{font-size:42.9px}
 .service-list h3{font-size:30px}
 .steps h3{font-size:30px}
 .values .wrap{font-size:20.9px}
 .hero-image figcaption strong{font-size:26.4px}
}
@media(max-width:500px){
 .brand-text,.brand-text small{font-size:10px}
 .intro{font-size:19px}
 .hero-note{font-size:13.2px}
 .hero-image figcaption{font-size:12.1px}
 .hero-image figcaption strong{font-size:22px}
 .service-list h3{font-size:27px;overflow-wrap:anywhere}
 .service-list p{font-size:16px}
 .number{font-size:12px}
 .contact-email{overflow-wrap:anywhere}
 .button{gap:16px}
 form .button{padding-inline:16px}
 .footer-top>a:last-child{overflow-wrap:anywhere}
 .footer-bottom{gap:12px 22px}
 .service-article h2{font-size:33px}
}

/* Dezelfde kleuren als de lokale AVC-referentie, inclusief helder lichtblauw. */
.button{color:#38251d}.button:hover{color:#38251d}
form{background:#fffcf7}
footer{background:#f0eadf}

/* Vermelding van de maker, ook leesbaar op mobiel. */
.site-credit{padding-block:0 22px;font-size:14.3px;color:var(--muted)}
.site-credit a{text-decoration:underline;text-underline-offset:3px}

/* Inhoudelijke vervolgstappen en overdrachtschecklist. */
.content-list{padding-left:1.2em;margin-block:18px;color:var(--muted)}
.content-list li+li{margin-top:10px}
.content-list a{text-decoration:underline;text-underline-offset:3px}
.service-next-step{padding:28px;background:var(--blue);border-radius:5px}
.service-next-step .button{margin-top:22px}
.switch-invitation{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-block:50px 65px;border-top:1px solid var(--line)}
.switch-invitation h2{font-size:clamp(35px,3.1vw,48px)}
.switch-invitation p:not(.eyebrow){max-width:650px;margin-top:22px;color:var(--muted)}
.switch-invitation>.button{flex-shrink:0}
.contact-details{font-style:normal;margin-top:24px}
.service-article p a:not(.button),.faq details p a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.switch-invitation{align-items:flex-start;flex-direction:column;gap:25px}}
@media(max-width:500px){.switch-invitation{padding-block:35px 45px}.switch-invitation h2{font-size:36px}.service-next-step{padding:23px}.service-next-step h2{font-size:30px}}