*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font-family:Arial,sans-serif;background:#000}button{font:inherit;cursor:pointer;border:0;padding:0;background:none}body{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[hidden]{display:none!important}#pano,#planet{position:fixed;inset:0;width:100%;height:100%}#planet{z-index:1}#spinner{position:fixed;z-index:2;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;background: var(--spinner) 0 0 / 768px 64px;animation:spin .8s steps(12) infinite;pointer-events:none}@keyframes spin { to { background-position-x: -768px; } }.ui,#bar,#scenePicker{visibility:hidden}body.started :is(.ui, #bar, #scenePicker) {visibility:visible}.hotspots{transition:opacity .3s}.hotspots.faded{opacity:0!important;pointer-events:none!important}.hs{width:30px;height:30px;margin:-15px 0 0 -15px}.hs>button{display:block;position:relative;width:30px;height:30px;background: center / contain no-repeat;opacity:.8;transition:transform .2s , opacity .2s}.hs>button:hover{transform:scale(1.2);opacity:1}.hs>button::after,.spot::after{content:attr(data-label);position:absolute;left:50%;bottom:100%;margin-bottom:4px;transform:translateX(-50%);color:#fff;font:bold 14px Arial,sans-serif;text-shadow:1px 1px 4px #000;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s}.hs>button:hover::after,.spot:hover::after{opacity:1}.spot::after{padding:2px 6px;border-radius:3px;background:#fff;color:#222;font-size:12px;text-shadow:none;z-index:1}body.spots-off .hs>button{visibility:hidden}.ui{position:fixed;z-index:3;background: center / contain no-repeat;transition:transform .2s}#logo{top:0;left:50%;width:300px;height:80px;margin-left:-150px}#poweredBy{top:100px;right:3px;width:25px;height:110px}#impressum,#mapButton{bottom:15px;width:35px;height:35px}#impressum{left:15px}#mapButton{right:15px}#impressum:hover,#mapButton:hover{transform:scale(1.2)}#bar{position:fixed;z-index:3;left:50%;bottom:70px;transform:translateX(-50%);display:flex}#bar button{width:36px;height:36px;background: center / contain no-repeat;opacity:.8;transition:opacity .2s , transform .2s;touch-action:none}#bar button:hover{opacity:1;transform:translateY(-2px)}@media (hover:none){#bar button:not(#spots, #hideControls) {display:none}}body.controls-off :is(#scenePicker, .ui), body.controls-off #bar button:not(#hideControls) {display:none}#scenePicker{position:fixed;z-index:4;bottom:15px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 20px);font:12px Arial,sans-serif}#scenePicker button{display:flex;align-items:center;gap:8px;width:100%;padding:1px 20px 1px 2px;background:#fff;color:#000;font:12px Arial,sans-serif;text-align:left;white-space:nowrap}#scenePicker img{flex:none;width:50px;height:25px;border:1px solid rgba(255,255,255,.5)}#scenePicker .indent{padding-left:22px}#sceneList{display:flex;flex-direction:column;gap:2px;max-height:calc(100vh - 24px);overflow:auto}#sceneList[hidden]{display:block!important;visibility:hidden;height:0}#scenePicker button:hover{background:linear-gradient(rgba(34,119,255,.25),rgba(34,119,255,.25)) , #fff}#map{position:fixed;z-index:10;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}#mapBox{position:relative;width:min(1200px,100vw - 20px);height:min(800px,100vh - 20px);padding:52px 15px 15px;border-radius:5px;background:#fff;container-type:size;display:grid;place-items:center}#floorLabel{position:absolute;top:18px;left:15px;font:12px Verdana,sans-serif;color:#000}#floorSelect{font:inherit}#mapImage{position:relative;aspect-ratio:var(--map-ratio);width: min(100cqw, 100cqh * var(--map-ratio))}#mapImage>img{display:block;width:100%;height:100%}#mapClose,#infoClose,#infoPrev,#infoNext{position:absolute;width:32px;height:32px;background:0 0 no-repeat}#mapClose,#infoClose{top:15px;right:15px}#mapClose{background-image:var(--map-close)}#infoClose{background-image:var(--close)}#infoPrev{background-image:var(--prev)}#infoNext{background-image:var(--next)}:is(#mapClose, #infoClose, #infoPrev, #infoNext):hover {background-position:0 100%}.spot{position:absolute;width:20px;height:20px;margin:-10px 0 0 -10px;background: center / contain no-repeat}.spot.current{animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse { to { transform: scale(1.4); } }#info{width:min(630px,calc(100vw - 20px));max-height:calc(100vh - 20px);overflow:auto;padding:15px 15px 20px;border:0;outline:0;border-radius:15px;background:#fff;color:#666;font:14px Verdana,sans-serif}#info::backdrop{background:rgba(0,0,0,.5)}#info h2{margin:0 40px 21px;text-align:center;font-size:14px;font-weight:bold}#infoBody{position:relative}#infoBody img{display:block;width:100%;height:auto}#infoPrev,#infoNext{top:50%;margin-top:-16px}#infoPrev{left:5px}#infoNext{right:5px}#infoCaption{margin-top:5px;text-align:left}#ctxMenu{position:fixed;z-index:40;padding:4px 0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.4);font:12px Arial,sans-serif}#ctxMenu a{display:block;padding:6px 14px;color:#333;text-decoration:none;white-space:nowrap}#ctxMenu a:hover{background:#eee}