body {

    font-family: Arial;
    font-size: 24px;


}

.sprung {
	width: 100%;
	height: 90px;

}
 .artikel-l, .artikel-r {
	width: 90%;
	height: auto;
	margin: 0 auto;
}

.artikel-l img {
	width: 30%;
	height: auto;
	float: left;
	margin: 0 30px 30px 0;
	border: 0px;
	box-shadow: 0 0 25px black;
}
video {
	width: 40%;
	height: auto;
	float: left;
	margin: 0 30px 30px 0;
	border: 0px;
	box-shadow: 0 0 25px black;
}
.artikel-r img {
	width: 30%;
	height: auto;
	float: right;
	margin: 0 0 30px 30px;
	border: 0px;
	box-shadow: 0 0 25px black;
}
  @media only screen and (max-width: 1024px) {
 .artikel-l img {
 	width: 50%;
 }
 video {
	width: 60%;
	}
 artikel-r img {
 	width: 40%;
 	margin: 10px 0 10px 3%;
 }
  }

 @media only screen and (max-width: 860px) {

 .artikel-l img, .artikel-r img, video {
 	width: 80%;
 	float: none;
 	margin: 15px 9% ;
 }
  }
  
@media only screen and (max-width: 760px) {
.artikel-l, .artikel-r {
    font-size: 16px;
 }
 .artikel-r img {
 	width: 80%;
 	margin: 10px auto;
 }
  }