/* Rechtliche Seiten im bestehenden DIBOsafe-Design */
.legal-main { padding-block: clamp(40px, 7vw, 88px); }
.legal-heading { max-width: 850px; margin-bottom: 48px; }
.legal-back { display: inline-block; margin-bottom: 32px; font-size: .9rem; }
.legal-eyebrow { color: var(--green); font-family: var(--mono); font-size: .8rem; margin-bottom: 12px; }
.legal-heading h1 { font-size: clamp(2.15rem, 5vw, 4rem); margin-bottom: 20px; overflow-wrap: anywhere; }
.legal-heading > p:last-child { color: var(--muted); }
.legal-layout { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.legal-toc { position: sticky; top: calc(var(--header-h) + 24px); padding: 24px; background: var(--green-50); border: 1px solid var(--line); border-radius: var(--radius); }
.legal-toc p { font-weight: 600; color: var(--ink); margin-bottom: 14px; }
.legal-toc li + li { margin-top: 12px; }
.legal-toc a { font-size: .87rem; line-height: 1.5; display: block; }
.legal-copy { padding: clamp(22px, 4vw, 48px); background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-lg); overflow-wrap: anywhere; }
.legal-copy section + section { margin-top: 34px; padding-top: 30px; border-top: 1px solid var(--line-2); }
.legal-copy h2 { font-size: clamp(1.2rem, 2.1vw, 1.55rem); line-height: 1.3; margin-bottom: 18px; }
.legal-copy p + p, .legal-copy ul + p { margin-top: 16px; }
.legal-copy ul { list-style: disc; padding-left: 24px; margin-top: 16px; }
.legal-copy li + li { margin-top: 8px; }
@media (max-width: 800px) { .legal-layout { grid-template-columns: 1fr; } .legal-toc { position: static; } .legal-heading { margin-bottom: 28px; } }
@media print { .site-header, .site-footer, .legal-toc, .legal-back, .skip-link { display: none; } .legal-layout { display: block; } .legal-copy { border: 0; padding: 0; } .legal-main { padding: 0; } }

.legal-copy section { scroll-margin-top: calc(var(--header-h) + 24px); }