@charset "utf-8";
/* ---------- CSS Document styles23 ----------- */

/* ~~ BODY ~~ */
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	font-size: calc(9px + 0.390625vw);
	margin: 0 auto;
	width: 100%;
	padding: 0;
	color: #000;
}
body {
    font-size: calc(10px + 0.390625vw);
}
/* ~~ BODY MCA (members club area) ~~ */
body-mca {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0 auto;
    width:1550px;
	padding: 0;
	color: #000;
}
/* ~~ BODY Ru (Rumours) ~~ */
body-Ru {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 0 auto;
    width:1550px;
	padding: 5;
	color: #000;
}
.header {
	background-color: #FFFFFF;
	margin: 0 auto;
    width: 1550px;
	height: 40px;
	position: fixed;
    justify-content: center;
}
.container {
	background-color: #FFFFFF;
	margin: 0 auto;
    width: 100%px;
	justify-content: center;
}
.footer {
  background-color: #e7e7e7;
}
/* ~~ Slider "Sticky" To Footer ~~ */
.slideshow-container {
    background: white;
	width: 100%;
	height: auto;
    position: relativ; 
/* ~~ "Sticky" To Footer ~~ */	
    bottom: 30px;
	box-shadow: none !important;
}	
.content-notinuse {	
	width: 100%;
	align: center;
}	
.contentTR {	
	width: 100%;
	justify-content: center;
	margin-left: 200px;
	margin-right: 200px;
}	

/* ~~ Video ~~ */
.vidC {	
	width: 100%;
	height: auto;
	align: center;
}
/* ~~ STICKY FOOTER  ---  class="stickyfooter"  ---- ~~ */
.stickyfooter  {
    background: black;
	width: 100%;
    position: fixed; 
	bottom: 0px;
	box-shadow: none !important;
}
/* ~~ STICKY FOOTER hide div  ---  class="stickyfooter"  ---- ~~ */
div.stickyfooter {
  background-color: black;
}
@media screen and (max-width: 600px) {
  div.stickyfooter {
    display: none;
  }
}
	
/* ~~ Element-/Tag-Selektoren ~~ */

ul, ol, dl { /* Aufgrund von Abweichungen zwischen verschiedenen Browsern empfiehlt es sich, die Auffüllung und den Rand in Listen auf 0 einzustellen. Zu Konsistenzzwecken können Sie die gewünschten Werte entweder hier oder in den enthaltenen Listenelementen (LI, DT, DD) eingeben. Beachten Sie, dass die hier eingegebenen Werte hierarchisch auf die .nav-Liste angewendet werden, sofern Sie keinen spezifischeren Selektor festlegen. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* Durch Verschieben des oberen Rands wird das Problem behoben, dass Ränder aus dem zugehörigen div-Tag geraten können
	padding-right: 15px;
	padding-left: 15px; /* Durch Hinzufügen der Auffüllung zu den Seiten der Elemente innerhalb der div-Tags anstelle der div-Tags selbst entfallen jegliche Box-Modell-Berechnungen. Alternativ kann auch ein verschachteltes div-Tag mit seitlicher Auffüllung verwendet werden. */
}
h1, h2, h3, h4, h5, h6, p {
    padding-left: 1%;
	padding-right: 1%;
}
body {
  padding-top: 0px; /* Adjust this value to match your h1 height */
}
a img { /* Dieser Selektor entfernt den standardmäßigen blauen Rahmen, der in einigen Browsern um ein Bild angezeigt wird, wenn es von einem Hyperlink umschlossen ist. */
	border: none;
}

