/* =========================================================
   Sequelo — Rechtstexte (Impressum, Datenschutz)
   Bewusst schlicht: nutzt nur die Marken-Variablen aus brand.css,
   kein JavaScript, keine fremden Ressourcen.
   ========================================================= */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: var(--body);
  background: var(--ivory);
  color: var(--ink);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--plum); text-underline-offset: 3px; }
a:hover { color: var(--berry); }

.legal-top { border-bottom: 1px solid rgba(42,20,38,0.08); background: var(--paper); }
.legal-top-inner, .legal-main, .legal-foot-inner {
  max-width: 760px; margin: 0 auto; padding-left: 24px; padding-right: 24px;
}
.legal-top-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 16px; padding-bottom: 16px; }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; }
.brand svg { width: 48px; height: 32px; }
.brand .name { font-family: var(--display); font-size: 1.4rem; font-weight: 600; color: var(--ink); }
.brand .name b { font-weight: 600; }
.legal-back { font-size: 0.9rem; color: var(--ink-soft); text-decoration: none; }
.legal-back:hover { color: var(--plum); }

.legal-main { padding-top: 56px; padding-bottom: 72px; }
.legal-main h1 { font-family: var(--display); font-weight: 600; font-size: clamp(2.2rem, 5vw, 3rem); line-height: 1.1; margin-bottom: 10px; }
.legal-main .stand { color: var(--muted-ink); font-size: 0.9rem; margin-bottom: 36px; }
.legal-main .kurz {
  background: var(--paper); border-radius: var(--r); box-shadow: var(--sh-sm);
  padding: 22px 24px; margin-bottom: 40px;
}
.legal-main .kurz ul { margin-top: 8px; }
.legal-main h2 { font-family: var(--display); font-weight: 600; font-size: 1.7rem; line-height: 1.2; margin: 40px 0 12px; scroll-margin-top: 24px; }
.legal-main h3 { font-size: 1rem; font-weight: 700; margin: 24px 0 6px; }
.legal-main p, .legal-main ul { margin-bottom: 12px; }
.legal-main ul { padding-left: 22px; }
.legal-main li { margin-bottom: 4px; }
.legal-main address { font-style: normal; margin-bottom: 12px; }

.legal-foot { background: var(--ink); color: rgba(255,255,255,0.55); font-size: 0.85rem; }
.legal-foot-inner { display: flex; flex-wrap: wrap; gap: 8px 22px; padding-top: 24px; padding-bottom: 24px; }
.legal-foot a { color: rgba(255,255,255,0.7); text-decoration: none; }
.legal-foot a:hover { color: var(--gold-200); }
.legal-foot span { margin-right: auto; }