/* ////////////BorderLeft-Animation-1\\\\\\\\\\\\\\ */

/* pro Farbe und Pixeldicke vordefinieren */

@keyframes border_animation_lime_2 {
	0% {
		border-left: 2px inset transparent;
	}

	100% {
		border-left: 2px inset red;
		opacity: 1;
	}
}

/* ////////////Bubbles-Animation-1\\\\\\\\\\\\\\ */

.bubbles {
	animation: bubble 2s infinite;
}

@keyframes bubble {
	0% {
		transform: scale(0.2);
		opacity: 1.0;
	}

	50% {
		transform: scale(2.0);
		opacity: 1.0;
	}

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

/* ////////////Impuls-Animation-1\\\\\\\\\\\\\\ */

.impuls {
	animation: rechteck-puls 1s infinite;
}

@keyframes rechteck-puls {
	0% {
		box-shadow: 0 0 0 0px rgba(255, 255, 0, 0.9);
	}

	100% {
		box-shadow: 0 0 0 10px rgba(255, 255, 0, 0);
	}
}