/*  Eventspage Styles */
h4 {
  color: var(--white-green);
  padding: 2rem 0 1rem 0;
}

#allevents {
  background: -webkit-gradient(linear, left top, left bottom, from(#152015), to(#152015));
  background: linear-gradient(#152015, #152015);
  padding: 100px 0;
}

/* Veranstaltungskalender */
.veranstaltungskalender {
  padding: 1rem;
  width: 70%;
  margin: auto;
}

.grid-container.eventdates {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  grid-gap: 10px;
  padding: 1rem 0 2rem 0;
}

.grid-container.eventdates.all{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  grid-gap: 10px;
}

.veranstaltungskalender .eventbox {
  background-color: var(--pastel-green);
  padding: 0.8rem;
}

.eventbox p {
  color: var(--darkgreen);
}

.eventbox p.date  {
  font-size: 1.6rem;
  font-family: var(--annie);
}


/* --- MEDIA QUERIES --- */

/* Tablets */
@media screen and (max-width: 990px) {

  .grid-container.eventdates {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile Ddevices */
@media screen and (max-width: 600px) {
  /* Veranstaltungskalender */
  .veranstaltungskalender {
  padding: 1rem;
  width: 90%;
  margin: auto;
}

  .grid-container.eventdates {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}