/* Baustein J „Kalender lesen" (22.10.2026): Profil → „Dein Kalender" (js/kalender-karte.js). */
.kal__kopf { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.kal__intro { margin: 6px 0 12px; }
.kal__meldung { margin: 0 0 10px; padding: 8px 10px; border-radius: 10px; background: rgba(52, 168, 83, .10); font-size: 14px; }
.kal__verbindungen { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.kal__verbindung { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--border-base-primary); border-radius: 12px; }
.kal__verbindung-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kal__name { font-weight: 600; overflow-wrap: anywhere; }
.kal__art, .kal__stand { font-size: 13px; color: var(--content-base-secondary); }
.kal__fehlerstand { color: #b3261e; }
.kal__aktionen { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; flex: none; }
.kal__trennen { color: #b3261e; }
.kal__vorschau { margin: 0 0 14px; }
.kal__termine { list-style: none; margin: 4px 0 6px; padding: 0; display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.kal__tag { display: inline-block; min-width: 72px; font-variant-numeric: tabular-nums; color: var(--content-base-secondary); }
.kal__oauth { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 6px; }
.kal__oder { margin: 4px 0 6px; }
.kal__label { display: block; font-size: 14px; font-weight: 600; margin: 0 0 6px; }
.kal__zeile { display: flex; gap: 8px; align-items: center; }
.kal__url { font-size: 15px; }
.kal__hilfe { margin: 10px 0 0; font-size: 14px; }
.kal__hilfe summary { cursor: pointer; color: var(--c-brand-purple-600); }
.kal__hilfe dt { font-weight: 600; margin: 10px 0 2px; }
.kal__hilfe dd { margin: 0; line-height: 1.45; }
.kal__hinweis { margin: 10px 0 0; font-size: 13px; color: var(--content-base-secondary); }
.kurs__beleg--termin { cursor: default; }
@media (max-width: 560px) {
  .kal__zeile { flex-direction: column; align-items: stretch; }
  .kal__url { font-size: 16px; }   /* < 16 px zoomt iOS */
  .kal__verbindung { flex-direction: column; }
  .kal__aktionen { flex-direction: row; align-items: center; gap: 14px; }
}