.cardon {
  display: flex;
  flex-wrap: wrap;
  background-color:#E4EBE0;
}
.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:#FFF;
}
.cardon2 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon2 {
  background-image: url("../images/Startseite/05.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/06.jpg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}
.cardon4 {
  display: flex;
  flex-wrap: wrap;
  background-color:#E4EBE0;
}
.cardon4 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon4 {
  background-image: url("../images/Ratgeber/01.jpg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}
.cardon5 {
  display: flex;
  flex-wrap: wrap;
  background-color:#E4EBE0;
}
.cardon5 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon5 {
  background-image: url("../images/Ratgeber/02.jpg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}
.cardon6 {
  display: flex;
  flex-wrap: wrap;
  background-color:#E4EBE0;
}
.cardon6 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon6 {
  background-image: url("../images/Ratgeber/03.jpg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}
.cardon7 {
  display: flex;
  flex-wrap: wrap;
  background-color:#E4EBE0;
}
.cardon7 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon7 {
  background-image: url("../images/Ratgeber/04.jpg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}
.cardon8 {
  display: flex;
  flex-wrap: wrap;
  background-color:#E4EBE0;
}
.cardon8 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon8 {
  background-image: url("../images/Ratgeber/05.jpg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}
.cardon9 {
  display: flex;
  flex-wrap: wrap;
  background-color:#E4EBE0;
}
.cardon9 > * {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 500px;
}
.mediaon9 {
  background-image: url("../images/Ratgeber/06.jpg");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}
.contenton {
	
  padding: 0%;
  margin: 0%;
}
.abstand {
	
  padding: 1%;
  margin: 1%;
}