/* Eine zusammenhängende Bühne; der Finger steuert die Kamera auch auf Mobilgeräten. */
html{scroll-behavior:auto;background:#181d18}
.tour-nav{position:fixed;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px var(--bord);color:#fff;background:linear-gradient(#111b,transparent)}
.tour-nav button{min-height:44px;border:1px solid #ffffff80;border-radius:24px;padding:8px 18px;font-size:12px;background:#172018b3;color:#fff}
.tour-nav .brand{text-shadow:0 1px 8px #000}
.rundgang{position:relative;height:100svh;min-height:580px;background:#28291f}
.tour-buehne{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;color:#fff;isolation:isolate}
.tour-poster,.tour-buehne canvas,.tour-verlauf{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.tour-buehne canvas{opacity:0}
[data-bereit="true"] canvas{opacity:1}
.tour-verlauf{background:linear-gradient(180deg,#1115 0%,transparent 35%,#101a 100%);pointer-events:none}
.tour-herkunft{position:absolute;top:96px;left:var(--bord);font-size:10px;letter-spacing:1.7px;text-transform:uppercase;text-shadow:0 1px 4px #000}
.tour-text{position:absolute;left:var(--bord);right:var(--bord);bottom:max(65px,calc(env(safe-area-inset-bottom) + 30px));text-shadow:0 2px 22px #0009}
.tour-text[hidden]{display:none}
.tour-text .tour-titel{font-size:clamp(90px,15vw,250px);line-height:.92;margin:20px 0 26px;color:#fff;letter-spacing:-.045em}
.tour-text .tour-titel span{color:#fff}
.tour-text h2{font-size:clamp(56px,7.5vw,120px);line-height:1.02;margin:18px 0}
.tour-text>p:not(.kicker){font-size:clamp(13px,1.2vw,17px)}
.tour-text .tour-hinweis{margin-top:28px;font-size:12px!important;letter-spacing:.4px}
.tour-hinweis span{margin-left:24px}
.tour-fortschritt{position:absolute;bottom:0;left:0;right:0;height:3px;background:#e3d5b4;transform:scaleX(var(--fortschritt,0));transform-origin:left}
.tour-ladestatus{position:absolute;right:var(--bord);top:100px;max-width:280px;font-size:12px;background:#182018d9;padding:0 8px}
.tour-ladestatus:empty{display:none}
.tour-standbilder{padding:80px var(--bord);background:var(--papier)}
.tour-standbilder h2{margin:25px 0 50px}
.tour-standbilder figure{margin:30px 0}
html[data-rundgang="an"] .rundgang{height:1800svh;min-height:0}
html[data-rundgang="an"] .tour-standbilder{display:none}
html:not([data-rundgang="an"]) .tour-hinweis{display:none}
.abschluss{position:relative;z-index:2;scroll-margin-top:84px}
.tour-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){
  .tour-nav{padding:16px 20px;gap:10px}.tour-nav .brand{font-size:14px}.tour-nav .brand em{font-size:18px}.tour-nav button{font-size:11px;padding:8px 12px}
  .rundgang,.tour-buehne{min-height:480px}
  .tour-herkunft{top:83px;font-size:9px;letter-spacing:1px}
  .tour-text{bottom:max(55px,calc(env(safe-area-inset-bottom) + 30px))}
  .tour-text .tour-titel{font-size:21vw;margin:18px 0 20px}
  .tour-text h2{font-size:clamp(48px,14vw,80px)}
  .tour-verlauf{background:linear-gradient(180deg,#1118,transparent 30%,transparent 45%,#101c 100%)}
  .tour-ladestatus{top:115px;left:var(--bord);right:auto}
  html[data-rundgang="an"] .rundgang{height:2200svh}
  .tour-standbilder{padding:60px 20px}
}
@media(prefers-reduced-motion:reduce){html[data-rundgang="an"] .rundgang{height:100svh}html[data-rundgang="an"] .tour-standbilder{display:block}}