/* =========================================================
   Vita-Leben GmbH — Responsive
   Mobile-First-Nachsicherung: Burger ab 1100px, Breakpoints
   Pflicht bei 900px und 600px, kein horizontales Scrollen.
   ========================================================= */

/* ---- Burger-Umschaltung (frueh, ausserhalb der Quetschzone 900-1250px) ---- */
@media (max-width: 1100px) {
	.main-nav,
	.header-actions {
		display: none;
	}

	.burger {
		display: inline-flex;
	}

	/* Hartregel: kein backdrop-filter im mobilen Header, sonst kappt es den fixed Drawer */
	.site-header {
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
}

/* ---- Tablet ---- */
@media (max-width: 900px) {
	.hero-inner {
		grid-template-columns: 1fr;
	}

	.hero-media {
		order: -1;
	}

	.hero-media img {
		aspect-ratio: 16 / 10;
	}

	.asym-grid {
		grid-template-columns: 1fr;
	}

	.asym-aside {
		order: -1;
	}

	.services-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.trust-inner {
		grid-template-columns: 1fr;
		text-align: left;
	}

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

	.footer-grid {
		grid-template-columns: 1fr 1fr;
	}

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

	.cta-inner .hero-actions {
		justify-content: flex-start;
	}

	.cta-inner p.lead {
		margin-left: 0;
	}

	.section-break {
		clip-path: polygon(0 0, 100% 1.2%, 100% 100%, 0 98.8%);
	}
}

/* ---- Mobil ---- */
@media (max-width: 600px) {
	.services-grid {
		grid-template-columns: 1fr;
	}

	.footer-grid {
		grid-template-columns: 1fr;
	}

	.footer-bottom {
		flex-direction: column;
		align-items: flex-start;
	}

	.brand-name {
		font-size: 0.8rem;
		max-width: 11ch;
	}

	.brand-logo img {
		height: 36px;
	}

	.site-header.is-scrolled .brand-logo img {
		height: 32px;
	}

	.contact-bar-inner {
		font-size: 0.82rem;
		gap: 0.6rem 1rem;
	}

	.hero h1 {
		font-size: clamp(2rem, 1.6rem + 4vw, 2.6rem);
	}

	.slide {
		flex-basis: 86vw;
	}

	.trust-counter .counter,
	.trust-counter .counter-suffix {
		font-size: 2.6rem;
	}
}