@charset "utf-8";

.pulse_telefon {
  position: fixed;    
  bottom: 10px;
  left: 10px;
  width:64px;
  height:64px;
  background-size: 100% 100%;
  border-radius:30px;
  box-shadow:0 1px 1px 0 rgba(0,0,0,0.4), 0 0 4px 1px rgba(0,0,0,0.2), inset 0 1px 1px 0 rgba(255,255,255,0.2), inset 0 2px 4px 1px rgba(255,255,255,0.1);
  z-index: 0;
}

.pulse_email {
  position:fixed;
  bottom: 10px;
  left: 90px;
  width:64px;
  height:64px;
  background-size: 100% 100%;
  border-radius:30px;
  box-shadow:0 1px 1px 0 rgba(0,0,0,0.4), 0 0 4px 1px rgba(0,0,0,0.2), inset 0 1px 1px 0 rgba(255,255,255,0.2), inset 0 2px 4px 1px rgba(255,255,255,0.1);
  z-index: 0;
}

.pulse_consult {
  position:fixed;
  bottom: 10px;
  right: 10px;
  width:64px;
  height:64px;
  background-size: 100% 100%;
  border-radius:30px;
  box-shadow:0 1px 1px 0 rgba(0,0,0,0.4), 0 0 4px 1px rgba(0,0,0,0.2), inset 0 1px 1px 0 rgba(255,255,255,0.2), inset 0 2px 4px 1px rgba(255,255,255,0.1);
  z-index: 0;
}

.pulse {
 position:absolute;
 top:0;
 left:0;
 width:64px;
 height:64px;
 border-radius:32px;
 background:#FFFABC;
 -webkit-animation: pulsating 3s ease-in-out;
 -webkit-animation-iteration-count: infinite;
 opacity:0.0;
 z-index:0;
}

.pulse_2 {
 position:absolute;
 top:0;
 left:0;
 width:64px;
 height:64px;
 border-radius:32px;
 background:#F6FF93;
 -webkit-animation: pulsating 3s ease-in-out;
 -webkit-animation-iteration-count: infinite;
 opacity:0.0;
 z-index:0;
}


.ringbase {
 position:absolute;
 top:0;
 left:0;
 width:64px;
 height:64px;
 border-radius:32px;
 opacity:0.0;
 z-index:0;
}

.ring1 {
 box-shadow:0 0 2px 1px #bdfff9, inset 0 0 2px 1px #bdfff9;
 -webkit-animation: ring 3s ease-in-out;
 -webkit-animation-iteration-count: infinite;
  z-index:0;
}

.ring2 {
 box-shadow:0 0 1px 0px #72cbe5, inset 0 0 1px 0px #72cbe5;
 -webkit-animation: ring 3s ease-in-out;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-delay: 0.9s;
  z-index:0;
}

@-webkit-keyframes pulsating {
 0% {opacity: 0.0;}
 50% {opacity: 0.5;}
 100% {opacity: 0.0;}
}

@-webkit-keyframes ring {
 0% {-webkit-transform: scale(0.4, 0.4); opacity: 0.0;}
 50% {opacity: 0.8;}
 100% {-webkit-transform: scale(1.3, 1.3); opacity: 0.0;}
}