/*
 * „Das Berghotel Presslauer in Kürze“ (.ps-kuerze): Zitierabsatz und Faktenliste als Steckbrief.
 */

.ps-start .ps-kuerze { background: var(--leinen); }
.ps-start .ps-kuerze__spalten {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(40px, 6vw, 96px);
	align-items: start;
	margin: 0;
}
.ps-start .ps-kuerze__spalten > .wp-block-column { flex-basis: auto; margin: 0; min-width: 0; }
@media (min-width: 900px) {
	.ps-start .ps-kuerze__spalten { grid-template-columns: minmax(0, 5fr) minmax(0, 4fr); }
	.ps-start .ps-kuerze__text { position: sticky; top: calc(var(--header-h) + 32px); }
}
.ps-start .ps-kuerze__text { display: grid; gap: 24px; align-content: start; align-self: start; }
.ps-start .ps-kuerze__fakten { align-self: start; }
.ps-start .ps-kuerze__text > .is-style-ps-dachzeile { margin-bottom: -6px; }
.ps-start .ps-zitierabsatz { color: var(--text-body); line-height: 1.6; }

.ps-start .ps-kuerze__fakten {
	background: var(--weiss);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-xs);
	padding: clamp(24px, 3vw, 36px);
}
.ps-start .ps-faktenliste { margin: 0; padding: 0; list-style: none; display: grid; }
.ps-start .ps-faktenliste li {
	padding: 14px 0;
	border-bottom: 1px solid var(--border-subtle);
	font: 400 var(--fs-small)/1.55 var(--font-sans);
	color: var(--text-body);
}
.ps-start .ps-faktenliste li:first-child { padding-top: 0; }
.ps-start .ps-faktenliste li:last-child { border-bottom: 0; padding-bottom: 0; }
.ps-start .ps-faktenliste strong {
	display: block;
	margin-bottom: 4px;
	font: 600 11px/1.2 var(--font-sans);
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--text-accent);
}