@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}.wallet{display:flex;flex-direction:column;gap:.6rem}.knop-wallet{background:#000;border-color:#ffffff47;color:#fff;min-height:2.9rem}.knop-wallet:hover{border-color:#ffffff80}.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}}
