#sogehtssection{
   /* background-image: url(../images/01_fig_2x.jpg),url(../images/02_fig_2x.jpg);
    background-repeat: no-repeat, no-repeat;
    background-position: 2% 8%, 98% 34%;
    background-size: 33.43% auto, 31.3% auto;*/
    background-color: var(--tertiary-bg-color);
    padding: 4.1% 0 2% 0;
    color: var(--tertiary-text-color) !important;
    max-width: 1920px;
}

#sogehtshead01{
    margin: 0rem auto 5rem auto;
}

#sogehtsimages img{
    max-width: 90%;
    margin: 0 auto 1.8rem auto;
}

#sogehtsimages #step1img{
    transform: translateY(47%);
}

#sogehtsimages #step2img{
    width: 310px;
    transform: translateX(19%);
}

#sogehtsimages #step3img{
    transform: translateY(23%);
}



#sogehtshinweiserow p{
    padding: 3.5% 16% 0 16%;
}



@media (max-width: 1280px) {
    #sogehtsimages img {
        margin: 0 auto 0.2rem auto;
    }
    #sogehtsimages #step1img{
        width: 110px;
    }

    #sogehtsimages #step2img{
        width: 220px;
    }

    #sogehtsimages #step3img{
        width: 130px;
    }

}


@media (max-width: 991px) {
/*    #sogehtsimages img {
        max-width: 19vw;
        margin: 0 auto 1.8rem auto;
    }*/
/*    #sogehtstext{
        font-size: 1.8vw;
        line-height: 142%;
    }*/
}


@media (max-width: 767px) {
    #sogehtssection{
        padding: 8vw 0 4vw 0;
    }
    #sogehtsimages img {
        max-width: 80vw;
    }
    #sogehtsimages h2{
        display: block;
        margin: 1rem auto 6vw auto;
        max-width: 353px;
        width: 100%;
    }
    #sogehtsimages h2#step1text{
        margin: 1rem auto -5vw auto;
    }

    #sogehtsimages #step1img{
        width: 20vw;
        transform: translateY(0%) translateX(-1.5vw);
    }

    #sogehtsimages #step2img{
        width: 50vw;
        transform: translateX(6.8vw) translateY(5vw);
    }

    #sogehtsimages #step3img{
        width: 20vw;
        transform: translateY(0%);
    }
}



@media (max-width: 640px) {
    #sogehtshinweiserow p {
        padding: 3.5% 5% 0 5%;
    }
}