@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap");:root{--groen:#14532d;--groen-donker:#0a3a1d;--groen-licht:#e7f1e9;--geel:#f5c34b;--geel-donker:#3d2c00;--geel-licht:#fdf6e3;--rood:#b91c1c;--rood-licht:#fdeaea;--tekst:#1e241f;--tekst-zacht:#3f4941;--tekst-licht:#5c665d;--achtergrond:#f4f1e8;--paneel:#f2efe4;--wit:#fff;--rand:#ddd8c9;--rand-donker:#7d8a7f;--terracotta:#b45309;--terracotta-licht:#fdf6e3}*{box-sizing:border-box}html{font-size:19px}body{margin:0;font-family:Source Sans\ 3,Segoe UI,Helvetica,Arial,sans-serif;background:var(--achtergrond);color:var(--tekst);line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:1.6rem}h1,h2{margin:0 0 .5rem}h2{font-size:1.35rem}h3{font-size:1.15rem;margin:0 0 .4rem}a{color:var(--groen);text-underline-offset:3px}a:hover{color:var(--groen-donker)}.container{max-width:1080px;margin:0 auto;padding:1.2rem 1.4rem 3rem}.site-header{background:var(--wit);border-bottom:4px solid var(--groen);padding:.7rem 1.4rem}.site-header-inner{max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.site-header img.logo{height:54px;width:auto}.site-titelblok{display:flex;flex-direction:column;line-height:1.15;margin-right:auto}.site-subtitel{font-size:.85rem;font-weight:600;color:var(--tekst-licht);letter-spacing:.04em}.site-titel{font-size:1.3rem;font-weight:700;color:var(--tekst)}.site-nav{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.nav-actief{display:inline-flex;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;color:var(--wit);background:var(--groen);border:2px solid var(--groen);border-radius:10px;padding:.6rem 1.1rem}.nav-bolletje{width:10px;height:10px;border-radius:50%;background:var(--geel)}.nav-knop{display:inline-flex;align-items:center;font-size:1.05rem;font-weight:700;color:var(--groen);background:var(--wit);border:2px solid var(--groen);border-radius:10px;padding:.6rem 1.1rem;cursor:pointer;text-decoration:none;font-family:inherit}.nav-knop:hover{background:var(--groen-licht)}.nav-ingelogd{font-size:.95rem;color:var(--tekst-zacht)}.nav-uitloggen{font-size:.9rem;color:var(--tekst-licht);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font-family:inherit;padding:.4rem}.nav-uitloggen:hover{color:var(--tekst)}.knop{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:60px;padding:.7rem 1.3rem;border-radius:12px;border:3px solid transparent;font-size:1.1rem;font-weight:700;font-family:inherit;cursor:pointer;text-decoration:none;transition:background .15s}.knop:disabled{opacity:.55;cursor:not-allowed}.knop-primair{background:var(--groen);color:var(--wit);border-color:var(--groen)}.knop-primair:hover:not(:disabled){background:var(--groen-donker)}.knop-secundair{background:var(--wit);color:var(--tekst-zacht);border-color:var(--rand-donker);border-width:2px;font-weight:700}.knop-secundair:hover:not(:disabled){background:var(--paneel)}.knop-gevaar{background:var(--wit);color:var(--rood);border-color:var(--rood)}.knop-gevaar:hover:not(:disabled){background:var(--rood-licht)}.knop-klein{min-height:46px;padding:.45rem .9rem;font-size:.95rem}.knop-breed{width:100%}label{display:block;font-weight:600;margin-bottom:.3rem}input[type=email],input[type=number],input[type=password],input[type=text],select{width:100%;min-height:56px;padding:.55rem .9rem;font-size:1.05rem;font-family:inherit;border:2px solid var(--rand-donker);border-radius:10px;background:var(--wit);color:var(--tekst)}a:focus-visible,button:focus-visible,input:focus,select:focus{outline:3px solid var(--geel);outline-offset:2px}.veld{margin-bottom:1rem}.kaart{background:var(--wit);border:2px solid var(--rand);border-radius:16px;padding:1.2rem 1.4rem;margin-bottom:1.2rem}.kaart-accent{border:3px solid var(--groen)}.melding{padding:.9rem 1.1rem;border-radius:12px;margin-bottom:1rem;font-weight:600;font-size:1.02rem}.melding-succes{background:var(--groen-licht);color:var(--groen);border:2px solid var(--groen)}.melding-fout{background:var(--rood-licht);color:var(--rood);border:2px solid var(--rood)}.melding-info{background:var(--geel-licht);color:#6b5314;border:2px solid #d9b23c}.paneel{display:flex;gap:.9rem;align-items:flex-start;border-radius:14px;padding:1.1rem 1.2rem;margin:0 0 1.2rem}.paneel-succes{background:var(--groen-licht);border:3px solid var(--groen)}.paneel-fout{background:var(--rood-licht);border:3px solid var(--rood)}.paneel-icoon{width:40px;height:40px;flex:none;border-radius:50%;color:var(--wit);display:flex;align-items:center;justify-content:center}.paneel-icoon,.paneel-titel{font-size:1.2rem;font-weight:700}.paneel-tekst{font-size:1.02rem;color:var(--tekst-zacht);line-height:1.45}.zwevende-melding{position:fixed;left:50%;bottom:1.2rem;transform:translateX(-50%);z-index:90;width:calc(100% - 2rem);max-width:620px;display:flex;gap:.9rem;align-items:flex-start;border-radius:14px;padding:1rem 1.1rem;box-shadow:0 8px 28px rgba(0,0,0,.22)}@media (max-width:700px){.zwevende-melding{bottom:calc(84px + env(safe-area-inset-bottom))}}.wachtwoord-rij{display:flex;gap:.5rem;align-items:stretch}.wachtwoord-rij input{flex:1 1;min-width:0}.wachtwoord-knop{flex:none;min-width:92px;padding:0 .9rem;font-size:.95rem;font-weight:700;font-family:inherit;color:var(--groen);background:var(--wit);border:2px solid var(--groen);border-radius:10px;cursor:pointer}.wachtwoord-knop:hover{background:var(--groen-licht)}.admin-banner{display:flex;align-items:center;gap:.8rem;background:var(--geel-licht);border:2px solid #d9b23c;border-radius:12px;padding:.8rem 1.1rem;margin-bottom:1.2rem;font-size:1.02rem}.admin-banner-icoon{width:32px;height:32px;flex:none;border-radius:50%;background:#d9b23c;color:var(--geel-donker);font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center}.admin-banner.banner-kijk{background:var(--groen-licht);border-color:var(--groen)}.admin-banner.banner-kijk .admin-banner-icoon{background:var(--groen);color:var(--wit)}.grootte-rij{display:flex;align-items:center;gap:.6rem;justify-content:flex-end;flex-wrap:wrap;margin-bottom:1rem}.grootte-knop{cursor:pointer;border:2px solid var(--groen);border-radius:9px;padding:.4rem .9rem;font-weight:700;font-family:inherit;background:var(--wit);color:var(--groen)}.grootte-knop.actief{background:var(--groen);color:var(--wit)}.maand-rij{gap:.5rem;margin-bottom:1.2rem}.maand-rij,.maand-strip{display:flex;align-items:center}.maand-strip{gap:.6rem;flex:1 1;min-width:0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:3px}.maand-strip::-webkit-scrollbar{display:none}.maand-knop{cursor:pointer;flex:none;min-height:58px;padding:.6rem 1.2rem;font-size:1.1rem;font-weight:700;font-family:inherit;border:3px solid var(--groen);border-radius:12px;background:var(--wit);color:var(--groen);text-transform:capitalize;white-space:nowrap}.maand-knop.actief{background:var(--groen);color:var(--wit)}.maand-pijl{cursor:pointer;flex:none;width:50px;height:50px;border-radius:50%;border:3px solid var(--groen);background:var(--wit);color:var(--groen);font-size:1.4rem;font-weight:700;font-family:inherit;display:flex;align-items:center;justify-content:center;line-height:1}.maand-pijl:hover{background:var(--groen-licht)}.dag-kaart{background:var(--wit);border:2px solid var(--rand);border-radius:16px;margin-bottom:1.2rem;overflow:visible}.dag-kop{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.75rem 1.3rem;background:var(--groen-licht);border-bottom:3px solid var(--groen);border-radius:14px 14px 0 0;box-shadow:0 2px 6px rgba(20,83,45,.12)}.dag-naam{font-size:1.25rem;font-weight:700;text-transform:capitalize;color:var(--groen)}.badge-geel{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--geel-donker);background:var(--geel);border-radius:999px;padding:.3rem .7rem}.dag-status{margin-left:auto;font-size:1rem;font-weight:600;color:var(--tekst-zacht)}.dienst-regel{display:grid;grid-template-columns:175px minmax(0,1fr);grid-gap:.9rem;gap:.9rem;padding:.65rem 1.3rem;border-top:1px solid #ece7da;align-items:center}.dagdeel-naam{font-size:1.08rem;font-weight:700}.dagdeel-tijd{font-size:.95rem;color:var(--tekst-licht)}.dringend{gap:.5rem;font-size:.98rem;color:#7a5200;margin-bottom:.6rem}.dringend,.dringend-icoon{display:flex;align-items:center;font-weight:700}.dringend-icoon{width:26px;height:26px;flex:none;border-radius:50%;background:var(--geel);color:var(--geel-donker);justify-content:center}.plekken-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:.7rem;gap:.7rem}.plek-vrij{width:100%;min-height:58px;display:flex;align-items:center;gap:.7rem;text-align:left;cursor:pointer;padding:.5rem 1rem;border:3px dashed var(--groen);border-radius:12px;background:#fbfdfa;font-size:1.05rem;font-weight:700;color:var(--groen);font-family:inherit}.plek-vrij:hover:not(:disabled){background:var(--groen);color:var(--wit);border-style:solid}.plek-vrij:disabled{cursor:not-allowed;opacity:.7}.plek-vrij-plus{font-size:1.4rem;line-height:1}.plek-vrij-sub{font-size:.88rem;font-weight:600;display:block}.plek-vrij-statisch{gap:.7rem;padding:.5rem 1rem;border:2px dashed var(--rand);border-radius:12px;background:#faf8f2;font-size:.98rem;font-weight:600;color:var(--tekst-licht)}.plek-ik,.plek-vrij-statisch{width:100%;min-height:58px;display:flex;align-items:center}.plek-ik{gap:.6rem;padding:.5rem .9rem;background:var(--groen-licht);border:3px solid var(--groen);border-radius:12px}.plek-ander,.plek-ik{justify-content:space-between}.plek-ander{width:100%;min-height:58px;gap:.7rem;padding:.5rem 1rem;background:#faf8f2;border:2px solid var(--rand);border-radius:12px}.plek-ander,.plek-naamblok{display:flex;align-items:center}.plek-naamblok{gap:.6rem}.plek-titel{font-size:1.02rem;font-weight:700;color:var(--groen)}.plek-subtitel{font-size:.88rem;color:var(--tekst-zacht)}.plek-naam{font-size:1.02rem;font-weight:600}.initialen{width:34px;height:34px;flex:none;border-radius:50%;background:#dfe6df;color:var(--groen);font-size:.82rem;font-weight:700;display:flex;align-items:center;justify-content:center}.initialen-ik{background:var(--groen);color:var(--wit);font-size:1.1rem}.plek-afmelden{cursor:pointer;flex:none;font-size:.9rem;font-weight:700;color:var(--tekst-zacht);background:var(--wit);border:2px solid var(--rand-donker);border-radius:9px;padding:.5rem .8rem;min-height:44px;font-family:inherit}.plek-afmelden:hover:not(:disabled){background:var(--paneel)}.dienst-gesloten{color:var(--tekst-licht);font-style:italic;font-weight:600;font-size:1.05rem}.hulp-kaart{background:var(--wit);border:2px solid var(--rand);border-radius:16px;padding:1.3rem 1.4rem;margin-top:1.6rem;display:flex;flex-direction:column;gap:.7rem}.knop-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:64px;padding:.8rem 1.5rem;border-radius:12px;background:var(--groen);color:var(--wit);font-size:1.15rem;font-weight:700;text-decoration:none;align-self:flex-start}.knop-whatsapp:hover{background:var(--groen-donker);color:var(--wit)}.onderbalk{display:none}@media (max-width:700px){.onderbalk{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;background:var(--wit);border-top:3px solid var(--groen);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.onderbalk-knop{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:11px;border:none;background:var(--wit);color:var(--groen);font-size:.92rem;font-weight:700;font-family:inherit;cursor:pointer}.onderbalk-knop.actief{background:var(--groen);color:var(--wit)}.onderbalk-bolletje{width:8px;height:8px;border-radius:50%;background:var(--rand)}.onderbalk-knop.actief .onderbalk-bolletje{background:var(--geel)}.rooster-wrapper{padding-bottom:110px}}.modal-achtergrond{position:fixed;inset:0;background:rgba(16,30,20,.6);display:flex;align-items:center;justify-content:center;padding:1.3rem;z-index:100}.modal-kaart{background:var(--wit);width:100%;max-width:660px;border:4px solid var(--groen);border-radius:18px;padding:1.7rem 1.8rem;display:flex;flex-direction:column;gap:.8rem;max-height:92vh;overflow-y:auto}.modal-kaart h2{font-size:1.5rem;margin:0;line-height:1.2}.modal-tekst{font-size:1.15rem;line-height:1.5;color:var(--tekst-zacht);margin:0}.modal-blok{background:var(--achtergrond);border:2px solid var(--rand);border-radius:14px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.2rem}.modal-blok-dag{font-size:1.2rem;font-weight:700;text-transform:capitalize}.modal-blok-tijd{font-size:1.08rem;color:var(--tekst-zacht)}.modal-knoppen{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:.6rem}.modal-knoppen .knop{flex:1 1 240px;min-height:66px;font-size:1.15rem}@media (max-width:700px){.modal-achtergrond{padding:0;align-items:stretch}.modal-kaart{max-width:none;max-height:none;border-radius:0;border-left:none;border-right:none;border-bottom:none;padding:1.4rem 1.1rem calc(1.2rem + env(safe-area-inset-bottom));gap:.6rem}.modal-kaart h2{font-size:1.25rem}.modal-tekst{font-size:1rem}.modal-blok{padding:.8rem .9rem}.modal-blok-dag{font-size:1.08rem}.modal-blok-tijd{font-size:.98rem}.modal-knoppen{margin-top:auto;flex-direction:column;gap:.5rem}.modal-knoppen .knop{width:100%;min-height:54px;font-size:1.02rem;padding:.6rem 1rem}}.tegel-sectie-kop{display:flex;align-items:center;gap:1rem;margin:1.5rem 0 .9rem}.tegel-sectie-titel{font-size:.95rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tekst-zacht);white-space:nowrap}.tegel-lijn{flex:1 1;height:2px;background:#e0dccd}.tegel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.tegel{display:flex;align-items:center;gap:1rem;min-height:118px;padding:1.1rem 1.3rem;border:2px solid var(--rand);border-radius:15px;background:var(--wit);color:var(--tekst);text-decoration:none}.tegel:hover{border-color:var(--groen);background:#f7faf6;color:var(--tekst)}.tegel-primair{background:var(--groen);border:3px solid var(--groen);color:var(--wit)}.tegel-primair:hover{background:var(--groen-donker);border-color:var(--groen-donker);color:var(--wit)}.tegel-titel{font-size:1.25rem;font-weight:700;color:var(--groen)}.tegel-primair .tegel-titel{color:var(--wit)}.tegel-tekst{font-size:.98rem;line-height:1.4;color:var(--tekst-licht)}.tegel-primair .tegel-tekst{color:#d3e3d7}.tegel-pijl{flex:none;font-size:1.8rem;font-weight:700;color:#c4ccc2;line-height:1}.tegel-primair .tegel-pijl{color:#9dc3ac}.tegel-badge{align-self:flex-start;margin-top:4px;font-size:.9rem;font-weight:700;color:var(--geel-donker);background:var(--geel);border-radius:999px;padding:.3rem .8rem}.terug-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:1rem;color:var(--groen);text-decoration:none;margin:.4rem 0 .6rem}.terug-link:hover{text-decoration:underline}.icoon-knop{width:40px;height:40px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--wit);border:2px solid var(--rand-donker);border-radius:9px;color:var(--tekst-zacht);cursor:pointer;padding:0}.icoon-knop:hover:not(:disabled){background:var(--paneel)}.icoon-knop:disabled{opacity:.5;cursor:not-allowed}.icoon-knop.gevaar{border-color:var(--rood);color:var(--rood)}.icoon-knop.gevaar:hover:not(:disabled){background:var(--rood-licht)}.icoon-knop svg{width:20px;height:20px}.tabel-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--wit);border-radius:10px;overflow:hidden}td,th{text-align:left;padding:.6rem .8rem;border-bottom:1px solid #ece7da;font-size:.95rem}th{background:var(--paneel);color:var(--tekst-zacht);text-transform:uppercase;font-size:.82rem;letter-spacing:.06em}.mijn-dienst{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap;padding:.45rem 0;border-bottom:1px dashed var(--rand)}.mijn-dienst:last-child{border-bottom:none}.teller{width:46px;height:46px;flex:none;border-radius:50%;background:var(--groen);color:var(--wit);font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center}@media (max-width:700px){html{font-size:18px}.container{padding:.8rem .9rem 3rem}.site-header img.logo{height:44px}.dienst-regel{grid-template-columns:1fr;gap:.35rem;padding:.6rem .9rem}.plekken-grid{grid-template-columns:1fr;gap:.5rem}.dag-status{margin-left:0;width:100%;font-size:.92rem}.dag-kop{padding:.6rem .9rem;gap:.5rem}.grootte-rij{margin-bottom:.6rem;gap:.4rem}.grootte-label{display:none}.grootte-knop{min-height:42px;padding:.25rem .7rem;border-width:2px}}