.fish-fins {
	animation: fish-fins 1s linear infinite both;
}

.bomb {
	animation: bomb 1s linear infinite both;
}

.explosion {
	animation: explosion 1s linear infinite both;
}

.ban {
	animation: ban 1s linear infinite both;

}

.fire {
	animation: fire 1s linear infinite both;
}

.tree {
	animation: tree 3.8s linear infinite both;

}

.leaf {
	animation: leaf 3.8s linear infinite both;
}

.fire-flame-simple,
.bolt-lightning,
.faucet-drip,
.code-fork,
.network-wired,
.phone-flip,
.triangle-exclamation {
	animation: ban 1s linear infinite both;


}

.virus-covid {
	animation: virus-covid 2.5s linear infinite both;
	height: auto;
}

.check {
	animation: check 1s linear infinite both;
}


@-webkit-keyframes fish-fins {

	0%,
	100% {
		opacity: var(--fish-fins-opacity, 0.4);
		-webkit-transform: rotate(45deg);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(var(--fish-fins-scale, 1.150));
		transform: scale(var(--fish-fins-scale, 1.150));
	}
}

@keyframes fish-fins {

	0%,
	100% {
		opacity: var(--fish-fins-opacity, 0.4);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(var(--fish-fins-scale, 1.150));
		transform: scale(var(--fish-fins-scale, 1.150));
	}
}

@-webkit-keyframes bomb {
	0% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	4% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	8%,
	24% {
		-webkit-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}

	12%,
	28% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg);
	}

	16% {
		-webkit-transform: rotate(-22deg);
		transform: rotate(-22deg);
	}

	20% {
		-webkit-transform: rotate(22deg);
		transform: rotate(22deg);
	}

	32% {
		-webkit-transform: rotate(-12deg);
		transform: rotate(-12deg);
	}

	36% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg);
	}

	40%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes bomb {
	0% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	4% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	8%,
	24% {
		-webkit-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}

	12%,
	28% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg);
	}

	16% {
		-webkit-transform: rotate(-22deg);
		transform: rotate(-22deg);
	}

	20% {
		-webkit-transform: rotate(22deg);
		transform: rotate(22deg);
	}

	32% {
		-webkit-transform: rotate(-12deg);
		transform: rotate(-12deg);
	}

	36% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg);
	}

	40%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@-webkit-keyframes explosion {

	0%,
	100% {
		opacity: var(--explosion-opacity, 1);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(var(--explosion-scale, 1.4));
		transform: scale(var(--explosion-scale, 1.4));
	}
}

@keyframes explosion {

	0%,
	100% {
		opacity: var(--explosion-opacity, 1);
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(var(--explosion-scale, 1.4));
		transform: scale(var(--explosion-scale, 1.4));
	}
}

@-webkit-keyframes ban {

	0%,
	100% {
		opacity: var(--ban-opacity, 1);
	}

	50% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(var(--ban-scale, 1.2));
		transform: translate(-50%, -50%) scale(var(--ban-scale, 1.2));
	}
}

@keyframes ban {

	0%,
	100% {
		opacity: var(--ban-opacity, 1);
		-webkit-transform: translate(-50%, -50%) scale(var(--ban-scale, 0.8));
		transform: translate(-50%, -50%) scale(var(--ban-scale, 0.8));
	}

	50% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(var(--ban-scale, 1.2));
		transform: translate(-50%, -50%) scale(var(--ban-scale, 1.2));
	}
}

@-webkit-keyframes fire {
	0% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	4% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	8%,
	24% {
		-webkit-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}

	12%,
	28% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg);
	}

	16% {
		-webkit-transform: rotate(-22deg);
		transform: rotate(-22deg);
	}

	20% {
		-webkit-transform: rotate(22deg);
		transform: rotate(22deg);
	}

	32% {
		-webkit-transform: rotate(-12deg);
		transform: rotate(-12deg);
	}

	36% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg);
	}

	40%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes fire {
	0% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	4% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	8%,
	24% {
		-webkit-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}

	12%,
	28% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg);
	}

	16% {
		-webkit-transform: rotate(-22deg);
		transform: rotate(-22deg);
	}

	20% {
		-webkit-transform: rotate(22deg);
		transform: rotate(22deg);
	}

	32% {
		-webkit-transform: rotate(-12deg);
		transform: rotate(-12deg);
	}

	36% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg);
	}

	40%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

/* @-webkit-keyframes tree {

	0%,
	100% {
		opacity: var(--tree-opacity, 1);
		-webkit-transform: rotate(85deg) translate(-50%, -50%);
		transform: rotate(85deg) translate(-50%, -50%);
		font-size: 30px;
	}

	40%,
	50%,
	60% {
		opacity: 1;
		-webkit-transform: rotate(0deg) translate(-50%, -50%);
		transform: rotate(0deg) translate(-50%, -50%);
		font-size: 30px;
	}
} */

