div.ausgaben_links {
	width: 50%;
	background-color: none;
	margin: 0;
	float: left;
	position: relative;
}
	
div.ausgaben_rechts {
	width: 50%;
	background-color: none;
	margin: 0;	
	float: right;
	position: relative;
}

div.ausgaben1 {
	width: 49%;
	float: left;
	background-color: none;
	margin-bottom: 0px;
	text-align: center;
}
	
div.ausgaben2 {
	width: 49%;
	float: right;
	background-color: none;
	margin-bottom: 0px;
	text-align: center;
}

img.ausgaben4 {
	width: 80px;
	height: 112px;
	border:1px solid #000
}

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

/*Hier kommen die CSS-Einstellungen bis 600 Pixel*/

div.ausgaben_links {
	width: 99%;
	float: none;
	background-color: none;
	margin-bottom: 0px;
}
div.ausgaben_rechts {
	width: 99%;
	float: none;
	background-color: none;
	margin-bottom: 0px;
	margin-left: 0;
}
img.ausgaben4 {
	width: 95px;
	height: 133px;
	border: thin black solid;
}
}

@media screen and (min-width:801px){

/*Hier kommen die CSS-Einstellungen ab 801 Pixel*/

img.ausgaben4 {
	width: 110px;
	height: 154px;
}
}

iframe {
  max-width: 100%;
}

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}