/* Gemeinsame Gestaltung für Impressum, Datenschutz und AGB */
@import url("fonts/fonts.css");

:root{
  --night:#12201f; --night-2:#1b2b2b; --panel:#203231;
  --terracotta:#a16b57; --glow:#de9564; --ink:#f6f1e4; --muted:#9fb3b0;
  --line:rgba(236,223,178,.14); --ease:cubic-bezier(.16,.84,.24,1);
  color-scheme:dark;
}
*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0; background:var(--night); color:var(--ink);
  font-family:"Work Sans","Segoe UI",system-ui,sans-serif; font-size:16px; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
a{ color:var(--glow); text-underline-offset:3px; }
a:hover{ color:var(--ink); }
a:focus-visible{ outline:2px solid var(--glow); outline-offset:3px; border-radius:4px; }

.topbar{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  max-width:860px; margin:0 auto; padding:22px 24px 0;
}
.topbar img{ width:46px; height:46px; display:block; }
.back{
  font-family:"Righteous","Work Sans",sans-serif; font-size:.9rem; letter-spacing:.04em;
  text-decoration:none; color:var(--muted); padding:9px 16px; border:1px solid var(--line); border-radius:999px;
  transition:color .25s, border-color .25s;
}
.back:hover{ color:var(--ink); border-color:var(--glow); }

main.legal{ max-width:860px; margin:0 auto; padding:44px 24px 80px; }
.legal h1{
  font-family:"Chango","Work Sans",sans-serif; font-weight:400; letter-spacing:0; line-height:1.2;
  font-size:clamp(1.8rem,4.6vw,2.8rem); margin:0 0 10px;
}
.legal .stand{ color:var(--muted); font-size:.9rem; margin:0 0 36px; }
.legal h2{
  font-family:"Work Sans",sans-serif; font-weight:800; letter-spacing:-.01em;
  font-size:1.25rem; margin:42px 0 10px; color:var(--ink);
}
.legal h3{ font-size:1.02rem; margin:22px 0 6px; color:var(--ink); }
.legal p, .legal li{ color:#d5d9d0; max-width:68ch; }
.legal p{ margin:0 0 14px; }
.legal ul, .legal ol{ margin:0 0 16px; padding-left:22px; }
.legal li{ margin-bottom:6px; }
.legal address{ font-style:normal; line-height:1.8; color:#d5d9d0; margin:0 0 14px; }
.legal dl{ margin:0 0 14px; display:grid; grid-template-columns:minmax(150px,220px) 1fr; gap:6px 18px; }
.legal dt{ color:var(--muted); }
.legal dd{ margin:0; color:#d5d9d0; }
@media (max-width:560px){ .legal dl{ grid-template-columns:1fr; gap:0; } .legal dd{ margin-bottom:10px; } }

/* Hinweisbox: fehlende Angaben und Entwurfsstatus – vor dem Livegang entfernen */
.draft{
  background:rgba(222,149,100,.12); border:1px solid rgba(222,149,100,.45); border-radius:14px;
  padding:16px 18px; margin:0 0 34px; font-size:.92rem; color:var(--ink);
}
.draft b{ color:var(--glow); }
.todo{
  background:rgba(255,214,102,.2); color:#ffe08a; border-radius:5px; padding:1px 6px;
  font-weight:600; box-decoration-break:clone; -webkit-box-decoration-break:clone;
}

.legal-footer{ border-top:1px solid var(--line); padding:28px 24px 40px; text-align:center; }
.legal-footer nav{
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px 20px;
  font-family:"Righteous","Work Sans",sans-serif; font-size:.9rem; letter-spacing:.04em;
}
.legal-footer a{ color:var(--muted); text-decoration:none; }
.legal-footer a:hover, .legal-footer a[aria-current]{ color:var(--glow); }