/* Rechtliche Seiten und 404 — ruhig, eine Spalte, gleiche Tokens wie main.css */
.legal { background: var(--kalk); }
.legal__head { display: flex; justify-content: space-between; align-items: center; padding: 22px var(--gutter); font-weight: 500; }
.legal__head a { text-decoration: none; }
.legal__back { font-size: 17px; }
.legal__end { display: flex; align-items: center; gap: 18px; }
.legal__main { width: min(100% - 2 * var(--gutter), 760px); margin: 40px auto 80px; }
.legal__main h1 { font-size: clamp(36px, 4vw, 60px); line-height: 1; letter-spacing: -.035em; }
.legal__main h2 { font-size: 24px; letter-spacing: -.015em; margin: 44px 0 12px; }
.legal__main p, .legal__main li { color: var(--muted); max-width: 65ch; }
.legal__main ul { padding-left: 1.2em; }
.legal__lead { margin-top: 16px; font-size: 19px; }
.legal__facts { margin: 30px 0 0; border-top: 1px solid var(--line); }
.legal__facts div { display: grid; grid-template-columns: 12em 1fr; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.legal__facts dt { color: var(--muted); }
.legal__facts dd { margin: 0; font-weight: 500; }
.legal__foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 20px; padding: 24px var(--gutter) 40px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
.legal__foot .foot__credit { color: var(--muted); border-left-color: var(--line); --lit: #fff; --dark: rgba(20, 26, 46, .14); --rim: rgba(20, 26, 46, .45); }   /* heller Grund: Mond mit dunklem Rand */
.legal__foot .foot__credit:hover, .legal__foot .foot__credit:focus-visible { color: var(--ink); }
.legal__foot .foot__credit:hover .moon-mini, .legal__foot .foot__credit:focus-visible .moon-mini { filter: none; }
.legal__foot .foot__phase { background: var(--ink); color: #fff; }
.legal--404 { background: var(--night); color: var(--moon); min-height: 100svh; display: grid; place-items: center; }
.legal__main--404 { text-align: center; margin: 0 auto; padding: 60px 0; }
.legal__main--404 p { color: var(--muted-on-dark); margin-inline: auto; }
.legal__main--404 .btn { margin-top: 28px; }
.legal__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }   /* 404 zweisprachig (08.10.) */
.legal__actions .btn { margin-top: 28px; }
.legal__lead--en { margin-top: 30px; font-size: 16px; }
.legal__moon { margin: 0 auto 36px; border-radius: 50%; width: 180px; height: 180px; }
@media (max-width: 640px) { .legal__facts div { grid-template-columns: 1fr; gap: 2px; } }