@font-face{font-family:DM Sans;font-weight:400;src:url(/fonts/dm-sans-400.woff)format("woff");font-display:swap}@font-face{font-family:DM Sans;font-weight:600 700;src:url(/fonts/dm-sans-600.woff)format("woff");font-display:swap}@font-face{font-family:Caveat;font-weight:400 700;src:url(/fonts/caveat-variable.ttf)format("truetype");font-display:swap}:root{--papier:#fffaf2;--papier-2:#f7f0e5;--zand:#efe2d0;--wit:#fff;--rood:#a24736;--rood-donker:#7e3527;--groen:#596c4b;--tekst:#38332f;--tekst-grijs:#6d625a;--lijn:#d8ccbe;--lijn-donker:#b9ac9e;--geldig-bg:#ddebdd;--geldig-fg:#1e4b29;--verlopen-bg:#f6e1dc;--verlopen-fg:#7e2a1c;--f-tekst:"DM Sans", system-ui, sans-serif;--f-kop:"Erfboek Tekst", Georgia, "Times New Roman", serif;--f-hand:"Caveat", cursive}*{box-sizing:border-box}html,body{background:var(--papier);min-height:100%;color:var(--tekst);font-family:var(--f-tekst);-webkit-text-size-adjust:100%;margin:0;font-size:17px;line-height:1.5}a{color:var(--rood)}a:hover{color:var(--rood-donker)}:focus-visible{outline:2px solid var(--rood);outline-offset:2px}img{max-width:100%;display:block}h1,h2,p{margin:0}.app{flex-direction:column;min-height:100dvh;display:flex}.scherm{width:100%;max-width:430px;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) 18px max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:12px;margin:0 auto;display:flex}.inlog{gap:22px;padding:34px 28px 26px}.inlog__logo{width:300px;margin:0 auto 10px}.inlog__titel{font-family:var(--f-hand);color:var(--rood);font-size:50px;font-weight:700;line-height:1}.inlog__intro{margin-top:10px}.kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:18px;flex-direction:column;gap:10px;padding:20px;display:flex}.kaart label{font-weight:600}.invoer{border:1px solid var(--lijn-donker);height:50px;font:inherit;color:var(--tekst);background:var(--wit);border-radius:12px;width:100%;padding:0 14px}.knop{background:var(--rood);height:52px;color:var(--wit);font:inherit;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;margin-top:4px;font-weight:700;text-decoration:none;display:flex}.knop:hover{background:var(--rood-donker)}.knop[disabled]{opacity:.6;cursor:default}.knop--licht{background:var(--wit);color:var(--rood);border:1px solid var(--rood);height:44px;font-size:16px;font-weight:600}.knop--licht:hover{background:var(--papier-2)}.klein{color:var(--tekst-grijs);font-size:15px;line-height:1.45}.rek{flex-grow:1}.groet{justify-content:center;align-items:center;gap:12px;display:flex}.groet img{width:64px}.groet__hand{font-family:var(--f-hand);color:var(--rood);font-size:24px}.melding{background:var(--zand);border-radius:14px;padding:12px 14px}.melding--fout{background:var(--verlopen-bg);color:var(--verlopen-fg)}.kopregel{justify-content:space-between;align-items:center;display:flex}.kopregel__merk{font-family:var(--f-kop);color:var(--rood);align-items:center;gap:8px;font-size:17px;display:flex}.kopregel__merk img{width:50px}.kopregel a{font-size:15px}.gezin__titel{font-family:var(--f-hand);font-size:40px;font-weight:700;line-height:1}.kaart--rij{color:var(--tekst);flex-direction:row;align-items:center;gap:14px;padding:12px 14px;text-decoration:none}.foto-vakje{background:var(--zand);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:68px;display:flex;overflow:hidden}.foto-vakje img{width:50px}.kaart__tekst{flex-direction:column;flex-grow:1;gap:3px;min-width:0;display:flex}.kaart__kop{font-size:17px;font-weight:700}.kaart__actie{color:var(--rood);white-space:nowrap;font-size:15px;font-weight:600}.kaart__actie--regel{white-space:normal;line-height:1.3}.kaart__regel{justify-content:space-between;align-items:center;gap:10px;display:flex}.pil{border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:14px;font-weight:600}.pil--geldig{color:#22562f;background:var(--geldig-bg)}.pil--verlopen{color:var(--verlopen-fg);background:var(--verlopen-bg)}.balk{background:var(--lijn);border-radius:4px;height:8px;overflow:hidden}.balk__vul{background:var(--rood);height:8px}.code{letter-spacing:1px;font-family:ui-monospace,Menlo,monospace}.code--groot{font-size:22px}.terug{font-size:16px;font-weight:600;text-decoration:none}.pas{background:var(--wit);border:1px solid var(--lijn);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.pas__kop{border-bottom:3px solid var(--rood);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.pas--verlopen .pas__kop{border-bottom-color:var(--tekst-grijs)}.pas__label{letter-spacing:1px;color:var(--rood);font-size:14px;font-weight:700}.pas--verlopen .pas__label{color:var(--tekst-grijs)}.pas__body{flex-direction:column;align-items:center;gap:10px;padding:16px 20px;display:flex}.pas__foto{background:var(--zand);border-radius:16px;justify-content:center;align-items:center;width:150px;height:178px;display:flex}.pas--verlopen .pas__foto{background:#e6e1da}.pas__naam{text-align:center;flex-direction:column;align-items:center;display:flex}.pas__naam-groot{font-family:var(--f-kop);font-size:30px}.pas__hand{font-family:var(--f-hand);color:var(--rood);font-size:26px}.pas--verlopen .pas__hand{color:var(--tekst-grijs)}.pas__status{background:var(--geldig-bg);color:var(--geldig-fg);border-radius:16px;align-self:stretch;align-items:center;gap:10px;padding:6px 16px 6px 6px;display:flex}.pas__status div{flex-direction:column;display:flex}.pas__status--verlopen{background:var(--verlopen-bg);color:var(--verlopen-fg);flex-direction:column;align-items:flex-start;padding:12px 18px}.pas__status-groot{letter-spacing:.5px;font-size:24px;font-weight:700}.pas__status span:not(.pas__status-groot){font-size:16px;font-weight:600}.pas__live{align-self:stretch;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.stip{background:var(--lijn-donker);border-radius:50%;flex-shrink:0;width:10px;height:10px}.stip--live{background:#2f7a43;animation:1.2s ease-in-out infinite su-puls}@keyframes su-puls{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.stip--live{animation:none}}.pas__voet{border-top:1px dashed var(--lijn);align-self:stretch;align-items:center;gap:14px;padding-top:12px;display:flex}.pas__voet p{margin:0;font-size:16px;line-height:1.45}.pasfoto{object-fit:cover;width:100%;height:100%;display:block}.foto-vakje--leeg{border:2px dashed var(--lijn-donker);background:0 0}.pas__foto{overflow:hidden}.pas__foto--leeg{border:2px dashed var(--lijn-donker);background:var(--wit);color:var(--rood);flex-direction:column;gap:6px;font-size:15px;font-weight:600;text-decoration:none}.foto-kader{background:var(--zand);border-radius:18px;flex-direction:column;justify-content:center;align-self:center;align-items:center;gap:6px;width:180px;height:240px;display:flex;overflow:hidden}.foto-kader--leeg{border:2px dashed var(--lijn-donker);background:var(--wit)}.tips{flex-direction:column;gap:4px;margin:0;padding-left:20px;font-size:15px;line-height:1.4;display:flex}.kaart .vink{align-items:flex-start;gap:10px;font-size:15px;font-weight:400;line-height:1.4;display:flex}.vink input{width:22px;height:22px;accent-color:var(--rood);flex-shrink:0;margin:0}.scherm--met-menu{min-height:calc(100dvh - 58px);padding-bottom:20px}.menu{height:calc(58px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--wit);border-top:1px solid var(--lijn);justify-content:space-around;align-items:stretch;width:100%;max-width:430px;margin:0 auto;display:flex;position:sticky;bottom:0}.menu__item{color:var(--tekst-grijs);flex:1;justify-content:center;align-items:center;font-size:15px;font-weight:600;text-decoration:none;display:flex}.menu__item--actief{color:var(--rood);box-shadow:inset 0 3px 0 var(--rood)}.uitleg{flex-direction:column;gap:8px;display:flex}.uitleg h2{font-family:var(--f-kop);color:var(--rood);font-size:24px;font-weight:400;line-height:1.2}.uitleg ul{flex-direction:column;gap:4px;margin:0;padding-left:20px;display:flex}.uitleg .knop--licht{align-self:flex-start;padding:0 18px}.vraag{border-top:1px solid var(--lijn);padding:10px 0}.vraag:last-of-type{border-bottom:1px solid var(--lijn)}.vraag summary{cursor:pointer;justify-content:space-between;gap:10px;font-weight:600;list-style:none;display:flex}.vraag summary::-webkit-details-marker{display:none}.vraag summary:after{content:"+";color:var(--rood);flex-shrink:0;font-weight:700}.vraag[open] summary:after{content:"–"}.vraag p{margin-top:8px;font-size:16px;line-height:1.5}.kaart--vandaag{background:var(--geldig-bg);border-color:#bfd6bf}.bezoek{border-top:1px solid var(--lijn);flex-direction:column;padding-top:6px;display:flex}.bezoek:first-of-type{border-top:none;padding-top:0}.kaart--hint{background:var(--papier-2)}@media (width>=900px){.scherm--breed,.scherm--breed+.menu{max-width:900px}.raster{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.raster>.uitleg{margin:0}}.cijfer{border-bottom:1px solid var(--lijn);justify-content:space-between;gap:12px;padding:6px 0;font-size:15px;display:flex}.cijfer:last-child{border-bottom:none}.cijfer strong{text-align:right}.faq-rij,.team-rij{gap:8px}.faq-rij input[type=number]{margin-left:6px}