.content {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 100%;
    height: 100%;
    max-width: 1257px;
    max-height: 684px;
    transform: translate(-50%, -50%);
}

.content img {
    position: absolute;
    max-width: 51.71%;
    /* max-width: 650px; */
    width: 100%;
    height: auto;
    vertical-align: middle;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

.rect, .rect2, .rect3 {
    cursor: crosshair;
}

.strassenbahn, .maedchen, .fussgaenger {
    position: absolute;
    display: none;
}

.strassenbahn div, .maedchen div, .fussgaenger div {
    font-size: 100%;
    padding-bottom: 1.19em;
}

.strassenbahn div:last-child, .maedchen div:last-child, .fussgaenger div:last-child {
    padding-bottom: 0;
}

.strassenbahn {
    top: 25.58%;
    left: 0px;
    margin-left: 1em;
}

.maedchen {
    bottom: 0px;
    left: 6.36%;
}

.fussgaenger {
    top: 42.11%;
    right: 0;
    margin-right: 1em;
}

#strassenbahn, #maedchen, #wir {
    color: #FF0000;
}

#kreischt, #zuknapp, #erschrocken {
    color: #FFFF00;
}

#faehrteinfach, #unbewegtverschuechtert, #warnenrufenzu {
    color: #00FF00;
}

#weiter, #scheinbarsouveraenwiegeltab, #gehenweiter {
    color: #FFFFFF;
}

@media only screen and (max-width: 650px) {
    .fussgaenger {
        transform: translate(-0%, -100%);
    }
    .maedchen {
        transform: translate(0, -50%);
    }
}

@media only screen and (max-width: 450px), only screen and (max-height: 450px) {
    .strassenbahn, .maedchen, .fussgaenger {
        font-size: 13px;
    }
}

@media only screen and (max-width: 450px) {
    .content img {
        max-width: 100% !important;
    }
    .strassenbahn {
        transform: translate(0, -50%);
    }
    .maedchen {
        transform: translate(0, -75%);
    }
    .fussgaenger {
        transform: translate(-0%, -100%);
    }
}