html, body {
	margin: 10px;
	padding: 0;
	background-color: #3b3b3b;
	font-family: 'Roboto', sans-serif;
	color: white;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
}
h1{
	font-family: 'Roboto', sans-serif;
	color: white;
	font-size: calc(24px + (30 - 24) * ((100vw - 320px) / (1600 - 320)));
	text-align: center;
}
.text-unten{
	font-family: 'Roboto', sans-serif;
	color: white;
	font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1600 - 320)));
	text-align: left;
}
.logo-oben{
	aspect-ratio: 5.7;
	background-image: url(../bilder/deutsche-pornostars-videos.webp);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	float: none;
}
.umbilder{
	max-width: 23%;
	margin: .5%;
	border-color: White;
	border-style: solid;
	 border-width: 1px;
	 border-radius: 5px;
}
.ummdhbilder{
	max-width: 40%;
	margin: .5%;
	border-radius: 5px;
	border-color: White;
	border-style: solid;
	 border-width: 1px;
	background-color: Gray;
	padding: .5%;
}
img{
	max-width: 100%;
	height: auto;
	border-radius: 5px;
	border: 0px;
}
.title{
	font-family: 'Roboto', sans-serif;
	font-size: calc(8px + (10 - 8) * ((100vw - 320px) / (1600 - 320)));
}
a {
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1600 - 320)));
	text-align: center;
	text-decoration: none;
	background-color: transparent;
	color: white;
	display: block;
	margin: 3px;
	padding: 3px;
}
a.weitere-bilder {
	font-family: 'Roboto', sans-serif;
	font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1600 - 320)));
	text-align: center;
	text-decoration: none;
	background-color: Gray;
	color: white;
	display: block;
	margin: 3px;
	padding: 3px;
	min-height: 40px;
	border-radius: 5px;
}
a.navi {
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1600 - 320)));
	text-align: center;
	text-decoration: none;
	background-color: #800000;
	color: white;
	display: block;
	margin: 3px;
	padding: 3px;
	float: left;
	width: 13%;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.ganze-breite{
	float: none;
	width: 100%;
}
.zweidrittel {
	float: left;
	width: 78%;
	margin: 3px;
	border-radius: 5px;
	background-color: transparent;
}

.eindrittel {
	float: left;
	width: 20%;
	margin: 3px;
	border-radius: 5px;
}
@media screen and (max-width: 1000px) {

.umbilder{
	max-width: 44%;
}
.zweidrittel {
	float: none;
	width: 100%;
	margin: 3px;
	border-radius: 5px;
	background-color: transparent;
}

.eindrittel {
	float: none;
	width: 100%;
	margin: 3px;
	border-radius: 5px;
}
a.navi {
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1600 - 320)));
	text-align: center;
	text-decoration: none;
	background-color: #800000;
	color: white;
	display: block;
	margin: 3px;
	padding: 3px;
	float: left;
	width: 45%;
}
}