/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: grey;
	text-decoration: underline; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: #4D4D4D;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: none;
}
.noDeco {
     text-decoration-line: none !important;
}
.REDdel {
	color: #900;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* ~~ Responsive Text use div and class="RespText" ~~ */
@media screen and (min-width: 601px) {
  div.RespText {
    font-size: 80px;
  }
}

@media screen and (max-width: 100%px) {
  div.RespText {
    font-size: 30px;
  }
}

.EAPphoto {
  height: 65px: 
  box-shadow: none !important;
}
.EAPphot {
  height: 65: 
  box-shadow: none !important;
}

/* -----------   GRID   TODAY and Selection   -------------- */

.card-body {
  padding: 0.1rem; 
  /* horizontal zentrieren */
  text-align: center;
}
.card {
  background: none;
  margin-bottom: 15px;
  color: grey;
  padding: 0rem;
  height: auto;
}
.cards {
  max-width: 2800px;
  margin: 0 auto;
  display: grid;
  gap: 0.1rem;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}
.card:hover {
  color: #4D4D4D;
  font-weight: bold;
  text-shadow: 5px 8px 6px #000000;
}
/* ---------  GRID   TODAY and Selection - END  ---------  */

/* ---------  SEARCH window  ---------  */
iframe {
    padding: 0;
    margin: 0;
	width:100%;
    height:100%;
}
/* ---------  SEARCH window END  ---------  */

/* ---------  scrollBackToTOP  ---------  */
#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 90px; /* Place the button at the bottom of the page */
  right: 20px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: 0.5px solid black; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #E0E0E0; /* Set a background color */
  color: black; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding-left:   10px; /* Some padding */
  padding-right:  10px; /* Some padding */
  padding-top:    14px; /* Some padding */
  padding-bottom: 14px; /* Some padding */
  border-radius: 4px; /* Rounded corners */
  font-size: 26px; /* Increase font size */
}
#myBtn:hover {
  background-color: #B0B0B0; /* Add a dark-grey background on hover */
}
@media screen and (max-width: 1500px) {
  #myBtn {
    padding-left:   8px; /* Some padding */
    padding-right:  8px; /* Some padding */
    padding-top:    12px; /* Some padding */
    padding-bottom: 12px; /* Some padding */
    font-size: 24px; /* Increase font size */
  }
}
@media screen and (max-width: 900px) {
  #myBtn {
    padding-left:   6px; /* Some padding */
    padding-right:  6px; /* Some padding */
    padding-top:    10px; /* Some padding */
    padding-bottom: 10px; /* Some padding */
    font-size: 24px; /* Increase font size */
  }
}
/* ---------  backToTOPend  ---------  */




/* ~~ IMAGES - Responsive and restricted ~~ */

/* ------ fit PIC generell ----- */
.img-responsive {
  max-width: 87%;
  height: auto;
  float: left;
}

/* ------ PIC - PictureCovers ----- */
.responsivePIC {
  display: flex;   
  justify-content: center;   
  align-items: center;
  width: 90%;
  max-width: 2800px;
  height: auto;
}
/* ------ 385 --- class="responsive385" ----- */
.responsive385 {
  width: 75%;
  max-width: 385px;
  height: auto;
}
/* ------ 410 - class="responsive410" ----- */
.responsive410 {
  width: 80%;
  max-width: 410px;
  height: auto;
}
/* ------ 480 - class="responsive480" ----- */
.responsive480 {
  width: 80%;
  max-width: 480px;
  height: auto;
}

/* ------ Calendar on TopRated ----- */
/* ------ 330 - CalendarTR ----- */
.responsive415 {
  width: 90%;
  max-width: 415px;
  height: auto;  
}
/* ------ 415 - CalendarTR ----- */
.responsive415 {
  width: 55%;
  max-width: 415px;
  height: auto;
}

/* ------ Calendar Previews --   class="calendarPre"   ----- */
.calendarPre {
  justify-content: center;   
  align-items: center;
  width: 320; 
  height: auto; 
}

/* ------ 550 - PaymentMethods ----- */
.responsive550 {
  width: 70%;
  max-width: 550px;
  height: auto;
  box-shadow: none !important;  
}

/* ------ 600 ---   class="responsive600"   ----- */
.responsive600 {
  width: 75%;
  max-width: 600px;
  height: auto;
}

/* ------ 200 - RACSlogoTransPng ----- */
.responsive200 {
  width: 20%;
  max-width: 200px;
  height: auto;
  box-shadow: none !important;  
}
/* ------ --- 900 ---   class="responsive90085"   ----- */
.responsive90085 {
  width: 85%;
  max-width: 900px;
  height: auto;
}
/* ------ --- 976 ---   class="responsive97685"   ----- */
.responsive97685 {
  width: 85%;
  max-width: 976px;
  height: auto;
  box-shadow: none !important;  
}
/* ------ 100070 - Casting ----- */
.responsive100070 {
  width: 70%;
  max-width: 1000px;
  height: auto;
  box-shadow: none !important;  
}
/* ------ 1000 - CamGirls ----- */
.responsive100090 {
  width: 90%;
  max-width: 1000px;
  height: auto;
  box-shadow: none !important;  
}
/* ------ 1200 - CamGirls ----- */
.responsive120090 {
  width: 90%;
  max-width: 1200px;
  height: auto;
  box-shadow: none !important;  
}

