/* Impressum und Datenschutz: reine Lesetypografie, keine Filterspalte.
   Eine einzelne Glaskarte, sonst nichts — Rechtstexte bekommen keinen
   Verlauf, kein Leuchten und keine Marken. */

.recht {
    max-width: 70ch;
    margin: var(--space-6) auto var(--space-8);
    padding: var(--space-7) var(--space-7);
    background: var(--glas);
    backdrop-filter: blur(var(--blur));
    -webkit-backdrop-filter: blur(var(--blur));
    border: 1px solid var(--linie);
    border-radius: var(--rund-gross);
    box-shadow: var(--schatten);
    line-height: var(--leading-body);
}

.recht h1 {
    margin-top: 0;
    font-size: 32px;
}

.recht h2 {
    margin-top: var(--space-7);
    font-size: 21px;
}

.recht ul {
    padding-left: 1.2em;
}

.recht li { margin-bottom: var(--luft-halb); }

@media (max-width: 760px) {
    .recht {
        margin: var(--luft);
        padding: var(--space-6) var(--space-5);
    }
}