.legal-page,
.legal-page a {
    color: var(--white);
}

.legal-page {
    min-height: 100vh;
    background-color: var(--black);
    padding: calc(100vw * 190 / var(--page-width))
        calc(100vw * 37 / var(--page-width));
    overflow: hidden;
}

.legal-page .inner {
    display: flex;
}

.legal-page h1 {
    width: calc(100vw * 400 / var(--page-width));
    padding-right: calc(100vw * 20 / var(--page-width));
}

.legal-page .text {
    position: relative;
    width: calc(100vw * 548 / var(--page-width));
}

.legal-page .text figure {
    position: absolute;
    width: calc(100vw * 252 / var(--page-width));
    height: calc(100vw * 117 / var(--page-width));
    bottom: calc(100vw * 100 / var(--page-width));
    right: calc(100vw * -300 / var(--page-width));
}

.legal-page .text figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.legal-page .text h2,
.legal-page .text h3,
.legal-page .text h4,
.legal-page .text h5 {
    font-family: "otneue", sans-serif;
    display: block;
    margin-bottom: calc(100vw * 10 / var(--page-width)) !important;
    font-size: calc(14rem / 13) !important;
    padding-bottom: 0 !important;
    text-transform: uppercase !important;
}

.legal-page #cmplz-cookies-overview .cmplz-dropdown summary div h3,
.legal-page #cmplz-document .cmplz-dropdown summary div h3 {
    margin-bottom: 0 !important;
}

.legal-page .inner ul,
.legal-page .inner ol {
    padding-left: 20px;
    margin-bottom: 40px;
}

.legal-page .inner ul li,
.legal-page .inner ol li {
    padding-left: 20px;
    margin-bottom: 5px;
}

.legal-page #cmplz-document p,
.legal-page #cmplz-document li,
.legal-page #cmplz-document td {
    font-size: 1rem;
}

.legal-page .cmplz_consent_per_service_label {
    display: none;
}

#cmplz-cookies-overview .cmplz-dropdown p,
#cmplz-cookies-overview .cmplz-dropdown h4,
#cmplz-cookies-overview .cmplz-dropdown ul,
#cmplz-document .cmplz-dropdown p,
#cmplz-document .cmplz-dropdown h4 {
    padding: 0 !important;
}

.legal-page #cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-document .cmplz-dropdown summary {
    font-family: "otneue", sans-serif;
    display: block;
    font-size: calc(14rem / 13) !important;
}

.legla-page #cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-document .cmplz-dropdown summary,
.legal-page .cookies-per-purpose {
    margin-bottom: 0;
}

.legal-page #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,
#cmplz-document .cmplz-dropdown .cookies-per-purpose {
    background-color: transparent;
    font-size: 0.9rem;
}

#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div,
.editor-styles-wrapper
    .cmplz-unlinked-mode
    .cmplz-dropdown
    .cookies-per-purpose
    div {
    background-color: transparent !important;
}

.legal-page .name-header:not(:nth-child(2)),
.legal-page .retention-header:not(:nth-child(4)),
.legal-page .function-header:not(:nth-child(6)) {
    display: none;
}

@media only screen and (max-width: 768px) {
    .legal-page {
        padding: calc(100vw * 106 / var(--page-width))
            calc(100vw * 27 / var(--page-width));
    }

    .legal-page .inner {
        display: block;
    }

    .legal-page h1,
    .legal-page .text {
        width: 100%;
    }

    .legal-page h1 {
        font-size: calc(40rem / 15);
        margin-bottom: calc(100vw * 40 / var(--page-width));
    }

    .legal-page .text figure {
        position: relative;
        width: calc(100vw * 136 / var(--page-width));
        height: calc(100vw * 64 / var(--page-width));
        bottom: unset;
        right: unset;
        margin: 5px auto;
    }

    #cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
    #cmplz-document .cmplz-dropdown .cookies-per-purpose div,
    .editor-styles-wrapper
        .cmplz-unlinked-mode
        .cmplz-dropdown
        .cookies-per-purpose
        div {
        max-width: 50%;
    }
}

@media only screen and (max-width: 599px) {
    .legal-page .name-header:not(:nth-child(2)),
    .legal-page .retention-header:not(:nth-child(4)),
    .legal-page .function-header:not(:nth-child(6)) {
        display: block;
    }
}