
#teasercontentsection{
    background: var(--main-bg-color) url(../images/hg.jpg) no-repeat center center;
    background-size: cover;
    min-height: calc(99.99vh - 130px - 130px);
}


#endecontentsection{
    background: var(--main-bg-color) url(../images/ende_hg.jpg) no-repeat center center;
    background-size: cover;
    min-height: calc(99.99vh - 130px - 130px);
    overflow: hidden;
}

#endeimg{
    max-width: 1830px;
    width: 100%;
    margin: 30px auto 0 auto;
  /*  transform: translateY(-50%);*/
}

#teasertextholder{
    width: 448px;
    margin: 6.4% auto 14% 10%;
}

#psstimg{
    width: 519px;
    max-width: calc(51900vw / 1920);
}

#teaserimg{
    position: absolute;
    bottom: -130px;
    right: 5.3%;
    width: auto;
    max-width: calc(117400vw / 1920);
    max-height: calc(95vh - 130px);
}




@media (max-width: 991px) {


    #endeimg{
        width: 120%;
        margin: 30px auto 0 -10%;
    }

    #teasertextholder{
        width: 80%;
        margin: 6.4% 10% 75% 10%;
    }
    #teasercontentsection{
        background: var(--main-bg-color) url(../images/hg.jpg) no-repeat center center;
        background-size: cover;
        min-height: calc(99.99vh - 53px - 130px);
    }

    #teaserimg{
        max-height: calc(66vh - 53px - 130px);
        max-width: 92%;
        bottom: 0;
        right: 50%;
        transform: translateX(50%);
    }
    #teasertextholder p{
        font-size: 18px;
        line-height: 133%;
    }
}


@media (max-width: 767px) {
    #endeimg{
        width: 240%;
        margin: 30px auto 0 -68%;
    }
}



@media (max-width: 640px) {
    #endeimg{
        width: 280%;
        margin: 30px auto 0 -84%;
    }
}
