#plakat {
      position: absolute;
      width: 30rem;
      height: calc(30rem * 1.414);
      background-color: #e98e8e;
      top: 50%;
      left: 50%;
      translate: -50% -50%;
      border: 1px solid rgba(0,0,0,.2);
      overflow: hidden;
      animation-name: myAnimation;
      animation-duration: 2s;
      animation-iteration-count: infinite;

    }

    @keyframes myAnimation {
  0%   {background-color: rgb(255, 90, 90);}
  25%  {background-color: rgb(255, 255, 98);}
  50%  {background-color: rgb(125, 125, 255);}
  100% {background-color: rgb(92, 253, 92);}
}

    body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: #222;
    animation-name: myAnimation2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
  }

   @keyframes myAnimation2 {
  0%   {background-color: rgb(255, 249, 71);}
  25%  {background-color: rgb(72, 173, 255);}
  50%  {background-color: rgb(255, 74, 234);}
  100% {background-color: rgb(255, 33, 33);}
}

@keyframes Bewegung{
  from{transform: rotate(-25%);}
  to{transform: translateY(25%);}

}

#schrift{
  color: rgb(250, 69, 69);
    font-family: Helvetica, sans-serif, sans-serif;
    font-style: super bold;
    animation-name: myAnimation3;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes myAnimation3 {
  0%   {color: rgb(255, 150, 178);}
  25%  {color: rgb(255, 247, 128);}
  50%  {color: rgb(169, 255, 163);}
  100% {color: rgb(176, 133, 255);}
  }

  .bogen {
    position: relative;
    width: 400px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    animation-name: Bewegung;
    animation-duration: 0.25s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
  }

  .bogen span {
    position: absolute;
    top: 55%;
    transform-origin: bottom center; 
    letter-spacing: 50px;
    font-size: 150px;
  }