/* termin.css (21.10.2026) — Terminbuchung /termin/. Rahmen und Felder aus seiten.css (befund-kopf, formular--kasten, feld),
   Farben aus welt.css (--text, --text-leise, --linie, --blau). Eigene Stildatei, damit seiten.css unberührt bleibt. */
.tb-kasten{ display: flex; flex-direction: column; gap: 16px; min-width: 0 }
.tb-slots{ display: flex; flex-direction: column; gap: 16px; margin-top: 14px }
.tb-tag-name{ margin: 0 0 8px; font-size: .86rem; color: var(--text-leise); max-width: none }
.tb-zeiten{ display: flex; flex-wrap: wrap; gap: 8px }
.tb-zeit{ padding: 10px 16px; border: 1px solid var(--linie); border-radius: 2px; background: transparent; color: var(--text);
  font: inherit; font-variant-numeric: tabular-nums; cursor: pointer; transition: border-color .15s, background .15s }
.tb-zeit:hover, .tb-zeit:focus-visible{ border-color: var(--blau); background: rgba(0,144,252,.08); outline: none }
.tb-form{ display: flex; flex-direction: column; gap: 14px }
.tb-form[hidden], .tb-fertig[hidden], #tbWahl[hidden]{ display: none }
.tb-gewaehlt{ margin: 0; padding: 12px 14px; border-left: 2px solid var(--blau); background: rgba(0,144,252,.06); max-width: none }
.tb-form textarea{ width: 100%; min-height: 84px; resize: vertical; padding: 10px 0; border: 0; border-bottom: 1px solid var(--linie);
  background: transparent; color: var(--text); font: inherit }
.tb-haken{ display: flex; gap: 10px; align-items: flex-start; font-size: .86rem; line-height: 1.5; color: var(--text-leise) }
.tb-haken input{ margin-top: 3px; flex: 0 0 auto }
.tb-haken a{ color: var(--text-leise) }
.tb-fertig p{ max-width: none }