/* © 2020, ETH Zurich, Planning of Landscape and Urban Systems PLUS */
#vis-container {
    perspective: 50vw;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;

    height:450px;
    /*height:100%;*/
}

#frame {
    width: 0;
    margin-top: 0;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    transform: translate3d(0, 0, 25vw);
}
.strip {
    transform-style: preserve-3d;
}
.column {
    backface-visibility: hidden;
    margin-top: -304px;
    position: absolute;
    border: none;
    width: 16px;
    /* for lower resolution: 30px */
    opacity: 1;
}
.tile {
    height: 16px;
    /* for lower resolution: 30px */
    background-image: url(../visualizations/Morges_heutigerStand.jpg);
    background-size: 3000px;
    background-repeat: repeat-x;
}
#frame.paintable {
    cursor: url(../pics/icons/cursor-square-70px.png) 35 35, auto;
}
#tools {
    position: absolute;
    top: 15px;
    left: 15px;
    display: flex;
    width: 100%;
}
@media only screen and (max-width:800px) {
    #s1 #vis-container {
        height: 50vw;
    }
    #frame {
        transform: translate3d(0, 0, 40vw);
    }
}
.fullheight {
    height: 586px;
    /* same as image height */
}
.thumbnail {
    width: 100%;
}