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