:root {
  --vh: 1vh; /* wird per JS aktualisiert */
}
body{
    position: relative;
    margin: 0;
    padding: 0;
    background: #aeff00;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #191919;
    font-size: 66px;
    letter-spacing: -0.04em;
    z-index: 0;
    user-select: none;         /* Standard */
    -webkit-user-select: none; /* Chrome, Safari */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* IE/Edge */
}
main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: calc(var(--vh) * 100); /* ersetzt 100vh */
  z-index: 10;
  position: fixed; /* bleibt fixed */
  top: 0;
  left: 0;
  width: 100%;
}
#content{
    text-align: center;
}
#words, #music{
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* center all lines */
    align-items: center;
    gap:.5em 2em;                /* space between items */
    text-transform: uppercase;
    text-align: center;
    margin: 1%;
}

#music{
    align-self: center;
}
#address{
    text-align: center;
    padding-bottom:5%;
}
p{
    padding: 0;
    margin: 0;
}
a{
    position: relative;
    display: inline-block;
    color:#191919;
    text-decoration: none;
    z-index: 100;
}
a:hover{
    transform: rotate(6deg);
}
a:hover:nth-last-of-type(odd){
    transform: rotate(-2deg); 
}
.logo{
    width: 66vw;
    margin: 0 auto;
    padding-top:5%;
}

  .floating-svg {
    position: absolute;
    width: 25vmin;   /* scales with viewport */
    height: 25vmin;
    opacity: 0;
  }

  .floating-svg.show {
    opacity: 1;
    transform: scale(1);
  }

  .floating-svg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

.stars1, .stars2, .stars3, .stars4{
    position:fixed;
    width: 20%;
    height: auto; 
    display: flex;
    justify-content: center;
    align-items: center;
}

.stars1{
    top:5px;
    left:5px;
}

.stars2{
    top:5px;
    right:5px;
}

.stars3{
    bottom:5px;
    left:5px;
}

.stars4{
    bottom:5px;
    right:5px;
}

@media only screen and (min-width: 992px) {
    body{
        font-size: 50px;
    }    
    .logo{
        width: 33vw;
        padding-top:1%;
    }
    .stars1, .stars2, .stars3, .stars4{
    width:8%;
    }
    #address{
        padding-bottom:1%;
    }
    #words{
        gap:.3em 4em;
    }
}