.pinnwand {
  box-shadow: none;
  height: calc(100dvh - 88px);
}

.hide_ds_impressum {
  transition: all 500ms ease-in;
  margin-top: -110dvh;
}

.main-button {
  box-shadow: var(--color-con-rot) -0.5rem 0.5rem 0px 0px;
}

@media (width >= 48rem) {
  .pinnwand {
    box-shadow: #ffff32 1.5rem 1.5rem 0px 0px;
    height: calc(100dvh - 145px);
    /* cursor: url("./img/drag_pan.svg"), auto; */
    cursor: url("./img/open_with.svg"), auto;
  }
}

.shake-bottom {
  -webkit-animation: shake-bottom 5s cubic-bezier(0.455, 0.03, 0.515, 0.955)
    infinite both;
  animation: shake-bottom 5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite
    both;
}

/* ----------------------------------------------
 * Generated by Animista on 2025-5-19 18:43:20
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-bottom
 * ----------------------------------------
 */
@-webkit-keyframes shake-bottom {
  0%,
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  2% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  4%,
  8%,
  12% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  6%,
  10%,
  14% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  16% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  18% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}
@keyframes shake-bottom {
  0%,
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
  }
  2% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  4%,
  8%,
  12% {
    -webkit-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
  6%,
  10%,
  14% {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  16% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  18% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}