@keyframes premiere{


  0%{
    stroke-dashoffset: 45px;
  }

  100%{
    stroke-dashoffset: 15px;
  }
 
}



@keyframes send{

  100%{
       background-color: red!important;
    transform: translateY(-50%) translateX(150%) rotate(0deg)!important;
  }

}

@keyframes ecard{
/* 
  50%{
    transform: rotateX(3deg) rotateZ(-3deg) translateX(0);

  }

 70%{

transform: rotateX(0deg) rotateZ(0deg) translateX(0) scale(1.1);

  } */

  100%{

     transform: translateX(1%) translateY(7%) scale(1);;
    
      }
  
}

@keyframes ecardopened{

0%{

  transform: translateX(1%) translateY(7%) scale(1);;

}

100%{

  transform: rotateZ(0deg) rotateY(180deg) translateX(0) scale(1.0);

}

}


@keyframes ecardunfold{

  50%{


  }

 70%{


  }

  100%{

    transform: rotateZ(0deg) rotateY(180deg) translateX(0) scale(1.0);
    
      }
   
}


@keyframes fadein_blob{


  0%{
  
  
  
  }
  
  66%{transform:scale(1.1)}
  
  100%{
  
    transform:scale(1.0);
    opacity:1 ;
  
  }
  
  
  }
  




@keyframes splash{

0%{background-color: white;}


20%{
  opacity: 1;
}
40%{
  opacity:1;
}
80%{
  opacity:1;
}
100%{
  opacity:0;
}

}


@keyframes ticker{

    0%{transform: translateX(140%)}

    25%{transform: translateX(0%)}
    45%{transform: translateX(0%)scale(1.0)}
    50%{transform: translateX(0%)scale(1.1)}
    55%{transform: translateX(0%)scale(1.0)}
    75%{transform: translateX(0%)}
  100%{transform: translateX(-140%);}

}

@keyframes ticker_mobil{

  0%{transform: translateX(140%)}

100%{transform: translateX(-140%);}

}

@keyframes fadein_blob{


0%{



}

66%{transform:scale(1.1)}

100%{

  transform:scale(1.0);
  opacity:1 ;

}


}

@keyframes arrow{


  50%{transform:translateY(26%) ;}


  
}



@keyframes fadein_skatefromleft{


  0%{
  
  
  
  }
  
  66%{transform:translateX(-100%)}
  
  100%{
  
    transform:translateX(0);
    opacity:1 ;
  
  }
  
  
  }



@keyframes fadein_skatefromright{


  0%{
  
  
  
  }
  
  66%{left: 50vw;}
  
  100%{
  
    opacity:1 ;
  
  }
  
  
  }





 @keyframes reminder {


5%{   

 }

10%{
  transform: scale(1.1) translateX(10%);    
}

15%{

  transform: scale(1.0) translateX(00%);    

}


 } 



@keyframes hey {


20%{
  transform: scale(1)  rotate(1deg) translateY(-1vw) ;
}


36%{
  transform: scale(1.08)  rotate(-1deg) translateY(-1vw);
}

50%{  transform: scale(1)  rotate(0deg) translateY(-1vw); }

}


@keyframes hey_accessibility {
  0%{ transform: scale(1.00);}
 
  50%{
    transform: scale(1.08);

  }
  
  100%{   transform: scale(1.0);}
  
  
  }

@keyframes accessibility_text{

  0%{
    margin-left:85%;
    }

33%{margin-left: 56%;}


70%{
margin-left:56%;
}

100%{
margin-left: 0%;
}

}

  @keyframes hey_accessibility_rotate {
  
    0%{
      transform:rotate(0);
    }
    
    100%{  
      transform:rotate(373deg);
    }
    
    }

    @keyframes hey_accessibility_path {
  
      00%{
       stroke-dashoffset: 120%;
      }

      20%{  
        stroke-dashoffset: 100%;
      }
      
      100%{  
        stroke-dashoffset: 20%;
      }
      
      }


@keyframes hey_norotate {


  20%{
    transform: scale(1)  ;
  }
  
  
  36%{
    transform: scale(1.03) ;
  }
  
  50%{  transform: scale(1)  }
  
  }



@keyframes hey_click_splash{


40%{
  opacity: 0;
}

50%{

  opacity:1;

}

55%{

  opacity:0;

}

65%{

  opacity:1;

}
70%{

  opacity:0;

}

}

@keyframes hey_click {


20%{
  transform: scale(1)  rotate(0deg) translateY(-0.0vw) ;
}


36%{
  transform: scale(1)  rotate(0deg) translateY(15%);
}


40%{
  transform: scale(1.08)  rotate(0deg) translateY(15%);

}

50%{
  transform: scale(1.02)  rotate(0deg) translateY(15%);
}

60%{
  transform: scale(1.08)  rotate(0deg) translateY(15%);

}

70%{
  transform: scale(1.00)  rotate(0deg) translateY(15%);

}




90%{
  transform: scale(1.00)  rotate(0deg) translateY(-0.0vw);

}


}





@keyframes hey_click_ecard {



  20%{
    transform: scale(1)  rotate(0deg) translateY(29%) ;
  }
  
  
  36%{
    transform: scale(1)  rotate(0deg) translateY(29%);
  }
  
  
  40%{
    transform: scale(1.08)  rotate(0deg) translateY(29%);
  
  }
  
  50%{
    transform: scale(1.02)  rotate(0deg) translateY(29%);
  }
  
  60%{
    transform: scale(1.08)  rotate(0deg) translateY(29%);
  
  }
  
  70%{
    transform: scale(1.00)  rotate(0deg) translateY(29%);
  
  }
  
 

  100%{
    transform: scale(1.00)  rotate(0deg) translateY(29%);
  }
  
  }




@keyframes ecard_letter{
  0%{
    transform: translateY(0%)scale(1);

    
   }
  100%{
    transform: translateY(0%)scale(1);
  }
  
}






@keyframes click{
  50%{transform: scale(1.5)rotate(-6deg);}
}

@keyframes click_2{
  50%{transform: scale(1.5)rotate(6deg);}
}

@keyframes focus {


  20%{
    transform: scale(1)  rotate(1deg) translateY(-1vw) ;
  }
  
  
  36%{
    transform: scale(1.08)  rotate(-1deg) translateY(-1vw);
  }
  
  50%{  transform: scale(1)  rotate(0deg) translateY(-1vw); }
  
  }



@keyframes openevent{

  0%{}
  100%{height: auto;background-color: red;}

}



@keyframes fadein{

  0%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
  
  
  }

/*

*/