/* Doing-IT — Styles für den eingebetteten Buchungskalender (Cal.com).
   Eigene Datei, damit die Termin-Ecke unabhängig von site.css pflegbar ist.
   Alle Farben sind Tokens aus site.css (beide Erscheinungsbilder). */

.calcom { margin-top: 1.5rem }
.calcom[hidden] { display: none }

.calcom-rahmen {
  display: block;
  width: 100%;
  height: min(80vh, 48rem);
  min-height: 32rem;
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) + 4px);
  background: var(--card);
}

.calcom-hinweis {
  margin: 1rem 0 0;
  max-width: 62ch;
  font-size: 0.875rem;
  color: var(--muted-foreground);
}
.calcom-hinweis[hidden] { display: none }
.calcom-hinweis a { color: var(--foreground); text-decoration: underline; text-underline-offset: 0.2em }

@media (max-width: 40rem) {
  .calcom-rahmen { height: 75vh; min-height: 28rem }
}