/* Pagina "Toegang aanvragen". Kleuren volgen het gekozen thema via de variabelen van de site. */
.aanvr{display:grid;gap:2.25rem;grid-template-areas:"kop" "vorm" "uitleg"}
.aanvr-kop{grid-area:kop}.aanvr-vorm{grid-area:vorm;min-width:0}.aanvr-uitleg{grid-area:uitleg}
@media (min-width:64rem){
.aanvr{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:5rem;row-gap:3rem;grid-template-areas:"kop vorm" "uitleg vorm";grid-template-rows:auto 1fr;align-items:start}
.aanvr-kop{position:sticky;top:2rem}
}
.aanvr-kop h1{margin:0;font-size:clamp(2.6rem,7.5vw,4.75rem);font-weight:800;line-height:.98;text-transform:uppercase;color:var(--color-mist);text-wrap:balance}
.aanvr-kop p{margin:1.25rem 0 0;max-width:30rem;font-size:1.0625rem;line-height:1.6;color:var(--color-steel)}

.aanvr-slip{position:relative;display:block;background:var(--color-graphite);border:1px solid var(--color-ridge);border-radius:4px;overflow:hidden}
.aanvr-liniaal{height:24px;border-bottom:1px solid var(--color-ridge);background:
 repeating-linear-gradient(90deg,var(--color-steel) 0 1px,transparent 1px 48px) left bottom/100% 15px no-repeat,
 repeating-linear-gradient(90deg,var(--color-steel) 0 1px,transparent 1px 8px) left bottom/100% 7px no-repeat;opacity:.9}
.aanvr-slip-in{padding:1.75rem 1.25rem 1.5rem}
@media (min-width:40rem){.aanvr-slip-in{padding:2.25rem 2.5rem 2rem}}
.aanvr-slip fieldset{margin:0 0 1.75rem;padding:0;border:0;min-width:0}
.aanvr-slip legend{padding:0;margin:0 0 .25rem;font-size:1.0625rem;font-weight:700;color:var(--color-mist)}
.aanvr-rij{display:grid;gap:0 1.75rem}
@media (min-width:40rem){.aanvr-rij{grid-template-columns:1fr 1fr}}
.aanvr-veld{margin-top:1.1rem}
.aanvr-slip-in>.aanvr-veld{margin-bottom:1.75rem}
.aanvr-veld label{display:block;margin-bottom:.15rem;font-size:.875rem;font-weight:600;color:var(--color-mist)}
.aanvr-veld label span{font-weight:400;color:var(--color-steel)}
.aanvr-veld input,.aanvr-veld textarea{display:block;width:100%;min-height:2.9rem;margin:0;padding:.55rem 0;font:inherit;font-size:1.0625rem;color:var(--color-mist);background:transparent;border:0;border-bottom:2px solid var(--color-ridge);border-radius:0;outline:0;transition:border-color .15s}
.aanvr-veld textarea{resize:vertical;line-height:1.5}
.aanvr-veld input::placeholder,.aanvr-veld textarea::placeholder{color:var(--color-steel);opacity:.7}
.aanvr-veld input:hover,.aanvr-veld textarea:hover{border-bottom-color:var(--color-steel)}
.aanvr-veld input:focus,.aanvr-veld textarea:focus{border-bottom-color:var(--color-gold);box-shadow:0 2px 0 0 var(--color-gold)}

.aanvr-fout{margin:0 0 1.25rem;padding:.7rem 1rem;font-size:.9375rem;line-height:1.45;color:var(--color-mist);background:color-mix(in oklab,var(--color-alert) 10%,transparent);border-left:3px solid var(--color-alert)}
.aanvr-knop{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:3.25rem;padding:0 1.5rem;font:inherit;font-size:1.0625rem;font-weight:700;color:#0a121a;background:var(--color-gold);border:0;border-radius:3px;cursor:pointer;text-decoration:none;transition:background-color .15s}
.aanvr-knop:hover{background:var(--color-gold-bright)}
.aanvr-knop:focus-visible{outline:3px solid var(--color-mist);outline-offset:3px}
.aanvr-knop-link{width:auto;margin-top:1.5rem}
.aanvr-privacy,.aanvr-login{margin:.9rem 0 0;font-size:.8125rem;line-height:1.5;color:var(--color-steel)}
.aanvr-login{margin-top:.35rem}
.aanvr-privacy a,.aanvr-login a{color:var(--color-mist);text-decoration:underline;text-decoration-color:var(--color-gold);text-underline-offset:3px}
.aanvr-titel{margin:0;font-size:1.375rem;font-weight:700;line-height:1.25;color:var(--color-mist)}
.aanvr-tekst{margin:.6rem 0 0;line-height:1.6;color:var(--color-steel)}

.aanvr-uitleg h2{margin:0 0 .75rem;font-size:1.0625rem;font-weight:700;color:var(--color-mist)}
.aanvr-stappen{margin:0;padding:0;list-style:none}
.aanvr-stappen li{display:grid;grid-template-columns:2.75rem 1fr;gap:.75rem;padding:1rem 0;border-top:1px solid var(--color-ridge)}
.aanvr-stappen .nr{font-family:"Big Shoulders",sans-serif;font-size:2.1rem;font-weight:800;line-height:1;color:var(--color-gold)}
.aanvr-stappen strong{display:block;font-weight:700;color:var(--color-mist)}
.aanvr-stappen div span{display:block;margin-top:.15rem;font-size:.9375rem;line-height:1.5;color:var(--color-steel)}
.aanvr-stappen .klaar .nr{color:#3fa66b}
.aanvr-bel{margin-top:.5rem;padding-top:1.1rem;border-top:1px solid var(--color-ridge)}
.aanvr-bel p{margin:0;line-height:1.5;color:var(--color-steel)}
.aanvr-bel a{font-size:1.25rem;font-weight:700;color:var(--color-mist);text-decoration:none}
.aanvr-bel a:hover{text-decoration:underline;text-decoration-color:var(--color-gold);text-underline-offset:4px}
.aanvr-bel .uren{font-size:.875rem}

/* contactgegevens */
.aanvr-info{margin:0}
.aanvr-info>div{padding:1.1rem 0;border-top:1px solid var(--color-ridge)}
.aanvr-info dt{margin:0 0 .3rem;font-size:.875rem;font-weight:700;color:var(--color-mist)}
.aanvr-info dd{margin:0;line-height:1.55;color:var(--color-steel)}
.aanvr-info a{color:var(--color-mist);text-decoration:underline;text-decoration-color:var(--color-gold);text-underline-offset:3px}
.aanvr-info a.tabular{font-size:1.25rem;font-weight:700;text-decoration:none}
.aanvr-info a.tabular:hover{text-decoration:underline;text-decoration-color:var(--color-gold);text-underline-offset:4px}
.aanvr-info dd>span{display:block;font-size:.9375rem}
.aanvr-info a.route{display:table;margin-top:.5rem}
.aanvr-info .status{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-weight:600;color:var(--color-mist)}
.aanvr-info .status::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:var(--color-steel)}
.aanvr-info .status.open::before{background:#3fa66b}
.aanvr-info .status.dicht::before{background:var(--color-alert)}