body{
    background: #000;
}

#dankecontentsection{
    padding: 7% 0 0 0;
    background-image: url(../images/packshot_2x.png), url(../images/silhouette_farbe.png), url(../images/verlauf.jpg);
    background-size: 780px auto, auto 90%, cover;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: 93% 60%, 85% center, center center;
    max-width: 1920px;
    min-height: 857px;
}
#danke_bifi{
    display: none;
}

#dankehead{
    margin: 2rem auto 1rem auto;
}
#danketextcol{
    padding: 0 8% 0 11%;
}

.teasercontent #danketextcol{
    padding: 0 4% 0 4%;
}

.endecontent #danketextcol{
    padding: 0 3% 0 3%;
}



@media (max-width: 1919px) {
    #dankecontentsection{
        background-image: url(../images/packshot_2x.png), url(../images/silhouette_farbe.png), url(../images/verlauf.jpg);
        background-size: 40.625vw auto, auto 90%, cover;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: 93% 60%, 85% center, center center;
        min-height: 44.64vw;
    }
    #danketextcol{
        padding: 0 calc(22% - 295px) 0 calc(28% - 295px);
    }
}



@media (max-width: 1200px) {
    #danketextcol{
        padding: 0 1% 0 6%;
    }
}


@media (max-width: 1020px) {
    #dankecontentsection{
        background-image: url(../images/packshot_2x.png), url(../images/silhouette_farbe.png), url(../images/verlauf.jpg);
        background-size: 40.625vw auto, auto 80%, cover;
        background-repeat: no-repeat, no-repeat, no-repeat;
        background-position: 93% 60%, 85% center, center center;
        min-height: 54vw;
    }
}



@media (max-width: 767px) {
    #dankecontentsection{
        background-image:  url(../images/silhouette_farbe_mobile.webp), url(../images/verlauf_mobile.jpg);
        background-size:   auto 80%, 100% 100%;
        background-repeat:   no-repeat, no-repeat;
        background-position:   right top, center bottom;
        min-height: 74vw;
    }
    #danke_bifi{
        display: block;
        width: 90%;
        margin: -10% auto -5% auto;
        transform: rotate(10deg);
    }
    #dankecontentsection h1{
        padding-right: 33%;
        font-size: 10vw;
        line-height: 100%;
    }
    #dankecontentsection p{
        padding: 0 15%;
    }
}




@media (max-width: 767px) {

    #danke_bifi{
        display: block;
        width: 94%;
        margin: -10% auto -5% auto;
        transform: rotate(10deg);
    }
    #dankecontentsection h1{
        padding-right: 30%;
        font-size: 12vw;
        line-height: 100%;
    }
    #dankecontentsection p{
        padding: 0 5%;
    }
}