:root{--roze:#E50069;--oranje:#FD5A1F;--bes:#A8004D;--inkt:#21151B;--zacht:#6F5C65;--vlak:#fff;--mist:#FBF1F5;--lijn:#EFDDE5;--groen:#14764A;--groenvlak:#E3F4EB;--oranjevlak:#FFEBDF;--oranjetekst:#A83800;color-scheme:light}
@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/o/poppins-400.ttf) format("truetype")}@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/o/poppins-600.ttf) format("truetype")}@font-face{font-family:Poppins;font-weight:800;font-display:swap;src:url(/o/poppins-800.ttf) format("truetype")}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--mist);color:var(--inkt);font:15px/1.55 Poppins,"Helvetica Neue",Arial,sans-serif}
h1,h2{line-height:1.15;margin:0;text-wrap:balance;font-weight:800}h1{font-size:26px}h2{font-size:19px}a{color:var(--bes)}
:focus-visible{outline:3px solid var(--oranje);outline-offset:2px}
.band{background:var(--roze);color:#fff;padding:12px 20px;display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;justify-content:space-between}
.band{background:linear-gradient(100deg,var(--roze) 55%,var(--oranje))}.logo{height:26px;width:auto;display:block}.band small{display:block;margin-top:3px}.band a{color:#fff}.band form{margin:0;display:inline}.band nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.wrap{max-width:1040px;margin:0 auto;padding:20px;display:grid;gap:16px}
.kaart{background:var(--vlak);border:1px solid var(--lijn);border-radius:14px;padding:16px}
.smal{max-width:400px;margin:0 auto;padding:8vh 16px 24px}.smal .logo{margin:0 auto 22px;height:34px}body.roze{background:linear-gradient(135deg,var(--roze) 55%,var(--oranje));min-height:100vh}
label{display:block;font-weight:600;font-size:13px;margin:12px 0 4px}
input[type=email],input[type=password]{width:100%;border:1px solid var(--lijn);border-radius:9px;padding:10px;font:inherit}
.knop{border:0;background:var(--roze);color:#fff;font:600 15px inherit;padding:10px 16px;border-radius:10px;cursor:pointer;display:inline-block;text-decoration:none}
.knop:hover{background:var(--bes)}.knop.licht{background:var(--vlak);color:var(--inkt);border:1px solid var(--lijn)}.knop.band-knop{background:rgba(0,0,0,.2);padding:5px 12px;font-size:13px}
.vol{width:100%;margin-top:16px}.fout{background:var(--oranjevlak);color:var(--oranjetekst);border-radius:9px;padding:8px 12px;margin-top:12px;font-size:14px}
.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs a{border:1px solid var(--lijn);background:var(--vlak);padding:7px 14px;border-radius:999px;text-decoration:none;color:var(--inkt);font-weight:500}.tabs a[aria-current=page]{background:var(--inkt);border-color:var(--inkt);color:#fff}
table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;color:var(--zacht);font-weight:500;padding:4px 8px;border-bottom:1px solid var(--lijn)}td{padding:9px 8px;border-bottom:1px solid var(--lijn);vertical-align:top}.scroll{overflow-x:auto}
.pil{display:inline-block;font-size:12px;font-weight:600;border-radius:999px;padding:1px 9px;white-space:nowrap}.actief{background:var(--groenvlak);color:var(--groen)}.gestopt{background:var(--oranjevlak);color:var(--oranjetekst)}
.grijs{color:var(--zacht);font-size:13px}p{margin:6px 0 0}
textarea,select,input[type=text],input[type=date],input[type=file]{width:100%;border:1px solid var(--lijn);border-radius:9px;padding:9px;font:inherit;background:var(--vlak)}textarea{min-height:90px;resize:vertical}
.twee{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:16px;align-items:start}@media(max-width:820px){.twee{grid-template-columns:minmax(0,1fr)}}
.vak2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.subtabs a{font-size:14px;padding:5px 12px}.subtabs a[aria-current=page]{background:var(--roze);border-color:var(--roze)}
.tel{background:var(--roze);color:#fff;border-radius:999px;padding:0 7px;font-size:11px}.subtabs a[aria-current=page] .tel{background:#fff;color:var(--bes)}
.actie{background:var(--vlak);border:1px solid var(--lijn);border-left:5px solid var(--oranje);border-radius:12px;padding:12px 16px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}.actie form{margin:0}.knop.groen{background:var(--groen)}
.raster{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:10px}.tegel{position:relative;aspect-ratio:3/4;background:var(--lijn);overflow:hidden;display:block;color:var(--inkt);text-decoration:none}.tegel img{width:100%;height:100%;object-fit:cover;display:block}.tegel .dag{position:absolute;left:4px;top:4px;background:rgba(255,255,255,.94);border-radius:6px;padding:0 6px;font-size:11px;font-weight:600}.tegel .pil{position:absolute;right:4px;bottom:4px;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis}
.scheiding{grid-column:1/-1;font-size:12px;color:var(--zacht);padding:7px 2px;text-align:center}.geen-beeld{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:58px;font-size:11px;color:var(--zacht);text-align:center;padding:4px;overflow-wrap:anywhere}
.stories{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 4px}.story{flex:none;width:58px;text-align:center;color:var(--zacht);text-decoration:none}.story img,.story .geen-beeld{width:54px;height:54px;min-height:0;border-radius:50%;object-fit:cover;border:2px solid var(--oranje);display:flex}
.lijst{display:grid;gap:6px;margin-top:8px}.regel{display:grid;grid-template-columns:52px 46px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid var(--lijn);border-radius:10px;padding:6px 10px 6px 8px;color:var(--inkt);text-decoration:none}.regel:hover{border-color:var(--roze)}.regel .d{font-weight:700;font-size:13px}.regel .mini{display:block;width:46px;height:58px;border-radius:6px;overflow:hidden;background:var(--mist)}.regel .mini img{width:100%;height:100%;object-fit:cover;display:block}.regel .t{font-size:13px;line-height:1.35;overflow-wrap:anywhere}.regel small{display:block;color:var(--zacht)}@media(max-width:480px){.regel{grid-template-columns:44px 40px minmax(0,1fr)}.regel .pil{grid-column:3}}
.regel-vrij{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border:1px solid var(--lijn);border-radius:10px;padding:7px 10px;margin-top:8px}.regel-vrij form{margin:0}
.post{border:1px solid var(--lijn);border-radius:12px;overflow:hidden}.post-kop{padding:8px 10px;font-weight:600;font-size:13px}.post-beelden{display:grid;gap:2px;background:var(--mist)}.post-beelden img,.post-beelden video{width:100%;display:block;max-height:640px;object-fit:contain;background:#000}.post-tekst{padding:10px;font-size:13px;white-space:pre-line;overflow-wrap:anywhere}.tags{color:#1F5FA8}
.bericht{background:var(--mist);border-radius:10px;padding:8px 11px;font-size:13px;white-space:pre-line;overflow-wrap:anywhere;margin-top:6px}.bericht small{display:block;color:var(--zacht)}.bericht.intern{background:var(--oranjevlak)}.links{padding-left:18px;font-size:13px;overflow-wrap:anywhere}.knoppen{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.mini-rij{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;margin:8px 0}.mini-rij img,.mini-rij .geen-beeld{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:7px;background:var(--mist)}
.tegels{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px}.getal{font-size:27px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}.uitleg{font-size:12px;margin-top:4px}.n{text-align:right;font-variant-numeric:tabular-nums}
.gelijk{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grafiek{width:100%;height:auto;display:block;margin-top:6px}.beter{color:var(--groen);font-weight:600}.slechter{color:#B3261E;font-weight:600}.neutraal{color:var(--zacht);font-weight:600}
.eigen{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.eigen label{margin:0}.eigen input[type=date]{width:auto}h3{margin:12px 0 6px;font-size:15px;font-weight:600}summary{cursor:pointer;font-weight:600}
.ad-rij{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}.ad{border:1px solid var(--lijn);border-radius:10px;overflow:hidden;font-size:13px}.ad img,.ad .geen-beeld{width:100%;aspect-ratio:1;object-fit:cover;background:var(--mist)}.ad>div{padding:8px 10px;overflow-wrap:anywhere}.doelgroep{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.st-concept{background:#EEE9EC;color:#54474E}.st-wacht{background:var(--oranjevlak);color:var(--oranjetekst)}.st-feedback{background:#FDE3EE;color:var(--bes)}.st-akkoord{background:var(--groenvlak);color:var(--groen)}.st-ingepland{background:#E4EEF9;color:#1F5FA8}