/*
 * [lsz_gutschein] -- Hinweis auf frei waehlbare Wertgutscheine.
 *
 * Hex-Werte statt CSS-Variablen, gleiche Linie wie auslastung.css: die Karte
 * soll auch dort stimmen, wo die Seite noch keine --lsz-*-Tokens setzt.
 *
 * Schriftfamilie bewusst nicht gesetzt -- Ueberschrift und Text erben vom
 * Seiten-CSS (.lsz-sek h3 -> Fraunces), damit die Karte einem Font-Wechsel
 * der Seite folgt statt ihn zu ueberstimmen.
 *
 * Steht auf zwei Seiten (Physiotherapie und Sport & Training) und muss auf
 * beiden ohne Anpassung sitzen -- deshalb keine seiten- oder abschnitts-
 * spezifischen Selektoren hier drin.
 */

/*
 * Divi liefert fuer Zeilen, die per WP-CLI neu geschrieben wurden, ihre
 * generierte width/max-width-Regel nicht mehr mit aus -- die Zeile faellt dann
 * auf Divis Default 1080px zurueck und der Hinweis steht 30px eingerueckt
 * neben Ueberschrift und Fliesstext der Sektion. Gemessen auf 938 und 939 am
 * 18.09., Befund in 05 System/fehler-loesungen-wordpress.md.
 * Beide Zielseiten fahren 90% / 1140px; steht der Shortcode spaeter in einer
 * anders breiten Sektion, gehoert die Klasse dort weg.
 */
.lsz-gut-reihe.et_pb_row {
	width: 90%;
	max-width: 1140px;
}

.lsz-gut {
	background: #fff;
	border: 1px solid #DCE5ED;
	border-left: 4px solid #1F4E79;
	border-radius: 12px;
	padding: 26px 28px;
	box-shadow: 0 1px 2px rgba(20, 49, 79, .05), 0 10px 30px -14px rgba(20, 49, 79, .20);
	color: #1B2A3A;
	line-height: 1.6;
	max-width: 820px;
}

/* Augenbrauen- und Hinweiszeile sind selbst <p> und muessen die allgemeine
   .lsz-gut p darunter schlagen -- deshalb beide mit p im Selektor, sonst
   gewinnt die allgemeinere Regel ueber ihre hoehere Spezifitaet. */
.lsz-gut p.lsz-gut-augen {
	font-size: 11.5px;
	letter-spacing: .17em;
	text-transform: uppercase;
	color: #1F4E79;
	font-weight: 600;
	margin: 0 0 8px;
}

.lsz-gut h3 {
	font-size: 23px;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 12px;
	color: #14314F;
}

.lsz-gut p {
	font-size: 16.5px;
	color: #4E6377;
	margin: 0 0 12px;
}

.lsz-gut p:last-child {
	margin-bottom: 0;
}

/* Die Kauf-vor-Ort-Zeile traegt die eigentliche Einschraenkung und soll
   trotzdem nicht wie ein Warnhinweis wirken -- eine Stufe leiser, nicht rot. */
.lsz-gut p.lsz-gut-vorort {
	font-size: 14.5px;
	color: #586E82;
}

@media (max-width: 600px) {
	.lsz-gut {
		padding: 22px 20px;
	}

	.lsz-gut h3 {
		font-size: 21px;
	}
}