*{box-sizing:border-box;user-select:none;text-size-adjust:none}
body,html{width:100%;height:100%;padding:0;margin:0;overflow:hidden;font-family:Inter,sans-serif;line-height:1.5;font-size:14px;background-color:#000;color:#fff}
@font-face{font-family:Inter;font-style:normal;font-weight:600;src:local('Inter-Regular'),url('files2/varela-round-v19-latin-regular.woff2') format('woff2');font-display:swap}
@media (max-device-width:600px){
body,html{font-size:16px}
}
@media (max-device-width:1830px){
body,html{font-size:18px}
}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none;color:inherit;outline-style:none!important}
#pano{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
#titleBar{position:absolute;top:0;left:0;right:40px;height:35px;text-align:center}
@media (max-device-width:1830px){
#titleBar{height:50px}
}
.mobile #titleBar{height:50px;right:50px}
body.fullscreen-enabled #titleBar{right:40px}
@media (max-device-width:1830px){
body.fullscreen-enabled #titleBar{right:100px}
}
body.fullscreen-enabled.mobile #titleBar{right:100px}
body.multiple-scenes #titleBar{left:40px}
@media (max-device-width:1830px){
body.multiple-scenes #titleBar{left:50px}
}
body.multiple-scenes.mobile #titleBar{left:50px}
#titleBar .sceneName{width:100%;height:100%;line-height:25px;padding:5px;background-color:#2750cc;background-color:rgba(39,80,204,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:text}
@media (max-device-width:1830px){
#titleBar .sceneName{line-height:40px}
}
.mobile #titleBar .sceneName{line-height:40px}
#titleBar .Uebersicht-Text{position:absolute;top:0;left:0;width:auto;height:100%;line-height:25px;padding:5px;background-color:rgba(39,80,204,.1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;user-select:text}
@media (max-device-width:1830px){
#titleBar .Uebersicht-Text{line-height:40px}
}
.mobile #titleBar .Uebersicht-Text{display:none}
#fullscreenToggle{display:none;position:absolute;top:0;right:0;width:40px;height:35px;background-color:#2750cc;background-color:rgba(39,80,204,.8)}
@media (max-device-width:1830px){
#fullscreenToggle{width:50px;height:50px;padding:5px}
}
#fullscreenToggle:hover{background-color:#2750cc}
.mobile #fullscreenToggle{width:50px;height:50px}
body.fullscreen-enabled #fullscreenToggle{display:block}
#fullscreenToggle .icon{position:absolute;top:5px;right:10px;width:25px;height:25px}
@media (max-device-width:1830px){
#fullscreenToggle .icon{right:10px;top:10px;width:30px;height:30px}
}
.mobile #fullscreenToggle .icon{top:10px;right:10px}
#fullscreenToggle .icon.on{display:none}
#fullscreenToggle .icon.off{display:block}
#fullscreenToggle.enabled .icon.on{display:block}
#fullscreenToggle.enabled .icon.off{display:none}
#infoToggle{display:block;position:absolute;top:0;right:0;width:40px;height:35px;background-color:rgba(39,80,204,0)}
@media (max-device-width:1830px){
#infoToggle{width:50px;height:50px;background-color:rgba(39,80,204,0)}
}
#infoToggle:hover{background-color:#2750cc;cursor:pointer}
.mobile #infoToggle{width:50px;height:50px}
body.fullscreen-enabled #infoToggle{right:80px}
body.fullscreen-enabled.mobile #infoToggle{right:100px}
@media (max-device-width:1830px){
body.fullscreen-enabled #infoToggle{right:100px}
}
#infoToggle .icon{position:absolute;top:5px;right:7px;width:25px;height:25px}
@media (max-device-width:1830px){
#infoToggle .icon{top:10px;right:10px;width:30px;height:30px}
}
.mobile #infoToggle .icon{top:10px;right:10px}
#infoToggle .icon.on{display:none}
#infoToggle .icon.off{display:block}
#infoToggle.enabled .icon.on{display:block}
#infoToggle.enabled .icon.off{display:none}
#autorotateToggle{display:block;position:absolute;top:0;right:0;width:40px;height:35px;background-color:rgba(39,80,204,0)}
@media (max-device-width:1830px){
#autorotateToggle{width:50px;height:50px;background-color:rgba(39,80,204,.8)}
}
#autorotateToggle:hover{background-color:#2750cc}
.mobile #autorotateToggle{width:50px;height:50px;background-color: rgba(39, 80, 204,0.8)}
body.fullscreen-enabled #autorotateToggle{right:40px}
@media (max-device-width:1830px){
body.fullscreen-enabled #autorotateToggle{right:50px}
}
body.fullscreen-enabled.mobile #autorotateToggle{right:50px}
#autorotateToggle .icon{position:absolute;top:5px;right:7px;width:25px;height:25px}
@media (max-device-width:1830px){
#autorotateToggle .icon{top:10px;right:10px;width:30px;height:30px}
}
.mobile #autorotateToggle .icon{top:10px;right:10px}
#autorotateToggle .icon.on{display:none}
#autorotateToggle .icon.off{display:block}
#autorotateToggle.enabled .icon.on{display:block}
#autorotateToggle.enabled .icon.off{display:none}
#sceneListToggle{position:absolute;top:0;left:0;width:40px;height:35px;padding:5px;background-color:rgba(39,80,204,.8)}
@media (max-device-width:1830px){
#sceneListToggle{height:50px;width:50px;left:0}
}
#sceneListToggle:hover{background-color:#2750cc}
.mobile #sceneListToggle{width:50px;height:50px}
#sceneListToggle .text{position:absolute;top:5px;left:15px;width:100%;line-height:30px}
#sceneListToggle .icon{position:absolute;top:4px;right:10px;width:25px;height:25px}
@media (max-device-width:1830px){
#sceneListToggle .icon{right:10px;width:40px;height:40px;left:10px}
}
.mobile #sceneListToggle .icon{right:10px;width:40px;height:40px;left:10px}
#sceneListToggle .icon.on{display:none}
#sceneListToggle .icon.off{display:block}
#sceneListToggle.enabled .icon.on{display:block}
#sceneListToggle.enabled .icon.off{display:none}
#sceneList{position:absolute;top:0;left:-300px;padding-top:35px;width:300px;max-height:100%;overflow-x:hidden;overflow-y:auto;margin-left:0;transition:margin-left .5s ease-in-out}
@media (max-device-width:1830px){
#sceneList{padding-top:50px;left:-350px;width:350px}
}
.mobile #sceneList{padding-top:50px}
#sceneList .scenes{width:100%;background-color:rgba(48,100,255,.8)}
.mobile #sceneList{width:100%;height:100%;left:-100%}
.mobile #sceneList.enabled{margin-left:100%}
.mobile #sceneList .scenes{height:auto}
#sceneList.enabled{margin-left:300px}
@media (max-device-width:1830px){
#sceneList.enabled{margin-left:350px}
}
#sceneList .uebersicht-plan img{opacity:.95;width:300px;float:left;margin-left:0;margin-top:2px}
@media (max-device-width:1830px){
#sceneList .uebersicht-plan img{width:350px}
}
.mobile #sceneList .uebersicht-plan img{opacity:.95;width:98%;float:left;margin:5px}
#sceneList .scene{display:block;width:100%;height:40px}
.mobile #sceneList .scene{height:40px}
#sceneList .scene .text{width:100%;height:100%;padding:0 15px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;margin-left:20px}
.mobile #sceneList .scene .text{line-height:40px}
.no-touch #sceneList .scene:hover{background-color:#2750cc}
.no-touch #sceneList .scene:hover .hand{opacity:1}
#sceneList .scene.current{background-color:rgba(39,80,204,.8)}
.scene .hand{opacity:.6;float:right;margin-right:45px;margin-left:-65px;margin-top:5px;width:25px}
@media (max-device-width:1830px){
.scene .hand{width:28px;margin-top:7px}
}
.mobile .scene .hand{width:30px;margin-top:5px}
#sceneList .scene.current .hand{opacity:.85}
body.single-scene #sceneList,body.single-scene #sceneListToggle{display:none}
.link-hotspot{width:50px;height:50px;margin-left:-30px;margin-top:-30px;opacity:.9;transition:opacity .2s}
.no-touch .link-hotspot:hover{opacity:1}
.mobile .link-hotspot{width:70px;height:70px}
@media (max-device-width:1830px){
.link-hotspot{width:60px;height:60px}
}
.link-hotspot-icon{width:70%;height:70%;cursor:pointer}
.link-hotspot-tooltip{position:absolute;left:100%;top:-35px;margin-left:-70px;font-size:14px;max-width:300px;padding:8px 10px;border-radius:5px;background-color:rgba(18,62,190,.8);color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;opacity:0;transform:translateX(-8px);transition:transform .3s,opacity .3s}
.mobile .link-hotspot{top:19px}
.no-touch .link-hotspot:hover .link-hotspot-tooltip{opacity:1;transform:translateX(0)}
.link-hotspot-tooltip{pointer-events:none}
.no-touch .link-hotspot:hover .link-hotspot-tooltip{pointer-events:all}
.tooltip-fallback .link-hotspot-tooltip{display:none}
.no-touch .tooltip-fallback .link-hotspot:hover .link-hotspot-tooltip{display:block}
.info-hotspot{line-height:1.2em;transition:opacity .2s .2s}
.info-hotspot.visible{opacity:1;z-Index:10000}
.info-hotspot .info-hotspot-header{width:40px;height:40px;border-radius:20px;background-color:rgba(18,62,190,0);cursor:pointer;transition:width .3s ease-in-out .5s,background-color .3s ease-in-out .5s,border-radius .3s ease-in-out .5s}
@media (max-device-width:1830px){
.info-hotspot .info-hotspot-header{width:40px;height:50px;border-radius:25px}
}
.mobile .info-hotspot .info-hotspot-header{width:50px;height:50px;border-radius:25px;}
.desktop.no-touch .info-hotspot .info-hotspot-header:hover{width:260px;border-radius:5px;transition:width .3s ease-in-out,background-color .3s ease-in-out,border-radius .3s ease-in-out;background-color:rgba(18,62,190,.8)}
@media (max-device-width:1830px){
.desktop.no-touch .info-hotspot .info-hotspot-header{width:260px!important}
}
.desktop .info-hotspot.visible .info-hotspot-header,.desktop.no-touch .info-hotspot.visible .info-hotspot-header:hover{width:250px;border-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;background-color:rgba(18,62,190,.8);transition:width .3s ease-in-out,background-color .3s ease-in-out,border-radius .3s ease-in-out}
.info-hotspot .info-hotspot-icon-wrapper{width:30px;height:30px}
@media (max-device-width:1830px){
.info-hotspot .info-hotspot-icon-wrapper{width:40px;height:40px}
}
.mobile .info-hotspot .info-hotspot-icon-wrapper{width:50px;height:50px}
.info-hotspot .info-hotspot-icon{width:110%;height:110%;margin:11%;margin-bottom:13px}
.info-hotspot .info-hotspot-title-wrapper{position:absolute;left:40px;top:0;width:0;height:40px;padding:0;overflow:hidden;transition:width 0s .4s,padding 0s .4s}
@media (max-device-width:1830px){
.info-hotspot .info-hotspot-title-wrapper{height:45px;left:50px}
.desktop .info-hotspot.visible .info-hotspot-header,.desktop.no-touch .info-hotspot.visible .info-hotspot-header:hover{width:260px}
}
.mobile .info-hotspot-modal .info-hotspot-close-wrapper{background-color: rgba(78, 88, 104, .0)}

