@font-face{font-family:Outfit terugval;src:local(Arial),local(ArialMT),local(Helvetica),local(Roboto);font-weight:400 700;size-adjust:98.96%;ascent-override:101.05%;descent-override:26.27%;line-gap-override:0%}@font-face{font-family:League Spartan terugval;src:local(Arial Bold),local(Arial-BoldMT),local(Helvetica Bold),local(Roboto Bold);font-weight:400 700;size-adjust:89.36%;ascent-override:78.33%;descent-override:24.62%;line-gap-override:0%}:root{--accent:#6f8bff;--accent-ink:#9bb0ff;--accent-licht:#6f8bff24;--op-kleur:var(--paneel);--bg:#111113;--paneel:#18191b;--rand:#2e3135;--tekst:#edeef0;--zacht:#b0b4ba;--hover:color-mix(in srgb, var(--tekst) 6%, var(--bg));--rand-sterk:color-mix(in srgb, var(--tekst) 18%, var(--bg));--omgekeerd:var(--paneel);--groen:#4ade80;--groen-licht:#4ade801f;--oranje:#f5a524;--oranje-licht:#f5a5241f;--rood:#ff7479;--rood-licht:#ff74791f;--font-titel:"League Spartan", "League Spartan terugval", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-tekst:Outfit, "Outfit terugval", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-s:14px;--fs-m:16px;--fs-l:18px;--fs-xl:20px;--fs-2xl:24px;--fs-3xl:28px;--fw-normaal:400;--fw-medium:500;--fw-vet:600;--ruimte-1:4px;--ruimte-2:8px;--ruimte-3:12px;--ruimte-4:16px;--ruimte-5:20px;--ruimte-6:24px;--ruimte-8:32px;--ruimte-10:40px;--ruimte-16:64px;--radius-s:6px;--radius-m:8px;--radius-l:12px;--radius-rond:999px;--lijn:1px solid var(--rand);--schaduw-s:none;--schaduw-l:0 16px 48px #0009;--focus:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--hoogte:36px;--tikdoel:44px;--icoon:18px;--icoon-klein:16px;--icoon-streep:1.7px;--bolletje:6px;--snel:.12s ease-out;--midden:.2s cubic-bezier(.2, .8, .2, 1);--schuif:.3s cubic-bezier(.32, .72, 0, 1);--doorzicht-uit:.45;--doorzicht-vaag:.8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@supports not (color:color-mix(in srgb, red, blue)){:root{--hover:var(--rand);--rand-sterk:var(--rand)}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{font:var(--fw-normaal) var(--fs-s)/1.5 var(--font-tekst);font-variant-numeric:tabular-nums;background:var(--bg);color:var(--tekst);-webkit-font-smoothing:antialiased}.app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}a{color:var(--tekst);text-underline-offset:3px;-webkit-text-decoration-color:var(--rand-sterk);text-decoration-color:var(--rand-sterk)}a:hover{text-decoration-color:currentColor}code{font-family:var(--mono);font-size:var(--fs-s);background:var(--hover);border:var(--lijn);padding:0 var(--ruimte-1);border-radius:var(--radius-s)}h1{font:var(--fw-vet) var(--fs-3xl)/1.15 var(--font-titel);letter-spacing:-.02em;align-items:center;gap:var(--ruimte-3);flex-wrap:wrap;margin:0;display:flex}h2{font:var(--fw-vet) var(--fs-m)/1.3 var(--font-titel);margin:0 0 var(--ruimte-4);letter-spacing:-.005em}h3{font:var(--fw-medium) var(--fs-s)/1.4 var(--font-tekst);margin:0 0 var(--ruimte-2);color:var(--zacht)}strong,b{font-weight:var(--fw-vet)}p{margin:0}p+p,.knoppen+p,p+.btn{margin-top:var(--ruimte-3)}p+.field{margin-top:var(--ruimte-4)}.ico{width:var(--icoon);height:var(--icoon);fill:none;stroke:currentColor;stroke-width:var(--icoon-streep);stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none;display:inline-block}.pil .ico,.btn:not(.icoon) .ico{width:var(--icoon-klein);height:var(--icoon-klein)}.btn:not(.icoon)>.ico:last-child:not(:first-child){margin-left:calc(var(--ruimte-1) * -1);margin-right:calc(var(--ruimte-1) * -1)}::selection{background:var(--accent);color:var(--op-kleur)}:focus-visible{box-shadow:var(--focus);outline:none}.zijbalk{background:var(--bg);border-right:var(--lijn);padding:var(--ruimte-8) var(--ruimte-3) var(--ruimte-4);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.zijbalk-kop{margin-bottom:var(--ruimte-6);justify-content:space-between;align-items:center;display:flex}.zijbalk-kop:has(.zijbalk-logo){justify-content:flex-start;gap:var(--ruimte-4)}.zijbalk-logo{object-fit:contain;width:auto;max-width:120px;height:32px;padding-left:var(--ruimte-4);border-left:1px solid var(--rand-sterk);display:block}.logo{align-items:center;gap:var(--ruimte-3);height:var(--hoogte);padding:0 var(--ruimte-3);color:var(--tekst);border-radius:var(--radius-m);text-decoration:none;display:flex}.topbalk,.tabbalk,.meer-overlay,.meer-blad{display:none}.logo-naam{font:var(--fw-medium) var(--fs-2xl)/1 var(--font-titel);letter-spacing:-.01em;padding:var(--ruimte-1) 0 0 var(--ruimte-3);border-left:1px solid var(--rand-sterk);align-items:center;height:26px;display:flex}nav{gap:var(--ruimte-1);flex-direction:column;flex:1;display:flex}nav a{align-items:center;gap:var(--ruimte-3);height:var(--hoogte);padding:0 var(--ruimte-3);border-radius:var(--radius-m);color:var(--zacht);transition:color var(--snel), background var(--snel), box-shadow var(--snel);text-decoration:none;display:flex}nav a svg{width:var(--icoon);height:var(--icoon);fill:none;stroke:currentColor;stroke-width:var(--icoon-streep);stroke-linecap:round;stroke-linejoin:round;opacity:var(--doorzicht-vaag);flex:none}@media (hover:hover){nav a:hover{background:var(--hover);color:var(--tekst)}}nav a.actief{background:var(--paneel);color:var(--tekst);font-weight:var(--fw-medium);box-shadow:0 0 0 1px var(--rand), var(--schaduw-s)}nav a.actief:focus-visible{box-shadow:var(--focus)}nav a.actief svg{color:var(--tekst);opacity:1}.nav-onder{padding-top:var(--ruimte-4);margin-top:auto}main{padding:var(--ruimte-8) var(--ruimte-10) var(--ruimte-16);width:100%;min-width:0;max-width:1240px}.kop{justify-content:space-between;align-items:center;gap:var(--ruimte-4);min-height:var(--hoogte);margin-bottom:var(--ruimte-6);flex-wrap:wrap;display:flex}.terug-knop{margin-bottom:var(--ruimte-3);padding-left:var(--ruimte-2);gap:var(--ruimte-1);text-decoration:none}.btn{font:inherit;font-weight:var(--fw-medium);height:var(--hoogte);border:var(--lijn);background:var(--paneel);color:var(--tekst);padding:0 var(--ruimte-4);border-radius:var(--radius-m);cursor:pointer;align-items:center;gap:var(--ruimte-2);white-space:nowrap;transition:background var(--snel), border-color var(--snel), opacity var(--snel);text-decoration:none;display:inline-flex}@media (hover:hover){.btn:hover{background:var(--hover);border-color:var(--rand-sterk)}}.btn.primary{background:var(--tekst);border-color:var(--tekst);color:var(--omgekeerd)}@media (hover:hover){.btn.primary:hover{filter:brightness(1.2)}}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--op-kleur)}@media (hover:hover){.btn.accent:hover{filter:brightness(.9)}}.btn.gevaar{color:var(--rood)}@media (hover:hover){.btn.gevaar:hover{background:var(--rood-licht);border-color:#0000}}.btn.ghost{background:0 0;border-color:#0000}@media (hover:hover){.btn.ghost:hover{background:var(--hover)}}.btn.icoon{width:var(--hoogte);justify-content:center;padding:0}.btn:disabled{opacity:var(--doorzicht-uit);cursor:default}.knoppen{gap:var(--ruimte-2);flex-wrap:wrap;align-items:center;display:flex}.knoppen.boven{margin-top:var(--ruimte-3)}.paneel{background:var(--paneel);border:var(--lijn);border-radius:var(--radius-l);box-shadow:var(--schaduw-s);padding:var(--ruimte-5);margin-bottom:var(--ruimte-4)}.paneel.vlak{flex-direction:column;padding:0;display:flex;overflow:auto}.paneel.vlak>.leeg{flex:1;place-items:center;display:grid}h2+.klein-tekst{margin-top:calc(var(--ruimte-2) * -1)}.paneel.vlak>.klein-tekst{padding:var(--ruimte-3) var(--ruimte-4) var(--ruimte-4)}.kaart{background:var(--paneel);border:var(--lijn);border-radius:var(--radius-l);box-shadow:var(--schaduw-s);padding:var(--ruimte-5)}button.kaart,a.kaart{font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%;transition:border-color var(--snel), background var(--snel);text-decoration:none;display:block}a.pil{text-decoration:none}@media (hover:hover){a.pil:hover{filter:brightness(.92)}}.kaart .label{color:var(--zacht)}.kaart .waarde{font:var(--fw-vet) var(--fs-3xl)/1.2 var(--font-titel);letter-spacing:-.02em;margin-top:var(--ruimte-1)}.kaart .waarde .klein-tekst{font-family:var(--font-tekst);font-size:var(--fs-s);font-weight:var(--fw-normaal);letter-spacing:0;margin-left:var(--ruimte-1)}table{border-collapse:collapse;width:100%}th{text-align:left;font-weight:var(--fw-medium);color:var(--zacht);padding:var(--ruimte-3) var(--ruimte-4);border-bottom:var(--lijn);background:var(--bg);white-space:nowrap}td{padding:var(--ruimte-3) var(--ruimte-4);border-bottom:var(--lijn);vertical-align:middle}tr:last-child td{border-bottom:none}tfoot td{font-weight:var(--fw-vet);border-top:var(--lijn);background:var(--bg)}.leeg{padding:var(--ruimte-10) var(--ruimte-6);text-align:center;color:var(--zacht)}.klein-tekst{color:var(--zacht)}.pil{align-items:center;gap:var(--ruimte-2);padding:0 var(--ruimte-2);border-radius:var(--radius-rond);height:24px;font:var(--fw-medium) var(--fs-s)/1 var(--font-tekst);white-space:nowrap;border:var(--lijn);background:var(--paneel);color:var(--tekst);letter-spacing:0;display:inline-flex}.pil:before{content:"";width:var(--bolletje);height:var(--bolletje);border-radius:var(--radius-rond);background:currentColor}.pil.concept,.pil.voorbij{color:var(--zacht)}.pil.concept:before{background:0 0;box-shadow:inset 0 0 0 1.5px}.pil.verstuurd:before{background:var(--zacht)}.pil.betaald{background:var(--groen-licht);color:var(--groen);border-color:#0000}.pil.oranje{background:var(--oranje-licht);color:var(--oranje);border-color:#0000}.pil.rol{background:var(--accent-licht);color:var(--accent-ink);border-color:#0000}.pil.vervallen{background:var(--rood-licht);color:var(--rood);border-color:#0000}.field{gap:var(--ruimte-2);flex-direction:column;min-width:0;display:flex}select{text-overflow:ellipsis}.field.full{grid-column:1/-1}.leeg .knoppen{justify-content:center}.field>span:first-child{color:var(--zacht);font-weight:var(--fw-medium)}.hint{color:var(--zacht);font-size:var(--fs-s);line-height:1.4;display:block}.field>.hint{margin-top:calc(var(--ruimte-1) * -1)}input,select,textarea{font:inherit;font-size:var(--fs-m);color:var(--tekst);background:var(--paneel);border:var(--lijn);border-radius:var(--radius-m);padding:0 var(--ruimte-3);height:var(--hoogte);width:100%;transition:border-color var(--snel), box-shadow var(--snel)}select{appearance:none;padding-right:calc(var(--ruimte-3) + 20px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ruimte-3) center;background-size:16px}textarea{padding:var(--ruimte-2) var(--ruimte-3);resize:vertical;height:auto}::placeholder{color:var(--zacht);opacity:1}@supports (-webkit-touch-callout:none){input[type=date],input[type=month],input[type=time]{appearance:none;text-align:left;min-width:0;max-width:100%;line-height:calc(var(--hoogte) - 2px);display:block}input::-webkit-date-and-time-value{text-align:left;min-height:calc(var(--hoogte) - 2px);margin:0}}@media (hover:hover){input:hover,select:hover,textarea:hover{border-color:var(--rand-sterk)}}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 1px var(--accent)}input:disabled,select:disabled,textarea:disabled{background:var(--bg);color:var(--zacht);opacity:1}input[type=number]{appearance:textfield}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.invoer-extra{height:var(--hoogte);background:var(--paneel);border:var(--lijn);border-radius:var(--radius-m);transition:border-color var(--snel), box-shadow var(--snel);align-items:center;display:flex}@media (hover:hover){.invoer-extra:hover{border-color:var(--rand-sterk)}}.invoer-extra:focus-within{border-color:var(--accent)}.invoer-extra:has(input:focus-visible){box-shadow:0 0 0 1px var(--accent)}.invoer-extra input{background:0 0;border:none;flex:1;min-width:0;height:100%}.invoer-extra input:focus-visible{box-shadow:none}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--accent)}.melding{padding:var(--ruimte-3) var(--ruimte-4) var(--ruimte-3) calc(var(--ruimte-4) + var(--bolletje) + var(--ruimte-2));border-radius:var(--radius-m);margin-bottom:var(--ruimte-4);background:var(--paneel);border:var(--lijn);color:var(--tekst);position:relative}.melding:before{content:"";left:var(--ruimte-4);top:calc(var(--ruimte-3) + (1.5em - var(--bolletje)) / 2);width:var(--bolletje);height:var(--bolletje);border-radius:var(--radius-rond);background:var(--zacht);position:absolute}.melding .ico{width:var(--icoon-klein);height:var(--icoon-klein)}.melding.gelukt{background:var(--groen-licht);color:var(--groen);border-color:#0000}.melding.gelukt:before{background:var(--groen)}.melding.waarschuwing{background:var(--oranje-licht);color:var(--oranje);border-color:#0000}.melding.waarschuwing:before{background:var(--oranje)}.melding.gevaar{background:var(--rood-licht);color:var(--rood);border-color:#0000}.melding.gevaar:before{background:var(--rood)}@media (width<=900px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-content:start}.zijbalk{display:none}main{padding:var(--ruimte-5) var(--ruimte-4)}.tabbalk{flex-direction:row;transition:transform .55s cubic-bezier(.32,.72,0,1)}.meer-overlay{animation:meer-in var(--schuif) both}@keyframes meer-in{0%{opacity:0}}}@media (width<=420px){th,td{padding-left:var(--ruimte-2);padding-right:var(--ruimte-2)}th{white-space:normal}.paneel:not(.vlak),.kaart{padding:var(--ruimte-4)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip{left:var(--ruimte-4);top:var(--ruimte-4);z-index:100;padding:var(--ruimte-2) var(--ruimte-3);background:var(--tekst);color:var(--omgekeerd);border-radius:var(--radius-m);text-decoration:none;position:absolute;transform:translateY(-300%)}.skip:focus{box-shadow:var(--focus);transform:none}main:focus{outline:none}main{max-width:760px}main:has(.tweekoloms){max-width:1240px}.app.los{grid-template-rows:1fr;grid-template-columns:1fr}.los-kop{margin-bottom:var(--ruimte-10);justify-content:center;display:flex}.app.los main{max-width:440px;padding:var(--ruimte-16) var(--ruimte-4);flex-direction:column;justify-content:center;margin:0 auto;display:flex}.app.los .kop{text-align:center;justify-content:center}.logo-naam.los{border-left:none;padding-left:0}.kop .klein-tekst{margin-top:var(--ruimte-1)}.blok{margin-bottom:var(--ruimte-8)}@media (width>=901px){.blok{margin-bottom:var(--ruimte-10)}}.blok>h2:first-letter{text-transform:uppercase}.kaart{margin-bottom:var(--ruimte-3)}.kaart.leeg{padding:var(--ruimte-5)}.regel{justify-content:space-between;align-items:center;gap:var(--ruimte-3);display:flex}.regel>span:last-child:not(:first-child){gap:var(--ruimte-1);flex-wrap:wrap;justify-content:flex-end;display:inline-flex}.detail{color:var(--zacht)}.tijden{white-space:nowrap}.delen{column-gap:var(--ruimte-5);flex-wrap:wrap;row-gap:0;max-width:100%;display:inline-flex;overflow:hidden}.delen>*{white-space:nowrap;position:relative}.delen>:before{content:"";left:calc(var(--ruimte-5) / -2);background:var(--rand-sterk);width:1px;height:.9em;position:absolute;top:50%;transform:translateY(-50%)}.delen>.tijden{color:var(--tekst)}.notitie{color:var(--zacht);max-width:64ch;margin-top:var(--ruimte-3)}.notitie:first-child{margin-top:0}.notitie+.kaart,.notitie+form,.na-mid{margin-top:var(--ruimte-3)}.na-ruim{margin-top:var(--ruimte-4)}.btn.groot{width:100%;height:var(--tikdoel);font-size:var(--fs-m);justify-content:center}.knoppen>form{display:contents}.field{margin-bottom:var(--ruimte-4)}.regel.invulrij{justify-content:flex-start;align-items:flex-end;gap:var(--ruimte-2);flex-wrap:wrap}.regel.invulrij>input,.regel.invulrij>select,.regel.invulrij>.field{flex:140px;width:auto;margin-bottom:0}.invoer-extra .btn{margin-right:var(--ruimte-1)}td.getal,th.getal{text-align:right;white-space:nowrap}textarea.breed{width:100%;margin-top:var(--ruimte-2);font-family:var(--mono);font-size:var(--fs-s)}main:has(>.foutpagina){flex-direction:column;max-width:none;display:flex}.foutpagina{text-align:center;padding:var(--ruimte-8) var(--ruimte-4);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.foutpagina .foutcode{font:var(--fw-vet) calc(var(--fs-3xl) * 3)/1 var(--font-titel);letter-spacing:-.04em;color:var(--rand-sterk)}.foutpagina h1{margin-top:var(--ruimte-4);justify-content:center}.foutpagina .uitleg{color:var(--zacht);max-width:40ch;margin-top:var(--ruimte-3)}.foutpagina .knoppen{margin-top:var(--ruimte-6);justify-content:center}.vergeten{text-align:right;margin:calc(var(--ruimte-2) * -1) 0 var(--ruimte-4)}form .vergeten~.knoppen{margin-top:0}.vergeten a{color:var(--zacht)}@media (hover:hover){.vergeten a:hover{color:var(--tekst)}}p.inlog-onder{text-align:center;margin-top:var(--ruimte-6)}.app.los .intro-zin{text-align:center;margin-bottom:0}p.terug-inloggen{text-align:center;margin-top:var(--ruimte-6)}.terug-inloggen a,.vergeten a{color:var(--zacht)}@media (hover:hover){.terug-inloggen a:hover{color:var(--tekst)}}.knoppen>.duw{flex:1}.weekbalk{align-items:center;gap:var(--ruimte-3);display:flex}.blok:has(>.weekbalk){margin-bottom:var(--ruimte-6)}.kop:has(+.blok>.weekbalk){margin-bottom:var(--ruimte-4)}.weektitel{align-items:center;gap:var(--ruimte-3);flex:1;min-width:0;display:flex}.weeknaam{display:contents}.weekdagen{white-space:nowrap;order:1;margin:0}.weeknaam .pil{order:2}.weeknaam strong{font:var(--fw-vet) var(--fs-l)/1.2 var(--font-titel);white-space:nowrap}.weekpijlen{order:2;display:inline-flex}.weekpijlen .btn{margin:0}.weekpijlen .btn:first-child{border-radius:var(--radius-m) 0 0 var(--radius-m)}.weekpijlen .btn:last-child{border-radius:0 var(--radius-m) var(--radius-m) 0;margin-left:-1px}.weekknoppen{flex-wrap:nowrap;order:1}.week-voorbij{opacity:.75}@media (width<=700px){.weekbalk{flex-wrap:wrap}.weektitel{flex:1 0 100%;justify-content:space-between}.weeknaam{align-items:center;gap:var(--ruimte-2);margin:0;display:flex}.weekknoppen{order:1}.weekpijlen{margin-left:auto}.weekbalk:not(:has(.weekknoppen)) .weektitel{flex:1 1 0;min-width:0}}.kaart.rij{padding:var(--ruimte-5);margin-bottom:var(--ruimte-3)}.dienstrij{justify-content:space-between;align-items:center;gap:var(--ruimte-3);flex-wrap:wrap;display:flex}.dienstrij>div:first-child{gap:var(--ruimte-2);flex-direction:column;flex:160px;min-width:0;display:flex}.dienstrij .rechts{align-items:center;gap:var(--ruimte-2);flex-wrap:wrap;flex:0 auto;justify-content:flex-end;margin-left:auto;display:flex}td.midden,th.midden{text-align:center;width:11%;padding-left:0;padding-right:0}td .niet{color:var(--oranje);display:inline-flex}td .niet .ico{width:var(--icoon);height:var(--icoon)}.knoppen.rechts{justify-content:flex-end}.knoppen.omgekeerd{flex-direction:row-reverse}.zijbalk-dag{color:var(--zacht);font-size:var(--fs-s);padding:0 var(--ruimte-3);margin:calc(var(--ruimte-4) * -1) 0 var(--ruimte-4)}.zijbalk-dag:first-letter{text-transform:uppercase}@media (width<=900px){.zijbalk-dag{margin-top:0}}.dienstrij .rechts>form{display:contents}.dienstrij .rechts .btn{min-width:calc(var(--ruimte-16) * 2);justify-content:center}.dienstrij>div:first-child .detail+.detail{font-size:var(--fs-s)}.naamregel{align-items:center;gap:var(--ruimte-2);flex-wrap:wrap;display:flex}.naamregel .pil{margin-block:-2px}.tijdregel{align-items:center;gap:2px var(--ruimte-2);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.detail.klein{font-size:var(--fs-s)}.opmerking{margin-top:var(--ruimte-2);padding-left:var(--ruimte-3);border-left:2px solid var(--rand-sterk);font-style:italic}.tweekoloms{gap:var(--ruimte-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=1100px){.tweekoloms{grid-template-columns:minmax(0,1fr);gap:0}.tweekoloms.schuift{grid-template-columns:minmax(0,1fr);display:grid}.tweekoloms.schuift>div{display:contents}.tweekoloms.schuift .mobiel-laatst{order:1}}.kaart.rij{container-type:inline-size}@container (width<=420px){.dienstrij .rechts .keuze .btn{min-width:calc(var(--ruimte-2) * 11)}}.tijdregel .anders{color:var(--oranje);font-weight:var(--fw-medium)}.blokkop{justify-content:space-between;align-items:center;gap:var(--ruimte-3);height:calc(var(--fs-m) * 1.3);margin-bottom:var(--ruimte-4);display:flex}.blokkop h2{margin:0}.blokkop:has(.btn){margin-bottom:calc(var(--ruimte-4) + (var(--hoogte) - var(--fs-m) * 1.3) / 2)}.toevoegregel{align-items:center;gap:var(--ruimte-3);width:100%;padding:var(--ruimte-4) var(--ruimte-5);margin:0 0 var(--ruimte-3);border:var(--lijn);border-radius:var(--radius-l);background:var(--paneel);color:var(--tekst);font:var(--fw-medium) var(--fs-s)/1.3 var(--font-tekst);text-align:left;cursor:pointer;transition:background var(--snel), border-color var(--snel);-webkit-tap-highlight-color:transparent;display:flex}.plus{border-radius:var(--radius-rond);background:var(--hover);width:28px;height:28px;color:var(--tekst);transition:background var(--snel);flex:none;place-items:center;display:grid}.plus .ico{width:var(--icoon-klein);height:var(--icoon-klein)}.toevoegregel:focus-visible{box-shadow:var(--focus);outline:none}@media (hover:hover){.toevoegregel:hover{background:var(--hover);border-color:var(--rand-sterk)}.toevoegregel:hover .plus{background:var(--rand)}}.toevoegregel:active{background:var(--hover)}.toevoegregel .toevoegtekst{flex-direction:column;display:flex}.blok.groep>:is(.kaart,.toevoegregel){padding:var(--ruimte-3) var(--ruimte-4);box-shadow:none;border-radius:0;margin:0}.blok.groep>:is(.kaart,.toevoegregel)+:is(.kaart,.toevoegregel){margin-top:-1px}.blok.groep>:is(.kaart,.toevoegregel):not(:is(.kaart,.toevoegregel)+*){border-top-left-radius:var(--radius-l);border-top-right-radius:var(--radius-l)}.blok.groep>:is(.kaart,.toevoegregel):not(:has(+:is(.kaart,.toevoegregel))){border-bottom-left-radius:var(--radius-l);border-bottom-right-radius:var(--radius-l);margin-bottom:var(--ruimte-3)}.blok.groep>.toevoegregel:hover{border-color:var(--rand)}.blok.groep>.kaart.leeg{text-align:left}.instelling{background:var(--paneel);border:var(--lijn);border-radius:var(--radius-l);overflow:hidden}.instelling-rij{justify-content:space-between;align-items:center;gap:var(--ruimte-3);min-height:calc(var(--hoogte) + var(--ruimte-4));padding:var(--ruimte-2) var(--ruimte-4);width:100%;color:var(--tekst);font:inherit;text-align:left;background:0 0;border:0;flex-wrap:wrap;margin:0;text-decoration:none;display:flex}.instelling-rij+.instelling-rij{border-top:var(--lijn)}.instelling-tekst{gap:var(--ruimte-2);flex-direction:column;flex:160px;min-width:0;display:flex}.instelling-rij.klikbaar{cursor:pointer;transition:background var(--snel);-webkit-tap-highlight-color:transparent}@media (hover:hover){.instelling-rij.klikbaar:hover{background:var(--hover)}}.instelling-rij.klikbaar:active{background:var(--hover)}.instelling-rij.klikbaar:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.instelling:has(.instelling-veld:focus){border-color:var(--accent)}.instelling-rij .chevron{color:var(--zacht);transition:transform var(--snel);display:inline-flex}.instelling-rij .chevron.open{transform:rotate(90deg)}.instelling-rij.open-vorm{padding-block:var(--ruimte-4);display:block}.instelling-rij.open-vorm .knoppen{margin-top:var(--ruimte-3)}.instelling-veld{min-width:0;height:var(--hoogte);background:0 0;border:0;flex:180px;padding:0}.instelling-veld:focus,.instelling-veld:focus-visible{box-shadow:none}.instelling-rij.toevoegrij{color:var(--tekst);font-weight:var(--fw-medium);justify-content:flex-start}.instelling-rij.toevoegrij:disabled{cursor:progress;color:var(--zacht)}.instelling-rij.toevoegrij:disabled .plus{opacity:.5}.instelling-voet{color:var(--zacht);font-size:var(--fs-s);margin:var(--ruimte-2) var(--ruimte-4) 0}.tekstknop{height:var(--hoogte);padding:0 var(--ruimte-3);margin-right:calc(var(--ruimte-3) * -1);border-radius:var(--radius-m);font:inherit;font-weight:var(--fw-medium);color:var(--tekst);cursor:pointer;transition:background var(--snel);-webkit-tap-highlight-color:transparent;background:0 0;border:0}.tekstknop:focus-visible{box-shadow:var(--focus);outline:none}.tekstknop.gevaar{color:var(--rood)}@media (hover:hover){.tekstknop:hover{background:var(--hover)}.tekstknop.gevaar:hover{background:var(--rood-licht)}}.tekstknop:active{background:var(--hover)}.tekstknop.gevaar:active{background:var(--rood-licht)}.velden-raster{gap:var(--ruimte-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.velden-raster>.field{margin:0}@media (width<=700px){.velden-raster{grid-template-columns:minmax(0,1fr)}}.velden-raster.onder{grid-template-columns:minmax(0,1fr)}.nieuwe-login{background:var(--hover);border-radius:var(--radius-m);padding:var(--ruimte-1) var(--ruimte-4)}.nieuwe-login>.regel{padding:var(--ruimte-3) 0}.nieuwe-login>.regel+.regel{border-top:var(--lijn)}.nieuwe-login>.regel>span{flex-direction:column;gap:2px;display:flex}.nieuwe-login strong{font-size:var(--fs-l);letter-spacing:.02em}.blokkop h2:first-letter{text-transform:uppercase}.onder-kop{margin:calc(var(--ruimte-2) * -1) 0 var(--ruimte-3)}.naamknop{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}tr.klikbaar{cursor:pointer}@media (hover:hover){tr.klikbaar:hover td{background:var(--hover)}}th.pijl,td.pijl{width:1%;color:var(--zacht);padding-left:0}td.pijl svg{width:var(--icoon-klein);height:var(--icoon-klein);fill:none;stroke:currentColor;stroke-width:var(--icoon-streep);vertical-align:middle}tr.gekozen td{background:var(--hover)}tr.gekozen .naamknop{font-weight:var(--fw-medium)}@media (width<=1100px){.tweekoloms>.export-detail{order:-1}}.nav-knop{align-items:center;gap:var(--ruimte-3);width:100%;height:var(--hoogte);padding:0 var(--ruimte-3);border-radius:var(--radius-m);color:var(--zacht);font:inherit;cursor:pointer;text-align:left;transition:color var(--snel), background var(--snel);background:0 0;border:0;display:flex}@media (hover:hover){.nav-knop:hover{background:var(--hover);color:var(--tekst)}}.nav-knop svg{width:var(--icoon);height:var(--icoon);fill:none;stroke:currentColor;stroke-width:var(--icoon-streep);stroke-linecap:round;stroke-linejoin:round;opacity:var(--doorzicht-vaag);flex:none}.nav-onder form{margin-top:var(--ruimte-1)}.kandidaten{gap:var(--ruimte-2);flex-direction:column;display:flex}.dienstrij>div:first-child>strong:first-letter,.naamregel>strong:first-letter{text-transform:uppercase}.stellers{gap:var(--ruimte-3);grid-template-columns:1fr 1fr;display:grid}.steller{align-items:center;gap:var(--ruimte-1);flex-direction:column;display:flex}.steller .stellabel{color:var(--zacht);font-size:var(--fs-s);flex:none}.stelknoppen{border:var(--lijn);border-radius:var(--radius-m);width:100%;padding:var(--ruimte-1);justify-content:space-between;align-items:center;display:flex}.stelknoppen .btn{font-size:var(--fs-l);background:var(--hover);border:0}.steltijd{font:var(--fw-vet) var(--fs-xl)/1 var(--font-titel);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.steltijd.anders{color:var(--oranje)}.keuze{display:inline-flex}.keuze form{display:contents}.keuze .btn:disabled{opacity:1;cursor:default}.keuze>.btn:first-child,.keuze>form:first-child .btn{border-top-right-radius:0;border-bottom-right-radius:0}.keuze>.btn:last-child,.keuze>form:last-child .btn{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.keuze>.btn:not(:first-child):not(:last-child),.keuze>form:not(:first-child):not(:last-child) .btn{border-radius:0;margin-left:-1px}.dienstrij.kort>div:first-child{flex-basis:100px}.feiten{gap:var(--ruimte-3) var(--ruimte-6);grid-template-columns:auto 1fr;margin:0;display:grid}.feiten dt{color:var(--zacht)}.feiten dd{font-weight:var(--fw-medium);margin:0}.feiten dd:first-letter{text-transform:uppercase}.subrij{border-top:var(--lijn);margin-top:var(--ruimte-4);padding-top:var(--ruimte-4)}.subrij.compact{margin-top:var(--ruimte-2);padding-top:var(--ruimte-2)}.subrij.compact .tekstknop{color:var(--zacht)}main.welkom-scherm{max-width:none;min-height:100dvh;padding:calc(var(--ruimte-6) + env(safe-area-inset-top)) var(--ruimte-4) calc(var(--ruimte-6) + env(safe-area-inset-bottom));justify-content:center;align-items:center;display:flex}.welkom{flex-direction:column;width:100%;max-width:480px;display:flex}.welkom-merk{align-items:center;gap:var(--ruimte-3);margin-bottom:var(--ruimte-5);flex-direction:column;display:flex}.welkom-kaart{background:var(--paneel);border:var(--lijn);border-radius:var(--radius-l);box-shadow:var(--schaduw-s);padding:var(--ruimte-8);flex-direction:column;display:flex}.welkom-kop{gap:var(--ruimte-3);flex-direction:column;display:flex}.welkom-kop .detail{margin:0}.streepjes{gap:var(--ruimte-2);grid-auto-columns:1fr;grid-auto-flow:column;display:grid}.streepjes span{border-radius:var(--radius-rond);background:var(--rand);height:4px;transition:background var(--midden)}.streepjes span.gedaan,.streepjes span.nu{background:var(--tekst)}.welkom-inhoud{gap:var(--ruimte-4);padding-top:var(--ruimte-8);flex-direction:column;display:flex}.welkom-icoon{border-radius:var(--radius-l);background:var(--hover);width:56px;height:56px;color:var(--tekst);margin-bottom:var(--ruimte-2);justify-content:center;align-items:center;display:inline-flex}.welkom-icoon.klaar{background:var(--groen-licht);color:var(--groen)}.welkom-icoon .ico{fill:none;stroke:currentColor;width:28px;height:28px;stroke-width:var(--icoon-streep);stroke-linecap:round;stroke-linejoin:round}.welkom-inhoud h1{font:var(--fw-vet) var(--fs-3xl)/1.15 var(--font-titel);letter-spacing:-.02em;margin:0}.welkom-inhoud h1:first-letter{text-transform:uppercase}.welkom-zin{margin:0 0 var(--ruimte-2);color:var(--zacht);font-size:var(--fs-m)}.welkom-stappen{padding-left:var(--ruimte-5);gap:var(--ruimte-3);font-size:var(--fs-m);flex-direction:column;margin:0;display:flex}.welkom-voet{justify-content:space-between;align-items:center;gap:var(--ruimte-3);margin-top:var(--ruimte-8);padding-top:var(--ruimte-6);border-top:var(--lijn);display:flex}.welkom-voet .knoppen{gap:var(--ruimte-2);margin:0;display:flex}@media (width<=700px){.welkom-kaart{padding:var(--ruimte-6) var(--ruimte-5)}.welkom-inhoud{padding-top:var(--ruimte-6)}.welkom-inhoud h1{font-size:var(--fs-2xl)}.welkom-voet{margin-top:var(--ruimte-6);padding-top:var(--ruimte-5)}}.welkom-inhoud.pauze{padding-top:0}.pauze-contact{gap:var(--ruimte-2);flex-wrap:wrap;display:flex}.uitleg-raster{gap:var(--ruimte-3);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=1400px){main:has(.uitleg-raster){max-width:1240px}.uitleg-raster{grid-template-columns:repeat(3,minmax(0,1fr))}.uitleg-tegel ol{min-height:calc(3 * 1.9em + 2 * var(--ruimte-2))}}.uitleg-tegel{background:var(--paneel);border:var(--lijn);border-radius:var(--radius-l);box-shadow:var(--schaduw-s);padding:var(--ruimte-4);gap:var(--ruimte-3);flex-direction:column;display:flex}.uitleg-kop{align-items:center;gap:var(--ruimte-3);display:flex}.uitleg-kop strong{font-size:var(--fs-m)}.uitleg-icoon{border-radius:var(--radius-m);background:var(--hover);width:36px;height:36px;color:var(--tekst);flex:none;justify-content:center;align-items:center;display:inline-flex}.uitleg-icoon .ico{fill:none;stroke:currentColor;width:20px;height:20px;stroke-width:var(--icoon-streep);stroke-linecap:round;stroke-linejoin:round}.uitleg-tegel ol{counter-reset:stap;gap:var(--ruimte-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.uitleg-tegel li{counter-increment:stap;padding-left:32px;line-height:1.9;position:relative}.uitleg-tegel li:before{content:counter(stap);border-radius:var(--radius-rond);background:var(--hover);width:22px;height:22px;color:var(--zacht);font-size:var(--fs-s);font-weight:var(--fw-vet);justify-content:center;align-items:center;display:flex;position:absolute;top:2px;left:0}.knopje{vertical-align:baseline;padding:0 var(--ruimte-2);border:var(--lijn);border-radius:var(--radius-s);background:var(--bg);line-height:22px;font-size:var(--fs-s);font-weight:var(--fw-medium);white-space:nowrap;margin:0 2px;display:inline-block}.erbij-form{align-items:flex-end;gap:var(--ruimte-3) var(--ruimte-4);flex-wrap:wrap;display:flex}.erbij-regels{gap:var(--ruimte-4);flex-direction:column;flex:320px;min-width:0;display:flex}.erbij-regel{gap:var(--ruimte-2) var(--ruimte-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.erbij-regel>strong{grid-column:1/-1}.erbij-regel>.field{margin:0}.erbij-form>.knoppen{justify-content:flex-end;margin-left:auto}.vinkje{align-items:flex-start;gap:var(--ruimte-3);cursor:pointer;display:flex}.vinkje input{width:18px;height:18px;accent-color:var(--accent);flex:none;margin-top:2px}.vinkje strong{display:block}.instelling-rij.vinkje{padding-block:var(--ruimte-3);cursor:pointer;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start}.intro-zin{margin:calc(var(--ruimte-2) * -1) 0 var(--ruimte-6)}.dagkeuze{gap:var(--ruimte-1);grid-template-columns:repeat(7,minmax(0,1fr));max-width:400px;display:grid}.dagkeuze-dag{cursor:pointer;position:relative}.dagkeuze-dag input{opacity:0;width:1px;height:1px;position:absolute}.dagkeuze-dag span{width:100%;height:var(--hoogte);border:var(--lijn);border-radius:var(--radius-m);background:var(--paneel);font-weight:var(--fw-medium);justify-content:center;align-items:center;display:flex}.dagkeuze-dag input:checked+span{background:var(--tekst);border-color:var(--tekst);color:var(--omgekeerd)}.dagkeuze-dag input:focus-visible+span{box-shadow:var(--focus)}.dagkeuze-dag.uit{cursor:default}.dagkeuze-dag.uit span{color:var(--zacht);background:var(--hover);border-style:dashed;text-decoration:line-through}.meekijkbalk{justify-content:space-between;align-items:center;gap:var(--ruimte-3);margin:0 0 var(--ruimte-6);padding:var(--ruimte-2) var(--ruimte-2) var(--ruimte-2) var(--ruimte-4);border-radius:var(--radius-m);background:var(--accent);color:var(--op-kleur);font-weight:var(--fw-medium);flex-wrap:wrap;display:flex}.meekijkbalk strong{font-weight:var(--fw-vet)}.topbalk{view-transition-name:topbalk}.zijbalk{view-transition-name:zijbalk}.tabbalk{view-transition-name:tabbalk}::view-transition-old(root){animation:.1s linear both pagina-weg}::view-transition-new(root){animation:.15s cubic-bezier(0,0,.2,1) both pagina-in}@keyframes pagina-weg{to{opacity:0}}@keyframes pagina-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.uren-balk{height:10px;margin:var(--ruimte-4) 0 var(--ruimte-3);border-radius:var(--radius-rond);background:var(--hover);display:flex;overflow:hidden}.uren-balk span{transform-origin:0;height:100%;animation:.8s cubic-bezier(.32,.72,0,1) both uren-groei}.uren-balk .bevestigd{background:var(--groen)}.uren-balk .open{background:var(--rand-sterk)}@keyframes uren-groei{0%{transform:scaleX(0)}}.uren-legenda{gap:var(--ruimte-2);flex-wrap:wrap;display:flex}.filters{gap:var(--ruimte-2);scrollbar-width:none;margin:0 0 var(--ruimte-2);padding-bottom:2px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.filters .btn{flex:none}.filter-aantal{opacity:.75;font-variant-numeric:tabular-nums}.filter-som{justify-content:space-between;align-items:baseline;gap:var(--ruimte-3);margin:var(--ruimte-1) 0 var(--ruimte-3);padding:var(--ruimte-2) var(--ruimte-4);display:flex}.filter-som span{color:var(--zacht)}.filter-som strong{font:var(--fw-vet) var(--fs-l)/1.2 var(--font-titel)}:root{--glas-tint:color-mix(in srgb, var(--paneel) 78%, transparent);--glas-tint-dik:color-mix(in srgb, var(--paneel) 90%, transparent);--glas-tint-knop:color-mix(in srgb, var(--tekst) 90%, transparent);--glas-actief:color-mix(in srgb, var(--tekst) 12%, transparent);--glas-dim:#00000073;--glas-blur:16px;--glas-blur-dik:20px;--glas-verzadiging:1.7;--glas-rand:linear-gradient(135deg, #ffffff73, #ffffff1a 35%, #ffffff0d 65%, #ffffff40);--glas-glans:inset 0 1px 0 #fff3, inset 0 -1px 0 #00000040;--glas-gloed:radial-gradient(120% 90% at 0% 0%, #ffffff1a, transparent 55%);--glas-schaduw:0 0 0 1px #0006, 0 12px 32px -12px #000c;--glas-breking:24;--glas-rand-breedte:14;--glas-kussen:6px;--radius-xl:22px;--radius-2xl:28px;--veer:cubic-bezier(.3, 1.4, .5, 1)}@supports not (color:color-mix(in srgb, red, blue)){:root{--glas-tint:#18191bc7;--glas-tint-dik:#18191be6;--glas-tint-knop:var(--tekst);--glas-actief:var(--hover)}}:where(.glas){position:relative}.glas{--glas-vlak:var(--glas-tint);isolation:isolate;border-radius:var(--glas-r,var(--radius-rond));background:var(--glas-gloed), var(--glas-vlak);-webkit-backdrop-filter:blur(var(--glas-blur)) saturate(var(--glas-verzadiging));backdrop-filter:blur(var(--glas-blur)) saturate(var(--glas-verzadiging));box-shadow:var(--glas-glans), var(--glas-schaduw)}.glas:before{content:"";z-index:2;border-radius:inherit;background:var(--glas-rand);pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.glas.dik{--glas-vlak:var(--glas-tint-dik);--glas-blur:var(--glas-blur-dik)}.glas.knop{--glas-vlak:var(--glas-tint-knop);--glas-gloed:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--omgekeerd) 24%, transparent), transparent 55%);color:var(--omgekeerd)}.glas[data-breking]{-webkit-backdrop-filter:blur(calc(var(--glas-blur) * .5)) saturate(var(--glas-verzadiging)) var(--glas-filter);backdrop-filter:blur(calc(var(--glas-blur) * .5)) saturate(var(--glas-verzadiging)) var(--glas-filter)}.glas-tik{transition:transform .45s var(--veer);-webkit-tap-highlight-color:transparent}.glas-tik:active{transform:scale(.96)}@media (prefers-reduced-transparency:reduce){.glas,.glas[data-breking]{--glas-vlak:var(--paneel);-webkit-backdrop-filter:none;backdrop-filter:none}.glas.knop,.glas.knop[data-breking]{--glas-vlak:var(--tekst)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glas{--glas-vlak:var(--paneel)}.glas.knop{--glas-vlak:var(--tekst)}}.teller{min-width:22px;height:22px;margin-left:var(--ruimte-2);padding:0 var(--ruimte-2);border-radius:var(--radius-rond);background:var(--oranje-licht);color:var(--oranje);font:var(--fw-vet) var(--fs-s)/1 var(--font-tekst);vertical-align:2px;justify-content:center;align-items:center;display:inline-flex}.zweefknop{display:none}.weekhoofd{display:contents}@media (width<=900px){.topbalk{height:auto;padding:calc(var(--ruimte-8) + env(safe-area-inset-top)) var(--ruimte-4) var(--ruimte-2);justify-content:center;margin:0;display:flex}.topbalk .logo{height:auto;padding:0}.topbalk .logo-naam{font-size:var(--fs-2xl);height:auto;padding-top:4px}.tabbalk{--tab-onder:max(var(--ruimte-3), calc(env(safe-area-inset-bottom) - 10px));inset:auto var(--ruimte-3) var(--tab-onder);z-index:15;max-width:480px;padding:var(--glas-kussen);border:0;gap:0;margin:0 auto;display:flex;position:fixed}.tabbalk>a,.tabbalk>button{z-index:1;border-radius:var(--radius-rond);min-width:0;height:48px;color:var(--tekst);font:var(--fw-medium) 10px/1.2 var(--font-tekst);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;text-decoration:none;display:flex;position:relative}.tabbalk .ico{width:24px;height:24px;transition:transform .45s var(--veer)}.tabbalk>:active .ico{transform:scale(.86)}.tabbalk span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tabbalk .actief,.tabbalk>a:hover,.tabbalk>a:not(.actief):hover{color:var(--tekst);box-shadow:none;background:0 0}.tabbalk>a:focus-visible,.tabbalk>button:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.tabbalk .actief{font-weight:var(--fw-vet)}.tabbalk .actief .ico{stroke-width:2.1px}.tabbalk .glij{z-index:0;top:var(--glas-kussen);bottom:var(--glas-kussen);left:var(--glas-kussen);width:calc((100% - 2 * var(--glas-kussen)) / var(--n));border-radius:var(--radius-rond);background:var(--glas-actief);box-shadow:var(--glas-glans);transform:translateX(calc(var(--i) * 100%));transition:transform .55s var(--veer);position:absolute}.tabbalk.verstopt{transform:translateY(calc(100% + var(--tab-onder) + 8px));opacity:1}.zweefknop{right:var(--ruimte-4);bottom:calc(max(var(--ruimte-3), calc(env(safe-area-inset-bottom) - 10px)) + 60px + var(--ruimte-3));z-index:14;transition:transform .55s cubic-bezier(.32,.72,0,1);display:block;position:fixed}.zweefknop .btn{height:52px;padding:0 var(--ruimte-6);border-radius:var(--radius-rond);color:inherit;font-size:var(--fs-m);font-weight:var(--fw-vet);background:0 0;border:0}.tab-weg .zweefknop{transform:translateY(68px)}.meer-overlay{z-index:16;background:var(--glas-dim);-webkit-backdrop-filter:none;backdrop-filter:none;display:block;position:fixed;inset:0}.meer-blad{--glas-r:var(--radius-2xl);left:var(--ruimte-3);right:var(--ruimte-3);bottom:calc(max(var(--ruimte-3), calc(env(safe-area-inset-bottom) - 10px)) + 60px + var(--ruimte-2));z-index:17;max-width:480px;padding:var(--glas-kussen);transform-origin:86% 100%;flex-direction:column;gap:2px;margin:0 auto;display:flex;position:fixed}.meer-blad a,.meer-blad button{z-index:1;align-items:center;gap:var(--ruimte-3);height:48px;padding:0 var(--ruimte-4);border-radius:var(--radius-xl);color:var(--tekst);font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;text-decoration:none;display:flex;position:relative}.meer-blad a:active,.meer-blad button:active{background:var(--glas-actief)}.meer-blad .actief{color:var(--tekst);background:var(--glas-actief);font-weight:var(--fw-vet)}.meer-blad hr{border:0;border-top:1px solid var(--rand-sterk);margin:var(--ruimte-1) var(--ruimte-4)}.weekhoofd.zweeft{display:none}.weekknoppen:not(:has(>:not(.zweeft))){display:none}.weekbalk:not(:has(.weekknoppen>:not(.zweeft))) .weektitel{flex:1 1 0;min-width:0}main{padding-bottom:calc(var(--ruimte-10) + 76px + env(safe-area-inset-bottom))}main:has(.zweefknop){padding-bottom:calc(var(--ruimte-10) + 140px + env(safe-area-inset-bottom))}}.zoekveld{margin-bottom:var(--ruimte-6)}.zoekveld input{width:100%}.instelling-label{min-width:9em;color:var(--zacht);flex:none}.instelling-rij.rechts-uit{justify-content:flex-end}.venster-keuze{align-items:center;gap:var(--ruimte-2);flex-wrap:wrap;display:inline-flex}.venster-keuze select{width:auto}.zaak-logo{justify-content:center;align-items:center;gap:var(--ruimte-6);margin-bottom:var(--ruimte-10);display:flex}.zaak-bon{font:var(--fw-medium) 46px/1 var(--font-titel);letter-spacing:-.02em;padding-top:6px;padding-right:var(--ruimte-6);border-right:1px solid var(--rand-sterk)}.zaak-logo img{object-fit:contain;width:auto;max-width:220px;height:60px;display:block}.instelling>form{display:contents}.instelling>form+form>.instelling-rij:first-child{border-top:var(--lijn)}.logo-keuze{align-items:center;gap:var(--ruimte-3);flex-wrap:wrap;display:inline-flex}.logo-voorbeeld img{object-fit:contain;width:auto;max-width:120px;height:28px;padding:2px var(--ruimte-1);background:var(--tekst);border-radius:var(--radius-m);display:block}.verborgen-bestand{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}label.btn{cursor:pointer;position:relative}label.btn:focus-within{box-shadow:var(--focus)}label.btn.bezig{cursor:progress;opacity:.7}.bedrijf-rij{padding-block:var(--ruimte-3)}.bedrijf-rij .veld-rand{border:var(--lijn);border-radius:var(--radius-m);padding:0 var(--ruimte-3);background:var(--bg);flex:220px}.instelling:has(.veld-rand:focus){border-color:var(--rand)}.bedrijf-rij .veld-rand:focus{border-color:var(--accent)}.bedrijf-rij>.logo-keuze,.bedrijf-rij>.venster-keuze{flex:0 auto;min-width:0;max-width:100%}.logo-voorbeeld img{max-width:100%}.bedrijf-rij .smalle-keuze{width:auto}.contact-velden{gap:var(--ruimte-2);flex-wrap:wrap;flex:260px;min-width:0;display:flex}.contact-velden .veld-rand{flex:140px;min-width:0}