.mainthemen {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 10% auto;
  background-color: white;
  border: solid black 2px;
  border-radius: 10px;
  height: 100%;

}

.themen {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 1%;
  grid-template-rows: 1fr 1fr 1fr;
  grid-row-gap: 5%;
  height: 100%;
}

.einzug {
  padding-left: 5%;
}

figcaption {
  text-align: center;
  margin-top: 5%;
}

.icon {
  display: grid;
  width: auto;
  align-items: center;
  justify-content: center;
  place-self: center;
}

.info {
  height: auto;
}

.pic {
  width: 50%;
}



@media (max-width: 1024px) {

  .themen {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1%;
    grid-template-rows: 1fr 1fr 1fr;
    height: 100%;
  }

  .pic {
    width: 30%;
  }

}

@media (max-width: 650px){

  .themen {
    display: grid;
    grid-template-columns: 1fr 1fr ;
    grid-column-gap: .5%;
    grid-template-rows: 1fr 1fr 1fr;
    height: 100%;

  }

}