/* ============================================================
   MHL – DATENSCHUTZ RUNDE ECKEN SAFE
   Aktiv nur auf der Datenschutz-Seite.
   ============================================================ */

.mhl-page-datenschutz {
    --mhl-datenschutz-radius: 24px;
}

/*
 * Hauptbereich
 */
.mhl-page-datenschutz main {
    border-radius: var(--mhl-datenschutz-radius) !important;
}

/*
 * Typische äußere Inhaltscontainer.
 * Nur auf der Datenschutz-Seite aktiv.
 */
.mhl-page-datenschutz main > .container,
.mhl-page-datenschutz main > .page-shell,
.mhl-page-datenschutz main > .content-shell,
.mhl-page-datenschutz main > .page-content,
.mhl-page-datenschutz main > .legal-content,
.mhl-page-datenschutz main > .privacy-content,
.mhl-page-datenschutz main > article,
.mhl-page-datenschutz main > section {
    border-radius: var(--mhl-datenschutz-radius) !important;
    overflow: hidden !important;
}

/*
 * Falls der bestehende äußere Kasten eine Glass/Card-Klasse
 * besitzt, bleibt seine bisherige Optik erhalten – nur die
 * Außenecken werden sauber gerundet.
 */
.mhl-page-datenschutz main .glass-card,
.mhl-page-datenschutz main .mhl-card,
.mhl-page-datenschutz main .card,
.mhl-page-datenschutz main .content-card,
.mhl-page-datenschutz main .legal-card,
.mhl-page-datenschutz main .privacy-card {
    border-radius: 20px !important;
    overflow: hidden !important;
}

/*
 * Tablet
 */
@media (max-width: 900px) {
    .mhl-page-datenschutz {
        --mhl-datenschutz-radius: 20px;
    }

    .mhl-page-datenschutz main .glass-card,
    .mhl-page-datenschutz main .mhl-card,
    .mhl-page-datenschutz main .card,
    .mhl-page-datenschutz main .content-card,
    .mhl-page-datenschutz main .legal-card,
    .mhl-page-datenschutz main .privacy-card {
        border-radius: 18px !important;
    }
}

/*
 * Mobil
 */
@media (max-width: 600px) {
    .mhl-page-datenschutz {
        --mhl-datenschutz-radius: 17px;
    }

    .mhl-page-datenschutz main .glass-card,
    .mhl-page-datenschutz main .mhl-card,
    .mhl-page-datenschutz main .card,
    .mhl-page-datenschutz main .content-card,
    .mhl-page-datenschutz main .legal-card,
    .mhl-page-datenschutz main .privacy-card {
        border-radius: 16px !important;
    }
}