@font-face{font-family:"NeuSans-Bold";font-style:normal;src:url("../fonts/NeuSans-Bold.woff");src:local(""),url("../fonts/NeuSans-Bold.woff2") format("woff2"),url("../fonts/NeuSans-Bold.woff") format("woff")}@font-face{font-family:"TWKLausanne";font-style:normal;src:url("../fonts/NeuSans-Bold.woff");src:local(""),url("../fonts/TWKLausanne-300.woff2") format("woff2"),url("../fonts/TWKLausanne-300.woff") format("woff")}html,body{position:relative;height:100%;scroll-behavior:smooth}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{font-family:"TWKLausanne",sans-serif;font-size:15px;line-height:1.5;color:#062f19;background-color:#fff;margin:0;padding:0}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:"NeuSans-Bold",sans-serif;font-weight:normal}a{color:#062f19}#container{display:flex;flex-direction:column;text-align:center;width:100vw;min-height:100%}#container header{width:100%;background-color:#fff;display:flex;padding:17px 20px;border-bottom:solid 1px #062f19;z-index:1}#container header .logo{margin-right:auto;width:120px;height:auto}#container header .nav{display:none;flex:1;justify-content:right;text-decoration:none;font-size:13px}#container header .nav[data-visible=true]{display:flex}#container header .nav svg{width:auto;height:9px;margin:auto 8px auto 0}#container header .nav .back{display:flex;margin:auto 0;cursor:pointer}#container header .nav .back::before{content:"";width:8px;height:8px;border-bottom:2px #062f19 solid;border-left:2px #062f19 solid;transform:rotate(45deg);margin:auto 10px auto 0}#container header .nav .address{display:none;margin:auto 0}#container header .nav .address::before{content:"|";margin:0 15px}#container header .nav .address span{font-family:"NeuSans-Bold",sans-serif}#container header .nav .address span:first-child{margin-right:15px}#container .search-wrapper-outer{flex:1;position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;margin:0;padding:0 20px;overflow:hidden}#container .search-wrapper-outer[data-visible=false]{display:none}#container .search-wrapper-outer .background{display:none}#container .search-wrapper-outer .search-wrapper-inner{width:100%;height:auto;margin:0 auto;position:relative}#container .search-wrapper-outer .search-wrapper-inner .mobile-front{margin:20px auto;width:50%}#container .search-wrapper-outer .search-wrapper-inner h1{font-size:50px;line-height:1.1}#container .search-wrapper-outer .search-wrapper-inner .intro{font-size:21px;line-height:1.4;width:80%;margin:20px auto 20px auto}#container .search-wrapper-outer .search-wrapper-inner .byline{font-size:14px;color:#ff76b2;margin-bottom:0}#container .search-wrapper-outer .search-wrapper-inner .byline a{color:#ff76b2;text-decoration:none}#container .search-wrapper-outer .search-wrapper-inner .byline a:hover{text-decoration:underline}#container .search-wrapper-outer .search-wrapper-inner .user-input{margin:0 auto;width:95vw;max-width:500px;z-index:1000}#container .search-wrapper-outer .search-wrapper-inner .user-input .input-container{position:relative}#container .search-wrapper-outer .search-wrapper-inner .user-input .input-container.input-container-origin{margin-bottom:18px}#container .search-wrapper-outer .search-wrapper-inner .user-input .input-container input{width:80%;margin:0 auto;border:1px solid #062f19;background:#f2efd9;padding:10px 18px;outline:none;text-align:left;font-family:"TWKLausanne",sans-serif;line-height:1.555;font-size:18px;margin:auto;transition:.3s}#container .search-wrapper-outer .search-wrapper-inner .user-input .input-container input::placeholder{color:#062f19;opacity:.4}#container .search-wrapper-outer .search-wrapper-inner .user-input .input-container input[data-state=invalid]{border-color:red}#container .search-wrapper-outer .search-wrapper-inner .user-input::after{content:attr(data-content) "";display:block;margin:1em auto;color:red}#container .search-wrapper-outer .search-wrapper-inner .route-submit{text-align:center;display:flex;justify-content:center;width:fit-content;background-color:#062f19;color:#fff;font-size:15px;line-height:1.4;border-radius:50px;border:none;transition:.3;margin:26px auto 24px;transition:.2s;padding:14px 35px;cursor:pointer}#container .search-wrapper-outer .search-wrapper-inner .route-submit:hover{text-decoration:underline;opacity:.8}#container .search-wrapper-outer .search-wrapper-inner .route-submit::after{content:"";width:8px;height:8px;border-bottom:2px #fff solid;border-right:2px #fff solid;transform:rotate(-45deg);margin:auto 0 auto 10px}#container .search-wrapper-outer .search-wrapper-inner .route-submit[data-calculating=true]::after{content:"";border:2px solid #fff;border-top:2px solid #143d35;border-radius:50%;width:15px;height:15px;animation:spin 2s linear infinite;margin:auto 0 auto 8px}#container .search-wrapper-outer .search-wrapper-inner .info{max-width:400px;margin:auto;font-size:15px;line-height:1.4}#container .search-wrapper-outer .footer{width:100%;max-width:500px;margin:auto;padding:1em}#container .search-wrapper-outer .footer .share ul{list-style:none;padding:0}#container .search-wrapper-outer .footer .share ul li{display:inline-block;position:relative;box-sizing:border-box;width:50%}#container .search-wrapper-outer .footer .share ul li:nth-child(1){border-right:1px solid #ebe9eb;padding:15px 15px 15px 0}#container .search-wrapper-outer .footer .share ul li:nth-child(1) ::before{content:"";background:blue;height:25px;width:25px;display:inline-block;background:url("../img/facebook.svg");background-repeat:no-repeat;background-position:center center;background-size:100% auto;vertical-align:-50%;margin-right:10px}#container .search-wrapper-outer .footer .share ul li:nth-child(2){border-left:1px solid #ebe9eb;padding:15px 0 15px 15px}#container .search-wrapper-outer .footer .share ul li:nth-child(2) ::before{content:"";background:blue;height:25px;width:25px;display:inline-block;background:url("../img/twitter.svg");background-repeat:no-repeat;background-position:center center;background-size:100% auto;vertical-align:-50%;margin-right:10px}#container .search-wrapper-outer .footer .share ul li a,#container .search-wrapper-outer .footer .share ul li a:active,#container .search-wrapper-outer .footer .share ul li a:hover,#container .search-wrapper-outer .footer .share ul li a:focus,#container .search-wrapper-outer .footer .share ul li a:visited{color:#4267b2;text-decoration:none}#container .search-wrapper-outer .footer .links{margin:30px 0}#container .search-wrapper-outer .footer .links a{display:block;margin-top:7.5px}#container .search-wrapper-outer .footer .links a,#container .search-wrapper-outer .footer .links a:link,#container .search-wrapper-outer .footer .links a:active,#container .search-wrapper-outer .footer .links a:hover,#container .search-wrapper-outer .footer .links a:focus,#container .search-wrapper-outer .footer .links a:visited{color:#2ed1ad;text-decoration:none}@media(min-width: 800px){#container header{padding:20px 30px}#container header .logo{width:165px;height:auto}#container header .nav{font-size:20px}#container header .nav svg{height:20px;width:auto}#container header .nav .address{display:block}#container .search-wrapper-outer .background{display:block;position:absolute;top:0;left:0;height:100%;width:100%}#container .search-wrapper-outer .background img{position:absolute;height:auto}#container .search-wrapper-outer .background img.van{width:27%;left:-3%;top:-6vw;-webkit-transform:scaleX(-1);transform:scaleX(-1)}#container .search-wrapper-outer .background img.bike{width:12%;top:13vw;bottom:auto;left:7%;-webkit-transform:scaleX(-1);transform:scaleX(-1)}#container .search-wrapper-outer .background img.car{-webkit-transform:none;transform:none;width:23%;left:8%;bottom:2vw}#container .search-wrapper-outer .background img.building{width:30%;top:-14vw;right:-0.55vw}#container .search-wrapper-outer .background img.bus{display:block;width:41.5%;right:-13vw;top:35%;bottom:auto;-webkit-transform:scaleX(-1)}#container .search-wrapper-outer .background img.person{width:9.5%;left:auto;right:6%;top:10vw}#container .search-wrapper-outer .search-wrapper-inner{height:auto;padding-top:0}#container .search-wrapper-outer .search-wrapper-inner .mobile-front{display:none}#container .search-wrapper-outer .search-wrapper-inner h1{font-size:100px;line-height:1.1;margin:30px 0 0}#container .search-wrapper-outer .search-wrapper-inner .intro{margin:36px auto 54px auto;font-size:35px}#container .search-wrapper-outer .search-wrapper-inner .byline{font-size:16px}#container .search-wrapper-outer .search-wrapper-inner .logo{width:250px}#container .search-wrapper-outer .search-wrapper-inner .user-input{width:80%;margin:auto}#container .search-wrapper-outer .search-wrapper-inner .user-input .input-container{position:relative}#container .search-wrapper-outer .search-wrapper-inner .user-input .input-container input{font-size:20px;line-height:1.4}#container .search-wrapper-outer .search-wrapper-inner .route-submit{margin:40px auto 24px;font-size:20px}#container .search-wrapper-outer .search-wrapper-inner .info{font-size:20px}}#container .result{flex:1;display:none;height:100vh;width:100%}#container .result[data-visible=true]{display:block}#container .result .result-cont{width:100%}#container .result .swiper{position:relative;overflow:hidden}#container .result .swiper .background{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}#container .result .swiper .background img{position:absolute;height:auto;opacity:.4}#container .result .swiper .background img.trees{display:bock;width:48%;top:-10vw;left:-25%}#container .result .swiper .background img.lamp{display:none}#container .result .swiper .background img.bench{display:none}#container .result .swiper .background img.birds{-webkit-transform:scaleX(-1);transform:scaleX(-1);width:26%;top:40vw;left:0}#container .result .swiper .background img.busstop{width:50%;top:-10vw;right:-20%}#container .result .swiper .background img.tree{display:none}#container .result .swiper .swiper-nav{position:relative;display:block;width:100%;z-index:1;padding:0 20px}#container .result .swiper .swiper-nav[data-visible=true]{display:block}#container .result .swiper .swiper-nav h2{bottom:30px;margin:0 auto 32px;font-size:40px;line-height:1.1}#container .result .swiper .swiper-nav .mode-nav{overflow:auto;width:100vw;margin-left:-20px}#container .result .swiper .swiper-nav .mode-nav .links{display:flex;width:100vw;gap:10px;justify-content:center;margin:auto;width:fit-content;padding:14px 0}#container .result .swiper .swiper-nav .mode-nav .links div{padding:12px 22px;border:1px #062f19 solid;border-radius:39px;text-underline-offset:4.5px;flex-shrink:0}#container .result .swiper .swiper-nav .mode-nav .links div[data-active=true]{background-color:#062f19;color:#fff}#container .result .swiper .swiper-wrapper{position:relative;height:70vw}#container .result .swiper .swiper-wrapper .image-wrapper{display:flex;position:absolute;top:0;left:0;height:100%;width:100%}#container .result .swiper .swiper-wrapper .image-wrapper img{opacity:0;width:100%;height:auto;margin:auto;transition:opacity .3s}#container .result .swiper .swiper-wrapper .image-wrapper[data-active=true] img{opacity:1}#container .result .swiper .swiper-wrapper .image-wrapper[data-index="0"] img{width:42%}#container .result .swiper .swiper-wrapper .image-wrapper[data-index="1"] img{width:52%}#container .result .swiper .swiper-wrapper .image-wrapper[data-index="2"] img{width:41%}#container .result .swiper .swiper-wrapper .image-wrapper[data-index="3"] img{width:68%}#container .result .swiper .swiper-wrapper .image-wrapper[data-index="4"] img{width:22%}#container .result .swiper .swiper-wrapper .image-wrapper[data-index="5"] img{width:15%}#container .result .middle{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:1555px;margin:30px auto auto;padding:0 20px 100px}#container .result .middle[data-visible=true]{display:flex}#container .result .middle .info-item{width:48%;min-height:210px;background-color:#f2efd9;border:1px solid #062f19;color:#143d35;border-radius:30px;margin:0 0 4%;padding:20px 20px 40px 20px;text-align:left}#container .result .middle .info-item .flex-wrapper{display:flex;flex-direction:column;height:100%}#container .result .middle .info-item .flex-wrapper .heading{font-size:20px;line-height:1.4;margin-bottom:25px}#container .result .middle .info-item .flex-wrapper .value{font-size:clamp(30px,4vw,42px);line-height:1.3}#container .result .middle .info-item .flex-wrapper .label{font-size:15px;line-height:1.466;margin-top:6px}#container .result .middle .info-item .flex-wrapper .label span{display:none}@media(min-width: 800px){#container .result .swiper .background{position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}#container .result .swiper .background img{position:absolute;height:auto;opacity:.4}#container .result .swiper .background img.trees{width:27%;top:-10vw;left:-6.5%}#container .result .swiper .background img.lamp{display:block;width:6.3%;top:-2.5vw;left:20%}#container .result .swiper .background img.bench{display:block;width:10.7%;top:11vw;left:23.5%}#container .result .swiper .background img.birds{-webkit-transform:none;transform:none;width:12%;top:19vw;left:14%}#container .result .swiper .background img.busstop{width:22%;top:-7vw;right:8%}#container .result .swiper .background img.tree{display:block;width:19.3%;top:3vw;right:-7%}#container .result .swiper .swiper-wrapper{height:23vw}#container .result .swiper .swiper-wrapper .image-wrapper{display:flex;position:absolute;top:0;left:0;height:100%;width:100%}#container .result .swiper .swiper-wrapper .image-wrapper img{opacity:0;width:100%;height:auto;margin:auto;transition:opacity .3s}#container .result .swiper .swiper-wrapper .image-wrapper[data-active=true] img{opacity:1}#container .result .swiper .swiper-wrapper .image-wrapper[data-index="0"] img{width:19.5%}#container .result .swiper .swiper-wrapper .image-wrapper[data-index="1"] img{width:25%;margin-top:-3%}#container .result .swiper .swiper-wrapper .image-wrapper[data-index="2"] img{width:19%}#container .result .swiper .swiper-wrapper .image-wrapper[data-index="3"] img{width:34%;margin-top:-8.5%}#container .result .swiper .swiper-wrapper .image-wrapper[data-index="4"] img{width:10%}#container .result .swiper .swiper-wrapper .image-wrapper[data-index="5"] img{width:5.5%}#container .result .swiper .swiper-nav{padding:0 40px}#container .result .swiper .swiper-nav h2{font-size:48px;line-height:1.3}#container .result .swiper .swiper-nav .mode-nav{width:auto;margin:0}#container .result .swiper .swiper-nav .mode-nav .links{display:flex;cursor:pointer;border-radius:39px;border:1px solid #062f19;padding:14px 28px}#container .result .swiper .swiper-nav .mode-nav .links div{border:none}#container .result .swiper .swiper-nav .mode-nav .links div:hover{text-decoration:underline}#container .result .swiper .swiper-nav .mode-nav .links div[data-active=true]{color:#062f19;text-decoration:underline;background:rgba(0,0,0,0)}#container .result .middle{flex-wrap:nowrap;margin:48px auto auto}#container .result .middle .info-item{width:23%;margin:0;padding:27px 40px}#container .result .middle .info-item .flex-wrapper .heading{font-size:25px;margin-bottom:20px}#container .result .middle .info-item .flex-wrapper .label span{display:block}#container .result .middle .info-item .flex-wrapper .value{font-size:45px}}#container #bg-illo{transform:translate(0, 0);animation-duration:15s;animation-name:bg-anim;animation-iteration-count:infinite;animation-timing-function:linear;animation-delay:0s}@keyframes bg-anim{from{transform:translate(0, 0)}to{transform:translate(-1000px, 0)}}#container #bil,#container #trikk,#container #hode{transform:translate(0, 0);animation-duration:.2s;animation-name:bounce;animation-iteration-count:infinite;animation-timing-function:ease;--bounce-px: 2px}#container #vandrer-illo{--walking-speed: 1.8s;--bounce-px: 1px}#container #vandrer-illo #hode{animation-duration:.9s}#container #trikk{animation-duration:2s}#container #elbil-illo #bil{animation-duration:1s}#container #sykkel-illo #hode{animation-duration:.6s}@keyframes bounce{50%{transform:translate(0, var(--bounce-px))}}#container #ben-foran,#container #ben-bak{transform-origin:105px 210px;animation-duration:var(--walking-speed);animation-iteration-count:infinite;animation-timing-function:ease-ease;animation-delay:.1s}#container #ben-foran{transform:rotate(10deg);animation-name:ben-foran}@keyframes ben-foran{0%{transform:rotate(10deg)}50%{transform:rotate(-10deg)}100%{transform:rotate(10deg)}}#container #legg-foran{transform-origin:105px 290px;transform:rotate(10deg);animation-duration:var(--walking-speed);animation-iteration-count:infinite;animation-timing-function:ease-ease;animation-delay:.1s;animation-name:legg-foran}@keyframes legg-foran{0%{transform:rotate(20deg)}50%{transform:rotate(0deg)}100%{transform:rotate(20deg)}}#container #ben-bak{transform:rotate(-10deg);animation-name:ben-bak}@keyframes ben-bak{0%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}100%{transform:rotate(-10deg)}}#container #legg-bak{transform-origin:105px 290px;transform:rotate(10deg);animation-duration:var(--walking-speed);animation-iteration-count:infinite;animation-timing-function:ease-ease;animation-delay:.1s;animation-name:legg-bak}@keyframes legg-bak{0%{transform:rotate(0deg)}50%{transform:rotate(20deg)}100%{transform:rotate(0deg)}}#container #Arm{transform-origin:105px 139px;animation-duration:var(--walking-speed);animation-iteration-count:infinite;animation-timing-function:ease-ease;animation-name:arm}@keyframes arm{0%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}100%{transform:rotate(-5deg)}}#container #vandrer-illo{transform:transate(0, 0);animation-duration:var(--walking-speed);animation-iteration-count:infinite;animation-timing-function:ease-ease;animation-name:vandrer;animation-delay:.2s}@keyframes vandrer{0%{transform:translate(0, 1px)}25%{transform:translate(0)}50%{transform:translate(0, 1px)}75%{transform:translate(0)}100%{transform:translate(0, 1px)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#container .map-wrapper{display:none;position:fixed;left:0;top:0;width:35%;height:35%}#container .map-wrapper #map{width:100%;height:100%}
