/** @format */

.text {
	/* Classes for serif fonts will only be used as legacy from November 2025 onwards, as serif fonts will no longer exist. */
	&:is(.text--large, .text--large-serif) {
		font-size: var(--fs-quote);
	}

	&.text--default {
		font-size: var(--fs-body);
	}

	&.text--small {
		font-size: var(--fs-small);
	}

	&.text--navigation {
		font: var(--font-extended);
		font-size: var(--fs-navigation);
	}
}

.text--special-link {
	font-size: var(--fs-body);
}

.news_tag {
	display: inline-block;
	font-size: var(--fs-tag);
	background-color: var(--color-roedl-green);
	padding: var(--tag-padding);
	border-radius: var(--border-radius-button);
}

/*Windows Chrome Fallback*/
html[data-os='windows'] .news_tag {
	padding-top: calc(0.1em + 0.1em);
}