.headline-xl {
	color: var(--color-highlight);
	font-family: var(--font-special-family);
	font-weight: var(--font-special-weight);
	font-size: 3.3rem;
	text-wrap: balance;

	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-all;
	word-break: break-word;
	hyphens: auto;
}

.headline-l {
	color: var(--color-highlight);
	font-family: var(--font-special-family);
	font-weight: var(--font-special-weight);
	font-size: 1.9rem;
	text-wrap: balance;
	hyphens: auto;
}

.headline-m {
	color: var(--color-highlight);
	font-family: var(--font-special-family);
	font-weight: var(--font-special-weight);
	font-size: 1.6rem;
	line-height: 1.2;
	text-wrap: balance;
	hyphens: auto;
}

.headline-s {
	color: var(--color-highlight);
	font-family: var(--font-special-family);
	font-weight: var(--font-special-weight);
	font-size: 1.2rem;
	line-height: 1.2;
	text-wrap: balance;
	hyphens: auto;
}

.headline-xs {
	color: var(--color-highlight);
	font-family: var(--font-special-family);
	font-weight: var(--font-special-weight);
	font-size: 1.05rem;
	line-height: 1.2;
	text-wrap: balance;
	hyphens: auto;
}

.headline-centered {
	text-align: center;
}

.text-centered {
	text-align: center;
}

.big-text {
	font-size: 1.2em;
}

@media ( max-width: 640px ) {

	.headline-xl {
		font-size: 3rem;
	}

	.headline-l {
		font-size: 1.7rem;
	}

	.headline-m {
		font-size: 1.5rem;
	}

	.headline-s {
		font-size: 1.1rem;
	}

	.headline-xs {
	}

}