/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
	Wide-Screen Scaling

	Ab 1600px waechst die Root-Schriftgroesse mit. Fast alle Groessen
	der CX-Styles sind rem-basiert, dadurch skaliert die Seite
	proportional mit — inkl. h1: clamp(2.7rem, 7vw, 5.2rem), dessen
	Deckel sonst bei 83px haengen bleibt.

	Die Bootstrap-Container sind px-basiert und skalieren nicht von
	selbst, daher werden sie separat mitgezogen. Ohne das steht der
	Inhalt auf einem 27"-Monitor in 1320px Breite mit ~620px toten
	Raendern links und rechts.
-----------------------------------------------------------------*/

@media (min-width: 1600px) {
	:root { font-size: 112.5%; } /* 18px */
	.container { max-width: 1480px; }
}

@media (min-width: 2000px) {
	:root { font-size: 125%; } /* 20px */
	.container { max-width: 1760px; }
}