body{background-image:url("/files/base/content/bilder/landingpages/streetfighter/background.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.visible-overlay-container{position:relative}.visible-overlay-container .visible-overlay{cursor:pointer;transition:opacity .3s ease}.visible-overlay-container .visible-overlay-map{position:absolute;top:0;left:0;width:100%;height:auto;pointer-events:all}@media(max-width: 768px){.visible-overlay-container .visible-overlay-map{display:none}}.hidden-overlay{opacity:0;transition:opacity .3s ease;pointer-events:none}.hidden-overlay.active{opacity:1;pointer-events:all}.logo img{max-height:15vh}@media(max-width: 768px){.logo img{max-width:300px;margin-top:2rem}}@media(max-width: 768px)and (orientation: landscape){.logo img{max-height:8vh;max-width:150px;margin-top:.5rem}}.bg-top-left{position:fixed;top:0;left:0;z-index:-1}@media(max-width: 768px)and (orientation: landscape){.bg-top-left img{max-height:60vh;width:auto}}.bg-bottom-right{position:fixed;bottom:0;right:0;z-index:-1}@media(max-width: 768px)and (orientation: landscape){.bg-bottom-right img{max-height:60vh;width:auto}}.fixed-container{position:absolute;opacity:0;transition:opacity .5s ease,transform .5s ease;background:hsla(0,0%,100%,.95);border-radius:12px;padding:20px;box-shadow:0 8px 24px rgba(0,0,0,.15);backdrop-filter:blur(10px);max-width:90vw}.fixed-container img{max-height:70vh;max-width:40vw;height:auto;width:auto;border-radius:8px}.fixed-container.top-left{top:-100px;left:-2.5vw;transform:translateX(-50px)}.fixed-container.top-right{top:-100px;right:-2.5vw;transform:translateX(50px)}.fixed-container.bottom-left{bottom:100px;left:-2.5vw;margin-left:25px;transform:translateX(-50px)}.fixed-container.bottom-right{bottom:0;right:-2.5vw;transform:translateX(50px)}.fixed-container.center-top-left{top:-100px;left:35%;transform:translateY(-50px)}.fixed-container.center-top-right{top:-100px;right:35%;transform:translateY(-50px)}.fixed-container.shoulder-left{top:-100px;left:10%;transform:translateY(-50px)}.fixed-container.shoulder-right{top:-100px;right:10%;transform:translateY(-50px)}.fixed-container.center-bottom-left{bottom:100px;left:35%;transform:translateY(50px)}.fixed-container.center-bottom-right{bottom:100px;right:35%;transform:translateY(50px)}.fixed-container.active{opacity:1;transform:translateX(0)}.fixed-container.active.center-top-left,.fixed-container.active.center-top-right,.fixed-container.active.center-bottom-left,.fixed-container.active.center-bottom-right,.fixed-container.active.shoulder-left,.fixed-container.active.shoulder-right{transform:translateY(0)}@media(max-width: 768px),(orientation: landscape)and (max-height: 600px){.fixed-container{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%) scale(0.8);z-index:1000;pointer-events:none}.fixed-container img{max-width:90vw;max-height:70vh;width:auto;height:auto}.fixed-container.top-left,.fixed-container.top-right,.fixed-container.bottom-left,.fixed-container.bottom-right,.fixed-container.center-top-left,.fixed-container.center-top-right,.fixed-container.center-bottom-left,.fixed-container.center-bottom-right,.fixed-container.shoulder-left,.fixed-container.shoulder-right{top:50%;left:50%;right:auto;bottom:auto;margin-left:0;transform:translate(-50%, -50%) scale(0.8)}.fixed-container.active{opacity:1;transform:translate(-50%, -50%) scale(1);pointer-events:all}}@media(max-width: 768px)and (orientation: landscape){.fixed-container img{max-width:85vw;max-height:60vh}.fixed-container.active{transform:translate(-50%, -50%) scale(0.9)}.fixed-container.landscape-active{transform:translate(-50%, -50%) scale(0.85)}.fixed-container.landscape-active img{max-width:80vw;max-height:55vh}}.inner{position:relative;width:100vw;max-width:1600px;text-align:center}.logo{opacity:0;animation:fadeInDown 1s ease forwards}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.controller-holder img,.controller-holder svg{max-height:65vh}@media(min-width: 768px){.controller-holder{width:594px}}@media(max-width: 768px){.controller-holder img,.controller-holder svg{max-width:100%;height:auto}}@media(max-width: 768px)and (orientation: landscape){.controller-holder img,.controller-holder svg{max-height:40vh;max-width:70%}}.controller-holder:hover .hidden-overlay{opacity:1;pointer-events:all}@media(min-width: 768px){.hidden-overlay{width:100%;height:auto;position:absolute;left:0;top:0}}@media(max-width: 768px){.controller-holder .hidden-overlay{opacity:1 !important;pointer-events:all !important}.controller-holder .visible-overlay{display:none}}@media(max-width: 768px)and (orientation: landscape){.controller-holder .hidden-overlay{opacity:1 !important;pointer-events:all !important}}.overlay-backdrop{position:fixed;top:0;left:0;width:100vw;height:100dvh;background:hsla(0,0%,100%,.9);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease;display:none}.overlay-backdrop.active{opacity:1;pointer-events:all}@media(max-width: 768px),(orientation: landscape)and (max-height: 600px){.overlay-backdrop{display:block}}.close-btn{position:absolute;top:-16px;right:-16px;background:rgba(0,0,0,.9);color:#e07100;border:2px solid #e07100;border-radius:50%;width:32px;height:32px;font-size:18px;line-height:1;cursor:pointer;z-index:10;transition:all .3s ease;display:none;box-shadow:0 2px 8px rgba(0,0,0,.1)}.close-btn:hover{background:#e07100;color:#fff;transform:scale(1.1)}@media(max-width: 768px),(orientation: landscape)and (max-height: 600px){.fixed-container.active .close-btn{display:block}}@media(max-width: 768px)and (orientation: landscape){.close-btn{width:30px;height:30px;font-size:20px;top:-10px;right:-10px}}
