/* HERRROHR – Terminbuchung (Modul modular/termin) */
.termin-box .termin-offers {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin: 32px 0 24px;
}
.termin-box .termin-offer {
  display: block;
  padding: 14px 18px;
  border: 1px solid #444;
  background: transparent;
  color: #fff;
  font: inherit;
  font-weight: 100;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.2s ease;
}
.termin-box .termin-offer:hover { border-color: #999; }
.termin-box .termin-offer[aria-selected="true"] { border-color: #fff; }
.termin-box .termin-offer:focus { outline: none; }
.termin-box .termin-offer:focus-visible { outline: 1px solid #fff; outline-offset: 3px; }
.termin-box .termin-offer b { display: block; font-weight: 500; text-transform: uppercase; letter-spacing: 0.02em; }
.termin-box .termin-offer small { display: block; font-size: 13px; color: #999; }

.termin-box .termin-cal { position: relative; overflow: hidden; transition: min-height 0.3s ease; }
.termin-box .termin-cal[hidden] { display: none; }
/* Cal-Element 12px nach links (bündig mit Titel/Schaltflächen) und 16px nach rechts überstehen lassen:
   Cal-Innenabstand links und heller Scrollbalken rechts werden so abgeschnitten. */
.termin-box .termin-cal cal-inline { margin-left: -12px; width: calc(100% + 28px) !important; } /* Cal setzt inline width:100% */
.termin-box .termin-cal iframe {
  clip-path: inset(6px);            /* feine helle Ecken von Cal abschneiden */
  transition: opacity 0.3s ease;
}
.termin-box .termin-cal.is-loading iframe { opacity: 0; }
.termin-box .termin-cal.is-loading::before {
  content: "Kalender wird geladen …";
  position: absolute; top: 32px; left: 0; right: 0;
  text-align: center; font-size: 14px; color: #999;
}