.desktop .info-hotspot.visible .info-hotspot-title-wrapper,.desktop.no-touch .info-hotspot .info-hotspot-header:hover .info-hotspot-title-wrapper{width:208px;transition:width 0s .4s,padding 0s .4s;padding-bottom:4px}
@media (max-device-width:1830px){
.desktop .info-hotspot.visible .info-hotspot-title-wrapper,.desktop.no-touch .info-hotspot .info-hotspot-header:hover .info-hotspot-title-wrapper{padding-bottom:0}
}
.info-hotspot .info-hotspot-title-wrapper:before{content:'';display:inline-block;vertical-align:middle;height:100%}
.info-hotspot .info-hotspot-title{display:inline-block;vertical-align:middle;margin-top:3%;font-size:16px;user-select:text}
.info-hotspot .info-hotspot-close-wrapper{position:absolute;left:250px;top:0;height:40px;width:40px;border-top-right-radius:5px;background-color:rgba(18,62,190,.8);visibility:hidden;transform:perspective(200px) rotateY(90deg);transform-origin:0 50% 0;transition:transform .3s .3s,visibility 0s .6s}
@media (max-device-width:1830px){
.info-hotspot .info-hotspot-close-wrapper{left:260px;height:50px;width:40px}
}
.info-hotspot .info-hotspot-close-wrapper:hover{background-color:#123ebe}
.desktop .info-hotspot.visible .info-hotspot-close-wrapper{visibility:visible;transform:perspective(200px) rotateY(0);transition:transform .3s,visibility 0s 0s}
.info-hotspot .info-hotspot-close-icon{width:70%;height:auto;margin-top:15%;margin-left:15%}
@media (max-device-width: 1830px) {
.info-hotspot .info-hotspot-close-icon {margin-top:25%;margin-left:15%}
}
.info-hotspot .info-hotspot-text{position:absolute;width:290px;height:auto;max-height:200px;left:0;padding:10px;text-align:center;background-color:rgba(58,68,84,.9);border-bottom-right-radius:5px;border-bottom-left-radius:5px;overflow-y:auto;visibility:hidden;transform:perspective(200px) rotateX(-90deg);transform-origin:50% 0 0;transition:transform .3s,visibility 0s .3s;user-select:text}
@media (max-device-width:1830px){
.info-hotspot .info-hotspot-text{top:50px;width:300px}
}
.info-hotspot .info-hotspot-text:hover{background-color:#3a4454}
.desktop .info-hotspot.visible .info-hotspot-text{visibility:visible;transform:perspective(200px) rotateX(0);transition:transform .3s .3s,visibility 0s 0s}
.desktop .info-hotspot-modal{display:none}
.info-hotspot-modal{top:0;left:0;position:absolute;width:100%;height:100%;overflow:hidden;z-index:11000!important;background-color:rgba(0,0,0,.5);line-height:1.2em;opacity:0;visibility:hidden;transition:opacity .2s ease-in-out .5s,visibility 0s .7s}
.info-hotspot-modal.visible{opacity:1;visibility:visible;transition:opacity .2s ease-in-out,visibility 0s 0s}
.info-hotspot-modal .info-hotspot-header{position:absolute;top:60px;left:10px;right:10px;width:auto;height:50px;background-color:rgba(103,115,131,.8);opacity:0;transition:opacity .3s ease-in-out .2s}
.info-hotspot-modal.visible .info-hotspot-header{opacity:1;transition:opacity .3s ease-in-out .2s}
.info-hotspot-modal .info-hotspot-icon-wrapper{width:50px;height:50px}
.info-hotspot-modal .info-hotspot-icon{width:90%;height:90%;margin:5%}
.info-hotspot-modal .info-hotspot-title-wrapper{position:absolute;top:0;left:50px;right:50px;width:auto;height:50px;padding:0 10px}
.info-hotspot-modal .info-hotspot-title-wrapper:before{content:'';display:inline-block;vertical-align:middle;height:100%}
.info-hotspot-modal .info-hotspot-title{display:inline-block;vertical-align:middle;user-select:text}
.info-hotspot-modal .info-hotspot-close-wrapper{position:absolute;top:0;right:0;width:50px;height:50px;background-color:#4e5868;background-color:rgba(78,88,104,.8);cursor:pointer}
.info-hotspot-modal .info-hotspot-close-icon{width:70%;height:70%;margin:15%}
.info-hotspot-modal .info-hotspot-text{position:absolute;top:110px;bottom:10px;left:10px;right:10px;padding:30px;background-color:#3a4454;background-color:rgba(58,68,84,.8);overflow-y:auto;opacity:0;transition:opacity .3s ease-in-out;user-select:text;text-align:center}
.info-hotspot-modal.visible .info-hotspot-text{opacity:1;transition:opacity .3s ease-in-out .4s}
.viewControlButton{display:none;position:absolute;bottom:0;left:50%;width:30px;height:30px;background-color:#2750cc;background-color:rgba(39,80,204);opacity:.5;transition:opacity .2s}
body.view-control-buttons .viewControlButton:hover{opacity:1}
body.view-control-buttons .viewControlButton{display:block}
@media (max-device-width:500px){
body.view-control-buttons .viewControlButton{display:none}
}
@media (max-device-width:325px){
#infoToggle{display:none}
}
.viewControlButton .icon{position:absolute;top:5px;right:5px;width:20px;height:20px}
.viewControlButton-1{margin-left:-145px}
.viewControlButton-2{margin-left:-95px}
.viewControlButton-3{margin-left:-45px}
.viewControlButton-4{margin-left:5px}
.viewControlButton-5{margin-left:55px}
.viewControlButton-6{margin-left:105px}
@media (max-device-width:1830px){
.viewControlButton .icon{position:absolute;top:5px;right:5px;width:30px;height:30px}
.viewControlButton{width:40px;height:40px}
.viewControlButton-1{margin-left:-165px}
.viewControlButton-2{margin-left:-110px}
.viewControlButton-3{margin-left:-55px}
.viewControlButton-4{margin-left:0}
.viewControlButton-5{margin-left:55px}
.viewControlButton-6{margin-left:110px}
}
.Beschreibung{font-size:16px;background-color:rgba(255,255,255,.3);color:#000;font-weight:700;padding:5px;line-height:1.8}
.mobile .Beschreibung {background-color: rgba(255, 255, 255, 0.8)}
.Bildlink{color:#dddfdf;font-size:16px;text-decoration:underline!important;text-underline-offset:4px}
.Bildlink:hover{color:#fff}
.Titel{font-size:16px;font-style:italic}
.modalDialog{position:Fixed;font-family:Inter,sans-serif;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);z-index:99999;opacity:0;transition:opacity .4s ease-in;pointer-events:None}
.modalDialog{overflow-y:auto}
.modalDialog h1{font-size:20px;margin-left:5%}
.modalDialog p{font-size:16px;margin-left:5%;margin-right:5%}
.modalDialog .menu{background:url('img/expand.png') no-repeat 100% 15px;background-size:25px 25px;margin-right:5%;line-height:34px!important;padding-top:10px}
.modalDialog .auto{background:url('img/pause.png') no-repeat 100% 5px;background-size:25px 25px;margin-right:5%;line-height:34px!important}
.modalDialog .modus{background:url('img/fullscreen.png') no-repeat 100% 5px;background-size:25px 25px;margin-right:5%;line-height:34px!important}
.modalDialog .help{background:url('img/help6.png') no-repeat 100% 5px;background-size:25px 25px;margin-right:5%;line-height:34px!important}
.modalDialog .info{background:url('img/winfo_2.png') no-repeat 100% 10px;background-size:30px 30px;margin-right:5%;padding-top:10px;line-height:34px!important}
.modalDialog .link{background:url('img/wlink_3_rechts.png') no-repeat 100% 0;background-size:33px 33px;margin-right:4.6%;padding-bottom:5px;line-height:34px!important}
.modalDialog:target{opacity:1;pointer-events:auto}
.modalDialog>div{width:500px;max-width:90%;position:relative;margin:10% Auto;padding:20px 10px 20px 10px;border-radius:30px;box-shadow:3px 3px 6px #000;background-color:#2126f2;background:linear-gradient(#2126f2,#5c5ff1);opacity:.9;cursor:Default}
.close{background-color:#6f6;opacity:1;color:#fff;line-height:30px;width:30px;position:Absolute;right:-12px;text-align:Center;top:-10px;text-decoration:None;font-size:14px;font-weight:Bold;border-radius:14px;box-shadow:5px 5px 8px #000}
@media (max-device-width:1830px){
.close{line-height:40px;width:40px;font-size:22px!important;border-radius:18px}
}
.close:hover{background-color:red}