#buttons-wrapper{display:none;position:absolute;top:0px;right:0;margin:20px;padding:0;z-index:1000}@media screen and (min-width:768px){#buttons-wrapper{display:block}}ul.cityNav{list-style:none;height:85vh;margin:0;margin-top:70px;padding:0;display:flex;flex-direction:column;z-index:2000}ul.cityNav li{flex:1}.cityBall{text-align:center;border-radius:100px;width:35px;height:35px;border:2px solid white;cursor:pointer;transition:width 250ms cubic-bezier(0.0,0.0,0.2,1);background-color:rgba(0,0,0,0.2);position:absolute;right:26px;overflow:hidden}.cityBall:hover{width:125px}.cityBall h2,.cityBall h1{font-family:EngschriftDIND,Arial;text-transform:uppercase;text-align:center;font-size:1rem;color:#ffe400;line-height:35px}.cityBall h1{opacity:0;transition:opacity .25s ease;position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%}.cityBall:hover>h1{opacity:1}.cityBall h2{opacity:1;font-size:1rem;transition:opacity .25s ease;padding:0}.cityBall:hover>h2{opacity:0}.darkBall{border:2px solid black;color:black;background-color:rgba(255,228,0,0.5)}.darkBall h2,.darkBall h1{color:black}.menu input{display:none}.menu label{display:unset;cursor:pointer;position:relative;width:40vh;height:40vh;transform:scale(2);margin:0;padding:0;top:0 !important}@media(min-aspect-ratio:1 / 1){.menu label{width:40vh;height:40vh;transform:scale(2)}}.menu svg{width:100%}.menu svg path{fill:none;stroke:#ffe400;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;--length:0;--offset:-50;stroke-dasharray:var(--length) var(--total-length);stroke-dashoffset:var(--offset);transition:all .8s cubic-bezier(0.645,0.045,0.355,1)}.menu svg circle{fill:none;stroke:#ffe400;stroke-width:3;fill:rgba(0,0,0,1);border:2px solid white}.ballsMenu:hover circle{fill:rgba(0,0,0,0.3);border:2px solid white}.cross input:checked+svg .line--1,.cross input:checked+svg .line--3{--length:22.627416998}.cross input:checked+svg .line--2{--length:0}.down input:checked+svg .line--1,.down input:checked+svg .line--3{--length:8.602325267}.menu--2,.menu--4{transform:scale(0.3);position:fixed;right:-85px;top:-35px;z-index:2000;width:300px;height:300px}.menu--2 .line--1,.menu--2 .line--3{--total-length:111.22813415527344;--offset:-62.22813415527344}.menu--2 .line--2{--total-length:99}.menu--2 input:checked+svg path{transform:translateY(30px)}.menu--2 input:checked+svg .line--1,.menu--2 input:checked+svg .line--3{--offset:-16.9705627485}.menu--2 input:checked+svg .line--2{--offset:-20}.menu--4 .line--1,.menu--4 .line--3{--total-length:103.35061645507812;--offset:-54.35061645507812}.menu--4 .line--2{--total-length:99}.menu--4 input:checked+svg path{transform:translateY(-31px)}.menu--4 input:checked+svg .line--1,.menu--4 input:checked+svg .line--3{--offset:-8.602325267}.menu--4 input:checked+svg .line--2{--offset:-7;--length:24}.city-ball-wrapper{position:fixed;top:90px;right:40px;z-index:2000}.city-ball--ie{position:relative;background:#000;width:50px;height:50px;border-radius:50%;border:2px solid #ffe400;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);transition:transform .25s ease-out;cursor:pointer}.city-ball--ie:after{content:'';position:absolute;left:50%;top:50%;width:2px;height:2px;margin-left:-1px;margin-top:-1px;background-color:#ffe400;border-radius:50%;box-shadow:0 0 0 2px #ffe400,0 11px 0 2px #ffe400,0 -11px 0 2px #ffe400}.city-ball--ie.down{transform:rotate(-90deg)}.city-ball--ie.cross{transform:rotate(0)}