/* Ausschließlich Impressum und Datenschutz im bestehenden beproba-Rahmen. */
.beproba-page.legal-page { display: flex; min-height: 100vh; flex-direction: column; background: #fff; }
.beproba-page.legal-page::before { content: none; }
.legal-page .legal-main { flex: 1; width: 100%; padding-top: 32px; padding-bottom: 48px; }

.legal-page .legal-intro { margin-bottom: 26px; }
.legal-page .legal-intro h1 { margin: 0 0 8px; padding: 0; color: #172e49; font-size: clamp(1.625rem, 2.3vw, 1.875rem); font-weight: 600; line-height: 1.2; letter-spacing: -.025em; white-space: normal; }
.legal-page .legal-intro p { margin: 0; color: #53677b; font-size: .9375rem; line-height: 1.5; }


.legal-page .legal-content { width: 100%; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: #172e49; font-size: .9375rem; line-height: 1.6; overflow-wrap: anywhere; }
.legal-page .legal-content h2 { margin: 26px 0 8px; color: #172e49; font-size: 1.0625rem; font-weight: 600; line-height: 1.4; letter-spacing: -.01em; }
.legal-page .legal-content h2:first-child { margin-top: 0; }
.legal-page .legal-content p, .legal-page .legal-content li { color: #172e49; font-size: .9375rem; line-height: 1.6; }
.legal-page .legal-content p { margin: 0 0 10px; }
.legal-page .legal-content ul { margin: 0 0 12px; padding-left: 22px; }
.legal-page .legal-content li + li { margin-top: 3px; }
.legal-page .legal-content a { color: #286184; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.legal-page .legal-content a:hover { color: #172e49; }
.legal-page .legal-content .legal-updated { margin-top: 28px; color: #53677b; font-size: .8125rem; }

@media (max-width: 600px) {
    .legal-page .legal-main { padding-top: 24px; padding-bottom: 36px; }
    .legal-page .legal-intro { margin-bottom: 22px; }
}