/* =========================================================
   RECHTLICHE SEITEN
   ========================================================= */

.legal-hero {
    padding: 95px 0 60px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fbff 100%
        );

    border-bottom: 1px solid #e4ebf3;
}


.legal-container {
    width: min(940px, calc(100% - 72px));
    margin: 0 auto;
}


.legal-hero h1 {
    margin: 22px 0 18px;

    color: #092a55;

    font-size: clamp(2.8rem, 5vw, 4.7rem);
    line-height: 1;

    letter-spacing: -0.045em;
}


.legal-lead {
    max-width: 720px;

    margin: 0;

    color: #68798c;

    font-size: 1.08rem;
    line-height: 1.7;
}


.legal-content {
    padding: 58px 0 90px;

    background: #ffffff;
}


.legal-card {
    padding: 34px 0;

    border-bottom: 1px solid #e3eaf2;
}


.legal-card:first-child {
    padding-top: 0;
}


.legal-card:last-child {
    border-bottom: 0;
}


.legal-card h2 {
    margin: 0 0 18px;

    color: #0b315f;

    font-size: 1.35rem;
    line-height: 1.3;

    letter-spacing: -0.015em;
}


.legal-card p,
.legal-card li,
.legal-card address {
    color: #5c6e81;

    font-size: 0.98rem;
    line-height: 1.75;
}


.legal-card p {
    margin: 0 0 15px;
}


.legal-card p:last-child {
    margin-bottom: 0;
}


.legal-card address {
    margin: 0 0 16px;

    font-style: normal;
}


.legal-card ul {
    margin: 17px 0 20px;
    padding-left: 23px;
}


.legal-card li {
    margin: 5px 0;
}


.legal-card a {
    color: #145ab9;

    font-weight: 600;
    text-decoration: none;
}


.legal-card a:hover {
    text-decoration: underline;
}


.legal-note {
    margin-top: 10px;
}


.legal-date {
    color: #8290a0 !important;

    font-size: 0.86rem !important;
}


@media (max-width: 720px) {

    .legal-container {
        width: min(100% - 38px, 940px);
    }


    .legal-hero {
        padding: 70px 0 47px;
    }


    .legal-content {
        padding: 45px 0 65px;
    }

}