.headline-xl {
	font-size: 2.6em;
	font-weight: 600;
	text-wrap: balance;
}

.headline-l {
	font-size: 2.2em;
	font-weight: 600;
	text-wrap: balance;
}

.headline-m {
	font-size: 1.5em;
	font-weight: 600;
	text-wrap: balance;
}

.headline-s {
	font-size: 1.2em;
	font-weight: 600;
	text-wrap: balance;
}

.headline-xs {
	font-size: 1em;
	font-weight: 600;
	text-wrap: balance;
}

@media ( max-width: 640px ) {

	.headline-xl {
		font-size: 2.4em;

		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	.headline-l {
		font-size: 2em;
	
		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	.headline-m {
		font-size: 1.4em;
	
		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

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

	.subline {
		font-size: 1.6em;
	
		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

}