.calendar h2 {
    padding: 8px 12px;
    color: #fff;
    margin: 0;
}
.calendar ul {
    border-top: var(--main-color);
    margin: 0;
}

.calendar li {
  padding:8px 4px;
  border-bottom: 1px solid var(--main-color);
  font-size:1.2rem;
  display:flex;
}
/*.kalender li:after {
  content:'';
  display:table;
  clear:left;
}*/
.calendar a {
  color: var(--link-color);
  font-style: italic;
  text-decoration: none;
}
.calendar .tag {
  display:inline-block;
  width:32%;
}
.calendar .long,
.calendar .time {
    display:none;
}
.calendar .event {
  display:inline-block;
  padding-right:8px;
}
.calendar li span strong {
  font-family: sans-serif;
  font-style: normal;
  font-weight: bold;
}

/*** smartphone < 811 **/
.calendar {
    padding-left: 8px;
    padding-right: 8px;
}

@media only screen and (min-width: 811px) {
  .calendar {
    padding-left: 72px;
    padding-right: 72px;
  }
  .calendar .short {
    display:none;
  }
  .calendar .long,
  .calendar .time {
      display:inline-block;
  }
}