#adresse picture {
  grid-column: 6 / -2;
  grid-row: 1 / 11;
  aspect-ratio: 1;
}
#adresse picture img {
  object-position: right;
}
#adresse .card {
  grid-column: 1 / 7;
  grid-row: 3 / -1;
}

#termin {
  display: grid;
  gap: 1rem;
  grid-template-areas:
    "heading heading heading"
    "text text text"
    "mitbringen absage wartezeiten";
}
#termin > h2 {
  grid-area: heading;
}
#termin > p {
  grid-area: text;
  margin-top: -1.5rem;
}
#termin #mitbringen {
  grid-area: mitbringen;
}
#termin #absage {
  grid-area: absage;
}
#termin #wartezeiten {
  grid-area: wartezeiten;
}

@media (max-width: 900px) {
  #termin {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 720px) {
  #adresse {
    display: flex;
    flex-direction: column;
  }
}