/*
 * Inhaltselement "Termine (CKalender)" – Inline-Ausgabe der Terminliste.
 * Ersetzt die Styles der früheren iframe-Seiten (Resources/Public/CKalender/*.php).
 * Die Liste kommt als Tabelle mit Inline-Styles vom CKalender, daher einige !important.
 * Statische Datei, weil der SCSS-Build im Composer-Layout aktuell nicht läuft.
 */

.ckalender {
  overflow-y: auto; /* .ckal ist 60rem hoch mit overflow hidden – hier scrollbar */
  -webkit-overflow-scrolling: touch;
}

.ckalender__headline {
  margin: 2rem 0 1rem 0;
}

.ckalender__events table {
  width: 100%;
  border-collapse: collapse;
  font-family: 'Fira Sans', sans-serif;
  font-weight: 300;
  font-size: 2rem;
  line-height: 3rem;
}

.ckalender__events .ck_month_line {
  color: #0073be;
  font-family: 'Fira Sans', sans-serif !important;
  font-weight: 300 !important;
  font-size: 2.4rem;
  line-height: 3.4rem;
  padding: 2rem 0;
}

.ckalender__events .ck_events {
  font-weight: 300;
  padding-right: 2rem;
  padding-left: 0 !important; /* Inline padding-left:6vw des CKalender neutralisieren */
  white-space: normal;
}

.ckalender__events td.ck_events:first-child {
  white-space: nowrap;
  padding-right: 1.5rem;
}

.ckalender__events .ck_events span {
  font-weight: 600 !important;
}

.ckalender__events .ck_events a img {
  vertical-align: middle;
}

.ckalender__empty,
.ckalender__error {
  font-size: 2rem;
  line-height: 3rem;
  padding: 2rem 0;
}

@media screen and (max-width: 600px) {
  .ckalender__events table,
  .ckalender__events .ck_events,
  .ckalender__empty,
  .ckalender__error {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }

  .ckalender__events .ck_month_line {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }

  .ckalender__events td.ck_events:first-child {
    white-space: normal;
  }
}