/* Layout für Impressum und Datenschutzerklärung */
:root{ color-scheme: light; }
*{ box-sizing: border-box }
html,body{ margin:0; background:#f4f4f2; color:#16161a;
  font-family:'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-size:16px; line-height:1.6; -webkit-text-size-adjust:100% }
.wrap{ max-width:760px; margin:0 auto; padding:28px 20px 72px }
.topbar{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:28px }
.back{ display:inline-flex; align-items:center; gap:8px; text-decoration:none; color:#16161a;
  background:#fff; border:1px solid rgba(22,22,26,.12); border-radius:10px; padding:8px 12px;
  font-size:14px; font-weight:600; box-shadow:0 1px 3px rgba(10,10,30,.06) }
.back:hover{ background:#fafafa }
.nav{ display:flex; gap:6px; font-size:14px }
.nav a,.nav button{ font:inherit; color:#55555e; text-decoration:none; background:none; border:0;
  padding:8px 10px; border-radius:8px; cursor:pointer }
.nav a:hover,.nav button:hover{ background:rgba(22,22,26,.06); color:#16161a }
.nav a[aria-current="page"]{ color:#16161a; font-weight:600 }
.legal{ background:#fff; border:1px solid rgba(22,22,26,.1); border-radius:16px; padding:28px 30px;
  box-shadow:0 10px 40px rgba(10,10,30,.06) }
.legal h1{ font-size:28px; line-height:1.2; letter-spacing:-.01em; margin:0 0 20px }
.legal h2{ font-size:19px; margin:30px 0 10px; padding-top:18px; border-top:1px solid rgba(22,22,26,.1) }
.legal h2:first-of-type{ border-top:0; padding-top:0 }
.legal h3{ font-size:16px; margin:20px 0 6px }
.legal h4{ font-size:15px; margin:16px 0 6px }
.legal p{ margin:0 0 12px; overflow-wrap:anywhere }
.legal a{ color:#16161a; text-underline-offset:2px }
.foot{ margin-top:22px; display:flex; flex-wrap:wrap; gap:4px 10px; align-items:center;
  color:#6b6b73; font-size:13.5px }
.foot a,.foot button{ font:inherit; color:#6b6b73; background:none; border:0; padding:4px 2px;
  cursor:pointer; text-decoration:underline; text-underline-offset:2px }
.foot a:hover,.foot button:hover{ color:#16161a }
@media (max-width:560px){
  .wrap{ padding:16px 14px 56px }
  .legal{ padding:20px 18px; border-radius:14px }
  .legal h1{ font-size:24px }
}