/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@media (max-width: 1400px) {
    .legal-overview {
        width: 63vw;
    }
}


@media (max-width: 1200px) {
    .legal-overview {
        left: 320px;
    }
}


@media (max-width: 1000px) {
    .legal-overview {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 90%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        position: absolute;
        left: 50px;
        right: 50px;
    }

}


@media (max-width: 850px) {
    .legal-overview {
        left: 100px;
        width: 77vw;
    }
    .headline-index-ln {
        width: 80vw;
    }

    .headline-index-ln span {
        width: 80vw;
        line-height: 59px;
    }
}

@media (max-width: 700px) {
    .legal-overview {
        left: 60px;
    }

    .headline-index {
        left: 60px;

    }
}


/*
        #### HELP ####
*/

@media (max-width: 1000px) {
    .legal-overview-help {
        left: 50px;
    }
}

@media (max-width: 420px) {
    .legal-overview-help {
        padding-bottom: 122px;
    }

    .headline-index-ln {
        width: 85vw;
    }

    .legal-overview {
        position: absolute;
        left: 10px;
        right: 10px;
        width: 96%;
    }
}