.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/04.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/06.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}
.cardon3 {
  display: flex;
  flex-wrap: wrap;
  background-color:#f8f8f8;
}
.cardon3 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon3 {
  background-image: url("../images/Startseite/11.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}
.cardon4 {
  display: flex;
  flex-wrap: wrap;
  background-color:#f9f4f0;
}
.cardon4 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon4 {
  background-image: url("../images/Startseite/02.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}
.contenton {
 
  padding: 0%;
  margin: 0%;
}
.abstand {
	
  padding: 2%;
  margin: 2%;
}