/* ------  TopRated  ----- */
/* ------  PICs  --- class="responsive500" ----- */
.responsive500 {
  width: 100%;
  max-width: 450px;
  height: auto;
}
/* ------  VIDs  ---  class="responsive750" ----- */
.responsive750 {
  width: 100%;
  max-width: 825px;
  height: auto;
}

/* ------ RespDiv - Footer ----- */
/* ------ 450 - Footer Logo EAP ----- */
.responsive450 {
  width: 75%;
  max-width: 450px;
  height: auto;
}
/* ------ 400 - Footer Logo RACS ----- */
.responsive400 {
  width: 50%;
  max-width: 400px;
  height: auto;
}
/* ------ 462 - Footer Copyright ----- */
.responsive462 {
  width: 70%;
  max-width: 462px;
  height: auto;
  box-shadow: none !important; }
/* ------ 120 - Footer RTA ----- */
.responsive120 {
  width: 15%;
  max-width: 120px;
  height: auto;
  box-shadow: none !important;  
}

/* ------ 410 - Model's Site Portrait ---   class="responsive410"   ----- */
.responsive410 {
  width: 80%;
  max-width: 410px;
  height: auto;
}

/* ~~ IMAGES - Responsive and restricted - End ~~ */

/* ~~ SELECTOR ~~ */
/* ~~ TAGS hide div  ---  class="selection"  ---- ~~ */
div.selection {
  background-color: transparent;
  padding: 5px;
}
@media screen and (max-width: 1601px) {
  div.selection {
    display: none;
  }
}
/* ~~ TAGS show instead div  ---  class="selector"  ---- ~~ */
div.selector {
  background-color: transparent;
  padding: 5px;
}
@media screen and (min-width: 1600px) {
  div.selector {
    display: none;
  }
}

/* ~~ SELECTOR tags ~~ */

.selector {
  background-color: transparent;
  padding: 5px;
}	
/* ~~ SELECTOR tags END ~~ */


/* ~~ PHOTO hide div  ---  class="yeaBut"  ---- ~~ */
div.yeaBut {
  background-color: transparent;
}
@media screen and (max-width: 1500px) {
  div.yeaBut {
    display: none;
  }
}


/* ~~ SEARCH table Scroll/ScrollNo ~~ */
/* ~~ SEARCH table hide div  ---  class="ScrollNo"  ---- ~~ */
div.ScrollNo {
  background-color: transparent;
  padding: 5px;
}
@media screen and (max-width: 2000px) {
  div.ScrollNo {
    display: none;
  }
}
/* ~~ SEARCH table show instead div  ---  class="Scroll"  ---- ~~ */
div.Scroll {
  background-color: transparent;
  padding: 5px;
}
@media screen and (min-width: 2000px) {
  div.Scroll {
    display: none;
  }
}

/* ~~ FREELOADS ~~ */
/* ~~ FREELOADS 1250 hide div  ---  class="FR1250"  ---- ~~ */
div.FR1250 {
  background-color: transparent;
  padding: 5px;
}
@media screen and (max-width: 1250px) {
  div.FR1250 {
    display: none;
  }
}
/* ~~ FREELOADS 100 hide div show instead div  ---  class="FR100"  ---- ~~ */
div.FR100 {
  background-color: transparent;
  padding: 5px;
}
@media screen and (min-width: 1250px) {
  div.FR100 {
    display: none;
  }
}


/* ~////////////////////////~ BUTTONS ~///////////////////////~ */

/* --- SingleProductDownloadButton --- */
.buttonM {
  background-color: #cc0000; /* Red */
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none !important;  
  display: inline-block;
  font-size: 22px;
}

/* --- Film-Movie-Video-Latest-All-Touching --- */
.movieStar {
  text-decoration-line: none !important;
  border: 1px solid black;
  background-color: #E0E0E0;
  color: black;
  width:350px; display:inline-block;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 5px;
}
@media screen and (max-width: 1200px) {
.movieStar {
  width:150px; display:inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 12px;
  margin: 2px;
  }
}
@media screen and (max-width: 900px) {
.movieStar {
  width:120px; display:inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 10px;
  margin: 2px;
  }
}


