@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css);@import url(https://use.typekit.net/vzy8rcq.css);@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.text-bold{font-family:futura-pt-bold,sans-serif;font-weight:700}.preamble{font-size:1.375rem;line-height:1.4}.centered{text-align:center}p{margin:20px auto}h1{margin:0}b,h1,strong{font-family:futura-pt-bold,sans-serif;font-weight:700}.block-text{margin:0 auto;max-width:30rem}#app{margin:0 auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:futura-pt,Futura PT,Futura,sans-serif;font-weight:400;font-style:normal;font-size:1.125rem;line-height:1.4;color:#262626}body{background-image:url(../img/plattan.6260f6d6.jpg);background-repeat:repeat;background-attachment:fixed}.desktop-only{display:none}img{max-width:100%;height:auto;display:block}a{color:#0664aa;text-decoration:none}a:hover{text-decoration:underline}a[download]:after{content:"\f56d";font-size:20px;top:2px}a[download]:after,a[target=_blank]:after{font-family:Font Awesome\ 5 Free;font-weight:900;position:relative;margin-left:6px}a[target=_blank]:after{content:"\f35d";font-size:12px;top:-2px}button{margin-top:20px;background:#0664aa;border:0;cursor:pointer;padding:10px;color:#fff;text-transform:uppercase;font-family:futura-pt-bold,sans-serif;font-weight:700}.bg-cover{width:100vw;height:100vh;position:fixed;background:hsla(0,0%,100%,.95);z-index:-1}.page{background:#fff;padding:50px;max-width:750px;margin:40px auto;margin-top:130px;padding:15px;width:90%}.page h1{padding-bottom:5px;border-bottom-width:10px;border-bottom-style:solid;border-bottom-color:#000}.page.page-transport h1{border-bottom-color:#c9472d}.page.page-fun-facts h1{border-bottom-color:#006ebf}.page.page-swedish-fika h1{border-bottom-color:#5d237d}.page-fun-facts .question{padding:20px;background:#cae5ff;color:#006ebf}.page-fun-facts .question.pink{background:#fdbbd9;color:#c40064}.page-fun-facts .question.pink .option:before{background:#c40064}.page-fun-facts .question a{text-decoration:underline}.page-fun-facts .question .text{font-family:futura-pt-bold,sans-serif;font-weight:700;margin-bottom:10px}.page-fun-facts .question .option{margin-top:10px;margin-bottom:10px;position:relative;left:30px;cursor:pointer;transition:color .2s}.page-fun-facts .question .option:hover{color:#262626}.page-fun-facts .question .option:before{content:" ";background:#006ebf;width:20px;height:20px;position:absolute;left:-25px;top:3px;border-radius:50%}.page-explore{width:90vw;max-width:1310px;min-height:100vh}.page-explore .preamble{text-align:center}.page-explore button{border:0;cursor:pointer;background:#0664aa;color:#fff;padding:10px;text-transform:uppercase;font-family:futura-pt-bold,sans-serif;font-weight:700;transition:all .2s}.page-explore button:hover{background:#0881db}.page-explore button:hover svg{transform:rotate(90deg)}.page-explore button:hover.boat svg{transform:rotate(-14deg)}.page-explore button.orange{background:#e06b45}.page-explore button svg{margin-left:10px;transition:all .2s}.page-distances h1{border-bottom-color:#00837c}.page-distances .block-text{margin-bottom:160px}.page-distances .ten-facts span{font-family:futura-pt-bold,sans-serif;font-weight:700;color:#c40064}.page-distances ol li{margin-bottom:15px}.page-distances .decor.boat{position:fixed;width:100%;height:140px;bottom:0;left:0;background:url(../img/wave1.51891079.svg);-webkit-animation:waves 10s linear infinite;animation:waves 10s linear infinite}.page-distances .decor.boat .boat1,.page-distances .decor.boat .boat2{position:absolute;top:30px;z-index:9;width:200px}.page-distances .decor.boat .boat2{width:50px;top:60px}.page-distances .decor.boat:before{opacity:.4;-webkit-animation:waves-reverse 10s linear infinite;animation:waves-reverse 10s linear infinite}.page-distances .decor.boat:after,.page-distances .decor.boat:before{content:"";width:100%;height:140px;background:url(../img/wave1.51891079.svg);position:absolute;top:0;left:0}.page-distances .decor.boat:after{opacity:.6;-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation:waves 20s linear infinite;animation:waves 20s linear infinite}@-webkit-keyframes waves{0%{background-position:0}to{background-position:1600px}}@keyframes waves{0%{background-position:0}to{background-position:1600px}}@-webkit-keyframes waves-reverse{0%{background-position:1600px}to{background-position:0}}@keyframes waves-reverse{0%{background-position:1600px}to{background-position:0}}.fika-item{border:3px solid #fcca32;padding:10px;margin-bottom:20px}.fika-item .fika-symbol{max-width:50%;margin:20px auto}.fika-item .fika-name{font-family:futura-pt-bold,sans-serif;font-weight:700;text-align:center}.fika-item .fika-desc{font-family:futura-pt,sans-serif;font-weight:400;font-style:italic;margin-top:20px;margin-bottom:20px}.cafe-list li{margin-bottom:15px}.cafe-list span{color:#5d237d;font-family:futura-pt-bold,sans-serif;font-weight:700}.page-swedish-fika{position:relative;padding-bottom:100px}.coffee-cup{height:100px;width:100px;position:absolute;bottom:10px;right:10px;transform:rotate(-10deg)}.navigation{z-index:999;color:#262626}.navigation a{color:#ccc;text-decoration:none}.navigation ul{list-style:none;margin:0;padding:0}.navigation li{text-transform:uppercase}.navigation .hamburger{margin-left:auto;width:69px;cursor:pointer;padding:12px;position:relative;height:60px}.navigation .hamburger span{display:block;height:6px;background:#c40064;width:45px;border-radius:5px;margin-bottom:6px;transition:all .3s;transform:rotate(0deg);transform-origin:center center;position:absolute}.navigation .hamburger span:nth-child(2){top:24px}.navigation .hamburger span:nth-child(3){top:36px}.navigation .hamburger.closed span{top:44%}.navigation .hamburger.closed span:first-child{transform:rotate(45deg)}.navigation .hamburger.closed span:nth-child(3){transform:rotate(-45deg)}.navigation .hamburger.closed span:nth-child(2){display:none}.navigation .router-link-exact-active{color:#c40064}.secondary-nav{background:#000;height:40px;display:flex;color:#ccc;justify-content:space-between}.secondary-nav .sthlm-logo{max-width:150px;width:100%;padding:20px;outline:1px solid #000}.secondary-nav ul{align-self:center;display:flex;padding:6px;justify-content:flex-end}.secondary-nav li{font-size:.8rem;border-left:1px solid #494746;padding:10px}.secondary-nav li:first-of-type{border-left:0}.secondary-nav a[target=_blank]:after{top:0}.primary-nav{position:absolute;width:100%;font-family:futura-pt-bold,sans-serif;font-weight:700;font-style:normal;background:#fcca32;padding-top:20px;padding-bottom:20px}.primary-nav .menu-wrap{display:flex}.primary-nav ul{order:1;flex-grow:1}.primary-nav .hamburger{order:2;width:70px}.primary-nav ul.closed{display:none}.primary-nav li{margin-bottom:6px;text-align:center;margin:15px;margin-bottom:30px;transition:all .2s}.primary-nav li:hover{transform:rotate(-3deg)}.primary-nav a{color:#000;background:#fcca32;padding:10px 20px}.primary-nav li a{color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.5);transition:all .2s}.primary-nav li:first-of-type a{background:#c40064}.primary-nav li:nth-of-type(2) a{background:#00837c}.primary-nav li:nth-of-type(3) a{background:#c9472d}.primary-nav li:nth-of-type(4) a{background:#006ebf}.primary-nav li:nth-of-type(5) a{background:#5d237d}.primary-nav li:first-of-type:hover a{background:#fdbbd9;color:#c40064;text-shadow:none}.primary-nav li:nth-of-type(2):hover a{background:#c2eee7;color:#00837c;text-shadow:none}.primary-nav li:nth-of-type(3):hover a{background:#ffc89f;color:#c9472d;text-shadow:none}.primary-nav li:nth-of-type(4):hover a{background:#cae5ff;color:#006ebf;text-shadow:none}.primary-nav li:nth-of-type(5):hover a{background:#ebd6f2;color:#5d237d;text-shadow:none}.primary-nav li a.router-link-exact-active{transform:rotate(3deg) translateX(30%);text-shadow:none;color:#fff}.transport-options .ferry .transport-option{background:#cae5ff;color:#006ebf}.transport-options .railway .transport-option{background:#ffc89f;color:#c9472d}.transport-options .bike .transport-option{background:#c2eee7;color:#00837c}.transport-options{display:flex;justify-content:space-evenly;flex-wrap:wrap;margin-top:40px}.transport-options .popup-info{width:100vw;height:100vh;position:fixed;top:0;left:0}.transport-options .popup-info .background{background:rgba(27,27,27,.8);width:100vw;height:100vh;top:0;left:0;position:absolute;cursor:pointer}.transport-options .popup-info .info{box-shadow:2px 2px 3px rgba(0,0,0,.3);width:50vw;min-width:350px;height:50vh;min-height:300px;overflow-y:scroll;background:#fff;padding:40px;top:50%;left:50%;position:absolute;transform:translateX(-50%) translateY(-50%)}.transport-options .popup-info .info h2{margin-top:0}.transport-options .transport-option{cursor:pointer;padding:20px;width:250px;height:250px;background:#fdbbd9;color:#c40064;display:flex;flex-direction:column;justify-content:space-between;margin:20px}.transport-options .transport-option .destination{text-align:center}.transport-options .transport-option .title{font-weight:700;font-family:futura-pt-bold,sans-serif}.transport-options .transport-option .fika-count{display:flex;justify-content:space-evenly}.transport-options .transport-option .fika-count img{height:35px;width:auto}.footer{font-family:Fira Code,monospace}.footer.cookies{padding:20px;background:#fcca32;position:fixed;bottom:0;left:0;width:100%}.footer.cookies .wrap{display:flex;align-items:center;justify-content:center}.footer.cookies .wrap .text{margin-right:40px}.footer.cookies .wrap .img{width:100px;flex-grow:0;flex-shrink:0}.footer.cookies .cookie{width:100px;position:absolute;bottom:0}.footer.cookies button{margin-top:20px;background:#0664aa;border:0;cursor:pointer;padding:10px;color:#fff;font-weight:700;text-transform:uppercase}*{box-sizing:border-box}@media screen and (min-width:1024px){.wrapper{margin-top:150px}.primary-nav{height:130px}.primary-nav .hamburger{display:none}.primary-nav.shrunk{position:-webkit-sticky;position:sticky;top:0;font-size:.75rem;height:50px;padding-top:5px;padding-bottom:5px}.primary-nav.shrunk ul{min-height:auto;padding:10px;justify-content:flex-start;margin:0}.primary-nav.shrunk li{margin-right:10px}.primary-nav.shrunk li:last-of-type{margin-right:0}.primary-nav.shrunk a{padding:10px}.primary-nav.shrunk .router-link-exact-active{font-size:.75rem}.primary-nav ul{max-width:1100px;margin:0 auto;display:flex;justify-content:space-evenly;padding:20px;min-height:110px}.primary-nav ul.closed{display:flex}.primary-nav ul li{will-change:scroll-position;margin:0}.primary-nav ul li a:hover{background:#fcca32;color:#1b1b1b;text-shadow:none}.primary-nav ul li a.router-link-exact-active{background:#fcca32;color:#1b1b1b;transform:rotate(2deg);font-size:2rem}.secondary-nav ul{margin-left:auto}.page{padding-top:50px}.desktop-only{display:block}.page-explore{max-width:1000px}.page-explore iframe{max-height:550px}}#metrostation polygon[data-v-1935d69f]{fill:#c40064}#boatPathDjurgarden[data-v-1935d69f]{opacity:0}#map-cnt[data-v-1935d69f]{overflow:hidden}.map[data-v-1935d69f]{position:relative}.map-img[data-v-1935d69f]{opacity:.2}.hidden[data-v-1935d69f]{visibility:hidden;opacity:0}.popup[data-v-1935d69f],.welcome[data-v-1935d69f]{position:absolute;top:50%;left:50%;width:80%;transform:translateX(-50%) translateY(-50%);padding:20px;background:hsla(0,0%,100%,.9);font-size:1.5rem;box-shadow:5px 5px 0 rgba(0,0,0,.5)}h1[data-v-1935d69f]{border-bottom:0;margin-bottom:40px}h1[data-v-1935d69f]:after{border-bottom:10px solid #000;content:" ";display:block;width:100%;position:absolute;left:0;padding-top:10px}.ps[data-v-1935d69f]{font-style:italic;font-size:1.3rem;margin-left:0}.topleft[data-v-1935d69f]{top:10px;left:10px;transform:none}.cls-1[data-v-1935d69f]{fill:#0076bb}.cls-2[data-v-1935d69f]{fill:#cbc4a6}.cls-3[data-v-1935d69f]{fill:#fff}.cls-4[data-v-1935d69f]{fill:#00a39a}.cls-5[data-v-1935d69f]{fill:#89aa3e}.cls-6[data-v-1935d69f]{fill:#a6bc75}.cls-7[data-v-1935d69f]{fill:#de4726}.cls-8[data-v-1935d69f]{fill:#f58320}.cls-9[data-v-1935d69f]{fill:#8eac3d}.cls-10[data-v-1935d69f]{fill:#5f9ed4}.cls-11[data-v-1935d69f]{fill:#94b049}.cls-12[data-v-1935d69f]{fill:#9fb865}.cls-13[data-v-1935d69f]{fill:#8cab3e}.cls-14[data-v-1935d69f]{fill:#8fad3d}.cls-15[data-v-1935d69f]{fill:#8dac3e}.cls-16[data-v-1935d69f]{fill:#8bab3e}.cls-17[data-v-1935d69f]{fill:#ffe08e}.cls-18[data-v-1935d69f]{fill:#d0d0ce}.cls-19[data-v-1935d69f]{fill:#272b67}.cls-20[data-v-1935d69f]{fill:#004750}.cls-21[data-v-1935d69f]{fill:#231f20}.cls-22[data-v-1935d69f]{fill:#6f625a}.cls-23[data-v-1935d69f]{fill:#8ccbc8}.cls-24[data-v-1935d69f]{fill:#b7b4b1}.cls-25[data-v-1935d69f]{fill:#5fbebb}.cls-26[data-v-1935d69f]{fill:#dddddb}.cls-27[data-v-1935d69f]{fill:#a39d9a}.cls-28[data-v-1935d69f]{fill:#7bc5c3}.cls-29[data-v-1935d69f]{fill:#427d7e}.cls-30[data-v-1935d69f]{fill:#d0b2d5}.cls-31[data-v-1935d69f]{fill:#d9d9d7}.cls-32[data-v-1935d69f]{fill:#f68d49}.cls-33[data-v-1935d69f]{fill:#96cecc}.cls-34[data-v-1935d69f]{fill:#f1cb49}.cls-35[data-v-1935d69f]{fill:#b4dbd9}.cls-36[data-v-1935d69f]{fill:#837c77}.cls-37[data-v-1935d69f]{fill:#96928f}.cls-38[data-v-1935d69f]{fill:#e57463}.cls-39[data-v-1935d69f]{fill:#9b928d}.cls-40[data-v-1935d69f]{fill:#c4bfbc}.cls-41[data-v-1935d69f]{fill:#16170e}.cls-42[data-v-1935d69f]{fill:#110d0e}.cls-43[data-v-1935d69f]{fill:#060000}.cls-44[data-v-1935d69f]{fill:#15170c}.cls-45[data-v-1935d69f]{fill:#dbdad8}.cls-46[data-v-1935d69f]{fill:#eae8e6}.cls-47[data-v-1935d69f]{fill:#8d8680}.cls-48[data-v-1935d69f]{fill:#c6c2bf}.cls-49[data-v-1935d69f]{fill:#ddd8c6}.cls-50[data-v-1935d69f]{fill:#c86628}.cls-51[data-v-1935d69f]{fill:#698338}.cls-52[data-v-1935d69f]{fill:#7b449a}.cls-53[data-v-1935d69f]{fill:#633165}.cls-54[data-v-1935d69f]{fill:#181545}.cls-55[data-v-1935d69f]{fill:#d31566}.cls-56[data-v-1935d69f]{fill:#a31c43}.cls-57[data-v-1935d69f]{fill:#007d65}.cls-58[data-v-1935d69f]{fill:#fed103}.cls-59[data-v-1935d69f]{fill:#70c2bf}.cls-60[data-v-1935d69f]{fill:#040013}.cls-61[data-v-1935d69f]{fill:#514047}.cls-62[data-v-1935d69f]{fill:#283029}.cls-63[data-v-1935d69f]{fill:#97a2a4}.cls-64[data-v-1935d69f]{fill:#5b9dd5}.cls-65[data-v-1935d69f]{fill:#7fc6c4}.cls-66[data-v-1935d69f]{fill:#7acdcb}.cls-67[data-v-1935d69f]{fill:#f1f2f2}.fade-enter-active[data-v-7b3a495c],.fade-leave-active[data-v-7b3a495c]{transition:opacity .5s}.fade-enter[data-v-7b3a495c],.fade-leave-to[data-v-7b3a495c]{opacity:0}.visible[data-v-7b3a495c]{visibility:visible}.hidden[data-v-7b3a495c]{visibility:hidden}.cls-1[data-v-3acb94b0]{fill:#6f6259}.cls-2[data-v-3acb94b0]{fill:#e5e1d1}.cls-3[data-v-3acb94b0]{fill:#231f20}.cls-4[data-v-3acb94b0]{fill:#ff8300}.cls-5[data-v-3acb94b0]{fill:#fff}.cls-6[data-v-3acb94b0]{fill:#00a19b}.carousel[data-v-ee0e6318]{position:fixed;bottom:0;left:20px;width:120px;height:120px}button[data-v-190900b2]{margin:20px}.startGame[data-v-190900b2]{margin:20px auto;display:block}.tp-bricka[data-v-190900b2]{margin:30px auto;transition:all .5s}.tp-bricka.small[data-v-190900b2]{max-width:300px}.cls-1[data-v-190900b2]{fill:#fcbf0a}.cls-2[data-v-190900b2]{fill:#5d2b7d}.cls-3[data-v-190900b2]{fill:#c9472d}.cls-4[data-v-190900b2]{fill:#006ebf}.cls-5[data-v-190900b2]{fill:#00837d}.cls-6[data-v-190900b2]{fill:#c40064}.cls-7[data-v-190900b2]{fill:#dd1f26}