/* ===== Tablet & Mobile (≤900px) ===== */
@media (max-width: 900px) {
	.nav-desktop,
	.header-cta {
		display: none !important;
	}

	.burger { display: inline-flex !important; }
	.mobile-drawer { display: block; }
	.mobile-drawer-overlay { display: block; }

	.hero {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.hero__text {
		max-width: none;
		padding-block: clamp(3rem, 10vw, 4.5rem) 2.5rem;
		padding-inline: clamp(1.25rem, 6vw, 2.5rem);
	}

	.hero__media { min-height: 18rem; }

	.service-row,
	.service-row:nth-child(even) {
		grid-template-columns: 1fr;
		padding-inline: 1.5rem;
	}

	.service-row:nth-child(even) .service-row__media { order: 0; }
	.service-row__media { aspect-ratio: 16 / 10; }

	.contact-teaser__grid { grid-template-columns: 1fr; }

	.site-footer__grid {
		grid-template-columns: 1fr 1fr;
		gap: var(--space-md);
	}

	.cta-band__inner {
		flex-direction: column;
		align-items: flex-start;
		text-align: left;
	}

	.slide { flex-basis: min(86vw, 480px); }
}

/* ===== Smartphone (≤600px) ===== */
@media (max-width: 600px) {
	:root {
		--header-h: 4.5rem;
		--header-h-scrolled: 3.75rem;
	}

	body { font-size: 1rem; }

	.hero__text { padding-block: 2.75rem 2.25rem; }

	.service-row { padding-inline: 1.25rem; padding-block: 1.75rem; }

	.site-footer__grid { grid-template-columns: 1fr; gap: var(--space-sm); }

	.cta-band__actions { width: 100%; }
	.cta-band__actions .btn { width: 100%; justify-content: center; }

	.trust-band { padding-block: 5rem; }
	.trust-band__quote p { font-size: clamp(1.5rem, 7vw, 2rem); }

	.contact-card { padding: var(--space-xs); border-radius: var(--radius); }

	.mobile-drawer { width: 100%; max-width: none; }
}

/* ===== Kein horizontales Scrollen (letzte Sicherung) ===== */
html, body { overflow-x: hidden; }
