@font-face{font-family:Inter Variable;src:url(/fonts/inter-latin-variable.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/cormorant-500.woff2) format("woff2");font-weight:500;font-display:swap}:root{--inkt: #051832;--vlak: #0e2039;--goud: #c8a86b;--goud-licht: #e3cf9f;--goud-inkt: #0a1830;--tekst: #f4f6fa;--tekst-zacht: #a9b6c9;--lijn: rgba(255, 255, 255, .12);--lijn-goud: rgba(200, 168, 107, .55);--fout: #ffb4a8;--display: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 12px;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--inkt);color:var(--tekst);font:400 1rem/1.55 var(--sans);-webkit-font-smoothing:antialiased}#app{min-height:100dvh;display:flex;flex-direction:column;max-width:30rem;margin:0 auto;padding:max(1.25rem,env(safe-area-inset-top)) 1.25rem max(1.25rem,env(safe-area-inset-bottom))}.pagina{flex:1;display:flex;flex-direction:column;gap:1.25rem;padding-top:.75rem}h1,h2,p,ul{margin:0}ul{padding:0;list-style:none}a{color:inherit}:focus-visible{outline:2px solid var(--goud-licht);outline-offset:3px}.kop h1,.bericht h1{font:500 2.35rem/1.08 var(--display);letter-spacing:-.01em;text-wrap:balance}.kop p,.bericht p{margin-top:.75rem;color:var(--tekst-zacht);text-wrap:pretty}.bericht{margin-block:auto;padding-block:2rem}.bericht h2,.welkom h2{font:500 1.6rem/1.15 var(--display)}.bericht .knop{margin-top:1.5rem}.laden{margin-block:auto;text-align:center;color:var(--tekst-zacht)}.noscript{padding:2rem 1.25rem;text-align:center}.kaart{position:relative;overflow:hidden;aspect-ratio:1.586;display:flex;align-items:flex-end;padding:1.35rem 1.4rem;border:1px solid var(--lijn-goud);border-radius:16px;background:radial-gradient(120% 90% at 100% 0%,rgba(200,168,107,.16),transparent 60%),var(--vlak);box-shadow:0 24px 48px -28px #000000e6}.kaart:after{content:"";position:absolute;inset:-20% auto -20% 0;width:45%;background:linear-gradient(100deg,transparent,rgba(227,207,159,.2),transparent);transform:translate(-120%) skew(-12deg);animation:glans 1.5s .25s cubic-bezier(.22,1,.36,1) forwards;pointer-events:none}@keyframes glans{to{transform:translate(340%) skew(-12deg)}}.kaart .beeldmerk{position:absolute;top:1.3rem;right:1.4rem;width:2.1rem;fill:var(--goud)}.kaart-tekst{min-width:0}.kaart-naam{font:500 clamp(1.9rem,9.5vw,2.6rem) / 1.02 var(--display);letter-spacing:-.01em;overflow-wrap:anywhere;text-wrap:balance}.kaart-site{margin-top:.5rem;color:var(--goud-licht);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere}.knop{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;min-height:3.25rem;padding:.75rem 1.25rem;border:1px solid transparent;border-radius:var(--radius);font:600 1rem/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:background-color .2s,transform .1s}.knop:active{transform:scale(.985)}.knop-primair{background:var(--goud);color:var(--goud-inkt)}.knop-primair:hover{background:var(--goud-licht)}.knop-rand{background:transparent;border-color:var(--lijn-goud);color:var(--goud-licht)}.knop:disabled{opacity:.6;cursor:progress}.tekstlink{padding:0;border:0;background:none;color:var(--goud-licht);font:inherit;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.icoon{flex:none;width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.acties{border-top:1px solid var(--lijn)}.acties a{display:flex;align-items:center;gap:1rem;min-height:4rem;padding:.7rem .15rem;border-bottom:1px solid var(--lijn);text-decoration:none}.acties a>.icoon:first-child{color:var(--goud)}.acties a>.icoon:last-child{width:1rem;color:var(--tekst-zacht)}.actie-tekst{flex:1;min-width:0;display:flex;flex-direction:column}.actie-label{font-weight:600}.actie-waarde{color:var(--tekst-zacht);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diensten h2,.kaartcode{color:var(--goud-licht);font:500 .75rem/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase}.diensten ul{margin-top:.6rem}.diensten li{font:500 1.45rem/1.25 var(--display);padding-block:.2rem;overflow-wrap:anywhere}.kaartcode span{margin-left:.35rem;color:var(--tekst);font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.1em}.welkom{display:flex;flex-direction:column;gap:.6rem;padding:1.15rem 1.2rem 1.2rem;border:1px solid var(--lijn);border-radius:var(--radius)}.welkom p{color:var(--tekst-zacht)}.welkom .knop{margin-top:.4rem;min-height:2.9rem}.kaart-foto{position:absolute;top:1.2rem;left:1.4rem;width:5.5rem;height:5.5rem;border-radius:50%;border:2px solid var(--goud);object-fit:cover;background:var(--inkt)}.foto-kiezer{display:flex;align-items:center;gap:1rem}.foto-voorbeeld{flex:none;width:4.5rem;height:4.5rem;border-radius:50%;overflow:hidden;border:1px solid var(--lijn-goud);background:var(--vlak)}.foto-voorbeeld.leeg{border-style:dashed}.foto-voorbeeld img{width:100%;height:100%;object-fit:cover;display:block}.foto-acties{display:flex;flex-direction:column;gap:.45rem;min-width:0}.foto-label{font-weight:600;font-size:.95rem}.foto-label .optioneel{margin-left:.35rem}.foto-knoppen{display:flex;align-items:center;gap:1rem}.knop-klein{width:auto;min-height:2.5rem;padding:.5rem 1rem;font-size:.9rem}.foto-kiezer:focus-within .knop-klein{outline:2px solid var(--goud-licht);outline-offset:3px}.visueel-verborgen{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.verwijder{padding-top:.5rem;text-align:center}.tekstlink-gevaar{color:var(--fout);font-size:.9rem}.verwijder-bevestig{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border:1px solid rgba(255,180,168,.4);border-radius:var(--radius);text-align:left}.verwijder-bevestig p{color:var(--tekst-zacht);font-size:.9rem}.knop-gevaar{background:var(--fout);color:var(--goud-inkt);min-height:2.9rem}.privacy{display:flex;flex-direction:column;gap:1.4rem}.privacy-blok h2{font:500 1.45rem/1.2 var(--display)}.privacy-blok p{margin-top:.5rem;color:var(--tekst-zacht);text-wrap:pretty}.privacy a{color:var(--goud-licht)}.voet{display:flex;justify-content:center;align-items:center;gap:1.25rem}.voet-link{color:var(--tekst-zacht);font-size:.8rem}.wallet{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.wallet-badge{display:block;border-radius:.6rem;transition:opacity .15s}.wallet-badge:hover{opacity:.85}.wallet-badge:focus-visible{outline:2px solid var(--tekst);outline-offset:3px}.wallet-badge img{display:block;height:2.75rem;width:auto}.formulier{display:flex;flex-direction:column;gap:1.1rem}.veld{display:flex;flex-direction:column;gap:.4rem}.veld label{display:flex;justify-content:space-between;align-items:baseline;font-weight:600;font-size:.95rem}.optioneel{color:var(--tekst-zacht);font-weight:400;font-size:.8rem}.veld input,.veld textarea{width:100%;padding:.8rem .9rem;border:1px solid var(--lijn);border-radius:10px;background:var(--vlak);color:var(--tekst);font:400 1rem/1.4 var(--sans);-webkit-appearance:none;appearance:none}.veld textarea{resize:vertical;min-height:6.5rem}.veld input::placeholder{color:#6f7f96}.veld input:focus-visible,.veld textarea:focus-visible{outline:none;border-color:var(--goud);box-shadow:0 0 0 3px #c8a86b40}.veld [aria-invalid=true]{border-color:var(--fout)}.hint,.toelichting{color:var(--tekst-zacht);font-size:.85rem}.veld-fout,.melding{color:var(--fout);font-size:.9rem}.melding{padding:.8rem .9rem;border:1px solid rgba(255,180,168,.4);border-radius:10px}.opgeslagen{color:var(--goud-licht);font-weight:600;text-align:center}.bewerk{display:flex;flex-direction:column;gap:1rem}.bewerk+.bewerk{margin-top:1rem;padding-top:2rem;border-top:1px solid var(--lijn)}.bewerk-adres{font-size:.9rem}.eigenaar{color:var(--tekst-zacht);font-size:.9rem;text-align:center}.voet{margin-top:2.5rem;padding-top:1rem;text-align:center}.voet a{display:inline-flex;align-items:center;gap:.5rem;color:var(--tekst-zacht);font-size:.8rem;letter-spacing:.04em;text-decoration:none}.voet .beeldmerk{width:1rem;fill:currentColor}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.kaart:after{animation:none}.knop{transition:none}}