/* Experience-Seite – Video im Viewport, weiße Fläche schiebt sich beim Scrollen darüber */

body.exp-page { margin: 0; background: #000; }

/* Theme-Rahmen und Navigation spielen auf dieser Seite keine Rolle */
body.exp-page .tm-page,
body.exp-page .stbc-header,
body.exp-page .stbc-footer,
body.exp-page .rdbg-toggle,
body.exp-page .rdbg-overlay { display: none; }

/* Video bleibt fix im Viewport stehen – der Parallax entsteht dadurch,
   dass die Fläche darüber mit dem normalen Scroll vorbeizieht. */
.exp-hero { position: fixed; inset: 0; overflow: hidden; }
.exp-hero__video {
	position: absolute; inset: 0; width: 100%; height: 100%;
	object-fit: cover; object-position: center; display: block;
}

/* Platzhalter in Viewport-Höhe, dahinter scrollt die Fläche ins Bild */
.exp-spacer { height: 100svh; }

.exp-panel {
	position: relative; z-index: 2;
	background: #eeedeb;
	border-radius: 44px 44px 0 0;
	min-height: 100svh;
}

.exp-panel__inner { max-width: 1200px; margin: 0 auto; padding: 140px 28px; text-align: center; }
.exp-panel__headline {
	font-family: 'StudioMontserrat', sans-serif; font-weight: 800;
	text-transform: uppercase; color: #0e0d0c; line-height: 1.05;
	font-size: clamp(2rem, 4.5vw, 3.6rem); margin: 0 0 32px;
}
.exp-panel__text {
	font-family: 'StudioMontserrat', sans-serif; color: #55504b;
	font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.7;
	max-width: 62ch; margin: 0 auto;
}

.exp-panel__headline-svg {
	display: block; margin: 0 auto;
	width: min(680px, 74vw); height: auto;
	color: #0e0d0c;
}

/* Navi mittig, etwas tiefer – Buchen-Button eigenständig oben rechts */
.exp-nav {
	position: fixed; top: 46px; left: 0; right: 0; z-index: 10;
	display: flex; justify-content: center; gap: 44px;
}
.exp-nav a,
.exp-book {
	font-family: 'StudioMontserrat', sans-serif; font-weight: 700;
	font-size: .74rem; letter-spacing: .22em; text-transform: uppercase;
	line-height: 1; color: #0e0d0c; text-decoration: none;
}
.exp-nav a:hover { color: #8a7566; }
.exp-nav a[aria-current] { border-bottom: 2px solid #0e0d0c; padding-bottom: 4px; }

.exp-book {
	position: fixed; top: 35px; right: 28px; z-index: 11;
	display: inline-flex; align-items: center;
	background: #fff; padding: 11px 16px; border-radius: 12px;
	box-shadow: 0 6px 18px rgba(14, 13, 12, .10);
	transition: background .2s ease, color .2s ease;
}
.exp-book:hover { background: #8a7566; color: #fff; }