.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/07.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:#FFF;

	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 0px;
}
.cardon2 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon2 {
  background-image: url("../images/Startseite/00.jpg");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
}
.cardon3 {
  display: flex;
  flex-wrap: wrap;
  background-color:#FFF;
}
.cardon3 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon3 {
  background-image: url("../images/Startseite/06.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 600px;
}
.cardon4 {
  display: flex;
  flex-wrap: wrap;
  background-color:#b99f88;
}
.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 {
   
  -webkit-box-shadow: 1px 1px 2px #222;
  -moz-box-shadow: 1px 1px 2px #222;
  box-shadow: 0 8px 10px -6px #222;
	
	
  padding: 0%;
  margin: 0%;
}
.contenton_footer {
  
  padding: 0%;
  margin: 0%;
}
.abstand {
	
  padding: 2%;
  margin: 2%;
}