CSS Animation verweigert Dienst!

[Meister Mantel]

Hallo, ich habe eine Frage: Ich habe eine Animation, die sich rekursiv immer wieder selbst aufrufen soll, wenn eine gewisse Bedingung gegeben ist. Das passiert aber nicht - wieso?

CSS:

.Animationsklasse {
	animation-name: AnimationsklasseKeys;
	animation-duration: 1s;
	animation-fill-mode: forwards;
}
@keyframes AnimationsklasseKeys {
	0%	{transform: scale(0, 0);}
	50%	{transform: scale(1, 1);}
	100% {transform: scale(0, 0);}
}

Javascript:

/*

CODE



*/
let Bedingung = true;

let Animieren = () => {


	let MeldungenParagraph = document.getElementById("Meldungen");
	

	
	let nach_Animation = () => {
		MeldungenParagraph.removeEventListener('animationend', nach_Animation);
		MeldungenParagraph.classList.remove("Animationsklasse");
		/*
		
		CODE
		
		*/
		if (Bedingung) Animieren(); // Wieso wird Animieren hier nicht mehr aufgerufen?

	};
	
	MeldungenParagraph.addEventListener('animationend', nach_Animation);
	MeldungenParagraph.classList.add("Animationsklasse");
};

Animieren();

Dank euch herzlichst!