/*
 * K06 Warum prixo (Gruppe G2, build/sections/k06_why_prixo.py).
 * Raster: Block-Stil «why-grid», Karten: «card-outline». Hier nur:
 * 1. Lottie wie Elementor: Animation steht als Inline-Element auf der Grundlinie einer Zeile mit Fliesstext-
 *    Zeilenhöhe; darunter bleibt die Unterlänge der Zeile frei (96 px Grafik → 105 px Höhe bei 16/30).
 */
.prixo-sec--why-prixo .prixo-lottie {
	font-size: var(--prixo-body-size);
	line-height: 1.875;
}

.prixo-sec--why-prixo .prixo-lottie__container {
	vertical-align: baseline;
}

/* Abschnitts-Standards (erzeugt von build/sections/_defaults.py, nicht von Hand ändern) */
/* Standard für neu eingefügte Blöcke dieses Abschnitts; Werte der Seitenleiste gehen vor. */
/* Abschnitt: Abstand oben/unten */
.prixo-sec.prixo-sec--why-prixo {
	padding-top: 100px;
	padding-bottom: 100px;
}
/* Eyebrow */
.prixo-sec.prixo-sec--why-prixo .prixo-why-prixo__text > p.is-style-eyebrow {
	font-size: 15px;
	color: var(--wp--preset--color--navy);
}
/* Titel */
.prixo-sec.prixo-sec--why-prixo .prixo-why-prixo__text > h2.wp-block-heading:where(:not([class*="is-style-"])) {
	color: var(--wp--preset--color--navy);
}
/* Titel */
:where(.prixo-sec.prixo-sec--why-prixo .prixo-why-prixo__text > h2.wp-block-heading:where(:not([class*="is-style-"]))) {
	text-align: left;
}
/* Text */
.prixo-sec.prixo-sec--why-prixo .prixo-why-prixo__text > p:where(:not([class*="is-style-"])) {
	font-size: 20px;
	line-height: calc(var(--prixo-body-size) * 1.875);
}
/* Text */
:where(.prixo-sec.prixo-sec--why-prixo .prixo-why-prixo__text > p:where(:not([class*="is-style-"]))) {
	text-align: left;
}
/* Kartentitel */
.prixo-sec.prixo-sec--why-prixo .is-style-card-outline > h3.wp-block-heading:where(:not([class*="is-style-"])) {
	color: var(--wp--preset--color--navy);
	font-size: 36px;
}
/* Kartentitel */
:where(.prixo-sec.prixo-sec--why-prixo .is-style-card-outline > h3.wp-block-heading:where(:not([class*="is-style-"]))) {
	text-align: center;
}
/* Kartentext */
.prixo-sec.prixo-sec--why-prixo .is-style-card-outline > p:where(:not([class*="is-style-"])) {
	font-size: 16px;
	line-height: 1.7;
}
/* Kartentext */
:where(.prixo-sec.prixo-sec--why-prixo .is-style-card-outline > p:where(:not([class*="is-style-"]))) {
	text-align: center;
}
/* Laptop 1025–1366 px */
@media (min-width: 1025px) and (max-width: 1366px) {
	/* Abschnitt: Abstand oben/unten */
	.prixo-sec.prixo-sec--why-prixo {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	/* Titel */
	.prixo-sec.prixo-sec--why-prixo .prixo-why-prixo__text > h2.wp-block-heading:where(:not([class*="is-style-"])) {
		font-size: 35px;
	}
	/* Kartentitel */
	.prixo-sec.prixo-sec--why-prixo .is-style-card-outline > h3.wp-block-heading:where(:not([class*="is-style-"])) {
		font-size: 25px;
	}
}
/* Tablet */
@media (767px < width <= 1024px) {
	/* Abschnitt: Abstand oben/unten */
	.prixo-sec.prixo-sec--why-prixo {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	/* Titel */
	.prixo-sec.prixo-sec--why-prixo .prixo-why-prixo__text > h2.wp-block-heading:where(:not([class*="is-style-"])) {
		font-size: 35px;
	}
	/* Kartentitel */
	.prixo-sec.prixo-sec--why-prixo .is-style-card-outline > h3.wp-block-heading:where(:not([class*="is-style-"])) {
		font-size: 25px;
	}
}
/* Mobile */
@media (width <= 767px) {
	/* Abschnitt: Abstand oben/unten */
	.prixo-sec.prixo-sec--why-prixo {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	/* Titel */
	.prixo-sec.prixo-sec--why-prixo .prixo-why-prixo__text > h2.wp-block-heading:where(:not([class*="is-style-"])) {
		font-size: 35px;
	}
	/* Titel */
	:where(.prixo-sec.prixo-sec--why-prixo .prixo-why-prixo__text > h2.wp-block-heading:where(:not([class*="is-style-"]))) {
		text-align: center;
	}
	/* Text */
	.prixo-sec.prixo-sec--why-prixo .prixo-why-prixo__text > p:where(:not([class*="is-style-"])) {
		font-size: 16px;
	}
	/* Text */
	:where(.prixo-sec.prixo-sec--why-prixo .prixo-why-prixo__text > p:where(:not([class*="is-style-"]))) {
		text-align: center;
	}
	/* Kartentitel */
	.prixo-sec.prixo-sec--why-prixo .is-style-card-outline > h3.wp-block-heading:where(:not([class*="is-style-"])) {
		font-size: 25px;
	}
}
/* Ende Abschnitts-Standards */
