@font-face{font-family:Goldman;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Goldman/Goldman-Regular.woff2)format("woff2")}@font-face{font-family:Goldman;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Goldman/Goldman-Bold.woff2)format("woff2")}@font-face{font-family:Jost;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/Jost/Jost-Variable.woff2)format("woff2")}:root{box-sizing:border-box;background-color:#000;margin:0}body:before{content:"";pointer-events:none;z-index:9998;background:linear-gradient(#fff0 50%,#00c8ff05 50%) 0 0/100% 4px;width:100%;height:100%;animation:8s linear infinite scan;position:fixed;top:0;left:0}@keyframes scan{0%{background-position:0 0}to{background-position:0 100%}}html{scroll-behavior:smooth;scroll-padding-top:3rem}body{--webkit-fontsmoothing:antialiased;margin:0;font-family:Goldman,sans-serif;font-size:clamp(.8rem,.475rem + 1.6667vw,1.05rem)}a{color:#0ff;text-shadow:0 0 5px #00ffff80,0 0 10px #00ffff4d;text-decoration:none;transition:all .3s}@media (hover:hover) and (pointer:fine){a:hover{color:#6ff;text-shadow:0 0 10px #0ffc,0 0 20px #0ff9,0 0 30px #0ff6}}#canvasContainer{display:flex}#globe{min-width:0;min-height:0;display:block}#navbar{-webkit-backdrop-filter:blur(10px)saturate(180%);z-index:1000;background:#0a0a1e66;border-bottom:1px solid #ffffff1a;align-items:center;width:100%;font-weight:700;display:flex;position:fixed;top:0;left:0;box-shadow:0 8px 32px #00c8ff1a}.nav-logo{align-items:center;padding:.5rem 1rem;text-decoration:none;display:flex}.nav-logo img{filter:drop-shadow(0 0 8px #0ff9);width:2rem;height:2rem;transition:transform .3s,filter .3s}.nav-logo:hover img{filter:drop-shadow(0 0 12px #00ffffe6);transform:scale(1.1)}#navbar ul{color:#fff;flex:1;justify-content:flex-end;gap:1rem;margin:0;padding:.5rem 1rem;list-style:none;display:flex}#navbar ul li{cursor:pointer;text-shadow:0 0 5px #00c8ff80,0 0 10px #00c8ff4d,0 0 20px #00c8ff33;transition:all .3s}#navbar ul li.active{text-shadow:0 0 10px #0ffc,0 0 20px #0ff9,0 0 30px #0ff6,0 0 40px #00c8ff4d;color:#0ff}@media (hover:hover) and (pointer:fine){#navbar ul li:hover{text-shadow:0 0 10px #0ffc,0 0 20px #0ff9,0 0 30px #0ff6,0 0 40px #00c8ff4d;color:#0ff;transform:translateY(-1px)}}#langToggle{align-items:center;gap:.5rem;font-weight:400;display:flex}@media (max-width:768px){#startButton,#aboutButton,#projectsButton,#contactButton{display:none}#navbar{min-height:3rem}}.lang-option{opacity:.5;cursor:pointer;text-shadow:none;color:#ffffffb3;transition:opacity .3s,color .3s,text-shadow .3s}@media (hover:hover) and (pointer:fine){.lang-option:hover{opacity:.8;color:#ff9500;text-shadow:0 0 10px #ff8c3299,0 0 20px #ff8c324d}}.lang-option.active{opacity:1;text-shadow:0 0 10px #ff8c32cc,0 0 20px #ff8c3299,0 0 30px #ff8c3266,0 0 40px #ff64144d;color:#ff9500;font-weight:700}.lang-separator{opacity:.3}#footer{-webkit-backdrop-filter:blur(10px)saturate(180%);color:#fff;text-align:center;z-index:500;background:#0a0a1e66;border-top:1px solid #ffffff1a;justify-content:center;align-items:center;gap:.8rem;width:100%;padding:.5rem;font-size:.75rem;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -8px 32px #00c8ff1a}#footer a{color:#fff;opacity:.7;text-decoration:none;transition:opacity .3s}@media (hover:hover) and (pointer:fine){#footer a:hover{opacity:1}}.footer-separator{opacity:.3}.overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer;background-color:#000000e6;width:100%;height:100%;position:fixed;top:0;left:0;overflow-y:auto}.overlay:before{content:attr(data-close-hint);color:#0ff;opacity:1;pointer-events:none;z-index:2001;text-shadow:0 0 10px #0ffc,0 0 20px #0ff9,0 0 30px #0ff6,0 0 40px #00c8ff4d;background:#ffffff1a;border-radius:2rem;padding:.5rem;font-size:.85rem;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.overlay-content{color:#fff;-webkit-backdrop-filter:blur(20px)saturate(180%);cursor:default;background:#0a0a1e99;border:1px solid #6496ff4d;border-radius:1rem;max-width:800px;margin:5rem 1rem;padding:2rem;position:relative;box-shadow:0 8px 32px #0064c84d,inset 0 0 30px #6496ff1a}.overlay-lang{display:none}.overlay h1{color:#fff;margin-top:0}.overlay h2{color:#fff;margin-top:2rem}.overlay h3{color:#fff}.overlay p{line-height:1.6}.overlay ul{line-height:1.8}.menu-nav ul{margin:1rem 0;padding:0;list-style:none}.menu-nav ul li{margin:.8rem 0}.menu-nav ul li a{padding:.5rem 0;font-size:1.2rem;transition:all .3s;display:block}.menu-nav ul li a:hover{transform:translate(10px)}.menu-quick-links{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.quick-link{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:.5rem;padding:.8rem 1.5rem;transition:all .3s;display:inline-block;box-shadow:0 4px 12px #0ff3}.quick-link:hover{background:#0ff3;border-color:#0ff9;transform:translateY(-2px);box-shadow:0 6px 16px #0ff6}.menu-tour-section{background:#0064c81a;border:1px solid #00c8ff4d;border-radius:.8rem;margin-top:2rem;padding:1.5rem;box-shadow:0 4px 12px #0064c833}.menu-tour-section p{opacity:.9;margin:0 0 1rem}.tour-button{text-align:left;white-space:nowrap;text-shadow:0 0 10px #0ffc,0 0 20px #0ff6;background:linear-gradient(135deg,#0ff3 0%,#00c8ff4d 100%);border:2px solid #0ff9;border-radius:.6rem;padding:.75rem 1.5rem .75rem 1rem;font-size:1rem;font-weight:700;transition:all .3s;display:inline-block;box-shadow:0 4px 16px #00ffff4d}.tour-button:hover{text-shadow:0 0 15px #0ff,0 0 30px #0ff9;background:linear-gradient(135deg,#00ffff4d 0%,#00c8ff66 100%);border-color:#00ffffe6;transform:translateY(-3px)scale(1.02);box-shadow:0 6px 24px #00ffff80}.tour-button:active{transform:translateY(-1px)scale(.98)}#otherContent,#otherContent .lang-en,#otherContent .lang-de{display:none}.content{-webkit-backdrop-filter:blur(15px)saturate(180%);color:#fff;z-index:150;background:#0a0a1e80;border:1px solid #6496ff33;border-radius:1rem;max-width:300px;font-family:Jost,sans-serif;transition:all .3s;position:fixed;bottom:8.5rem;left:1rem;box-shadow:0 8px 32px #0064c833,inset 0 0 20px #6496ff0d}#startContent{z-index:150;max-width:300px;transition:all .4s;position:fixed;bottom:8.5rem;left:1rem}#startContent .content{position:relative;bottom:auto;left:auto}@media (hover:hover) and (pointer:fine){.content:hover{border-color:#00c8ff66;transform:translateY(-2px);box-shadow:0 8px 32px #00c8ff4d,inset 0 0 30px #64c8ff14}}.content p{margin:0;padding:1rem;font-size:1rem;font-weight:400;line-height:1.6}.content h3{margin:0;padding:1rem 1rem 0;font-weight:700}.content span{padding:0 1rem}.project-list{margin:0;padding:0 1rem 1rem;line-height:1.3;list-style:none}.project-list li{padding:.3rem 0}.project-list a{font-weight:700}#marker{display:none}#spaceCam{-webkit-backdrop-filter:blur(10px);color:#0ff;z-index:1000;text-shadow:0 0 8px #0ffc;letter-spacing:.1em;background:#000000b3;border:2px solid #0ff9;border-radius:.3rem;align-items:center;gap:.3rem;padding:.3rem .6rem;font-family:Goldman,sans-serif;font-size:.9rem;font-weight:700;transition:all .3s;display:flex;position:fixed;top:4rem;right:1rem;box-shadow:0 0 20px #00ffff4d,inset 0 0 10px #00ffff1a}.cam-label{opacity:.8;font-size:.65rem}.cam-number{font-size:1.1rem;animation:2s ease-in-out infinite camBlink}@keyframes camBlink{0%,90%,to{opacity:1}95%{opacity:.3}}#spaceCam.signal-lost{color:red;text-shadow:0 0 8px #f00c;border-color:#f009;animation:.15s infinite camFlicker;box-shadow:0 0 20px #ff00004d,inset 0 0 10px #ff00001a}#spaceCam.signal-lost .cam-number{animation:.15s infinite camFlicker}@keyframes camFlicker{0%{opacity:1}10%{opacity:.3}20%{opacity:1}30%{opacity:.5}40%{opacity:.8}50%{opacity:.2}60%{opacity:1}70%{opacity:.4}80%{opacity:.9}90%{opacity:.1}to{opacity:1}}#connectionLost{z-index:100;pointer-events:none;background:#000000f2;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding-top:25vh;padding-left:2rem;padding-right:2rem;animation:.1s infinite staticNoise;display:none;position:fixed;top:0;left:0}#camSwitching{z-index:100;pointer-events:none;background:#000000b3;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding-top:25vh;padding-left:2rem;padding-right:2rem;display:none;position:fixed;top:0;left:0}.switching-text{color:#0ff;text-shadow:0 0 10px #0ffc,0 0 20px #0ff9,0 0 30px #0ff6;letter-spacing:.1em;text-align:center;word-wrap:break-word;max-width:100%;font-family:monospace;font-size:clamp(1.2rem,5vw,2.5rem);font-weight:700;animation:.5s ease-in-out infinite switchingPulse}@keyframes switchingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.connection-text{color:red;text-shadow:0 0 10px #f00c,0 0 20px #f009,0 0 30px #f006;letter-spacing:.1em;text-align:center;word-wrap:break-word;max-width:100%;font-family:monospace;font-size:clamp(1.5rem,6vw,3rem);font-weight:700;animation:.3s infinite glitchText}.connection-subtext{color:#f66;opacity:.8;letter-spacing:.1em;text-align:center;word-wrap:break-word;max-width:100%;margin-top:1rem;font-family:monospace;font-size:clamp(.7rem,2.5vw,1rem)}@keyframes glitchText{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes staticNoise{0%{background:#0000004d}50%{background:#00000059}to{background:#0000004d}}#cameraDebug{-webkit-backdrop-filter:blur(10px);color:#fff;z-index:1000;background:#0a0a1ecc;border:1px solid #00c8ff4d;border-radius:.5rem;min-width:280px;padding:1rem;font-family:monospace;font-size:.85rem;display:none;position:fixed;top:4rem;right:1rem}#cameraDebug h4{color:#0ff;text-shadow:0 0 5px #00ffff80;margin:0 0 .5rem}#cameraDebug div{margin:.3rem 0}#cameraDebug span{color:#6ff}#marker p{color:#fff;background-color:#000000b3;border-radius:1rem;max-width:300px;margin:0;padding:1rem;font-weight:lighter;line-height:1.6;position:fixed;bottom:1rem;right:1rem}#loader{z-index:9999;background-color:#000000b3;flex-direction:column-reverse;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#loaderText p{color:#0ff;text-shadow:0 0 10px #0ffc,0 0 20px #0ff9,0 0 30px #0ff6,0 0 40px #00c8ff4d}#spinner{border:4px solid #0ff3;border-top-color:#0ff;border-radius:50%;width:50px;height:50px;animation:2s linear infinite spin;box-shadow:0 0 10px #00ffff80,0 0 20px #00ffff4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.collapsed-panel{opacity:0;visibility:hidden;justify-content:space-between;align-items:center;gap:.5rem;width:100%;max-height:0;margin-bottom:0;padding:0;font-family:Goldman,sans-serif;font-size:.95rem;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),margin-bottom .4s cubic-bezier(.4,0,.2,1),padding-bottom .4s cubic-bezier(.4,0,.2,1),visibility 0s linear .4s;display:flex;overflow:hidden}.collapsed-panel.visible{opacity:1;visibility:visible;max-height:100px;margin-bottom:0;padding-bottom:.5rem;transition:opacity .4s cubic-bezier(.4,0,.2,1),max-height .4s cubic-bezier(.4,0,.2,1),margin-bottom .4s cubic-bezier(.4,0,.2,1),padding-bottom .4s cubic-bezier(.4,0,.2,1),visibility linear}.panel-text{color:#ffffffb3;white-space:nowrap;margin-right:auto;font-family:Goldman,sans-serif;font-size:.95rem}.panel-button{color:#ffffff80;box-sizing:border-box;cursor:pointer;width:85px;height:24px;text-shadow:none;background:#ffffff05;border:2px solid #0000;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;padding:.5rem .8rem;font-family:Goldman,sans-serif;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:inset 0 0 20px #ffffff05}.panel-button:hover{color:#ff9500;text-shadow:none;background:#ff8c321a}.panel-button.active{color:#ff9500;text-shadow:none;background:linear-gradient(#ff8c3240 0%,#ff641426 100%);border:2px solid #ff8c3299;border-color:#ff8c32cc #ff8c3299 #ff641466;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003}.panel-button .button-label{display:block}#breadcrumb{z-index:200;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0a0a1ed9;border:1px solid #6496ff66;border-radius:1.2rem;flex-direction:column;justify-content:center;align-items:center;gap:0;width:auto;height:auto;min-height:36px;padding:.3rem;font-size:.95rem;transition:height .3s,padding .3s;display:flex;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0064c866,inset 0 1px #ffffff26}#breadcrumb:has(.collapsed-panel.visible){padding:.3rem}.breadcrumb-navigation{justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.breadcrumb-item{color:#ffffff80;cursor:pointer;box-sizing:border-box;background:#ffffff05;border:2px solid #0000;border-radius:1rem;flex-shrink:0;justify-content:center;align-items:center;width:85px;height:44px;padding:.5rem .8rem;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:inset 0 0 20px #ffffff05}.button-inner{display:block}.breadcrumb-item:hover{color:#0ff;text-shadow:0 0 10px #0ffc,0 0 20px #0ff6;background:#00ffff1a}.breadcrumb-item:active,.breadcrumb-item.loading{filter:brightness(.5);background:#00ffff4d!important;box-shadow:inset 0 3px 8px #0009!important}.breadcrumb-item.active{color:#0ff;text-shadow:0 0 10px #0ffc,0 0 20px #0ff9;background:linear-gradient(#00ffff40 0%,#00c8ff26 100%);border:2px solid #0ff9;border-color:#0ffc #0ff9 #00c8ff66;box-shadow:0 4px 12px #00ffff4d,inset 0 1px #ffffff4d,inset 0 -1px #0003}.breadcrumb-separator{display:none}.stop-tour-btn,.stop-controls-btn{z-index:201;-webkit-backdrop-filter:blur(20px)saturate(180%);color:#f66;cursor:pointer;text-shadow:0 0 10px #ff6464cc,0 0 20px #ff646466;background:#ff323233;border:2px solid #ff646499;border-radius:1.2rem;padding:.75rem 1.5rem;font-family:Goldman,sans-serif;font-size:.9rem;font-weight:700;transition:all .3s;position:fixed;bottom:3rem;right:2rem;box-shadow:0 8px 32px #ff323266,inset 0 1px #ffffff26}.stop-tour-btn:hover,.stop-controls-btn:hover{text-shadow:0 0 15px #ff6464,0 0 30px #ff646499;background:#ff32324d;border-color:#ff6464cc;box-shadow:0 12px 40px #ff323299,inset 0 1px #fff3}.stop-tour-btn:active,.stop-controls-btn:active{filter:brightness(.7);box-shadow:inset 0 3px 8px #0009}.tour-info{z-index:201;-webkit-backdrop-filter:blur(20px)saturate(180%);opacity:0;pointer-events:none;background:#00c8ff1f;border:2px solid #00c8ff80;border-radius:1.2rem;padding:.7rem 1.1rem;font-family:Goldman,sans-serif;transition:opacity .5s;position:fixed;bottom:3rem;right:2rem;box-shadow:0 8px 32px #0096ff4d,inset 0 1px #ffffff26}.tour-info-title{color:#0cf;letter-spacing:.08em;text-shadow:0 0 10px #00c8ffcc,0 0 20px #00c8ff66;font-size:.9rem;font-weight:700}.tour-info-body{white-space:nowrap;grid-template-columns:auto auto;gap:.15rem 1rem;margin-top:.4rem;font-size:.75rem;line-height:1.3;display:grid}.tour-info-body .k{color:#00c8ffa6;letter-spacing:.05em}.tour-info-body .v{color:#bdeeff;text-align:right;text-shadow:0 0 8px #0096ff80}.target-buttons{z-index:201;gap:.5rem;display:flex;position:fixed;bottom:3rem;right:15rem}.target-btn{-webkit-backdrop-filter:blur(20px)saturate(180%);color:#0cf;cursor:pointer;text-shadow:0 0 10px #00c8ffcc,0 0 20px #00c8ff66;background:#00c8ff33;border:2px solid #00c8ff99;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;font-family:Goldman,sans-serif;font-size:.9rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 32px #00c8ff66,inset 0 1px #ffffff26}.target-btn:hover{text-shadow:0 0 15px #00c8ff,0 0 30px #00c8ff99;background:#00c8ff4d;border-color:#00c8ffcc;box-shadow:0 12px 40px #00c8ff99,inset 0 1px #fff3}.target-btn:active{transform:scale(.95)}.target-btn.active{background:#00c8ff66;border-color:#00ffffe6;box-shadow:0 0 20px #00ffff80,0 8px 32px #00c8ff66,inset 0 1px #ffffff26}@media (max-width:768px){#breadcrumb{border-radius:1rem;gap:0;width:auto;min-height:26px;padding:.3rem;font-size:.85rem;bottom:2.5rem}#breadcrumb:has(.collapsed-panel.visible){padding:.3rem}.breadcrumb-navigation{gap:.2rem}.breadcrumb-item{min-width:32px;height:40px;padding:.6rem .7rem}.breadcrumb-separator{font-size:.75rem}.stop-tour-btn,.stop-controls-btn{padding:.6rem 1rem;font-size:.8rem;bottom:2.5rem;right:1rem}.tour-info{border-radius:.9rem;padding:.5rem .8rem;bottom:2.5rem}.tour-info-title{font-size:.75rem}.tour-info-body{gap:.1rem .6rem;margin-top:.25rem;font-size:.65rem}.target-buttons{gap:.3rem;bottom:2.5rem;right:11rem}.target-btn{width:2.4rem;height:2.4rem;font-size:.8rem}#startContent{bottom:7rem}}@media (min-width:769px){#startContent{bottom:8.5rem}}.collapse-btn{-webkit-backdrop-filter:blur(10px);color:#ff9500;z-index:200;cursor:pointer;width:2rem;height:2rem;text-shadow:none;background:#000c;border:2px solid #ff8c3299;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1rem;line-height:0;transition:all .3s;display:flex;position:absolute;top:-.4rem;right:-.4rem;box-shadow:0 0 15px #ff8c3266,inset 0 0 10px #ff8c321a}.collapse-btn:hover{background:#ff8c3226;border-color:#ff8c32e6;transform:scale(1.1);box-shadow:0 0 25px #ff8c3299,inset 0 0 15px #ff8c3233}.collapse-btn:active{transform:scale(.95)}.collapse-icon{justify-content:center;align-items:center;width:100%;height:100%;line-height:1;transition:transform .3s;display:flex;position:relative;bottom:0}#startContent.content-collapsed .collapse-icon{bottom:2px}#startContent.content-collapsed .content{opacity:0;pointer-events:none;transform:translateY(20px)}.collapsed-panel .collapse-btn{cursor:pointer;box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;line-height:1;text-decoration:none;color:#ff9500!important;width:85px!important;height:24px!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(#ff8c3240 0%,#ff641426 100%)!important;border:2px solid #ff8c3299!important;border-color:#ff8c32cc #ff8c3299 #ff641466!important;border-radius:1rem!important;margin:0!important;padding:.5rem .8rem!important;font-size:.95rem!important;transition:all .3s!important;display:inline-flex!important;position:static!important;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003!important}.collapsed-panel .collapse-btn:hover{background:linear-gradient(#ff8c324d 0%,#ff641433 100%)!important;transform:none!important;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0003!important}@media (max-width:768px){.collapse-btn{width:1.8rem;height:1.8rem;font-size:.9rem;top:-.4rem;right:-.4rem}.collapsed-panel{gap:.2rem;padding:0 0 .6rem;font-size:.85rem}.panel-text{font-size:.85rem}.panel-button{width:85px;min-width:32px;height:20px;padding:.6rem .7rem;font-size:.85rem}.collapsed-panel .collapse-btn{width:85px!important;min-width:32px!important;height:20px!important;padding:.6rem .7rem!important;font-size:.85rem!important}}.collapsed-panel .collapse-icon{position:relative;bottom:0!important}