#calendar {

  max-width:700px;

  margin:2rem auto 1rem;

  padding:0 1rem;

}

/* HEADER */

.fc-toolbar {

  margin-bottom:1.5rem;

}

.fc-toolbar-title {

  font-size:2rem;

  font-weight:700;

}

/* WOCHENTAGE AUSBLENDEN */

.fc-col-header {

  display:none;

}

/* MONATSGRID AUSBLENDEN */

.fc-daygrid-body,
.fc-daygrid-day-events,
.fc-daygrid-event-harness,
.fc-daygrid-day-number,
.fc-scrollgrid-sync-table {

  display:none;

}

.fc-theme-standard td,
.fc-theme-standard th,
.fc-theme-standard .fc-scrollgrid {

  border:none !important;

}

.fc-scrollgrid,
.fc-scrollgrid table {

  border:none !important;

}

/* BUTTONS */

.fc-button {

  background:

    rgba(
      22,
      38,
      56,
      .88
    ) !important;

  border:none !important;

  border-radius:14px !important;

  padding:10px 16px !important;

  transition:.2s ease;

}

.fc-button:hover {

  background:

    rgba(
      35,
      58,
      82,
      .95
    ) !important;

}

.fc-button-active {

  background:

    rgba(
      45,
      75,
      105,
      1
    ) !important;

}

/* EVENT CARDS */

#event-cards {

  max-width:700px;

  margin:auto;

  padding:0 1rem;

  display:flex;

  flex-direction:column;

  gap:12px;

}

.calendar-card {

  color: white;

  background:

 rgba(34, 81, 180, 0.80);

  backdrop-filter:

    blur(8px);

  border:

    1px solid

    rgba(
      255,
      255,
      255,
      .05
    );

  border-radius:14px;

  padding:10px 14px;

  box-shadow:

    0 4px 12px

    rgba(
      0,
      0,
      0,
      .15
    );

}

.calendar-card a {

  display:block;

  text-decoration:none;

  color:white;

}

.calendar-card h3 {

  margin:0;

  font-size:1rem;

  font-weight:700;

  line-height:1.2;

}

.calendar-card p {

  margin:4px 0 0;

  font-size:.88rem;

  opacity:.82;

  line-height:1.3;

}