/* ==========================================================================
   Responsive — Breakpoints 900px (Tablet) und 600px (Handy).
   Lädt zuletzt, damit die Überschreibungen zuverlässig gewinnen.
   ========================================================================== */

@media (max-width: 900px) {
	.nav-menu--desktop,
	.header-cta {
		display: none;
	}

	.burger {
		display: flex;
	}

	/* Hart: backdrop-filter auf dem Header kappt den fixed-Drawer auf iOS. */
	.site-header {
		backdrop-filter: none;
	}

	.split-section__inner {
		grid-template-columns: 1fr;
	}

	.split-section__media {
		aspect-ratio: 16 / 10;
	}

	.site-footer__inner {
		grid-template-columns: 1fr 1fr;
	}

	.site-footer__col--brand {
		grid-column: 1 / -1;
	}

	.service-row__link {
		grid-template-columns: 2rem 1fr 1.25rem;
		row-gap: 0.4rem;
	}

	.service-row__excerpt {
		grid-column: 2 / 3;
	}

	.service-row__arrow {
		grid-row: 1;
	}

	.section-head--right {
		text-align: left;
		margin-left: 0;
	}

	.facts-band__inner {
		grid-template-columns: 1fr;
		gap: var(--space-xs);
	}

	.page-content .wp-block-columns {
		flex-direction: column;
	}
}

@media (max-width: 600px) {
	:root {
		--space-m: 3rem;
		--space-l: 4rem;
		--space-xl: 5rem;
		--space-2xl: 6rem;
	}

	body {
		font-size: 17px;
	}

	.hero-slider {
		height: 92svh;
		min-height: 520px;
	}

	.hero-slide__content {
		padding: var(--space-s) 1.25rem var(--space-m);
	}

	.hero-slider__controls {
		right: 1.25rem;
		bottom: var(--space-2xs);
	}

	.hero-slider__arrow {
		width: 42px;
		height: 42px;
	}

	.site-footer__inner {
		grid-template-columns: 1fr;
	}

	.page-header__title {
		font-size: var(--text-lg);
	}
}