/*
Theme Name: BFS-Magazin Startseite Child
Theme URI: https://www.welcher-handytarif.at/
Description: Child Theme für welcher-handytarif.at auf Basis von bfs-magazin-v57-neu.
Author: David Reisner
Template: bfs-magazin-v57-neu
Version: 1.5.0
Text Domain: bfs-magazin-startseite-child
*/

/*
 * Startseite welcher-handytarif.at
 * Nur Layout-Korrekturen, kein Content-Styling im Seiten-HTML.
 */

/* Hero ruhig und mittig ausrichten. */
#wht-startseite > .apm-home-section:first-child {
	text-align: center;
}

#wht-startseite > .apm-home-section:first-child .apm-kicker {
	display: block;
	text-align: center;
}

#wht-startseite > .apm-home-section:first-child .apm-single-title {
	width: 100%;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#wht-startseite > .apm-home-section:first-child > p {
	width: 100%;
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}

/*
 * Normale Fließtexte nicht mehr am linken Rand "kleben" lassen:
 * Block mittig, Text darin weiterhin linksbündig.
 */
#wht-startseite > .apm-home-section:not(:first-child) > p,
#wht-startseite > .apm-home-section:not(:first-child) > ol,
#wht-startseite > .apm-home-section:not(:first-child) > ul,
#wht-startseite > .apm-home-section:not(:first-child) > h3 {
	width: 100%;
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Transparenz-/Hinweisboxen passend zum mittigen Lesebereich. */
#wht-startseite .apm-directory {
	width: 100%;
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
}

#wht-startseite .apm-directory p {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

/*
 * tarife.at ist ein Cross-Origin-Iframe.
 * Sein internes Grau lässt sich von hier nicht überschreiben.
 * Durch die passende Desktop-Breite wird die graue Randfläche
 * aber deutlich reduziert und der Rechner sauber zentriert.
 */
#wht-startseite #calculator {
	display: block;
	width: 100%;
	max-width: 780px;
	margin: 18px auto 0;
	border: 0;
	background: #fff;
}

/* CTA-Absätze auf der Startseite ruhig platzieren. */
#wht-startseite > .apm-home-section > p:has(> .apm-button) {
	text-align: center;
}

/* Auf kleineren Geräten volle Breite nutzen. */
@media (max-width: 840px) {
	#wht-startseite > .apm-home-section:first-child .apm-single-title,
	#wht-startseite > .apm-home-section:first-child > p,
	#wht-startseite > .apm-home-section:not(:first-child) > p,
	#wht-startseite > .apm-home-section:not(:first-child) > ol,
	#wht-startseite > .apm-home-section:not(:first-child) > ul,
	#wht-startseite > .apm-home-section:not(:first-child) > h3,
	#wht-startseite .apm-directory,
	#wht-startseite #calculator {
		max-width: 100%;
	}

	#wht-startseite > .apm-home-section:first-child {
		text-align: left;
	}

	#wht-startseite > .apm-home-section:first-child .apm-kicker,
	#wht-startseite > .apm-home-section:first-child .apm-single-title {
		text-align: left;
	}

	#wht-startseite > .apm-home-section:first-child > p {
		text-align: left;
	}

	#wht-startseite > .apm-home-section > p:has(> .apm-button) {
		text-align: left;
	}
}