/* Seitenspezifische Lesetypografie für die rechtlichen Inhalte. */
.legal-page--impressum { background-color: var(--white-color); }

.main-content .section-title {
    font-size: 1.8rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--green-accent);
    position: relative;
    text-align: left;
    font-weight: 700;
}

.main-content .section-title::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 50px;
    height: 2px;
    background-color: var(--red-accent);
}

/* Die rechtliche Seitennavigation darf den Footer nicht beeinflussen. */
footer .footer-nav {
    max-width: none;
    min-height: 0;
    margin: 0;
    padding: 0;
}

@media (max-width: 768px) {
    .main-content .section-title { font-size: 1.5rem; }
}

@media (max-width: 480px) {
    .main-content .section-title { font-size: 1.3rem; }
}

/* Bildnachweis am Ende des Impressums - kleiner und ruhiger als der Fliesstext. */
.content-text--credit {
    margin-bottom: 0;
    padding-top: 1rem;
    border-top: 1px solid rgba(65, 90, 120, 0.16);
    color: #566878;
    font-size: 0.9rem;
    line-height: 1.65;
    text-align: left;
}

.content-text--credit a,
.content-text--credit a:visited {
    color: var(--dark-blue-text);
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
}

.content-text--credit a:hover,
.content-text--credit a:focus-visible {
    color: var(--red-accent);
    text-decoration-color: var(--red-accent);
}