/* --- Models Prev --- */
.previous {
  text-decoration-line: none !important;
  border: 1px solid black;
  background-color: #E0E0E0;
  color: black;
  width:120px; display:inline-block;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  cursor: pointer;
}
.previous:hover {
  text-decoration-line: none !important;
  border: 1px solid black;
  background: #404040;
  color: white;
}
/* --- Models Next --- */
.next {
  text-decoration-line: none !important;
  border: 1px solid black;
  background-color: #E0E0E0;
  color: black;
  width:120px; display:inline-block;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 14px;
  cursor: pointer;
}
.next:hover {
  text-decoration-line: none !important;
  border: 1px solid black;
  background: #404040;
  color: white;
}
.round {
  text-decoration-line: none !important;
  border-radius: 5px;
}

@media screen and (max-width: 1200px) {
.previous {
  width:100px; display:inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
  }
}
@media screen and (max-width: 1200px) {
.next {
  width:100px; display:inline-block;
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 12px;
  }
}
@media screen and (max-width: 900px) {
.previous {
  width:80px; display:inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 10px;
  }
}
@media screen and (max-width: 900px) {
.next {
  width:80px; display:inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 10px;
  }
}


/* ------ Button - 81-82-83 ----- */

.button-body {
  padding: 0.1rem; 
  /* horizontal zentrieren */
  text-align: center;
}

.button8 {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 22px;
  margin: 4px 2px;
  border-radius: 0,6px;
  cursor: pointer;
}
/* ------ Button - 81-82-83 ----- */
.button81 {background-color: #c7320d;} /* Red */

.button2 {
  background-color: #918e8e; /* Grey */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  width: 80%;
  max-width: 480px;
  height: auto;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
}

/* ------ Button - TAGs-MORE ----- */
.button222 {
  background-color: #918e8e; /* Grey */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  width: 90%;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
}

.button2Mir {
  background-color: #12b1ff; /* Blue */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  width: 90%;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
}
.button5 {
  background-color: #c7320d; /* Red */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  width: 100%;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
}
/* ------ Button - RSS rumours ----- */
.button55 {
  background-color: #c7320d; /* Red */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  width: 90%;
  color: white;
  padding: 10px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
}

.button6 {
  background-color: #c7320d; /* Red */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  width: 100%;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
}
.button7 {
  background-color: #c7320d; /* Red */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  width: 100%;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
}

/* Cams */
.button22 {
  background-color: #e5a912; /* Orange */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  width: 80%;
  max-width: 480px;
  height: auto;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;

}
.button33 {
  background-color: #c7320d; /* Red */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  width: 80%;
  max-width: 480px;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
}
/* ----- BUTTON PhotTAbles YEARS ----- */
.buttonPH {
  font-size: 1.2em;
  margin: 0 0.5em 0.5em 0;
  padding: 0.3em 0.33em;
  border-radius: 0,3px;	
  background-color: #d0d0d0
  box-shadow: none !important; 
  left: 1px;
  top: 1px;	
}
/* ----- BUTTON FREE RIDE 123 ----- */
.buttonFR {
  font-size: 1.2em;
  margin: 0 0.5em 0.5em 0;
  padding: 0.3em 0.33em;
  border-radius: 0,3px;	
  background-color: #d0d0d0
  box-shadow: none !important; 
  left: 1px;
  top: 1px;	
}

.button100 {
	background-color: #FFFFFF
	font-size: 1.2em;
	margin: 0 0.6em 0.6em 0;
	padding: 0.6em 0.33em;
	border-radius: 0,6px;	
}
/*buttonTAGs*/
.buttonT {
  font-size: 0.7em;
  margin: 0 0.5em 0.5em 0;
  padding: 0.3em 0.33em;
  border-radius: 0,3px;	
  background-color: #d0d0d0
  box-shadow: none !important; 
  left: 1px;
  top: 1px;
}
/*buttonBACK*/
.buttonBack {
  font-size: 0.8em;
  margin: 0 0.5em 0.5em 0;
  padding: 0.3em 0.33em;
  border-radius: 0,3px;	
  background-color: #d0d0d0
  box-shadow: none !important; 
  left: 1px;
  top: 10px;
}
/* ~~ BUTTONSend ~~ */


/* ~~ membersBUTTONSsignin ~~ */
.button1m {
  background-color: #2ea400; /* Green */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  width: 80%;
  max-width: 480px;
  height: auto;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;

}
.button2m {
  background-color: #c7320d; /* Red */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  width: 80%;
  max-width: 480px;
  height: auto;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;

}
.button4m {
  background-color: #000000; /* Black */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: none;
  width: 80%;
  max-width: 480px;
  height: auto;
  color: white;
  padding: 10px 30px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;

}
/* ~~ membersBUTTONS-end ~~ */


/*TOP-NAV - HamburgerJung - SoloButton*/
#apDiv300 {
  position: absolute;
  width: 22px;
  height: 22px;
  z-index: 50;
}
.buttonHH { 
  width: 20; 
  height: 20; 
  alt: Hamburger; 
  title: mobile menu;
  box-shadow: none !important; 
}
/*TOP-NAV - HamburgerJung - SoloButton*/


