.cardon {
  display: flex;
  flex-wrap: wrap;
  background: radial-gradient(ellipse at center, #fdffff 45%,#e6f8fd 93%,#e1ffff 96%,#e1ffff 100%,#bee4f8 100%,#c8eefb 100%,#b1d8f5 100%);
	
}
.cardon > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon {
	 background-image: url("../images/Startseite/01.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;

  min-height: 500px;
}

.cardon2 {
	
  display: flex;
  flex-wrap: wrap;
  background: radial-gradient(ellipse at center, #fdffff 45%,#e6f8fd 93%,#e1ffff 96%,#e1ffff 100%,#bee4f8 100%,#c8eefb 100%,#b1d8f5 100%);
		
}
.cardon2 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon2 {
   background-image: url("../images/Startseite/02.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}
.cardon3 {
  display: flex;
  flex-wrap: wrap;
  background: radial-gradient(ellipse at center, #fdffff 45%,#e6f8fd 93%,#e1ffff 96%,#e1ffff 100%,#bee4f8 100%,#c8eefb 100%,#b1d8f5 100%);
}
.cardon3 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon3 {
  background-image: url("../images/Startseite/06.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%;
}