/***************************************
*
*___TRIPLEPRO CUSTOM_______________
*
*		Vriendjes worden
*		www.vriendjesworden.nl
*
***************************************/

#copyright
{
  display : none;
}

html body .groen
{
  background-color : #10AE0D;
  border-color     : #10AE0D;
  color            : #FFFFFF;
  margin           : 15px;
  border-radius    : 10px;
}

html body .rood
{
  display : inline-block;
}

html body .rood .button
{
  background-color : #DB0101;
  border-color     : #DB0101;
  color            : #FFFFFF;
  margin           : 15px;
  border-radius    : 10px;
}

html body .rood:hover,
html body .groen:hover
{
  color            : inherit;
  background-color : inherit;
  border-color     : inherit;
}

html body .rood:hover .button
{
  animation                 : jump 1.5s ease-in-out;
  animation-iteration-count : infinite;
}

@media (max-width : 768px)
{
  html body div#hoofd div#TEXT_GVQXSIAHXDC
  {
    padding : 0 5vw !important;
  }
}

@keyframes jump
{
  0%
  {
    transform : translate(0px 0);
  }
  25%
  {
    transform : translateX(150px);
  }
  50%
  {
    transform : translate(-250px, 140px);
  }
  70%
  {
    transform : translate(200px, -160px);
  }
  90%
  {
    transform : translate(280px, -70px);
  }
  100%
  {
    transform : translate(0px, 0);
  }
}