.item1 {
	grid-area: headder;
	background-color: #220701;
	background-image: url(bilder/haad.gif);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: white;
}
.item2 {
	grid-area: left;
	background-color: #220701;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: White;
}
.item3 {
	grid-area: main;
	background-color: #220701;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: White;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
}
.item4 {
	grid-area: right;
	background-color: #220701;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: White;
}
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
   'headder headder headder headder headder headder'
    'left main main main main right';
  grid-gap: 10px;
  background-color: #6A1504;
  }
  img{
		max-width: 100%;
		height: auto;
	}
h1 {
      margin-bottom: 20px;
	  text-align: center;
	  color: gray;
}
h2 {
      margin-bottom: 20px;
	  text-align: center;
}
.ganze-breite{
	float: none;
	width: 100%;
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#player{
	text-align: center;
	position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.mitte-pornofilme{
		float: left;
	 width: 45%;
}
.links-pornofilme {
     float: left;
	 width: 20%;
	 background-color: red;
	 text-align: center;
}
.rechts-pornofilme {
     float: left;
	 width: 20%;
	 background-color: blue;
}
.links{
	background-color: blue;
	border-radius: 25px;
	color: white;
	padding: 3px;
	margin: 3px;
}
@media screen and (max-width: 1100px) {
	.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
   'headder headder headder headder headder headder'
    'main main main main main main'
	'left left left right right right';
  grid-gap: 10px;
  background-color: #6A1504;
  }


}