@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);*{font-family:Roboto Condensed,sans-serif;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body,html{height:100%;width:100%}body{background-color:#fff}a{text-decoration:none;color:#000}.versal{text-transform:uppercase;letter-spacing:.08em}#app,main{height:100%}main{position:relative;padding:1em;padding-top:60px;-webkit-transition:margin-right .5s;transition:margin-right .5s}.mapmode{padding-top:60px;padding:0!important}.flex{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex,.row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.row{margin:-1em;-ms-flex-wrap:wrap;flex-wrap:wrap}.col,.col-1{display:block;margin:1em}.col-1{width:8.33333}.col-2{width:16.66667}.col-2,.col-3{margin:1em;display:block}.col-3{width:25}.col-4{width:33.33333}.col-4,.col-5{margin:1em;display:block}.col-5{width:41.66667}.col-6{width:50}.col-6,.col-7{margin:1em;display:block}.col-7{width:58.33333}.col-8{width:66.66667}.col-8,.col-9{margin:1em;display:block}.col-9{width:75}.col-10{width:83.33333}.col-10,.col-11{margin:1em;display:block}.col-11{width:91.66667}.col-12{width:100;margin:1em;display:block}.btn{background-color:transparent;border:2px solid rgba(95,175,232,.4);padding:7px 13px 7px 13px;font-size:1em;border-radius:7px;cursor:pointer;text-decoration:none;text-align:center;outline:none}.btn:hover{background-color:rgba(118,179,236,.4392156862745098)}.paddingbox{padding:.5em;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:.8em}.title-tutorial{padding:3em}#button-box,.title-tutorial{width:100%;text-align:center}#button-box{margin-top:2em}#button-box button{width:100%;max-width:300px}table{border-collapse:collapse}table tr{display:table-row;vertical-align:inherit;border-color:inherit}table td,table th{padding:.5em;vertical-align:bottom;border-bottom:1px solid #dee2e6}.layer-1,.layer-2{display:block;overflow:hidden;height:100%;width:100%}.layer-1{z-index:100000}.layer-2{z-index:150000}footer{position:absolute;bottom:0;left:0;right:0;width:100%;padding:1.5em}.nav-footer{text-align:center;cursor:pointer}.nav-footer .back{margin-right:.25em;background-size:10px 10px;background:url(../img/left.47e7c40c.svg) no-repeat 0;background-origin:padding-box;padding-left:20px;-webkit-transform:scaleX(-1);transform:scaleX(-1);width:300px}.nav-footer .back:hover,.nav-footer .forward:hover{text-decoration:underline}.nav-footer .forward{margin-left:.25em;background-size:10px 10px;background:url(../img/right.9839471a.svg) no-repeat 100%;background-origin:padding-box;padding-right:20px;width:300px}#about,#help{padding-bottom:8em}@media only screen and (max-width:1000px){footer{position:fixed!important;background-color:#fff}article{padding-bottom:8em}}.icon{display:inline;padding:15px;background:50% no-repeat;background-size:contain}.icon.house{background-image:url(../img/house.eecbb6cb.svg)}.icon.house-gray{background-image:url(../img/house-gray.58c83846.svg)}.icon.money{background-image:url(../img/money.a3baf306.svg)}.icon.money-gray{background-image:url(../img/money-gray.04603e3c.svg)}.icon.hamburger{background-image:url(../img/hamburger.9e5c4a45.svg)}.icon.hamburger:hover{background-image:url(../img/hamburger-gray.bfc2752f.svg)}.icon.hamburger-activ{background-image:url(../img/hamburger-activ.d59a9467.svg)}.icon.hamburger-activ:hover{background-image:url(../img/hamburger-activ-gray.4332cad9.svg)}.icon.footprint{background-image:url(../img/footprint.92961a73.svg);padding:15px 100px}.icon.temp{background-image:url(../img/temp-scal.818598e9.svg);padding:15px 100px}.icon.cross{background-image:url(../img/cross.dbdfc40d.svg)}.icon.close{background-image:url(../img/close.c0b78e7a.svg)}.icon.info{background-image:url(../img/info.af7d1558.svg)}#hamburger{cursor:pointer}div.footprint{position:relative;width:200px}div.footprint div.temp{display:block;position:absolute;left:-17px;bottom:-15px;padding:15px}header{position:absolute;top:0;left:0;right:0;z-index:2000000;padding:1em .5em;background-color:#fff}div.header-container-left,div.header-container-right{white-space:nowrap}div.header-container-left div,div.header-container-right div{display:inline;margin:0 .25em}div.header-container-left{width:60%;text-align:left}div.header-container-right{width:40%;text-align:right}.loarding{background-color:hsla(0,0%,46.7%,.753)}.error-view,.loarding{position:fixed;top:0;left:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1001}.error-view{background-color:rgba(107,0,0,.753)}.error-box{background-color:#fff;border-radius:10px;width:40%;padding:1em}.error-box button{width:100%}.error-box button,.error-box p{margin:.3em 0 .3em 0}.error-box #string{background-color:#ff3535;color:#fff;padding:.3em;border-radius:5px}.side-nav{z-index:0;height:100%;width:0;position:fixed;top:0;right:0;background-color:#111;-webkit-transition:.5s;transition:.5s;overflow-x:hidden;padding-top:60px}.side-nav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#818181;display:block;-webkit-transition:.3s;transition:.3s}.side-nav a:hover{cursor:pointer;color:#c2c2c2}#fullscreenslide{height:100%}#fullscreenslide,#title-tutorial{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#title-tutorial{height:20%;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#title-tutorial h1{font-size:3.5em;font-weight:300}#title-tutorial h3{margin-top:.5em;color:rgba(95,175,232,.4)}#imgbox{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#imgbox img{width:100%;max-width:400px}#bottombox{margin-top:1em;font-size:.9em;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#bottombox div{width:100%;max-width:650px}#start_page{height:100%}.card-img,.select-lang{text-align:center}.card-img{width:100%;max-width:300px}.card-img img{width:50%}.cardshowback .card-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card{-webkit-perspective:1000px;perspective:1000px;width:300px}.card .card-inner{cursor:pointer;border-radius:15px;width:100%;height:100%;position:relative;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.card .flip-card-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);position:absolute;top:0}.card .flip-card-back,.card .flip-card-front{padding:.7em;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card .card_title{font-size:20px;text-transform:uppercase;text-align:center;padding:1em 0 1em 0}.card .topbutton{position:absolute;top:.5em;right:.5em;padding:12px}.card .backtext{margin-top:2em}.main{font-size:.9em;color:#6d6d6d}.aktiv{-webkit-box-shadow:0 40px 40px 0 rgba(0,0,0,.2),0 6px 40px 0 rgba(0,0,0,.19)!important;box-shadow:0 40px 40px 0 rgba(0,0,0,.2),0 6px 40px 0 rgba(0,0,0,.19)!important}.characters{height:70%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#devellopment{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:justify;align-content:space-between}.materials{height:70%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.developmentonmap{margin:.5em;border:1px solid rgba(95,175,232,.4);cursor:pointer}.developmentonmap #img-development{width:100%}.developmentonmap #img-development img{margin:auto;width:100%}.active{-webkit-box-shadow:0 0 25px 5px rgba(0,0,0,.15);box-shadow:0 0 25px 5px rgba(0,0,0,.15)}.sidecard{position:fixed;width:30%;top:.5em;right:.5em;background-color:#fff;height:calc(100% - 1em);z-index:10000000}.sidecard .sidecard-inner{height:100%;width:100%;position:relative}.sidecard .sidecard-inner button{-webkit-box-sizing:border-box;box-sizing:border-box;width:calc(100% - 1.4em);position:absolute;bottom:.7em;left:.7em}.sidecard .sidecard-inner .top-nav{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sidecard .sidecard-inner h3{margin-left:.5em;float:left}.sidecard .sidecard-inner .close-sidecard{float:left;width:25px;cursor:pointer}.sidecard .sidecard-inner .side-card-beschreibung{margin-top:1.5em}.sidecard-enter-active,.sidecard-leave-active{-webkit-transition:all .4s ease-out;transition:all .4s ease-out}.sidecard-enter-from,.sidecard-leave-to{-webkit-transform:translateX(300px);transform:translateX(300px);opacity:0}#floatingbox{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#floatingbox .item-flex{width:300px;padding:.5em}#floatingbox .topbox{width:200px}#floatingbox .topbox span{margin-top:.5em;display:block;text-align:center;white-space:nowrap}#floatingbox .topbox img{width:100%}#error,#tutorial{height:100%}