.week__raster{gap:40px;display:grid}.week__tekst{align-content:start;justify-items:start;gap:22px;display:grid}.week__knop{width:100%}@media (min-width:640px){.week__knop{width:auto}}@media (min-width:1024px){.week__raster{column-gap:var(--kolom);grid-template-columns:repeat(12,minmax(0,1fr))}.week__tekst{grid-column:1/span 4}.week__stalen{grid-column:6/span 7}}.week__stalen{--weekh:clamp(300px, 80vw, 440px);grid-template-columns:auto minmax(0,1fr);column-gap:10px;display:grid;position:relative}.week__as{height:var(--weekh);width:3.1em;margin-top:38px;position:relative}.week__as span{right:0;top:calc(var(--y) * 100%);color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem;position:absolute;transform:translateY(-50%)}.week__dagen{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.week__dag{grid-template-rows:38px auto;min-width:0;display:grid}.week__naam{font-family:var(--heading-font);letter-spacing:.08em;text-transform:uppercase;text-align:center;margin:0;font-size:.875rem;font-weight:650;font-stretch:75%}.week__baan{height:var(--weekh);background:repeating-linear-gradient(to bottom, var(--line) 0 1px, transparent 1px calc(var(--weekh) / var(--uren) * 2));position:relative}.week__staal{left:0;right:0;top:calc(var(--a) * 100%);height:calc((var(--b) - var(--a)) * 100%);background:repeating-linear-gradient(90deg, #ffffff1a 0 1px, transparent 1px 3px, #00000014 3px 4px, transparent 4px 6px), linear-gradient(to bottom, #0000002e, #0000 18%), var(--staal);border-radius:3px 3px 6px 6px;position:absolute}.week__staal--dicht{border:1px solid var(--line-strong);background:0 0}.week__tijd{background:var(--etiket);text-align:center;font-variant-numeric:tabular-nums;color:var(--etiket-ink);overflow-wrap:anywhere;border-radius:2px;padding:6px 2px;font-size:.75rem;font-weight:600;line-height:1.2;position:absolute;top:6px;left:3px;right:3px}.week__staal--dicht .week__tijd{background:var(--bg);color:var(--muted);font-weight:500;top:50%;transform:translateY(-50%)}.week__notitie{border-top:1px solid var(--line);font-family:var(--heading-font);letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-top:4px;padding-top:4px;font-size:.75rem;font-weight:650;font-stretch:75%;display:block}@media (max-width:767.98px){.week__stalen{--weekh:auto;grid-template-columns:minmax(0,1fr);row-gap:8px}.week__as{order:2;width:auto;height:18px;margin:0 0 0 44px}.week__as span{top:0;left:calc(var(--y) * 100%);right:auto;transform:translate(-50%)}.week__as span:first-child{transform:none}.week__as span[data-eind]{transform:translate(-100%)}.week__as span[data-tussen]{display:none}.week__dagen{grid-template-columns:minmax(0,1fr);gap:6px}.week__dag{grid-template-rows:none;grid-template-columns:36px minmax(0,1fr);align-items:center;column-gap:8px}.week__naam{text-align:left}.week__baan{background:repeating-linear-gradient(to right, var(--line) 0 1px, transparent 1px calc(100% / var(--uren) * 2));height:48px}.week__staal{height:auto;top:0;bottom:0;left:calc(var(--a) * 100%);width:calc((var(--b) - var(--a)) * 100%);background:repeating-linear-gradient(0deg, #ffffff1a 0 1px, transparent 1px 3px, #00000014 3px 4px, transparent 4px 6px), linear-gradient(to right, #0000002e, #0000 18%), var(--staal);border-radius:3px 6px 6px 3px;right:auto}.week__tijd{white-space:nowrap;overflow-wrap:normal;align-items:center;gap:8px;padding:5px 8px;display:flex;top:50%;left:6px;right:auto;transform:translateY(-50%)}.week__notitie{border-top:0;border-left:1px solid var(--line);margin:0;padding:0 0 0 8px}.week__staal--dicht .week__tijd{left:50%;transform:translate(-50%,-50%)}}.week__afwijkend{gap:12px;margin-top:56px;display:grid}.week__afwijkend ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.week__afwijkend li{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;padding:12px 0;display:flex}.week__afwijkend time{color:var(--muted);white-space:nowrap;margin-left:8px}.week__afwijkend li>span:last-child{white-space:nowrap}@media (min-width:1024px){.week__afwijkend{column-gap:var(--kolom);grid-template-columns:repeat(12,minmax(0,1fr))}.week__afwijkend .label{grid-column:1/span 4;padding-top:14px}.week__afwijkend ul{grid-column:6/span 7}}