/*TOP-NAV*/
.topnav {
  overflow: hidden;
  background-color: #fff;;
  position: fixed;
  z-index: 100;
}

.topnav a {
  float: left;
  display: block;
  color: #000000;
  text-align: center;
  padding: 3px 6px;
  text-decoration: none;
  font-size: 18px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.activeb {
  background-color: #5a5a5a;
  color: white;
}

.topnav a.active {
  background-color: #cc0000;
  color: white;
}
.topnav a.active2 {
  background-color: #288208;
  color: white;
}

.topnav a.active22 {
  background-color: #b7b7b7;
  color: #1f1f1f;
}

.topnav a.active3 {
  background-color: #fff;
  color: black;
}

.topnav a.activeLogo {
  background-color: #fff;
  color: black;
}

.topnav .icon {
  display: none;
}
.topnav .icon {
  display: none;
}

@media screen and (max-width: 768px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .topnav.responsive {position: relativ;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	padding: 2px 12px;
  }
}
/*TOP-NAV --- END*/


/* --- DROPdown --- */
.dropbtn {
  background-color: #d0d0d0;
  color: black;
  padding: 7px 12px;
  font-size: 18px;
  border: none;
  z-index: 100;}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 7px 12px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

/* --- DROPdown --- END --- */


/* --- MARQUEE --- */
/* --- Ticker --- */
.marqueta {
font color: #676767; 
background: #d0d0d0;
background-height: 35px;
background-width: 85%;
algin: middle; 
height: 25 ;
hspace: 10 ;
behavior: alternate; 
scrollamount: 2; 
scrolldelay: 1; 
width: 70%;
}


/*TOGGLE NIGHT-DAY*/
/* Universal Styling */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/* Container for all the elements */
/* Universal Styling */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

/* Container for all the elements */
.container {
  width: 100%;
  min-height: 100vh;
  padding: 10px;
  /* Changing the background & font color when checked */
  /* Changing the background & font color when checked */
  /* Changing the background & font color when checked */
  /* Changing the background & font color when checked */
  /* Changing the background & font color when checked */
  /* Changing the background & font color when checked */
  /* Changing the background & font color when checked */
  background-color: #333;
  color: #EEE;
  transition: all 0.4s ease-out;
}
/* Toggle Button */
#toggle {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 50px;
	height: 20px;
	border-radius: 10px;
	background-color: #333;
	position: fixed;
/* ----- Toggle Button POSITION ------ */
	top: 9px;
	left: 6px;

: 50px;
	transition: all 0.5s ease-in;
	cursor: pointer;
	z-index: 500;
}

/* Toggle Button MCA */
#toggle-mca {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 50px;
	height: 20px;
	border-radius: 10px;
	background-color: #333;
	position: absolute;
/* ----- Toggle-mca Button POSITION ------ */
	top: 8px;
	left: 174px;

: 50px;
	transition: all 0.5s ease-in;
	cursor: pointer;
	z-index: 1;
}

/* Making a dot switch inside the Toggle Button */
#toggle::before {
  content: "";
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #EEE;
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  transition: all 0.5s ease-in;
}

/* Changing toggle button background when checked */
#toggle:checked {
  background: #d0d0d0;
}

/* Changing dot switch color and moving to the right side when checked */
#toggle:checked::before {
  background: #333;
  left: 32px;
}
/* Changing the background & font color when checked */
/* Changing the background & font color when checked */
/* Changing the background & font color when checked */
/* Changing the background & font color when checked */
/* Changing the background & font color when checked */
/* Changing the background & font color when checked */
/* Changing the background & font color when checked */
#toggle:checked ~ .container {
  background-color: #EEE;
  color: #333;
}
/*TOGGLE NIGHT-DAY --- END*/


