.badge{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 200px;
	aspect-ratio: 1;
	padding: 10px;
	border-radius: 50%;
	background: var(--wp--preset--color--farbe-3);
	font-family: var(--wp--preset--font-family--berlingske-serif-display);
	font-size: 32px;
	font-weight: 800;
	line-height: 1.25;
	text-wrap: balance;
	color: #fff;
	transform: rotate(-375deg) scale(0);
	transition: transform .5s cubic-bezier(0.34, 1.56, 0.64, 1);

	&.in-viewport{
		transform: rotate(-15deg) scale(1);
	}

	@media (max-width: 767px){
		width: 100px;
		font-size: 16px;
	}

	&:hover{
		transform: rotate(0deg) scale(1);
	}

	a{
		text-decoration: none;
	}
}
[data-type="acf/badge"] .badge{
	transform: rotate(-15deg) scale(1);
}