@media only screen and (max-width: 1000px) {

  .main {
    padding-right: 20px;
  }

  .band-youtube-wrap {
    flex: 100vw;
    padding-right: 0;
  }

  .threejs-element {
    display: block;
  }

  .audio-player-wrap {
    width: calc(100vw - 40px);
    top: 70px;
    transform: translateX(calc(-100% - 40px));

    transition: transform 0.5s ease;

    z-index: 50;

    height: calc(100vh - 90px);

    overflow-y: hidden;
  }

  .songliste-spacer {
    background-color: var(--highlightsmall);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 100%;
  }

  /* .mobile-player-button {
      cursor: pointer;



      width: fit-content;
      border: solid var(--highlightsmall);

      background-color: var(--highlightsmall);
      color: white;
      font-family: Krona;
      border-radius: 50px;
      padding-left: 10px;
      padding-right: 10px;

      position: sticky;
      top: 0;
      z-index: 20;

      transition: transform 0.25s ease;

      margin-left: 40px;

      -webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.47);
      box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.47);

  } */

  .mobile-player-button {
      cursor: pointer;


    /* angepasste Buttons */
      width: fit-content;
      border: solid var(--highlightsmall);
      /* background-color: #F986E2; */
      background-color: var(--highlightsmall);
      color: white;
      font-family: Krona;
      border-radius: 50px;
      padding-left: 10px;
      padding-right: 10px;
      /* margin-top: 10px; */
      /* margin-bottom: 10px; */
      position: fixed;
      top: 70px;
      left: 50%;
      transform: translateX(-50%);
      z-index: 20;

      transition: transform 0.25s ease;

      /* margin-left: 40px; */

      -webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.47);
      box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.47);

  }


  .playercrosshair {
    display: block !important;
    height: 70px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: all 0.25s ease;
  }

  .playercrosshair:hover {
    transform: scale(1.05);
  }

  /* .audio-player-wrap:hover {
    transform: scale(1.025);
  } */





}



@media only screen and (max-width: 400px) {


}