#sogehtssection{
    background-color: #faa41a;
    background-image: url(../images/orange_bogen_top.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    padding: 12rem 0 8rem 0;
    max-width: 1920px;
}

#sogehtshead01{
    margin: 0rem auto 6rem auto;
}
#sogehtstext,
#sogehtssection p{
    font-size: 1.8rem;
    line-height: 115%;
    position: relative;
    z-index: 10;
}

#sogehtsimages {
    position: relative;
    z-index: 10;
}

#sogehtsimages img{
    max-width: 90%;
    margin: 0 auto 1.8rem auto;
}
#sogehtsimages img#step1img{
    transform: translateY(10%);
}
#sogehtsimages img#step2img{
    transform: translateY(26%);
}


#dot31{
    left: 29%;
    top: 41%;
    z-index: 1;
}
#dot32{
    right: 19%;
    bottom: 19%;
    z-index: 1;
}

@media (max-width: 1320px) {
    #sogehtsimages img {
        max-width: 13vw;
        margin: 0 auto 1.8rem auto;
    }
}


@media (max-width: 991px) {
    #sogehtsimages img {
        max-width: 19vw;
        margin: 0 auto 1.8rem auto;
    }
    #sogehtshead01 {
        margin: 0rem auto 5vw auto;
    }
}


@media (max-width: 767px) {
    #sogehtssection {
        padding: 6rem 0 4rem 0;
    }

    #sogehtsimages img {
        max-width: 40vw;
        margin: 0 auto 1.8rem auto;
    }

    #sogehtsimages p{
        display: block;
        margin: 0rem auto 3.7rem auto;
        max-width: 353px;
        width: 100%;
    }
    .nomobile767{
        display: none !important;
    }
}



@media (max-width: 640px) {

    #sogehtsimages p{
        font-size: 1.3rem;
        line-height: 120%;
    }

    #sogehtsimages img {
        max-width: 50vw;
    }
}



@media (max-width: 360px) {
    .nomobile360{
        display: none !important;
    }
}