/*
 * responsive.css – gezielte Korrekturen für Zwischengrößen und Sonderfälle.
 * Ergänzt home.css, ersetzt es nicht.
 */

/* Sehr kleine Smartphones: etwas kompakterer Rhythmus */
@media (max-width: 360px) {
	.ww-home section,
	.ww-home > main > section > div {
		padding-inline: var(--ww-space-sm);
	}
	.ww-ticker__item {
		min-width: 11rem;
	}
	.ww-people__grid,
	.ww-hero__secondary {
		gap: var(--ww-space-md);
	}
}

/* Lange Unternehmens-/Regions-/Personennamen dürfen nie überlaufen */
.ww-label,
.ww-ticker__headline,
.ww-companies__statement,
.ww-people__name {
	overflow-wrap: break-word;
	word-break: break-word;
}

/* Ausreichend große Touch-Ziele (Abschnitt 26) */
.ww-ticker__item a,
.ww-rankings__item a,
.ww-newsletter__form button {
	min-height: 44px;
	display: inline-flex;
	align-items: center;
}

/* Keine horizontalen Seiten-Scrollbars durch Rundungsfehler o. Ä. */
.ww-home {
	overflow-x: hidden;
}
.ww-ticker__list {
	overflow-x: auto; /* bewusste Ausnahme: einzige gewollte horizontale Scrollzone */
}

/* Sehr große Bildschirme: Zeilenlänge der Fließtexte weiterhin begrenzen */
@media (min-width: 1400px) {
	.ww-hero__dek,
	.ww-experts__quote {
		max-width: 52ch;
	}
}