/* Termine: Buchungs-Kasten auf /beratung und im Block „Termin buchen“ der Seite /simulator, dazu /termin (ansehen und absagen).
   Baut auf kurse.css auf (Formular, Kasten). Farben aus dem Farb-Design. Logische Abstände (RTL). */
.tm-pills{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.tm-pills li{padding-block:6px;padding-inline:12px;border-radius:999px;border:1px solid var(--home-line-strong);background:var(--home-panel);font-size:calc(12.5px * var(--font-scale,1));font-weight:800;color:var(--home-text)}
.tm-pills li::before{content:"✓";margin-inline-end:6px;color:var(--accent-ink,var(--brand-accent))}
.tm-box{scroll-margin-block-start:90px}
.tm-picked{display:grid;gap:6px;margin:14px 0 4px;padding:0;list-style:none}
.tm-picked li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding-block:9px;padding-inline:12px;border-radius:12px;background:var(--home-panel);border:1px solid var(--home-line)}
.tm-picked span{font-size:calc(11px * var(--font-scale,1));font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--home-muted)}
.tm-picked strong{flex:1 1 auto;font-weight:800}
.tm-picked a{font-size:calc(12.5px * var(--font-scale,1));font-weight:800;color:var(--accent-ink,var(--brand-accent));text-decoration:none}
.tm-picked a:hover{text-decoration:underline}
.tm-step{margin-block-start:14px}
.tm-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}
.tm-opts-small{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}
.tm-opt{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-radius:16px;background:var(--home-card);border:1.5px solid var(--home-line-strong);color:var(--home-text);text-decoration:none;transition:border-color .15s,transform .15s}
.tm-opt strong{font-size:calc(16px * var(--font-scale,1));font-weight:900}
.tm-opt span{font-size:calc(13px * var(--font-scale,1));color:var(--home-muted)}
.tm-opt small{font-size:calc(11.5px * var(--font-scale,1));font-weight:800;color:var(--accent-ink,var(--brand-accent))}
.tm-opt:hover,.tm-opt:focus-visible,.tm-chip:hover,.tm-chip:focus-visible{border-color:var(--brand-accent);transform:translateY(-2px)}
.tm-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}
.tm-times{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}
.tm-chip{display:flex;flex-direction:column;align-items:center;gap:2px;padding-block:10px;padding-inline:8px;border-radius:14px;background:var(--home-card);border:1.5px solid var(--home-line-strong);color:var(--home-text);text-decoration:none;text-align:center;transition:border-color .15s,transform .15s}
.tm-chip strong{font-weight:900;font-variant-numeric:tabular-nums}
.tm-chip small{font-size:calc(11px * var(--font-scale,1));color:var(--home-muted)}
.tm-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:12px 0}
.tm-facts dt{font-size:calc(12px * var(--font-scale,1));font-weight:800;color:var(--home-muted)}
.tm-facts dd{margin:0;font-weight:800}
/* Klassen mit Simulator (Block „Klassen mit Simulator“ der Seite /simulator) */
.sb-simclasses{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.sb-simclasses li{display:flex;align-items:center;gap:8px;padding-block:8px;padding-inline:12px;border-radius:14px;background:var(--home-card);border:1px solid var(--home-line-strong);font-weight:800}
@media(max-width:520px){.tm-facts{grid-template-columns:1fr}.tm-facts dd{margin-block-end:6px}}
@media(prefers-reduced-motion:reduce){.tm-opt,.tm-chip{transition:none}}