.spinny-wrapper {
    position: relative;
    color: #234c7d;
    text-align: center;
}

.spinny-wrapper a {
    color: #234c7d;
    text-decoration: underline;
    text-decoration-color: #bbb;
    text-decoration-thickness: 1px;
    text-underline-offset: 5px;
    text-decoration-style: dotted;
}

.pipeten-spinny-words{
    display: inline-block;
}
.pipeten-spinny-words span{
    
    top:15px;
    display: none;
    font-size: 1.2em;
}

.rotateAnimIn {
    animation: rotateWordIn 4s linear 0s;
}

.rotateAnimInFirst {
    animation: rotateWordInFirst 4s linear 0s;
}

@keyframes rotateWordIn {
  0%   {  z-index:0;}
  1%   {  transform: translateY(-30px); z-index:0; }
  20%   {  transform: translateY(0px); z-index:1;}
  80%   {  transform: translateY(0px); z-index:1;}
  100%   { transform: translateY(30px); z-index:1;}
}

@keyframes rotateWordInFirst {
  0%   {  z-index:0;}
  1%   {  transform: translateY(-25px); z-index:0; }
  20%   {  transform: translateY(0px); z-index:1;}
  80%   {  transform: translateY(0px); z-index:1;}
  100%   { transform: translateY(25px); z-index:1;}
}