.parent {
 position: relative;
  width: 800px;
  height: 800px;
  margin: 0px auto;
  
  background-image: url('../img/drehladen_sw_skizze_verein.png');
  background-size: cover;      /* Bild füllt den Bereich komplett aus */
  background-position: center; /* Bildmitte bleibt sichtbar */
  background-repeat: no-repeat;
  /*box-shadow: 0 10px 30px rgba(0,0,0,0.25);*/
  
}

#ticker-container {
    position: absolute;
    width: 411px;
    top: 157px;
    left: 173px;
    
    transform: perspective(92px) rotateY(-7deg) skew(0deg, -7deg);
    overflow: hidden;
    white-space: nowrap;
		 cursor: pointer; 
    filter: blur(0.5px);
}
#ticker-text {
    display: inline-block;
    padding-left: 100%;
	  font-size: 18px;
    font-family: 'Roboto Mono';	    
    font-weight: lighter;
    text-shadow: 1px 1px 2px #FFF;
    color: #ff0000;
   
}
#timetable {
display: none;
  position: absolute;
  width: 404px;
  top: 194px;
  left: 220px;
  background: #EEE;
  box-shadow: 0 10px 30px rgba(0,0,0,0.25);
  padding: 5px;
  transform: perspective(118px) rotateY(0deg) skew(0deg, -6deg);
  opacity: 0.9;
  border-radius: 4px;
  max-height: 520px;
font-family: 'Roboto Mono';
overflow: hidden;
}

.poster{
  display: block;
  position: absolute;
  width: 74px;
  height: 106px;
	left: 335px;
  top: 343px;
	filter: saturate(6) brightness(4) blur(0.5px);
  /*background-image: url('https://data.dreh.es/Flyer/Flyer060226.jpg');*/
  /*background-size: cover;*/
  transform: perspective(12px) rotateY(-1deg) skew(1deg, 2deg);
	transition: all 0.2s ease;
	border-radius: 17px 10px 4px 8px;
  }

.poster_lrg
{
  display: block;
  position: absolute;
  width: 332px;
  height: 469px;
  left: 110px;
  top: 198px;
  /*background-image: url('https://data.dreh.es/Flyer/Flyer060226.jpg');*/
  /*background-size: cover;*/
  opacity: 0.9;
  transition: all 0.4s ease;
  transform: perspective(25px) rotateY(1deg) skew(1deg, 0deg) rotateZ(1deg);
  border-radius: 10px;
}
.poster_list
{
  background-size: cover;
  width: 74px;
  height: 106px;
  position: relative;
  left: 0px;
  top: -60px;
  float: right;



}

#verein_thumb {
  position: absolute;
  width: 67px;
  top: 565px;
  left: 642px;
  /*background: #fdd;*/
  height: 80px;
  transform: perspective(0px) rotateY(-0deg) skew(-13deg, 5deg);
   font-family: 'Roboto Mono';
  font-size: xx-small;
  filter: blur(0.5px);
}
#verein {
position: absolute;
  /*display: none;*/
  width: 197px;
  top: 562px;
  left: 707px;
  background: #eee;
  height: 80px;
  transform: perspective(0px) rotateY(-0deg) skew(-10deg, 0deg);
  font-family: 'Roboto Mono';
  font-size: small;
  color: #000;
  padding: 5px;
  opacity: 0.9;
  border-radius: 4px;
}

#LP-Klick
{
	    display: block;
    /* background-color: #EEE; */
    position: absolute;
    top: 646px;
    height: 37px;
    left: 182px;
    width: 105px;
    opacity: 0.8;
    transform: skew(3deg, 10deg);
    text-align: center;
    font-size: 22px;
    color: red;
    filter: blur(0.5px);
}

#LPBox {
  display: block;
  position: absolute;
  top: 364px;
  left: 148px;
  height: 176px;
  aspect-ratio: 3/1;
  font-size: 84%;
  transform: perspective(50px) rotateX(1deg);
}

@keyframes scroll-left {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

footer {
position: fixed;
background:#FFF;
bottom: 0px;
width: 100%;
text-align: center;
font-size: 18px;
color: #666;
font-family: Arial, Helvetica, sans-serif;
padding-bottom: 5px;
  padding-top: 5px;
}


#BT-Pop
{
    position: absolute;
    top: 477px;
    /* height: 34px; */
    left: 326px;
    width: 105px;
    font-size: 13px
}

#BT-Jazz
{
position: absolute;
    top: 479px;
    left: 270px;
    width: 105px;
    font-size: 10px;
}

#BT-Electronic
{
position: absolute;
    top: 576px;
    
    left: 186px;
    
    font-size: 14px;
    transform: skew(5deg, 7deg);
}

#BT-Punk
{
position: absolute;
    position: absolute;
    top: 552px;
    left: 541px;
    font-size: 17px;
    transform: skew(5deg, 7deg);
}

#BT-Kiste1{
    position: absolute;
    top: 563px;
    left: 113px;
    font-size: 12px;
    transform: skew(5deg, 7deg);
}

a {
      	  text-decoration:none;
			  color: #333;
    }