@keyframes tree {

	0%,
	100% {
		opacity: var(--tree-opacity, 1);
		/* -webkit-transform: rotate(85deg) translate(-50%, -50%); */
		transform: rotate(0deg) translate(-50%, -50%);
		font-size: 30px;
	}

	40%,
	50%,
	60% {
		opacity: 1;
		/* -webkit-transform: rotate(0deg) translate(-50%, -50%); */
		transform: rotate(85deg) translate(-50%, -50%);
		font-size: 30px;
	}
}

@-webkit-keyframes leaf {

	0%,
	100% {
		opacity: var(--leaf-opacity, 1);
		-webkit-transform: rotate(85deg);
		transform: rotate(85deg);
		font-size: 6px;
	}

	50% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(var(--leaf-scale, 1.150));
		transform: translate(-50%, -50%) scale(var(--leaf-scale, 1.150));
		font-size: 30px;
	}
}

@keyframes leaf {

	0%,
	100% {
		opacity: var(--leaf-opacity, 1);
		-webkit-transform: rotate(85deg);
		transform: rotate(85deg);
		font-size: 6px;
	}

	50% {
		opacity: 1;
		-webkit-transform: translate(-50%, -50%) scale(var(--leaf-scale, 1.150));
		transform: translate(-50%, -50%) scale(var(--leaf-scale, 1.150));
		font-size: 30px;
	}
}

@-webkit-keyframes virus-covid {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes virus-covid {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes check {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
	}

	10% {
		-webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
		transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
	}

	30% {
		-webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.4em));
		transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.4em));
	}

	50% {
		-webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
		transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
	}

	57% {
		-webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
		transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
	}

	64% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
	}

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

@keyframes check {
	0% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
	}

	10% {
		-webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
		transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, .9)) translateY(0);
	}

	30% {
		-webkit-transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.4em));
		transform: scale(var(--fa-bounce-jump-scale-x, .9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -.4em));
	}

	50% {
		-webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
		transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, .95)) translateY(0);
	}

	57% {
		-webkit-transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
		transform: scale(1) translateY(var(--fa-bounce-rebound, -.125em));
	}

	64% {
		-webkit-transform: scale(1) translateY(0);
		transform: scale(1) translateY(0);
	}

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


@media (prefers-reduced-motion) {
	.fish-fins {
		animation: none;
	}

	.bomb {
		animation: none;
	}

	.explosion {
		animation: none;
	}

	.ban {
		animation: none;

	}

	.fire {
		animation: none;
	}

	.tree {
		animation: none;
	}

	.leaf {
		animation: none;
	}

	.fire-flame-simple,
	.bolt-lightning,
	.faucet-drip,
	.code-fork,
	.network-wired,
	.phone-flip,
	.triangle-exclamation {
		animation: none;


	}

	.virus-covid {
		animation: none;

	}

	.check {
		animation: none;
	}
}

/*	==========================
		NICHT VERWENDET
	==========================
.laptop {
	animation: laptop 8s ease-in-out infinite alternate;
	height: auto;
}
@keyframes laptop {
	50% { -webkit-transform: rotate3d(var(--fa-laptop-x,1),var(--fa-laptop-y,0),var(--fa-laptop-z,0.5),var(--fa-laptop-angle,-360deg)); transform: rotate3d(var(--fa-laptop-x,1),var(--fa-laptop-y,0),var(--fa-laptop-z,0.5),var(--fa-laptop-angle,-360deg)); }
}
@-webkit-keyframes laptop {
	50% { -webkit-transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); transform: rotate3d(var(--fa-flip-x,0),var(--fa-flip-y,1),var(--fa-flip-z,0),var(--fa-flip-angle,-180deg)); }
}

@-webkit-keyframes network-wired {
	0%, 100% { opacity: var(--network-wired-opacity, 1); }
	50% { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(var(--network-wired-scale, 1.2)); transform: translate(-50%, -50%) scale(var(--network-wired-scale, 1.2)); }
}
@keyframes network-wired {
	0%, 100% { opacity: var(--network-wired-opacity, 1); -webkit-transform: translate(-50%, -50%) scale(var(--network-wired-scale, 0.8)); transform: translate(-50%, -50%) scale(var(--network-wired-scale, 0.8)); }
	50% { opacity: 1; -webkit-transform: translate(-50%, -50%) scale(var(--network-wired-scale, 1.2)); transform: translate(-50%, -50%) scale(var(--network-wired-scale, 1.2)); }
}
*/