body {
    margin: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1600 - 320)));
    background-color: #251b33;
	 color: white;
}
.item1 {
	grid-area: headder;
	background-color: transparent;
	padding: 6px;
	font-family: 'Roboto', sans-serif;background: -moz-linear-gradient(top, #400040, #C000C0);/* FireFox */
	background:-webkit-gradient(linear,left top,left bottom,from(#400040),to(#C000C0)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#400040',endColorstr='#C000C0'); /* Internet Explorer */
}
.item1a {
	grid-area: headderzwei;
	background-color: transparent;
	padding: 6px;
	font-family: 'Roboto', sans-serif;background: -moz-linear-gradient(top, #400040, #C000C0);/* FireFox */
	background:-webkit-gradient(linear,left top,left bottom,from(#400040),to(#C000C0)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#400040',endColorstr='#C000C0'); /* Internet Explorer */
}
.itemunten {
	grid-area: footer;
	background-color: transparent;
	padding: 6px;
	font-family: 'Roboto', sans-serif;background: -moz-linear-gradient(top, #400040, #C000C0);/* FireFox */
	background:-webkit-gradient(linear,left top,left bottom,from(#400040),to(#C000C0)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#400040',endColorstr='#C000C0'); /* Internet Explorer */
}
.item2 {
	grid-area: left;
	background-color: #303030;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: White;
}
.item3a {
	grid-area: maingross;
	background-color: #303030;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: White;
	font-size: calc(16px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	background: -moz-linear-gradient(top, #400040, #C000C0);/* FireFox */
	background:-webkit-gradient(linear,left top,left bottom,from(#400040),to(#C000C0)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#400040',endColorstr='#C000C0'); /* Internet Explorer */
}
.item3b {
	grid-area: mainrechtseins;
	background-color: #303030;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: White;
	font-size: calc(16px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	background: -moz-linear-gradient(top, #400040, #C000C0);/* FireFox */
	background:-webkit-gradient(linear,left top,left bottom,from(#400040),to(#C000C0)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#400040',endColorstr='#C000C0'); /* Internet Explorer */
}
.item3c {
	grid-area: mainrechtszwei;
	background-color: #303030;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: White;
	font-size: calc(16px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	background: -moz-linear-gradient(top, #400040, #C000C0);/* FireFox */
	background:-webkit-gradient(linear,left top,left bottom,from(#400040),to(#C000C0)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#400040',endColorstr='#C000C0'); /* Internet Explorer */
}
.item4 {
	grid-area: werbung-rechts-unten;
	background-color: #FF158E;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: White;
}
.item5 {
	grid-area: footer;
	background-color: #FF158E;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: White;
}
.item6 {
	grid-area: mitte;
	background-color: #303030;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: White;
}
.item7 {
	grid-area: right;
	background-color: #303030;
	padding: 6px;
	font-family: 'Roboto', sans-serif;
	color: White;
}
.item8 {
	grid-area: footer2;
	background-color: #303030;
	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'
	'headderzwei headderzwei headderzwei headderzwei headderzwei headderzwei'
    'maingross maingross maingross maingross mainrechtseins mainrechtszwei'
	 'footer footer footer footer werbung-rechts-unten werbung-rechts-unten'
	 'footer2 footer2 footer2 footer2 footer2 footer2';
    grid-gap: 10px;
  background-color: #000000;
  }
.grid-container-pornofilme {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
   'headder headder headder headder headder headder'
	'headderzwei headderzwei headderzwei headderzwei headderzwei headderzwei'
    'left mitte mitte mitte mitte right'
	  'footer2 footer2 footer2 footer2 footer2 footer2';
  grid-gap: 10px;
  background-color: #000000;
  }
.grid-container-livecam {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
   'headder headder headder headder headder headder'
	'headderzwei headderzwei headderzwei headderzwei headderzwei headderzwei'
    'mitte mitte mitte mitte right right'
	  'footer2 footer2 footer2 footer2 footer2 footer2';
  grid-gap: 10px;
  background-color: #000000;
  }
   .grid-container-kontakt2 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
   'headder headder headder headder headder headder'
	'headderzwei headderzwei headderzwei headderzwei headderzwei headderzwei'
    'mitte mitte mitte mitte mitte mitte';
  grid-gap: 10px;
  background-color: #000000;
  }
.verlauf 
{
background: -moz-linear-gradient(top, #400040, #C000C0);/* FireFox */
background:-webkit-gradient(linear,left top,left bottom,from(#400040),to(#C000C0)); /* Chrome, Safari */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#400040',endColorstr='#C000C0'); /* Internet Explorer */

} 
img{
	max-width: 100%;
	height: auto;
}
.gallery-oben {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    grid-gap: 10px;
    max-width: 1200px;
    margin: 0 auto;
}
.um-content-oben{
	float: left;
}
.um-content-oben-imax{
	float: left;
	background-color: transparent;
	display: block;
	margin-left: 5%;
	width: 47%;
}
.um-content-oben-livecam-links{
	float: left;
	width: 47%;
}
.um-content-oben-livecam-rechts{
	float: left;
	width: 47%;
}
.gallery-uebersicht {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 10px;
    max-width: 1200px;
    margin: 0 auto;
}

.gallery-navi {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 10px;
	max-width: 1200px;
	margin: 0 auto 5px auto;
}

.um-bilder{
	float: left;
	border-radius: 8px;
    box-shadow: 0 4px 8px rgba(255, 0, 255, 0.5);
	 text-align: center;
	 background-color: #262c5e;
	 font-family: 'Roboto', sans-serif;
	font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1600 - 320)));
	padding-top: 5px;
	padding-bottom: 5px;
	width: 98%;
}
.um-bilder-xhamster{
	float: left;
	border-radius: 8px;
    box-shadow: 0 4px 8px rgba(255, 0, 255, 0.5);
	 text-align: center;
	 background-color: #450045;
	 font-family: 'Roboto', sans-serif;
	font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1600 - 320)));
	padding: 3px;
	margin: 3px;
	width: 23%;
}
.um-bilder-livecam{
	float: left;
	border-radius: 8px;
    box-shadow: 0 4px 8px rgba(255, 0, 255, 0.5);
	 text-align: center;
	 background-color: #450045;
	 font-family: 'Roboto', sans-serif;
	font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1600 - 320)));
	padding: 3px;
	margin: 3px;
	width: 23%;
}
.um-bilder-frivol{
	float: left;
	border-radius: 8px;
    box-shadow: 0 4px 8px rgba(255, 0, 255, 0.5);
	 text-align: center;
	 background-color: #450045;
	 font-family: 'Roboto', sans-serif;
	font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1600 - 320)));
	padding: 3px;
	margin: 3px;
	width: 23%;
}
.um-bilder-b7{
	float: left;
	border-radius: 8px;
    box-shadow: 0 4px 8px rgba(255, 0, 255, 0.5);
	 text-align: center;
	 background-color: #450045;
	 font-family: 'Roboto', sans-serif;
	font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1600 - 320)));
	padding: 3px;
	margin: 3px;
	width: 23%;
}
.um-bilder-uebersicht{
	float: left;
	border-radius: 8px;
    box-shadow: 0 4px 8px rgba(255, 0, 255, 0.5);
	 text-align: center;
	 background-color: #262c5e;
	 font-family: 'Roboto', sans-serif;
	font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1600 - 320)));
	padding-top: 5px;
	padding-bottom: 5px;
	width: 98%;
}
.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.gallery-item img {
    width: 250px;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}

.gallery-item:hover img {
    transform: scale(1.1);
}
h1{
	color: Silver;
	text-align: center;
	 font-family: 'Roboto', sans-serif;
	 font-size: calc(30px + (34 - 30) * ((100vw - 320px) / (1600 - 320)));
}
h2{
	color: Silver;
	text-align: center;
	 font-family: 'Roboto', sans-serif;
	 font-size: calc(24px + (26 - 24) * ((100vw - 320px) / (1600 - 320)));
}
a{
	 font-family: 'Roboto', sans-serif;
	 font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1600 - 320)));
	 color: White;
	 text-decoration: none;
}
a.kontakt{
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1600 - 320)));
	color: White;
	text-decoration: none;
	background-color: #251b33;
	display: block;
	margin-top: 20px;
	border-radius: 18px;
}
a.kontakt2 {
	color: white;
	background-color: Black;
	font-family: 'Roboto', sans-serif;
	font-size: calc(16px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	text-decoration: none;
	float: none;
	display: block;
	width:96%;
	padding: 3px;
	text-align: center;
	border-radius: 18px;
	margin-bottom: 6px;
}
a.kontakt-rubriken {
	color: white;
	background-color: #4F4F4F;
	font-family: 'Roboto', sans-serif;
	font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1600 - 320)));
	text-decoration: none;
	float: left;
	width:28%;
	display: block;
	margin: 4px;
	text-align: center;
	padding-top: 3px;
	
}
a.navi{
	color: Maroon;
	text-decoration: none;
	text-align: center;
	display: block;
	background-color: #6633FF;
	width: 98%;
	float: left;
	border: 1px solid #000099;
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1600 - 320)));
	margin: 3px 5;
	padding: 5px;
	border-radius: 18px;
}
a.kontakt-nav {
	color: white;
	background-color: #9B019D;
	font-family: 'Roboto', sans-serif;
	font-size: calc(16px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	text-decoration: none;
	float: left;
	display: block;
	margin: 4px;
	padding: 3px;
	text-align: center;
	border-radius: 9px;
}
.ganze-breite{
	width: 100%;
	padding: 3px;
	font-family: 'Roboto', sans-serif;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1600 - 320)));
	background:-webkit-gradient(linear,left top,left bottom,from(#400040),to(#C000C0)); /* Chrome, Safari */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#400040',endColorstr='#C000C0'); /* Internet Explorer */
	border-radius: 8px;
}
.um-pornofilm{
	position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.abstand{
	margin-bottom: 15px;
	display: block;
}
.clear{
	clear: both;
}
.clear-mit-border{
	clear: both;
	border-bottom: 1px solid White;
	margin-bottom: 15px;
}

.flexbox {
   display: flex;
   justify-content: center;
   align-items: center;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.text-gross{
	font-family: 'Roboto', sans-serif;
	font-size: calc(16px + (28 - 14) * ((100vw - 320px) / (1600 - 320)));
	text-align: center;
}
.zwei-drittel{
	float: left;
	width: 73%;
	padding: 3px;
	margin: 3px;
}
.ein-drittel{
	float: left;
	width: 23%;
	padding: 3px;
	margin: 3px;
}
.ein-drittel-anzeige-gross{
	float: left;
	width: 52%;
	padding: 3px;
	margin: 3px;
}
.ein-drittel-anzeige-klein{
	float: left;
	width: 20%;
	padding: 3px;
	margin: 3px;
	text-align: center;
}
.ein-drittel-kontakt2{
	float: left;
	width: 23%;
	padding: 3px;
	margin: 3px;
}
.um-kontakt-text{
	font-family: 'Roboto', sans-serif;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	text-align: center;
}
.werbung-kontakt{
	float: left;
	width: 45%;
	background-color: transparent;
}
.extralink{
	background-color: #575757;
	border-radius: 8px;
	height: auto;
	content: "";
    display: table;
    clear: both;
	 width: 100%;
	 margin-bottom: 15px;
}
.um-kontakt2-text{
	float: left;
	width: 73%;
	text-align: left;
	padding: 6px;
	background-color: #545454;
}
.um-kontakt2-links-werbung{
	float: left;
	width: 25%;
	text-align: left;
	padding: 6px;
	background-color: #545454;
}
input{
	width: 90%;
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1600 - 320)));
}
textarea{
	width: 90%;
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1600 - 320)));
}
.um_werbung-b7{
	float: left;
	width: 45%;
	font-family: 'Roboto', sans-serif;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1600 - 320)));
	background-color: #af00af;
	margin: 3px;
	padding: 3px;
	min-height: 290px;
}
.link-footer{
	float: left;
	width: 32%;
	background-color:#2929A5;
	background-image:linear-gradient( #ff158e 20%,#450045 95%);
	padding: 2%;
	color:white;
	margin: 3px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 90%;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border: 0.5px solid #ffffff;
	text-align: center;
	padding: 3px;
}
@media only screen and (max-width: 1156px) {
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
   'headder headder headder headder headder headder'
	'headderzwei headderzwei headderzwei headderzwei headderzwei headderzwei'
    'maingross maingross maingross maingross  maingross  maingross'
	 'mainrechtseins mainrechtseins mainrechtseins mainrechtszwei mainrechtszwei mainrechtszwei'
	 'footer footer footer footer footer footer'
	 'werbung-rechts-unten werbung-rechts-unten werbung-rechts-unten werbung-rechts-unten werbung-rechts-unten werbung-rechts-unten'
	 'footer2 footer2 footer2 footer2 footer2 footer2';
  grid-gap: 10px;
  background-color: #000000;
  }
  .grid-container-livecam {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
   'headder headder headder headder headder headder'
	'headderzwei headderzwei headderzwei headderzwei headderzwei headderzwei'
    'mitte mitte mitte mitte mitte mitte'
	 'right right right right right right';
  grid-gap: 10px;
  background-color: #000000;
  }
  .grid-container-pornofilme {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-areas:
   'headder headder headder headder headder headder'
	'headderzwei headderzwei headderzwei headderzwei headderzwei headderzwei'
    'mitte mitte mitte mitte mitte mitte'
	 'left left left right right right'
	 	  'footer2 footer2 footer2 footer2 footer2 footer2';
  grid-gap: 10px;
  background-color: #000000;
  }
	.um-content-oben{
	float: none;
	text-align: center;
	margin-bottom: 20px;
}
.um-content-oben-imax{
	float: none;
	background-color: transparent;
	margin-left: 5%;
	width: 95%;
	text-align: center;
}
a.kontakt-nav {
	color: white;
	background-color: #9B019D;
	font-family: 'Roboto', sans-serif;
	font-size: calc(16px + (18 - 14) * ((100vw - 320px) / (1600 - 320)));
	text-decoration: none;
	float: none;
	display: block;
	margin: 4px;
	text-align: center;
	width: 98%;
}
.um-content-oben-livecam-links{
	float: none;
	width: 96%;
}
.um-content-oben-livecam-rechts{
	float: none;
	width: 96%;
}
}
@media only screen and (max-width: 812px) {
.link-footer{
	float: left;
	width: 47%;
	background-color:#2929A5;
	background-image:linear-gradient( #ff158e 20%,#450045 95%);
	padding: 2%;
	color:white;
	margin: 3px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 90%;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border: 0.5px solid #ffffff;
	text-align: center;
	padding: 3px;
}
]

@media only screen and (max-width: 740px) {
.ein-drittel-anzeige-gross{
	float: left;
	width: 75%;
	padding: 3px;
	margin: 3px;
}
.ein-drittel-anzeige-klein{
	float: left;
	width: 20%;
	padding: 3px;
	margin: 3px;
	text-align: center;
}
.ein-drittel-kontakt2{
	float: none;
	width: 96%;
	padding: 3px;
	margin: 3px;
}
.link-footer{
	float: left;
	width: 47%;
	background-color:#2929A5;
	background-image:linear-gradient( #ff158e 20%,#450045 95%);
	padding: 2%;
	color:white;
	margin: 3px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 90%;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border: 0.5px solid #ffffff;
	text-align: center;
	padding: 3px;
}
}
@media only screen and (max-width: 690px) {
.werbung-kontakt{
	float: none;
	width: 98%;
	background-color: transparent;
	margin-bottom: 20px;
}
}
@media only screen and (max-width: 610px) {
.um-bilder-xhamster{
	float: left;
	border-radius: 8px;
    box-shadow: 0 4px 8px rgba(255, 0, 255, 0.5);
	 text-align: center;
	 background-color: #450045;
	 font-family: 'Roboto', sans-serif;
	font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1600 - 320)));
	padding: 3px;
	margin: 3px;
	width: 45%;
}
.um-bilder-livecam{
	float: left;
	border-radius: 8px;
    box-shadow: 0 4px 8px rgba(255, 0, 255, 0.5);
	 text-align: center;
	 background-color: #450045;
	 font-family: 'Roboto', sans-serif;
	font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1600 - 320)));
	padding: 3px;
	margin: 3px;
	width: 45%;
}
.um-bilder-frivol{
	float: left;
	border-radius: 8px;
    box-shadow: 0 4px 8px rgba(255, 0, 255, 0.5);
	 text-align: center;
	 background-color: #450045;
	 font-family: 'Roboto', sans-serif;
	font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1600 - 320)));
	padding: 3px;
	margin: 3px;
	width: 45%;
}
.zwei-drittel{
	float: none;
	width: 98%;
	padding: 3px;
	margin: 3px;
}
.ein-drittel{
	float: none;
	width: 98%;
	padding: 3px;
	margin: 3px;
	text-align: center;
}
.ein-drittel-anzeige-gross{
	float: none;
	width: 98%;
	padding: 3px;
	margin: 3px;
}
.ein-drittel-anzeige-klein{
	float: none;
	width: 98%;
	padding: 3px;
	margin: 3px;
	text-align: center;
}
.ein-drittel-kontakt2{
	float: none;
	width: 98%;
	padding: 3px;
	margin: 3px;
}
}
@media only screen and (max-width: 490px) {
	.ein-drittel-anzeige-gross{
	float: none;
	width: 98%;
	padding: 3px;
	margin: 3px;
}
.ein-drittel-anzeige-klein{
	float: none;
	width: 98%;
	padding: 3px;
	margin: 3px;
	text-align: center;
}
.um-content-oben-imax{
	float: none;
	background-color: transparent;
	margin-left: 0;
	width: 95%;
	text-align: center;
}
}
@media only screen and (max-width: 578px) {
.link-footer{
	float: none;
	width: 98%;
	background-color:#2929A5;
	background-image:linear-gradient( #ff158e 20%,#450045 95%);
	padding: 2%;
	color:white;
	margin: 3px;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 90%;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	border: 0.5px solid #ffffff;
	text-align: center;
	padding: 3px;
}
}