/* Beispiel-Exposé „Hotel am Rheinbogen“ (Musterobjekt). Ergänzt /media/site.css der Quaestra-Seite.
   Keine externen Quellen, keine Bibliothek. Bewegung ruht bei prefers-reduced-motion und bei „Bewegung reduzieren“. */
:root{--xp-ink2:#1f2522;--xp-ink3:#28302c;--xp-river:#6f9796;--xp-ease:cubic-bezier(.22,.7,.3,1);--xp-head:96px}
html.xp-page{scroll-snap-type:y proximity;scroll-padding-top:0}
@media(max-width:700px){:root{--xp-head:76px}}
.xp-page body{overflow-x:clip;background:var(--paper)}
.xp-page main{overflow-x:clip}
.xp-page .footer{padding-bottom:110px}
.xp-page .footer nav a .arrow-icon{display:inline-block;vertical-align:-1px}

/* Fortschritt und Kapitel */
.xp-progress{position:fixed;left:0;right:0;top:var(--xp-head);height:2px;z-index:49;pointer-events:none;transition:top .25s ease}
.xp-progress i{display:block;height:100%;background:var(--brass);transform-origin:0 50%;transform:scaleX(var(--sp,0))}
.is-stuck~.xp-progress{top:76px}
@media(max-width:700px){.is-stuck~.xp-progress{top:68px}}
@supports (animation-timeline: scroll()){.xp-progress i{animation:xp-grow linear both;animation-timeline:scroll(root)}}
@keyframes xp-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.xp-chapters{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transition:opacity .4s}
.xp-chapters.is-on{opacity:1;pointer-events:auto}
.xp-chapters a{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:5px 0;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.xp-chapters a::after{content:"";width:8px;height:8px;border-radius:50%;border:1px solid currentColor;transition:transform .3s,background .3s}
.xp-chapters a span{opacity:0;transform:translateX(6px);transition:opacity .25s,transform .25s;background:#171c1ae6;color:var(--paper);padding:4px 8px;border-radius:4px}
.xp-chapters a:hover span,.xp-chapters a:focus-visible span{opacity:1;transform:none}
.xp-chapters a.is-active{color:var(--brass)}
.xp-chapters a.is-active::after{background:var(--brass);transform:scale(1.25)}
.xp-chapters.on-dark a{color:#b9bdb5}
.xp-chapters.on-dark a.is-active{color:var(--brass)}
@media(max-width:1100px){.xp-chapters{display:none}}

/* Andockleiste: Musterobjekt und Anfrage, immer sichtbar */
.xp-dock{position:fixed;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:45;display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:#171c1ad9;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 10px 40px #0005,inset 0 0 0 1px #ffffff1c;color:var(--paper);max-width:calc(100vw - 24px)}
.xp-dock-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#e7d7b5;white-space:nowrap}
.xp-dock-cta{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;background:var(--brass);color:var(--ink);font-weight:600;font-size:14px;white-space:nowrap;transition:background .2s,transform .2s}
.xp-dock-cta:hover{background:#dfc99a}
.xp-dock.is-hidden{transform:translate(-50%,140%);opacity:0}
.xp-dock{transition:transform .45s var(--xp-ease),opacity .45s}
.xp-dot{width:7px;height:7px;border-radius:50%;background:var(--brass);box-shadow:0 0 0 0 #c9b27f88;animation:xp-ping 2.4s ease-out infinite;flex:none}
@keyframes xp-ping{0%{box-shadow:0 0 0 0 #c9b27f88}70%,100%{box-shadow:0 0 0 9px #c9b27f00}}

/* Kennzeichnung der Bilder */
.xp-vis{position:absolute;right:12px;bottom:12px;z-index:3;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#f5f2ebd9;background:#171c1a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 8px;border-radius:4px;pointer-events:none;line-height:1.2}

/* Gemeinsame Abschnitte */
.xp-section{position:relative;min-height:100svh;scroll-snap-align:start;padding:calc(var(--xp-head) + 56px) var(--gutter) 96px;display:flex;flex-direction:column;justify-content:center}
.xp-inner{width:100%;max-width:1320px;margin:0 auto}
.xp-dark{background:var(--ink);color:var(--paper)}
.xp-kicker{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:16px;margin-bottom:40px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.12em}
.xp-dark .xp-kicker{border-color:#ffffff30;color:#b9bdb5}
.xp-section h2{font-size:clamp(44px,5.6vw,92px);margin-bottom:36px}
.xp-dark h2 em{color:var(--brass)}
.xp-lead{max-width:520px;color:var(--muted);line-height:1.65}
.xp-dark .xp-lead{color:#bec1b9}
.xp-note{margin-top:28px;font-size:13px;line-height:1.55;color:var(--muted);max-width:760px}
.xp-dark .xp-note{color:#9da29a}
.xp-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);align-items:center}
.xp-split-copy .xp-kicker{margin-bottom:32px}

/* 1 Eröffnung: Fassade teilt sich in Geschossscheiben */
.xp-hero-pin{position:relative;scroll-snap-align:start}
.xp-fx .xp-hero-pin{height:185svh}
.xp-snap-mid{position:absolute;left:0;top:85svh;height:1px;width:1px;scroll-snap-align:start;display:none}
.xp-fx .xp-snap-mid{display:block}
.xp-hero{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:#0b1020;color:var(--paper);isolation:isolate;--p:0;--G:52px}
@media(max-width:700px){.xp-hero{--G:40px}}
.xp-hero-media{position:absolute;inset:0;z-index:-3;transform-origin:62% 55%}
.xp-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%}
.xp-slices{position:absolute;inset:0;display:none;transform:scale(var(--s));transform-origin:50% 50%}
.xp-hero{--s:calc(1 - var(--p) * .26)}
.xp-fx .xp-slices{display:block}
.xp-fx .xp-hero-base{visibility:hidden}
.xp-slice{position:absolute;inset:0;--t:calc(var(--i) * 16.6667%);--b:calc(100% - (var(--i) + 1) * 16.6667%);clip-path:inset(var(--t) 0 var(--b) 0);transform:translate3d(0,calc((var(--i) - 2.5) * var(--p) * var(--G)),0);will-change:transform}
.xp-slice:first-child{transform:translate3d(0,calc(-2.5 * var(--p) * var(--G) - var(--p) * 30px),0)}
.xp-slice::after{content:"";position:absolute;left:0;right:0;top:var(--t);height:2px;background:linear-gradient(90deg,transparent,var(--brass) 20%,var(--brass) 80%,transparent);opacity:calc(var(--p) * 1.6)}
.xp-slice:first-child::after{display:none}
.xp-seams{position:absolute;inset:0;z-index:1;pointer-events:none;display:none;transform-origin:62% 55%}
.xp-fx .xp-seams{display:block;background:rgb(11 16 32 / calc(var(--p) * .35))}
.xp-seams-in{position:absolute;inset:0;transform:scale(var(--s));transform-origin:50% 50%}
.xp-seam{--x:0px;position:absolute;left:var(--gutter);right:var(--gutter);top:calc(var(--k) * 16.6667% + (var(--k) - 3) * var(--p) * var(--G) - var(--x) * var(--p));transform:translateY(-50%) scale(calc(1 / var(--s)));transform-origin:0 50%;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.1em;color:#f3e6c6;white-space:nowrap;opacity:clamp(0,calc((var(--p) - .45) * 3),1)}
.xp-seam:first-child{--x:15px}
.xp-seam i{display:inline-block;width:22px;height:1px;background:var(--brass);flex:none}
@media(max-width:700px){.xp-seam{font-size:10px;letter-spacing:.06em;gap:8px}.xp-seam i{width:12px}}
.xp-fx .xp-hero-media,.xp-fx .xp-seams{animation:xp-kb 26s ease-in-out infinite alternate}
@keyframes xp-kb{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}
.xp-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0d1322e6 0%,#0d1322a8 32%,#0d132224 62%,transparent),linear-gradient(0deg,#0b1020f0 0%,#0b102066 32%,transparent 55%),linear-gradient(180deg,#0b102099,transparent 28%);opacity:calc(1 + var(--p) * .2)}
.xp-hero-grain{position:absolute;inset:-50%;z-index:-1;opacity:.07;pointer-events:none;background-image:radial-gradient(#fff 0.6px,transparent 0.6px);background-size:3px 3px;mix-blend-mode:overlay}
.xp-sample-band{opacity:clamp(0,calc(1 - var(--p) * 2.5),1);position:absolute;top:calc(var(--xp-head) + 18px);left:var(--gutter);display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:.12em;color:#f3e6c6;background:#171c1a8c;border:1px solid #c9b27f66;padding:8px 14px;border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:calc(100% - 2 * var(--gutter))}
.xp-hero-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(120px,17vh,190px);max-width:880px;transform:translate3d(0,calc(var(--p) * -60px),0);opacity:calc(1 - var(--p) * 1.4)}
.xp-hero .eyebrow{color:#e7d7b5;margin-bottom:22px;font-size:11px}
.xp-kinetic{font-size:clamp(64px,10.5vw,176px);line-height:.88;letter-spacing:-.045em}
.xp-word{display:inline-block;white-space:nowrap}
.xp-ch{display:inline-block}
.xp-fx .xp-ch{animation:xp-rise 1.1s var(--xp-ease) both;animation-delay:calc(var(--i) * 45ms + 250ms)}
.xp-fx .xp-word:last-child .xp-ch{color:var(--brass)}
.xp-word:last-child .xp-ch{color:var(--brass)}
@keyframes xp-rise{from{opacity:0;transform:translate3d(0,.55em,0) rotate(6deg);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.xp-hero-lead{margin-top:26px;font-size:clamp(18px,1.6vw,23px);max-width:620px;color:#ece6d8;line-height:1.45}
.xp-hero-facts{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.xp-hero-facts li{display:flex;flex-direction:column;padding:12px 18px;border-radius:14px;background:#ffffff12;border:1px solid #ffffff26;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.xp-hero-facts b{font-family:var(--serif);font-weight:400;font-size:26px;letter-spacing:-.02em;line-height:1.1}
.xp-hero-facts span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#cfc8b6;margin-top:4px}
.xp-fx .xp-hero-lead,.xp-fx .xp-hero-facts li,.xp-fx .xp-hero .eyebrow{animation:xp-up .9s var(--xp-ease) both}
.xp-fx .xp-hero .eyebrow{animation-delay:.1s}.xp-fx .xp-hero-lead{animation-delay:1.05s}
.xp-fx .xp-hero-facts li:nth-child(1){animation-delay:1.25s}.xp-fx .xp-hero-facts li:nth-child(2){animation-delay:1.37s}.xp-fx .xp-hero-facts li:nth-child(3){animation-delay:1.49s}
@keyframes xp-up{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
.xp-swipe{position:absolute;right:var(--gutter);bottom:clamp(120px,17vh,190px);display:flex;align-items:center;gap:12px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#e7d7b5}
.xp-swipe-track{width:2px;height:54px;background:#ffffff30;border-radius:2px;overflow:hidden;position:relative}
.xp-swipe-track i{position:absolute;left:0;right:0;height:40%;background:var(--brass);animation:xp-track 2s ease-in-out infinite}
@keyframes xp-track{from{transform:translateY(-100%)}to{transform:translateY(260%)}}
.xp-vis-hero{bottom:84px}

/* 2 Kennzahlen */
.xp-kpi-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff22}
.xp-kpi{position:relative;padding:28px 28px 30px 0;border-bottom:1px solid #ffffff22;display:flex;flex-direction:column;gap:10px}
.xp-kpi+.xp-kpi{padding-left:28px;border-left:1px solid #ffffff22}
.xp-kpi:nth-child(4){border-left:0;padding-left:0}
.xp-kpi-no{font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--brass)}
.xp-kpi strong{font-family:var(--serif);font-weight:400;font-size:clamp(42px,4.6vw,78px);letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.xp-kpi-label{color:#bec1b9;font-size:15px;line-height:1.4;max-width:300px}
.xp-kpi::before{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--brass);transform:scaleX(0);transform-origin:0 50%;transition:transform 1.2s var(--xp-ease) calc(var(--delay,0ms) + 200ms)}
.xp-kpi+.xp-kpi::before{left:28px;width:calc(100% - 28px)}
.xp-kpi:nth-child(4)::before{left:0;width:100%}
.xp-kpi.is-visible::before{transform:scaleX(1)}

/* 3 Satz */
.xp-statement{min-height:80svh;align-items:center}
.xp-statement .fill-text{max-width:1100px}

/* 4 Lage */
.xp-places{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:2px}
.xp-places li{display:grid;grid-template-columns:30px 1fr auto;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px;transition:color .2s}
.xp-places li span:last-child{color:var(--muted);font-size:14px;text-align:right}
.xp-place-no{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--brass-dark);font-size:11px;font-weight:600;color:var(--brass-dark)}
.xp-places li.is-hot{color:var(--brass-dark)}
.xp-places li.is-hot .xp-place-no{background:var(--brass);border-color:var(--brass);color:var(--ink)}
.xp-map{margin:0;position:relative}
.xp-map-svg{width:100%;height:auto;display:block;border-radius:22px;box-shadow:0 40px 80px -40px #171c1a99}
.xp-map figcaption{font-size:12px;color:var(--muted);margin-top:10px}
.m-river{stroke-dasharray:1400;stroke-dashoffset:0}
.xp-fx .m-river{stroke-dashoffset:1400;transition:stroke-dashoffset 2.2s var(--xp-ease)}
.xp-fx .m-routes path{stroke-dasharray:var(--len,600);stroke-dashoffset:var(--len,600);transition:stroke-dashoffset 1.4s var(--xp-ease)}
.xp-fx .m-pins g{opacity:0;transition:opacity .5s,transform .5s}
.xp-fx .is-in .m-river{stroke-dashoffset:0}
.xp-fx .is-in .m-routes path{stroke-dashoffset:0}
.xp-fx .is-in .m-pins g{opacity:1}
.m-routes path:nth-child(2){transition-delay:.25s}.m-routes path:nth-child(3){transition-delay:.5s}.m-routes path:nth-child(4){transition-delay:.75s}.m-routes path:nth-child(5){transition-delay:1s}
.m-pins g:nth-child(1){transition-delay:1.2s}.m-pins g:nth-child(2){transition-delay:1.4s}.m-pins g:nth-child(3){transition-delay:1.6s}.m-pins g:nth-child(4){transition-delay:1.8s}.m-pins g:nth-child(5){transition-delay:2s}
.m-routes path.is-hot{stroke:#f1dcaa;stroke-width:4}
.m-pins circle{transition:fill .2s}
.m-pins g.is-hot circle{fill:#c9b27f}
.m-pins g.is-hot text{fill:#171c1a}
.m-ping{transform-origin:0 0;animation:xp-mping 2.6s ease-out infinite}
.m-ping2{animation-delay:1.3s}
@keyframes xp-mping{from{transform:scale(.6);opacity:1}to{transform:scale(3.2);opacity:0}}
.m-river-hl{animation:xp-flow 6s linear infinite}
@keyframes xp-flow{to{stroke-dashoffset:-160}}

/* 5 Zwischenbild */
.xp-interlude{position:relative;height:100svh;min-height:560px;overflow:hidden;color:var(--paper);scroll-snap-align:start;isolation:isolate;--p:0}
.xp-interlude-media{position:absolute;inset:-12% 0;z-index:-2;transform:translate3d(0,calc((var(--p) - .5) * -12%),0)}
.xp-interlude-media img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.xp-fx .xp-interlude-media img{transform:scale(calc(1.18 - var(--p) * .16))}
.xp-interlude-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#171c1ae6,#171c1a26 55%,#171c1a40)}
.xp-interlude-copy{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(110px,14vh,160px);max-width:760px}
.xp-big{font-family:var(--serif);font-size:clamp(110px,19vw,300px);line-height:.8;letter-spacing:-.05em;display:flex;align-items:flex-start;gap:.08em;font-variant-numeric:tabular-nums}
.xp-big small{font-family:var(--sans);font-weight:500;font-size:.2em;letter-spacing:0;color:var(--brass);margin-top:.12em}
.xp-interlude-text{margin-top:22px;font-size:clamp(18px,1.6vw,22px);max-width:520px;color:#ece6d8}

/* 6 Betrieb */
.xp-live{background:radial-gradient(120% 80% at 80% 0%,#243029 0%,var(--ink) 55%)}
.xp-live-tag{display:flex;align-items:center;gap:10px;color:#e7d7b5}
.xp-pulse{width:8px;height:8px;border-radius:50%;background:#7fc59b;box-shadow:0 0 0 0 #7fc59b88;animation:xp-ping2 1.8s ease-out infinite}
@keyframes xp-ping2{0%{box-shadow:0 0 0 0 #7fc59baa}80%,100%{box-shadow:0 0 0 10px #7fc59b00}}
.xp-live-head{display:grid;grid-template-columns:1.3fr .8fr;gap:8%;align-items:end;margin-bottom:34px}
.xp-live-head h2{margin-bottom:0}
.xp-dash{border-radius:22px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid #ffffff1f;padding:clamp(16px,2.4vw,30px);box-shadow:inset 0 1px 0 #ffffff14,0 40px 80px -40px #000}
.xp-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.xp-tabs button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:14px;border:1px solid #ffffff1a;background:#ffffff06;transition:background .25s,border-color .25s;min-width:0}
.xp-tabs button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.xp-tabs button span{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#b9bdb5}
.xp-tabs button b{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,44px);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}
.xp-tabs button small{font-size:13px;color:#7fc59b;font-variant-numeric:tabular-nums}
.xp-tabs button[aria-selected=true]{background:#c9b27f1f;border-color:#c9b27f80}
.xp-tabs button[aria-selected=true] span{color:var(--brass)}
.xp-chart-when{margin:18px 2px 6px;font-size:12px;letter-spacing:.06em;color:#9da29a;min-height:1.5em}
.xp-chart{position:relative;height:clamp(180px,26vh,280px);touch-action:pan-y}
.xp-chart-svg{width:100%;height:100%;display:block;overflow:visible}
.xp-chart-svg .c-grid line{stroke:#ffffff14}
.xp-chart-svg .c-grid text{fill:#8d928a;font-size:11px}
.xp-chart-svg .c-area{fill:url(#cfill)}
.xp-chart-svg .c-line{fill:none;stroke:var(--brass);stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.xp-chart-svg .c-prev{fill:none;stroke:#ffffff40;stroke-width:1.4;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}
.xp-chart-svg .c-cursor{stroke:#ffffff70;stroke-width:1;vector-effect:non-scaling-stroke}
.xp-chart-dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--brass);box-shadow:0 0 0 4px #c9b27f40;pointer-events:none;transition:left .15s,top .15s}
.xp-chart-dot.is-last::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--brass);animation:xp-mping 2s ease-out infinite}
.xp-chart-x{display:flex;justify-content:space-between;font-size:11px;color:#8d928a;margin-top:8px;font-variant-numeric:tabular-nums}
.xp-chart-tip{position:absolute;top:0;padding:6px 10px;border-radius:8px;background:#f5f2eb;color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,-110%);transition:opacity .15s}
.xp-chart-tip.is-on{opacity:1}
.xp-dash-foot{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:22px 0 0;border-top:1px solid #ffffff1a}
.xp-dash-foot div{padding:14px 14px 0 0}
.xp-dash-foot dt{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#9da29a}
.xp-dash-foot dd{margin:6px 0 0;font-size:20px;font-variant-numeric:tabular-nums}

/* 7 Gebäude: Explosionszeichnung */
.xp-explorer{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,5vw,80px);align-items:start}
.xp-stack-wrap{position:relative;padding:70px 0 10px;--gap:.35}
.xp-stack{position:relative;height:calc(5 * (40px + var(--gap) * 64px) + 150px);perspective:1600px;transition:height .5s var(--xp-ease)}
.xp-slab{all:unset;cursor:pointer;position:absolute;left:0;right:0;top:calc(var(--n) * (40px + var(--gap) * 64px));height:40px;transition:top .5s var(--xp-ease)}
.xp-slab-top{position:absolute;left:calc(38% - 130px);top:-40px;width:260px;height:170px;border-radius:10px;background:linear-gradient(135deg,#fffdf6,#e9e3d3);border:1px solid #b9ae93;box-shadow:0 14px 0 -2px #cfc6ae,0 30px 40px -12px #171c1a40;transform:rotateX(60deg) rotateZ(-42deg);transition:background .3s,box-shadow .3s,transform .5s var(--xp-ease),opacity .3s}
.xp-slab-top::before{content:"";position:absolute;inset:12px;border-radius:4px;background-image:linear-gradient(#171c1a14 1px,transparent 1px),linear-gradient(90deg,#171c1a14 1px,transparent 1px);background-size:20px 20px}
.xp-slab-zi .xp-slab-top{box-shadow:0 8px 0 -1px #ddd5c0,0 16px 0 -1px #cfc6ae,0 24px 0 -1px #ddd5c0,0 32px 0 -1px #cfc6ae,0 40px 0 -1px #ddd5c0,0 54px 44px -14px #171c1a40}
.xp-slab-zi .xp-slab-top::after{content:"";position:absolute;left:12px;right:12px;top:46%;height:8%;background:#c9b27f55;border-radius:2px}
.xp-slab-dg .xp-slab-top{width:150px;height:100px;left:calc(38% - 75px);top:-10px}
.xp-slab-ug .xp-slab-top{background:linear-gradient(135deg,#e2dccb,#cfc6ae)}
.xp-slab-label{position:absolute;left:calc(38% + 150px);top:50%;transform:translateY(-50%);display:flex;align-items:baseline;gap:10px;white-space:nowrap;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:color .3s;padding:8px 0}
.xp-slab-label::before{content:"";width:28px;height:1px;background:currentColor;align-self:center;opacity:.6}
.xp-slab-label small{font-size:11px;letter-spacing:.04em;font-weight:500;opacity:.8;text-transform:none}
.xp-slab[aria-pressed=true] .xp-slab-top{background:linear-gradient(135deg,#ecd9ab,#c9b27f);border-color:#7c673e;transform:rotateX(60deg) rotateZ(-42deg) translateZ(18px)}
.xp-slab-zi[aria-pressed=true] .xp-slab-top{box-shadow:0 8px 0 -1px #b89f6c,0 16px 0 -1px #a99062,0 24px 0 -1px #b89f6c,0 32px 0 -1px #a99062,0 40px 0 -1px #b89f6c,0 54px 44px -14px #7c673e70}
.xp-slab[aria-pressed=true]:not(.xp-slab-zi) .xp-slab-top{box-shadow:0 14px 0 -2px #a99062,0 40px 50px -12px #7c673e70}
.xp-slab[aria-pressed=true] .xp-slab-label{color:var(--brass-dark)}
.xp-slab:hover .xp-slab-label{color:var(--ink)}
.xp-slab:focus-visible .xp-slab-label{outline:2px solid var(--brass-dark);outline-offset:4px}
.xp-pull{display:flex;flex-direction:column;gap:8px;margin-top:8px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);max-width:360px}
.xp-pull input{accent-color:var(--brass-dark);width:100%}
.xp-floor-panel{animation:xp-panel .5s var(--xp-ease)}
@keyframes xp-panel{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:none}}
.xp-floor-bgf{font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--brass-dark);text-transform:uppercase}
.xp-floor-panel h3{font-family:var(--serif);font-size:clamp(30px,3vw,44px);letter-spacing:-.025em;margin:10px 0 16px}
.xp-floor-panel ul{margin:0;padding:0;list-style:none}
.xp-floor-panel li{padding:10px 0 10px 22px;border-bottom:1px solid var(--line);position:relative;font-size:16px}
.xp-floor-panel li::before{content:"";position:absolute;left:0;top:19px;width:10px;height:1px;background:var(--brass-dark)}
.xp-floor-note{margin-top:14px;color:var(--muted);font-size:15px;line-height:1.55}
.xp-floor-img{margin:18px 0 0;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:16/9}
.xp-floor-img img{width:100%;height:100%;object-fit:cover}
.xp-fx .xp-floor-img img{animation:xp-zoomin 1.2s var(--xp-ease) both}
@keyframes xp-zoomin{from{transform:scale(1.15);clip-path:inset(12% 12% 12% 12% round 16px)}to{transform:scale(1);clip-path:inset(0 0 0 0 round 16px)}}
.xp-plan{margin:18px 0 0;color:var(--ink)}
.xp-plan svg{width:100%;height:auto;display:block}
.xp-plan .p-sup,.xp-plan i.p-sup{fill:#e2dccb;background:#e2dccb}
.xp-plan .p-dlx,.xp-plan i.p-dlx{fill:#c9b27f;background:#c9b27f}
.xp-plan .p-js,.xp-plan i.p-js{fill:#7c673e;background:#7c673e}
.xp-plan .p-corr{fill:#f5f2eb;stroke:#d8d4c9}
.xp-plan .p-t{font-size:10px;font-weight:600;letter-spacing:.15em;fill:var(--muted)}
.xp-plan figcaption{display:flex;gap:18px;font-size:12px;color:var(--muted);margin-top:8px}
.xp-plan figcaption i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.xp-fx .xp-plan rect[class^=p-]:not(.p-corr){animation:xp-cell .5s var(--xp-ease) both}
@keyframes xp-cell{from{opacity:0}to{opacity:1}}
.xp-facts{display:grid;grid-template-columns:repeat(4,1fr);margin:48px 0 0;border-top:1px solid var(--line)}
.xp-facts div{padding:16px 16px 0 0}
.xp-facts dt{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.xp-facts dd{margin:6px 0 0;font-family:var(--serif);font-size:30px;letter-spacing:-.02em}

/* 8 Galerie als Story */
.xp-section.xp-gallery{padding-left:0;padding-right:0}
.xp-gallery .xp-inner{padding:0 var(--gutter);max-width:none}
.xp-gallery h2{margin-bottom:28px}
.xp-story{position:relative;width:100%}
.xp-story-bars{display:flex;gap:6px;padding:0 var(--gutter);margin-bottom:14px}
.xp-story-bars i{flex:1;height:3px;border-radius:3px;background:#ffffff26;overflow:hidden}
.xp-story-bars b{display:block;height:100%;width:100%;background:var(--brass);transform:scaleX(0);transform-origin:0 50%}
.xp-story-bars i.is-done b{transform:scaleX(1)}
.xp-story-bars i.is-now b{transform:scaleX(var(--sp,0))}
.xp-story-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gutter);padding:0 var(--gutter) 6px;scrollbar-width:none;overscroll-behavior-x:contain}
.xp-story-track::-webkit-scrollbar{display:none}
.xp-story-track:focus-visible{outline:2px solid var(--brass);outline-offset:4px}
.xp-story-slide{flex:0 0 auto;height:min(58svh,600px);margin:0;position:relative;scroll-snap-align:start;border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:#222}
.xp-story-slide img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--xp-ease),filter .6s}
.xp-story-slide:not(.is-now) img{filter:saturate(.6) brightness(.7)}
.xp-fx .xp-story-slide.is-now img{animation:xp-kb2 9s ease-out both}
@keyframes xp-kb2{from{transform:scale(1.14) translate3d(1.5%,0,0)}to{transform:scale(1.02)}}
.xp-story-slide figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 22px 18px;background:linear-gradient(0deg,#171c1ad9,transparent);font-size:16px;color:var(--paper);padding-right:220px}
.xp-story-ctrl{display:flex;align-items:center;gap:10px;padding:18px var(--gutter) 0}
.xp-story-ctrl button{all:unset;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #ffffff40;color:var(--paper);transition:background .2s,border-color .2s}
.xp-story-ctrl button:hover{background:#ffffff14;border-color:var(--brass)}
.xp-story-ctrl button:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.xp-story-count{font-size:13px;font-weight:600;letter-spacing:.1em;color:#b9bdb5;min-width:52px;text-align:center;font-variant-numeric:tabular-nums}
.xp-story-play .i-play{display:none}
.xp-story-play[aria-pressed=true] .i-play{display:block}
.xp-story-play[aria-pressed=true] .i-pause{display:none}

/* 9 Pacht */
.xp-timeline{margin:46px 0 44px;--draw:0}
.xp-tl-bar{position:relative;height:56px;border-radius:12px;background:#ece7db;overflow:visible}
.xp-tl-bar>span{position:absolute;top:0;bottom:0;left:var(--l,0);width:var(--w);transform-origin:0 50%}
.xp-tl-done{background:repeating-linear-gradient(135deg,#d8d4c9 0 6px,#e6e1d4 6px 12px);border-radius:12px 0 0 12px}
.xp-tl-fixed{background:linear-gradient(90deg,#171c1a,#2c3530)}
.xp-tl-opt{background:#c9b27f;opacity:.85;border-left:2px solid #f5f2eb}
.xp-tl-opt2{opacity:.55;border-radius:0 12px 12px 0}
.xp-fx .xp-tl-bar>span:not(.xp-tl-now){transform:scaleX(0);transition:transform 1.1s var(--xp-ease)}
.xp-fx .xp-tl-fixed{transition-delay:.35s!important}.xp-fx .xp-tl-opt{transition-delay:1.2s!important}.xp-fx .xp-tl-opt2{transition-delay:1.6s!important}
.xp-fx .is-in .xp-tl-bar>span:not(.xp-tl-now){transform:scaleX(1)}
.xp-tl-now{width:2px!important;background:var(--brass-dark);top:-10px!important;bottom:-10px!important}
.xp-tl-now b{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-dark);padding-bottom:4px;white-space:nowrap}
.xp-tl-years{position:relative;height:24px;margin-top:10px;font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.xp-tl-years span{position:absolute;left:var(--l);transform:translateX(-50%)}
.xp-tl-years span:first-child{transform:none}.xp-tl-years span:last-child{transform:translateX(-100%)}
.xp-tl-legend{display:flex;gap:22px;font-size:13px;color:var(--muted);margin-top:6px}
.xp-tl-legend i{display:inline-block;width:14px;height:8px;border-radius:2px;margin-right:8px}
.xp-tl-legend .l-fixed{background:#171c1a}.xp-tl-legend .l-opt{background:#c9b27f}
.xp-terms{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;border-top:1px solid var(--line)}
.xp-terms div{padding:20px 24px 22px 0;border-bottom:1px solid var(--line)}
.xp-terms dt{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--brass-dark)}
.xp-terms dd{margin:8px 0 0;font-size:16px;line-height:1.5}

/* 10 Energie */
.xp-energy{background:#ece7db}
.xp-geg{margin:0;background:var(--white);border-radius:20px;padding:clamp(20px,3vw,36px);box-shadow:0 30px 60px -40px #171c1a66}
.xp-geg div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.xp-geg dt{color:var(--muted);font-size:15px}
.xp-geg dd{margin:0;font-weight:600;font-size:16px;font-variant-numeric:tabular-nums}
.xp-geg .xp-note{margin-top:18px}
.xp-ebars{margin-top:32px;max-width:460px}
.xp-ebars div{display:grid;grid-template-columns:90px 1fr 44px;align-items:center;gap:12px;margin-bottom:10px;font-size:14px}
.xp-ebars i{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,#7c673e,#c9b27f);transform-origin:0 50%;transform:scaleX(var(--v))}
.xp-fx .xp-ebars i{transform:scaleX(0);transition:transform 1.2s var(--xp-ease) .2s}
.xp-fx .xp-ebars.is-in i{transform:scaleX(var(--v))}
.xp-ebars b{font-variant-numeric:tabular-nums;text-align:right}
.xp-ebars p{font-size:12px;color:var(--muted)}

/* 11 Unterlagen */
.xp-docs{min-height:auto;padding-top:120px;padding-bottom:120px}
.xp-doclist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.xp-doclist li{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;background:var(--white);border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.xp-doclist li:hover{transform:translateY(-2px);box-shadow:0 18px 30px -22px #171c1a80}
.xp-doc-ic{color:var(--brass-dark);display:flex}
.xp-doclist b{font-weight:600;font-size:16px}
.xp-doc-state{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--muted);white-space:nowrap}
.xp-doc-state.is-open{color:#3f7a57}

/* 12 Kontakt */
.xp-contact{position:relative;min-height:100svh;overflow:hidden;scroll-snap-align:start;display:flex;align-items:flex-end;isolation:isolate;--p:0}
.xp-contact-media{position:absolute;inset:0;z-index:-2}
.xp-contact-media img{width:100%;height:100%;object-fit:cover}
.xp-fx .xp-contact-media img{transform:scale(calc(1.15 - var(--p) * .15))}
.xp-contact-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171c1af2 0%,#171c1acc 45%,#171c1a40),linear-gradient(0deg,#171c1ad9,transparent 50%)}
.xp-contact-copy{padding:calc(var(--xp-head) + 60px) var(--gutter) 130px;max-width:820px}
.xp-contact h2{font-size:clamp(46px,6vw,100px);margin:22px 0 26px}
.xp-contact h2 em{color:var(--brass)}
.xp-contact-copy>p{color:#d8d3c6;max-width:560px;line-height:1.6;margin-bottom:30px}
.xp-contact .eyebrow{color:#e7d7b5}
.xp-contact-person{display:flex;flex-direction:column;gap:4px;margin-top:34px;padding-left:16px;border-left:1px solid var(--brass)}
.xp-contact-person .person-index{color:#b9bdb5}
.xp-contact-person b{font-size:20px;font-weight:500}
.xp-contact-person a{color:var(--brass);text-decoration:underline;text-underline-offset:3px}
.xp-disclaimer{margin-top:34px!important;font-size:12px;color:#9da29a!important;max-width:620px}

/* Mobil */
@media(max-width:960px){
  .xp-split,.xp-explorer,.xp-live-head{grid-template-columns:1fr}
  .xp-live-head{gap:18px}
  .xp-kpi-grid{grid-template-columns:repeat(2,1fr)}
  .xp-kpi:nth-child(odd){border-left:0;padding-left:0}
  .xp-kpi:nth-child(even){padding-left:22px;border-left:1px solid #ffffff22}
  .xp-kpi:nth-child(odd)::before{left:0;width:100%}
  .xp-dash-foot{grid-template-columns:repeat(3,1fr)}
  .xp-terms{grid-template-columns:1fr 1fr}
  .xp-story-slide{height:min(52svh,520px)}
  .xp-lage .xp-split{gap:0}
  .xp-lage .xp-split-copy{display:contents}
  .xp-lage .xp-map{order:1;margin:8px 0 8px}
  .xp-lage .xp-places{order:2}
}
@media(max-width:700px){
  .xp-section{padding:calc(var(--xp-head) + 40px) var(--gutter) 110px}
  .xp-kicker{margin-bottom:28px;font-size:10px;gap:12px}
  .xp-kicker span:last-child{text-align:right}
  .xp-section h2{font-size:clamp(40px,11.5vw,56px);margin-bottom:26px}
  .xp-sample-band{font-size:9.5px;letter-spacing:.08em;padding:7px 12px;line-height:1.35}
  .xp-hero-media img{object-position:74% 50%}
  .xp-hero-copy{bottom:118px}
  .xp-kinetic{font-size:clamp(54px,16.5vw,78px);line-height:.9}
  .xp-hero-lead{font-size:17px;margin-top:18px}
  .xp-hero-facts{gap:8px;margin-top:20px;flex-wrap:nowrap}
  .xp-hero-facts li{padding:9px 11px;border-radius:12px;flex:1;min-width:0}
  .xp-hero-facts b{font-size:19px;white-space:nowrap}
  .xp-hero-facts span{font-size:9px;letter-spacing:.06em;white-space:normal}
  .xp-swipe{display:none}
  .xp-vis-hero{bottom:84px}
  .xp-kpi{padding:20px 0 22px 0}
  .xp-kpi strong{font-size:clamp(30px,9.5vw,42px)}
  .xp-kpi-label{font-size:13px}
  .xp-kpi:nth-child(even){padding-left:16px}
  .xp-statement .fill-text{text-align:left}
  .xp-places li{grid-template-columns:26px 1fr;font-size:15px}
  .xp-places li span:last-child{grid-column:2;text-align:left;margin-top:-6px}
  .xp-tabs{gap:6px}
  .xp-tabs button{padding:10px 10px;border-radius:12px}
  .xp-tabs button span{font-size:10px;letter-spacing:.06em}
  .xp-tabs button b{font-size:22px}
  .xp-tabs button small{font-size:11px}
  .xp-chart{height:210px}
  .xp-dash-foot{grid-template-columns:1fr 1fr}
  .xp-dash-foot dd{font-size:17px}
  .xp-stack{height:calc(5 * (30px + var(--gap) * 44px) + 110px)}
  .xp-slab{top:calc(var(--n) * (30px + var(--gap) * 44px));height:30px}
  .xp-slab-top{width:170px;height:112px;left:calc(30% - 85px);top:-30px}
  .xp-slab-dg .xp-slab-top{width:100px;height:66px;left:calc(30% - 50px);top:-10px}
  .xp-slab-label{left:calc(30% + 100px);font-size:11px;gap:6px}
  .xp-slab-label::before{width:14px}
  .xp-facts{grid-template-columns:1fr 1fr}
  .xp-facts dd{font-size:24px}
  .xp-story-slide{flex:0 0 calc(100vw - 2 * var(--gutter));height:auto;aspect-ratio:4/5}
  .xp-story-slide figcaption{padding:60px 16px 44px;font-size:15px}
  .xp-story-slide .xp-vis{right:auto;left:16px;bottom:14px}
  .xp-terms{grid-template-columns:1fr}
  .xp-terms div{padding-right:0}
  .xp-geg div{grid-template-columns:1fr;gap:4px}
  .xp-doclist{grid-template-columns:1fr}
  .xp-doclist li{grid-template-columns:auto 1fr;padding:14px 16px}
  .xp-doc-state{grid-column:2}
  .xp-contact-copy{padding-bottom:120px}
  .xp-contact-shade{background:linear-gradient(0deg,#171c1af5 0%,#171c1ad0 60%,#171c1a66)}
  .xp-dock-badge{padding:8px 8px 8px 10px;font-size:10px}
  .xp-dock-cta{font-size:13px;padding:10px 14px;gap:8px}
  .xp-interlude-media img{object-position:30% 40%}
}

/* Ruhe: System oder Knopf in der Fußzeile */
@media(prefers-reduced-motion:reduce){
  html.xp-page{scroll-snap-type:none}
  .xp-dot,.xp-pulse,.m-ping,.m-river-hl,.xp-swipe-track i,.xp-chart-dot.is-last::after,.xp-progress i{animation:none!important}
}
.reduce-motion .xp-dot,.reduce-motion .xp-pulse,.reduce-motion .m-ping,.reduce-motion .m-river-hl,.reduce-motion .xp-swipe-track i,.reduce-motion .xp-chart-dot.is-last::after{animation:none!important}
html.reduce-motion.xp-page{scroll-snap-type:none}
@media print{.xp-dock,.xp-chapters,.xp-progress,.xp-story-ctrl,.xp-pull{display:none!important}.xp-section,.xp-hero,.xp-interlude,.xp-contact{min-height:auto;height:auto;break-inside:avoid}}

/* Überarbeitung 28.10.2026 (Krisztian: unruhig, springt beim Scrollen, Galerie springt, Auftakt wirkt fehlerhaft).
   Ruhig und elegant: kein Einrasten, Auftakt als ein Bild mit langsamer Bewegung, Galerie als Mosaik mit Großansicht. */
html.xp-page{scroll-snap-type:none!important}
.xp-section,.xp-interlude,.xp-contact{scroll-snap-align:none!important}
.xp-hero{position:relative;top:auto;height:100svh}
.xp-fx .xp-hero-base{visibility:visible}
.xp-fx .xp-hero-media{animation:xp-kb-ruhig 46s ease-in-out infinite alternate}
@keyframes xp-kb-ruhig{from{transform:scale(1)}to{transform:scale(1.04)}}
.xp-title-ruhig em{font-style:normal;color:var(--brass)}
.xp-fx .xp-title-ruhig{animation:xp-up 1.4s var(--xp-ease) .25s both}
.xp-swipe{gap:10px;letter-spacing:.12em}
.xp-mosaik{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,15vw,230px);gap:14px}
.xp-tile{position:relative;margin:0}
.xp-tile.t1{grid-column:span 2;grid-row:span 2}.xp-tile.t2,.xp-tile.t5,.xp-tile.t6{grid-column:span 2}
.xp-tile-btn{all:unset;box-sizing:border-box;display:block;position:absolute;inset:0;cursor:zoom-in;border-radius:14px;overflow:hidden;background:#20251f}
.xp-tile-btn picture,.xp-tile-btn img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--xp-ease)}
.xp-tile-btn:hover img{transform:scale(1.035)}
.xp-tile-btn:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.xp-tile-cap{position:absolute;left:0;right:0;bottom:0;padding:56px 18px 16px;background:linear-gradient(0deg,#171c1ad9,transparent);color:var(--paper);font-size:15px;line-height:1.4}
.xp-lb{border:0;padding:0;margin:0;width:100vw;height:100svh;max-width:none;max-height:none;background:transparent;color:#e9e4d9}
.xp-lb::backdrop{background:rgb(9 11 12 / .93)}
.xp-lb-fig{position:absolute;inset:7svh 9vw 9svh;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.xp-lb-fig img{max-width:100%;max-height:calc(100% - 48px);object-fit:contain;border-radius:10px}
.xp-lb-fig figcaption{font-size:15px;color:#e9e4d9;text-align:center}
.xp-lb button{all:unset;box-sizing:border-box;position:absolute;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff40;color:#fff;cursor:pointer;transition:border-color .3s,background .3s}
.xp-lb button:hover{border-color:var(--brass);background:#ffffff10}
.xp-lb .xp-lb-prev{left:2.5vw;top:50%;transform:translateY(-50%)}.xp-lb .xp-lb-next{right:2.5vw;top:50%;transform:translateY(-50%)}
.xp-lb .xp-lb-close{right:2.5vw;top:2.5svh;font-size:26px;line-height:1}
.xp-lb-count{position:absolute;left:50%;bottom:3svh;transform:translateX(-50%);font-size:13px;letter-spacing:.12em;color:#b9bdb5}
@media(max-width:700px){
  .xp-mosaik{grid-template-columns:1fr 1fr;grid-auto-rows:40vw;gap:10px}
  .xp-tile.t1{grid-column:span 2;grid-row:span 1}.xp-tile.t2,.xp-tile.t5,.xp-tile.t6{grid-column:span 1}.xp-tile.t6{grid-column:span 2}
  .xp-tile-cap{padding:40px 12px 10px;font-size:13px}
  .xp-lb-fig{inset:10svh 4vw 12svh}.xp-lb .xp-lb-prev,.xp-lb .xp-lb-next{top:auto;bottom:2svh;transform:none}.xp-lb .xp-lb-prev{left:4vw}.xp-lb .xp-lb-next{right:4vw}
}
.xp-mosaik .xp-vis{display:none}
.xp-mosaik-note{margin:16px 0 0;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9da197}