.cardon {
  display: flex;
  flex-wrap: wrap;
  background-color:#f8f8f8;
}
.cardon > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon {
	
  background-image: url("../images/Startseite/001.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}

.cardon2 {
	margin-top:-20px;
  display: flex;
  flex-wrap: wrap;
  background-color:#f8f8f8;
}
.cardon2 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon2 {
  background-image: url("../images/Startseite/004.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}

.contenton {
	
  padding: 0%;
  margin: 0%;
}
.abstand {
	
  padding: 1%;
  margin: 1%;
}