:root {
	--text-xxxs: 12px;
	/*--text-xxl-merged: 30px;*/ /* NEW */
	/*--text-xxl-merged: 32px;*/ /* NEW */
	--text-xxl: 18px; /* headlines */
	/*--text-xxxl: 24px;*/ /* headlines homepage */
	--text-xxxl: 26px; /* headlines homepage */
	--text-contact: 18px;
	--text-contact-title: 32px;
	--text-footer: 16px;
	--text-headline: 32px;
	--text-nav: 17px;
	
	--text-light: 300;
	--text-semibold: 600;
	--text-bold: 700;
	/*
	--text-xxxs: 12px;
	--text-xxs: 16px;	
	--text-xs: 16px;
	--text-s: 16px;
	--text: 16px;
	--text-l: 16px;
	--text-xl: 16px;
	--text-xxl: 18px;
	--text-xxxl: 26px;
	--text-contact: 18px;
	--text-contact-title: 32px;
	--text-cta: 16px;
	--text-footer: 16px;
	--text-headline: 32px;
	--text-nav: 17px;
	--text-skills-title: ???
	*/
}
/* 360 Px */
@media screen and (min-width: 22.5em) {
	:root {
		--text-xxs: 13px;	
		--text-xs: 14px;
		--text-s: 15px;		
		--text-xxl: 20px;
		--text-xxxl: 40px;
		--text-xxxl: 42px;
		--text-nav: 18px;
	}
}
@media screen and (min-width: 22.5em) and (max-width: 29.938em) and (orientation: landscape) {
	:root {
		--text-xxl: 18px;
	}
}
/* 400 Px */
@media screen and (min-width: 25em) {
	:root {
		--text-xxl: 22px;
	}
}
/* 480 Px */
@media screen and (min-width: 30em) {
	:root {
		--text-xxl: 28px;
		--text-xxxl: 48px;
		--text-xxxl: 50px;
		--text-contact-title: 22px;
		
		--text-cta: 12px;
	}
}
@media screen and (min-width: 30em) and (max-width: 34.938em) and (orientation: landscape) {
	:root {
		--text-xxl: 26px;
	}
}
/* 560 Px */
@media screen and (min-width: 35em) {
	:root {
		--text-xxl: 32px;
		--text-xxl-merged: 34px; /* NEW */
		--text-headline: 34px;
		--text-nav: 15px;
	}
}
/* 640 Px */
@media screen and (min-width: 40em) {
	:root {
		--text-nav: 17px;
	}
}
/* 768 Px */
@media screen and (min-width: 48em) {
	:root {
		--text-l: 19px;
		--text-l-menu: 19px;
		--text-xl: 25px;
		--text-xxl: 42px;
		--text-headline: 44px;
		--text-xxxl: 66px;
		--text-contact: 19px;
		--text-contact-title: 25px;
	}
}
/* 960 Px */
@media screen and (min-width: 60em) {
	:root {
		--text-xxs: 15px;
		--text-xs: 17px;
		--text-s: 19px;
		--text: 21px;
		--text-l: 21px;
		--text-l-menu: 21px;
		--text-xl: 33px;
		--text-contact: 21px;
		--text-contact-title: 33px;
		--text-nav: 19px;
	}
}
/* 1024 Px */
@media screen and (min-width: 64em) {
	:root {
		--text-l: 25px;
		--text-l-menu: 25px;
		--text-contact: 25px;
		--text-nav: 23px;
	}
}
/* 1280 Px */
@media screen and (min-width: 80em) {
	:root {
		--text-nav: 25px;
	}
}
@media screen and (min-width: 90em) {
	:root {
		--text-xs: 23px; /* 0.85 */
	}
}