.legal-main { padding: 150px 0 90px; }.legal-container { max-width: 850px; }.legal-container h1 { margin-bottom: 15px; font-size: clamp(2.6rem, 6vw, 4.4rem); letter-spacing: -.05em; }.legal-intro { margin-bottom: 48px; color: var(--text-secondary); font-size: 1.12rem; }.legal-container section { padding: 26px 0; border-top: 1px solid var(--border); }.legal-container section h2 { margin-bottom: 10px; font-size: 1.15rem; }.legal-container section p { color: var(--text-secondary); }.legal-container section p + p { margin-top: 12px; }.legal-container section a { color: var(--primary); font-weight: 600; }.legal-container mark { display: inline-block; padding: 8px 10px; border-radius: 7px; background: rgba(245, 158, 11, .12); color: #92400e; }.legal-container code { font-size: .85em; }.legal-details { display: grid; gap: 11px; }.legal-details > div { display: grid; grid-template-columns: minmax(170px, 34%) 1fr; gap: 20px; align-items: baseline; }.legal-details dt { color: var(--text-muted); font-size: .88rem; font-weight: 600; }.legal-details dd { color: var(--text-secondary); }.legal-contact { margin-top: 12px; }.legal-updated { margin-top: 25px; color: var(--text-muted); font-size: .8rem; }
@media (max-width: 700px) { .legal-main { padding: 110px 0 60px; } }
.legal-language-note { margin-bottom: 30px; padding: 20px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); }
.legal-language-note p { margin-top: 8px; color: var(--text-secondary); }
.legal-language-note a { color: var(--primary); overflow-wrap: anywhere; }
.legal-container h1 { overflow-wrap: anywhere; hyphens: auto; }
html[lang="de"] .legal-language-note { display: none; }
@media (max-width: 560px) { .legal-details > div { grid-template-columns: 1fr; gap: 3px; } }