/*ROWs and COLUMNs*/

/* Covers Pictures - not on Today and Selections */
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  margin: 100px;
}
.column {
  flex: 25%;
  max-width: 25%;
  padding: 10px;
  padding-bottom: 0;
}
.column:hover {
  color: #4D4D4D;
  font-weight: bold;
  text-shadow: 5px 8px 6px #000000;
}
.column img {
  margin-top: 12px;
  vertical-align: middle;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
  .row {
  margin: 2px;
}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
  .row {
  margin: 2px;
}
}


/* Cover VideoSite */	
.row2 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  margin: 100px;
}
.column2 {
  flex: 33%;
  max-width: 33%;
  padding: 10px;
  padding-bottom: 0;
}
.column2:hover {
  color: #4D4D4D;
  font-weight: bold;
  text-shadow: 5px 8px 6px #000000;
}
.column2 img {
  margin-top: 12px;
  vertical-align: middle;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .column2 {
    flex: 50%;
    max-width: 40%;
  } 
  .row2 {
  margin: 2px;
}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column2 {
    flex: 100%;
    max-width: 100%;
   
  } 
  .row2 {
  margin: 2px;
}


/* ModelsPortraitSite */
.rowMo {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  margin: 100px;
}
.columnMo {
  flex: 25%;
  max-width: 25%;
  padding: 0 10px;;
}
.columnMo:hover {
  color: #4D4D4D;
  font-weight: bold;
  text-shadow: 5px 8px 6px #000000;
}
.columnMo img {
  margin-top: 12px;
  vertical-align: middle;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .columnMo {
    flex: 50%;
    max-width: 50%;
  }
  .rowMo {
  margin: 2px;
}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .columnMo {
    flex: 100%;
    max-width: 100%;
  }
  .rowMo {
  margin: 2px;
}
}


/* Create four equal columns that floats next to each other */
/* TopRatedPictures */
/* Cover VideoSite */	
.row2222 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  margin: 100px;
}
.column2222 {
  flex: 33%;
  max-width: 33%;
  padding: 0 10px;
}
.column2222:hover {
  color: #4D4D4D;
  font-weight: bold;
  text-shadow: 5px 8px 6px #000000;
}
.column2222 img {
  margin-top: 12px;
  vertical-align: middle;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 900px) {
  .column2222 {
    flex: 50%;
    max-width: 40%;
  } 
  .row2222 {
  margin: 2px;
}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column222 {
    flex: 100%;
    max-width: 100%;
   
  } 
  .row2222 {
  margin: 2px;
}


/* ArtAndAccidents */
.column222 {

    column-width: 520px;
    padding: 3px;
	margin: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 20px;
}
.column222:hover {
  color: grey;
  font-weight: bold;
  text-shadow: 5px 8px 6px #000000;
}



/* Cover Videos */	
.column20{
  background: none;
  color: grey;
  padding: 0rem;
  height: auto;
  margin-bottom: 20px;
}
.column2:hover {
  color: #4D4D4D;
  font-weight: bold;
  text-shadow: 5px 8px 6px #000000;
}

/* PhotoAll Tables */	
.column3 {
    float: left;
    column-width: 320px;
    padding: 3px;
	margin: 3px;
}
.column3:hover {
  color: #4D4D4D;
  font-weight: bold;
  text-shadow: 5px 8px 6px #000000;
}


/* Covers Pictures - not on Today */
.column000000 {
	float: left;
    column-width: 520px;
    padding: 3px;
	margin: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 20px;
}
.column00000:hover {
  color: grey;
  font-weight: bold;
  text-shadow: 5px 8px 6px #000000;
}
/* Cover Videos */	
.column200000 {
    float: left;
    column-width: 770px;
    padding: 3px;
	margin: 3px;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: 20px;
}
.column200000:hover {
  color: grey;
  font-weight: bold;
  text-shadow: 5px 8px 6px #000000;
}
/* Portrait-Inner */
.column300 {
    float: left;
    width: 23.7%;
    padding: 5px;
	margin: 5px;
}
.column300:hover {
  color: grey;
  font-weight: bold;
  text-shadow: 5px 8px 6px #000000;
}


.row-body {
  padding: 0.1rem; 
  /* horizontal zentrieren */
  text-align: center;
}
	
/* Clearfix (clear floats) */
.row::after {
    content: "";
    clear: both;
    display: table;
	images: overflow-wrap;
}

.clearfix {
    overflow: auto;
}
/* Clearfix (clear floats) */
.row::after {
    content: "";
    clear: both;
    display: table;
	images: overflow-wrap;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}



.header-image {
  width: 100%;
  height: auto;
}

/* -----------   GRID   GRID   GRID   MEDIAfreeloads   -------------- */

.card-bodyMfr {
  padding: 0.1rem; 
  /* horizontal zentrieren */
  text-align: center;
}

.cardMfr {
  background: none;
  margin-bottom: 15px;
  color: grey;
  padding: 0rem;
  height: auto;
}

.cardsMfr {
  max-width: 2800px;
  margin: 0 auto;
  display: grid;
  gap: 0.1rem;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.cardMfr:hover {
  color: #4D4D4D;
  font-weight: bold;
  text-shadow: 5px 8px 6px #000000;
}


/* -----------   GRID   GRID   GRID   freeRIDE   -------------- */

/* ---------    in own css-file   -------- */

/* -----------   GRID   GRID   GRID   freeRIDE end   -------------- */

/* EUcookieBox */
#eu_cookiebox {
	display: block;
	z-index: 100;
	position: fixed;
	bottom: 0px;
	min-height: 30px;
	padding: 5px;
	margin: 0;
	width: 100%;
	color: #555;
	border: none;
	border-bottom: none;
	background: #f5f5f5;
}

/* images videos */
.images { /* images pictures */
  display: flex;
  padding: 5px;
}
.img-holder {
  position: relative;
  margin: 5px;
  align-self: flex-start;
}
.img-holder p {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
  margin: 0;
}
img {
    box-shadow: 3px 3px 5px silver;
}
.alignnone  {
    box-shadow: none !important;
}	

/* ---------  apDIVs  ---------  */

#apDiv1-Today {
	position: absolute;
	width: 96px;
	height: 115px;
	z-index: 1;
	left: 3px;
	top: 2960px;
}

