.termin-wahl{border:0;margin:0;padding:0;min-width:0;display:grid;gap:1.25rem}.termin-wahl>legend{padding:0;margin-bottom:.375rem;font-size:var(--text-sm);color:var(--color-secondary)}.termin-tag{display:grid;gap:.5rem}.termin-tag-name{font-size:var(--text-md);line-height:1.5;color:var(--color-primary)}.termin-zeiten{display:flex;flex-wrap:wrap;gap:.5rem}.termin-zeit{position:relative;display:inline-flex;cursor:pointer}.termin-zeit input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.termin-zeit span{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.125rem;border:1px solid var(--color-border-secondary);border-radius:9999px;font-size:var(--text-md);line-height:1.5;font-variant-numeric:tabular-nums;color:var(--color-primary);background:var(--color-background);transition:background-color .3s var(--ease-slick),color .3s var(--ease-slick),border-color .3s var(--ease-slick)}.termin-zeit span i{font-style:normal;font-size:var(--text-sm);color:var(--color-secondary);transition:color .3s var(--ease-slick)}.termin-zeit:hover span{border-color:var(--color-primary)}.termin-zeit:has(input:checked) span{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-background)}.termin-zeit:has(input:checked) span i{color:color-mix(in srgb,var(--color-background) 70%,transparent)}.termin-zeit:has(input:focus-visible) span{outline:2px solid var(--color-primary);outline-offset:2px}.termin-check strong{font-weight:600;color:var(--color-primary);overflow-wrap:anywhere}.termin-bestaetigung{font-size:var(--text-h6);line-height:1.4;color:var(--color-primary)}.termin-leer-knopf{margin-top:.75rem}@media (prefers-reduced-motion:reduce){.termin-zeit span,.termin-zeit span i{transition:none}}