/* termin.css — Terminauswahl im Formular. Nur Bausatz-Tokens. */
.tw{margin-top:var(--abstand-4)}
.tw-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:var(--abstand-2);margin-bottom:var(--abstand-4)}
.tw-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 var(--abstand-3);border-radius:var(--radius-pill);
  background:var(--marke-bg);color:var(--marke-dunkel);font-size:var(--schrift-2);font-weight:600}
.tw-chip-leise{background:var(--flaeche);color:var(--text-2);font-weight:500}
.tw-ort{font-size:var(--schrift-2);color:var(--text-2)}

.tw-tagzeile{display:flex;align-items:center;gap:var(--abstand-1)}
.tw-tage{display:flex;gap:var(--abstand-2);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;
  padding:var(--abstand-1) 2px;flex:1;min-width:0}
.tw-tage::-webkit-scrollbar{display:none}
.tw-pfeil{flex:none;width:36px;height:36px;border-radius:var(--radius-pill);border:1px solid var(--linie);background:var(--karte);
  color:var(--text-2);font-size:20px;line-height:1;cursor:pointer}
.tw-pfeil:hover{border-color:var(--marke);color:var(--marke-dunkel)}
.tw-tag{flex:none;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  width:64px;height:76px;border:1px solid var(--linie);border-radius:var(--radius-knopf);background:var(--karte);cursor:pointer;
  font:inherit;color:var(--tinte);transition:border-color var(--dauer-2) var(--kurve),background var(--dauer-2) var(--kurve)}
.tw-tag:hover{border-color:var(--marke)}
.tw-tag:focus-visible,.tw-zeit:focus-visible,.tw-pfeil:focus-visible{outline:2px solid var(--marke);outline-offset:2px}
.tw-tag[aria-checked="true"]{background:var(--knopf-primaer);border-color:var(--knopf-primaer);color:var(--knopf-primaer-text)}
.tw-wt{font-size:var(--schrift-1);text-transform:uppercase;letter-spacing:.06em;opacity:.8}
.tw-tg{font-family:var(--font-marke);font-size:var(--schrift-5);font-weight:600;line-height:1.1}
.tw-mo{font-size:var(--schrift-1);opacity:.8}

.tw-zeiten{margin-top:var(--abstand-5);display:grid;gap:var(--abstand-4);min-height:120px}
.tw-gruppe-titel{font-size:var(--schrift-1);text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:var(--abstand-2)}
.tw-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--abstand-2)}
.tw-zeit{min-height:44px;border:1px solid var(--linie);border-radius:var(--radius-knopf);background:var(--karte);color:var(--tinte);
  font:inherit;font-size:var(--schrift-3);font-variant-numeric:tabular-nums;cursor:pointer;
  transition:border-color var(--dauer-2) var(--kurve),background var(--dauer-2) var(--kurve),transform var(--dauer-1) var(--kurve)}
.tw-zeit:hover{border-color:var(--marke)}
.tw-zeit:active{transform:scale(.97)}
.tw-zeit[aria-checked="true"]{background:var(--marke-bg);border-color:var(--marke);color:var(--marke-dunkel);font-weight:600}

.tw-auswahl{margin-top:var(--abstand-4);scroll-margin-bottom:96px;font-size:var(--schrift-3);color:var(--text-2)}
.tw-auswahl-fertig{color:var(--tinte);font-weight:600}
.tw-leer{padding:var(--abstand-4);border-radius:var(--radius-knopf);background:var(--flaeche);color:var(--text-2)}
@media (max-width:560px){.tw-pfeil{display:none}.tw-tag{width:58px;height:70px}}