#apDiv2-Feat {
	position: absolute;
	width: 96px;
	height: 115px;
	z-index: 1;
	left: 0px;
	top: 1998px;
}

#apDiv3-Feat {
	position: absolute;
	width: 96px;
	height: 115px;
	z-index: 1;
	left: 3px;
	top: 3970px;
}

#apDiv4-Feat {
	position: absolute;
	width: 96px;
	height: 115px;
	z-index: 1;
	left: 3px;
	top: 5521px;
}

#apDiv5-Feat {
	position: absolute;
	width: 96px;
	height: 115px;
	z-index: 1;
	left: 2px;
	top: 7057px;
}

#apDiv6-Feat {
	position: absolute;
	width: 96px;
	height: 115px;
	z-index: 1;
	left: 5px;
	top: 6646px;
}

#apDiv7-Feat {
	position: absolute;
	width: 96px;
	height: 115px;
	z-index: 1;
	left: 42px;
	top: 8733px;
}

#apDiv8-Feat {
	position: absolute;
	width: 96px;
	height: 115px;
	z-index: 1;
	left: 8px;
	top: 9724px;
}

#apDiv9-Feat {
	position: absolute;
	width: 96px;
	height: 115px;
	z-index: 1;
	left: 0px;
	top: 10166px;
}

#apDiv10-Feat {
	position: absolute;
	width: 96px;
	height: 115px;
	z-index: 1;
	left: 0px;
	top: 15166px;
}


#apDiv12-Feat {
	position: absolute;
	width: 96px;
	height: 115px;
	z-index: 1;
	left: 103px;
	top: 8413px;
}


/* ---------  Fading animation  ---------  */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 2.5s;
  animation-name: fade;
  animation-duration: 2.5s;
}
@-webkit-keyframes fade {
  from {opacity: .1}
  to {opacity: 3}
}

@keyframes fade {
  from {opacity: .1}
  to {opacity: 3}
}


/* ---------  sideBAR  ---------  */
.sidebar1 {
	float: right;
	width: 0px;
	background-color: #FFF;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px; 
	position: -webkit-sticky;
    position: sticky;
    top: 0;
}