/*
 * Responsive Overrides
 *
 * Page-übergreifende Media-Queries. Komponenten-spezifische Breakpoints
 * leben in der jeweiligen Komponenten-CSS-Datei.
 */

@media (max-width: 1024px) {
	.ln-grid--4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
	.ln-grid--3,
	.ln-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.ln-grid--2 { grid-template-columns: 1fr; }

	h1 { font-size: 32px; letter-spacing: -0.5px; }
	h2 { font-size: 28px; }

	.alignleft,
	.alignright {
		float: none;
		margin: 16px auto;
	}
}

@media (max-width: 480px) {
	.ln-grid--2,
	.ln-grid--3,
	.ln-grid--4 { grid-template-columns: 1fr; }

	h1 { font-size: 28px; }
	h2 { font-size: 24px; }
}