/*
 * Willkommen (.ps-willkommen): Text mit Initial „W“ und zwei überlappende Bilder mit leichtem Parallax.
 */

.ps-start .ps-willkommen { padding-bottom: clamp(64px, 8vw, 112px); }

.ps-start .ps-willkommen__spalten {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 440px), 1fr));
	gap: clamp(48px, 7vw, 112px);
	align-items: center;
	margin: 0;
}
.ps-start .ps-willkommen__spalten > .wp-block-column { flex-basis: auto; margin: 0; min-width: 0; }

.ps-start .ps-willkommen__text { display: grid; gap: 28px; align-content: center; }
.ps-start .ps-willkommen__text > .is-style-ps-dachzeile { margin-bottom: -10px; }
.ps-start .ps-willkommen__text h2 { max-width: 13.5em; }

.ps-start .ps-willkommen__bilder { position: relative; aspect-ratio: 4 / 5; }
.ps-start .ps-willkommen__bilder > figure { position: absolute; margin: 0; will-change: translate; }
.ps-start .ps-willkommen__bilder > figure img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-image); background: var(--fels-200); }
.ps-start .ps-bild-gross { top: 0; left: 0; width: 82%; height: 82%; }
.ps-start .ps-bild-klein { right: 0; bottom: 0; width: 52%; height: 42%; z-index: 1; }
.ps-start .ps-bild-klein img { border: 8px solid var(--schnee); box-shadow: var(--shadow-md); }

@media (max-width: 599px) {
	.ps-start .ps-willkommen__bilder { aspect-ratio: 1 / 1.1; }
	.ps-start .ps-bild-klein img { border-width: 5px; }
}