.event-details header {
  margin-bottom: 50px;
}

.EventDetails-date {
  position: relative;
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 20px;
  padding: 10px 40px;
  border: 2px solid #ffffff;
  border-radius: 50px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
  background-color: var(--eventTeaser-date-background);
}

.EventDetails-date[\:has\(.event-details__regular-dates\)] {
  padding-bottom: 20px;
}

.EventDetails-date:has(.event-details__regular-dates) {
  padding-bottom: 20px;
}

.event-details__regular-dates {
  padding: 0;
}

.event-details__regular-dates time {
    font-weight: 400;
  }

.EventDetails-location {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  line-height: 120%;
}

.EventDetails-location svg {
    margin-right: 5px;
  }

.EventDetails-location svg path {
      fill: var(--text-color);
    }

.EventDetails-properties {
  padding: 20px 30px 40px;
  background-color: #f7c39c;
}

.EventDetails-property {
  padding: 20px 0;
  border-bottom: 1px solid #1d1b1b;
}

@media screen and (min-width: 1367px) {

.EventDetails-property {
    display: flex;
}
  }

.EventDetails-property span {
    display: block;
    min-width: 180px;
    font-weight: 700;
  }

@media screen and (min-width: 1367px) {

.EventDetails-property span {
      display: inline-block;
  }
    }