.termine{gap:var(--space-3);margin:var(--space-3) 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));display:grid}.termine__monat{border-radius:var(--r-glas);background:#ffffffed;padding:1.25rem 1.5rem;box-shadow:0 22px 44px -30px #27242866}.termine__monat h2,.termine__monat h3{margin:0 0 var(--space-1);font-family:var(--font-body);font-weight:600;font-size:var(--t-karte)}.termine__liste{margin:0;padding:0;list-style:none}.termine__liste li{justify-content:space-between;align-items:center;gap:var(--space-2);border-bottom:1px solid color-mix(in srgb, var(--color-linie) 45%, transparent);min-height:2.75rem;padding:.375rem 0;display:flex}.termine__liste li:last-child{border-bottom:0}.status{min-width:6.5rem;padding:.15rem var(--space-1);text-align:center;font-size:var(--fs-small);border:2px solid var(--color-anthrazit);border-radius:var(--r-knopf);font-weight:600;display:inline-block}.status--frei{background:var(--color-anthrazit);color:var(--color-weiss)}.status--reserviert{background:var(--color-sand-hell)}.status--belegt{border-color:var(--color-linie);background:var(--color-sand);font-weight:400}.termin-einstieg .ukopf__text.termin-einstieg__raster{align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.termin-einstieg__text,.termin-einstieg__formular{min-width:0}@media (width>=64rem){.termin-einstieg .ukopf__text.termin-einstieg__raster{grid-template-columns:minmax(0,1fr) minmax(0,28rem)}}.termin-einstieg__formular .formular{max-width:none}.termin-einstieg__formular .formular__titel{margin-top:0}.termin-formular__paar{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid}.termin-formular fieldset.termin-formular__monat{margin-bottom:var(--space-3)}.termin-formular__monat .feld{margin-bottom:var(--space-2)}.termin-formular .feld select{width:100%;min-height:var(--tap-min);height:var(--tap-min);padding:0 var(--space-2);border:1px solid var(--color-anthrazit);border-radius:var(--radius-s);background:var(--color-weiss);font:inherit;color:var(--color-anthrazit)}.termin-formular .feld select[aria-invalid=true]{border-width:2px}.termin-formular .feld select:focus-visible{outline:3px solid var(--color-anthrazit);outline-offset:2px}.termin-formular__flexibel{margin-bottom:var(--space-3)}.termin-formular__flexibel input{width:1.25rem;height:1.25rem;accent-color:var(--color-himbeere);flex:none}.termin-formular .feld input[type=number]{max-width:10rem}.termin-formular .formular__aktionen .btn{white-space:normal;width:100%}