.calendar-sheet-container.hidden {
  display: none;
}

.calendar-wrapper .date-selector {
  display: none;
}

.events-calendar {
  border-radius: 25px;
  border: 3px solid var(--secondary-color);
  padding: 25px;
}
@media only screen and (max-width: 576px) {
  .events-calendar {
    padding: 10px;
  }
}
.events-calendar h3 {
  display: none;
}
.events-calendar .events-calendar__table {
  width: 100%;
  margin: 0;
}
.events-calendar .events-calendar__table .events-calendar__current-month {
  font-size: 23px;
  font-weight: 500;
}
@media only screen and (max-width: 576px) {
  .events-calendar .events-calendar__table .events-calendar__current-month {
    font-size: 20px;
  }
}
.events-calendar .events-calendar__table .events-calendar__next-month {
  text-align: right;
}
.events-calendar .events-calendar__table .events-calendar__next-month button {
  width: 40px;
  height: 40px;
  background-color: color-mix(in oklab, var(--primary-color) 30%, #ffffff);
  border-radius: 50%;
  border: none;
  display: inline-block;
  text-decoration: none;
  position: relative;
  font-size: 26px;
}
.events-calendar .events-calendar__table .events-calendar__next-month button:before {
  content: "\e90e";
  font-family: "kirche-ll-icons", sans-serif;
  color: #060142;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.events-calendar .events-calendar__table .events-calendar__previous-month {
  text-align: right;
}
.events-calendar .events-calendar__table .events-calendar__previous-month button {
  width: 40px;
  height: 40px;
  background-color: color-mix(in oklab, var(--primary-color) 30%, #ffffff);
  border-radius: 50%;
  border: none;
  display: inline-block;
  text-decoration: none;
  position: relative;
  font-size: 26px;
}
.events-calendar .events-calendar__table .events-calendar__previous-month button:before {
  content: "\e90e";
  font-family: "kirche-ll-icons", sans-serif;
  color: #060142;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.events-calendar .events-calendar__table .events-calendar__previous-month {
  text-align: left;
}
.events-calendar .events-calendar__table .events-calendar__previous-month button {
  transform: rotate(-180deg);
}
.events-calendar .events-calendar__table .events-calendar__day-explanation th {
  font-size: 20px;
  font-weight: 400;
  color: #6B7399;
  text-transform: uppercase;
}
@media only screen and (max-width: 576px) {
  .events-calendar .events-calendar__table .events-calendar__day-explanation th {
    font-size: 18px;
  }
}
.events-calendar .events-calendar__table .events-calendar__week .events-calendar__day {
  font-size: 25px;
  text-align: center;
  padding: 5px 4px;
}
@media only screen and (max-width: 576px) {
  .events-calendar .events-calendar__table .events-calendar__week .events-calendar__day {
    font-size: 20px;
    padding: 4px;
  }
}
.events-calendar .events-calendar__table .events-calendar__week .events-calendar__day.prev-month a span, .events-calendar .events-calendar__table .events-calendar__week .events-calendar__day.next-month a span {
  color: #6B7399;
}
.events-calendar .events-calendar__table .events-calendar__week .events-calendar__day.current-day a {
  position: relative;
}
.events-calendar .events-calendar__table .events-calendar__week .events-calendar__day.current-day a span {
  color: #ffffff;
  position: relative;
  z-index: 1;
}
.events-calendar .events-calendar__table .events-calendar__week .events-calendar__day.current-day a:before {
  content: " ";
  background-color: var(--primary-color);
  position: absolute;
  top: -8px;
  left: -8px;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  z-index: 0;
  border-radius: 50%;
}
@media only screen and (max-width: 576px) {
  .events-calendar .events-calendar__table .events-calendar__week .events-calendar__day.current-day a:before {
    top: -4px;
    left: -4px;
    width: calc(100% + 8px);
    height: calc(100% + 8px);
  }
}
.events-calendar .events-calendar__table .events-calendar__week .events-calendar__day a {
  text-decoration: none;
  line-height: 37px;
  color: #060142;
  font-weight: 400;
}
@media only screen and (max-width: 576px) {
  .events-calendar .events-calendar__table .events-calendar__week .events-calendar__day a {
    line-height: 28px;
  }
}
.events-calendar .events-calendar__table .events-calendar__week .events-calendar__day a:hover {
  text-decoration: none;
  color: var(--primary-color);
  border-bottom: none;
}