@import"https://fonts.googleapis.com/css2?family=Karla:wght@400;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&display=swap";:root{--bg:#17313b;--bg-2:#1c3d49;--bg-diep:#0f2129;--warm:#dfa752;--warm-2:#e7bd77;--koel:#9fc4c9;--papier:#f3eee3;--papier-zacht:rgba(243,238,227,.7);--lijn:rgba(159,196,201,.22);--rood:#e2483d;--serif:"Newsreader",Georgia,serif;--sans:"Karla",-apple-system,BlinkMacSystemFont,sans-serif;--duur:.35s}.asp{min-height:100vh;background:radial-gradient(125% 90% at 72% 6%,var(--bg-2) 0%,var(--bg) 55%);color:var(--papier);font-family:var(--sans);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}.asp *,.asp *:before,.asp *:after{box-sizing:border-box;margin:0;padding:0}.asp ::selection{background:var(--warm);color:#221503}.asp-center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px}.asp-wrap{width:100%;max-width:520px;margin:0 auto}.asp-logo{display:block;height:104px;width:auto;margin:0 auto 20px;filter:drop-shadow(0 8px 22px rgba(226,72,61,.28))}.asp-eyebrow{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--koel);text-align:center}.asp-h1{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.15;letter-spacing:-.01em;color:var(--papier)}.asp-h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--papier)}.asp-lead{color:var(--papier-zacht);font-size:1.02rem;line-height:1.7}.asp-veld-label{display:block;font-size:.82rem;letter-spacing:.02em;color:var(--papier-zacht);margin-bottom:6px}.asp-veld{width:100%;padding:13px 15px;font-size:1rem;font-family:var(--sans);color:var(--papier);background:#f3eee30d;border:1px solid var(--lijn);border-radius:10px;outline:none;transition:border-color var(--duur),background var(--duur)}.asp-veld::placeholder{color:#f3eee361}.asp-veld:focus{border-color:var(--warm);background:#f3eee314}.asp-veld.fout{border-color:var(--rood)}.asp-foutmelding{font-size:.8rem;color:#f0a79c;margin-top:6px}.asp-check{display:flex;align-items:flex-start;gap:11px;cursor:pointer;font-size:.92rem;color:var(--papier-zacht);line-height:1.5}.asp-check input{margin-top:3px;width:17px;height:17px;accent-color:var(--warm);flex-shrink:0;cursor:pointer}.asp-knop{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:14px 30px;font-family:var(--sans);font-size:1rem;font-weight:600;letter-spacing:.01em;color:#221503;background:var(--warm);border:none;border-radius:999px;cursor:pointer;transition:transform var(--duur),box-shadow var(--duur),background var(--duur)}.asp-knop:hover{transform:translateY(-2px);box-shadow:0 12px 34px #dfa7524d}.asp-knop:disabled{opacity:.7;cursor:default;transform:none;box-shadow:none}.asp-knop.klaar{background:var(--koel)}.asp-knop-vol{width:100%}.asp-link{background:none;border:none;color:var(--papier-zacht);font-family:var(--sans);font-size:.95rem;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--lijn);transition:color var(--duur)}.asp-link:hover{color:var(--warm)}.asp-fijn{font-size:.8rem;color:var(--papier-zacht);font-family:var(--serif);font-style:italic;line-height:1.6}.asp-lang{position:fixed;top:14px;right:14px;z-index:1000;display:flex;gap:3px;padding:5px 7px;border-radius:12px;background:#0f21299e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--lijn);box-shadow:0 6px 20px #00000047}.asp-lang button{background:none;border:1.5px solid transparent;border-radius:8px;cursor:pointer;padding:2px 5px;font-size:20px;line-height:1;opacity:.5;transition:opacity var(--duur),border-color var(--duur)}.asp-lang button:hover{opacity:.85}.asp-lang button.actief{opacity:1;border-color:var(--warm);cursor:default}.asp-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:22px 6vw 0;max-width:900px;margin:0 auto}.asp-brand{display:flex;align-items:center;gap:11px;font-family:var(--serif);font-size:1.18rem;color:var(--papier)}.asp-brand img{height:32px;width:auto;filter:drop-shadow(0 3px 10px rgba(226,72,61,.3))}.asp-terug{color:var(--papier-zacht);text-decoration:none;font-size:.9rem;background:none;border:none;cursor:pointer;font-family:var(--sans);transition:color var(--duur)}.asp-terug:hover{color:var(--warm)}.asp-kolom{max-width:760px;margin:0 auto;padding:6vh 6vw 12vh}.asp-kop-c{text-align:center;margin-bottom:3rem}.asp-prose section{margin-bottom:1.6rem}.asp-prose h2{font-family:var(--serif);font-weight:500;font-size:1.2rem;color:var(--papier);margin:1.6rem 0 .5rem}.asp-prose p{color:var(--papier-zacht);line-height:1.75;margin-bottom:.7rem}.asp-lijst{display:flex;flex-direction:column;gap:14px;text-align:left}.asp-kaart{display:block;padding:22px 26px;background:#0f212980;border:1px solid var(--lijn);border-radius:14px;text-decoration:none;color:var(--papier);transition:transform var(--duur),border-color var(--duur),background var(--duur)}.asp-kaart:hover{transform:translateY(-3px);border-color:#dfa75280;background:#0f2129b8}.asp-kaart-kop{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}.asp-kaart h3{font-family:var(--serif);font-weight:500;font-size:1.1rem;color:var(--papier)}.asp-kaart-datum{font-size:.8rem;color:var(--koel);white-space:nowrap}.asp-kaart p{font-size:.92rem;color:var(--papier-zacht);font-style:italic}.asp-leeg{color:var(--papier-zacht);font-style:italic;font-family:var(--serif)}.asp-longread h2{font-size:1.45rem;margin:2.6rem 0 .8rem}.asp-longread h3{font-family:var(--serif);font-weight:500;font-size:1.15rem;color:var(--papier);margin:2.1rem 0 .5rem}.asp-longread p{margin-bottom:1rem;line-height:1.8}.asp-longread em{color:var(--papier)}.asp-longread a{color:var(--koel);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--lijn);transition:color var(--duur)}.asp-longread a:hover{color:var(--warm)}.asp-scheiding{border:none;border-top:1px solid var(--lijn);margin:2.6rem auto;max-width:200px}.asp-figuur{margin:2.4rem 0}.asp-figuur img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 14px 40px #00000059}.asp-fijn a,.asp-fijn a:visited{color:var(--warm-2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#e7bd7773;transition:color var(--duur)}.asp-fijn a:hover{color:var(--warm)}
