/* ===== RECHTSTEXTE ===== */
/* Kopf ist hier fest weiss, deshalb das Band mit Abstand nach oben */

.recht-band {
    background: var(--ton-flaeche);
    border-bottom: 1px solid var(--ton-rand);
    padding: calc(var(--hoehe-kopf) + 64px) 0 46px;
}
.recht-mitte {
    margin: 0 auto;
    max-width: 780px;
    padding: 0 var(--abstand-x-mittel);
    width: 100%;
}
.recht-band .vortitel { margin-bottom: 14px; }

.recht-text { padding: 54px 0 90px; }
.recht-text h2 {
    font-size: 21px;
    font-weight: 500;
    letter-spacing: .01em;
    line-height: 1.5;
    margin: 34px 0 10px;
}
.recht-text h2:first-child { margin-top: 0; }
.recht-text p {
    color: var(--ton-text-grau);
    font-size: 15px;
    line-height: 1.95;
    margin-bottom: 14px;
    overflow-wrap: break-word;
}
.recht-text p:last-child { margin-bottom: 0; }
.recht-text b { color: #1e1e1e; }
.recht-text a {
    overflow-wrap: anywhere;
    text-decoration: underline;
}
.recht-text a:hover { color: var(--ton-primaer); }

@media screen and (max-width: 991px) {
    .recht-band { padding: calc(var(--hoehe-kopf) + 34px) 0 30px; }
    .recht-text { padding: 36px 0 60px; }
}

@media screen and (max-width: 575px) {
    .recht-text h2 { font-size: 19px; margin-top: 28px; }
}