/* ============================================================
   Krull Holding – Legal pages (Impressum / Datenschutz)
   ============================================================ */
body.legal{ background: var(--bg); }

.legal__nav{
  border-bottom:1px solid var(--line);
  background: rgba(10,15,26,.8); backdrop-filter: blur(12px);
  position: sticky; top:0; z-index:10;
}
.legal__nav-inner{ display:flex; align-items:center; justify-content:space-between; height: 72px; }
.legal__back{ display:inline-flex; align-items:center; gap:8px; color: var(--muted); font-weight:500; transition: color .25s; }
.legal__back:hover{ color: var(--accent-3); }
.legal__logo{ height: 44px; width:auto; }

.legal__main{ max-width: 820px; padding-top: 64px; padding-bottom: 90px; }
.legal__main h1{
  font-size: clamp(2rem, 5vw, 3rem); font-weight:800; letter-spacing:-.02em; margin-bottom: 36px;
  background: var(--grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;
}
.legal__main h2{ font-size: 1.2rem; font-weight:700; margin: 38px 0 12px; color: var(--text); }
.legal__main p{ color: var(--muted); margin-bottom: 14px; font-weight:300; }
.legal__main ul{ color: var(--muted); margin: 0 0 16px 22px; font-weight:300; }
.legal__main li{ margin-bottom: 6px; }
.legal__main a{ color: var(--accent-3); word-break: break-word; }
.legal__main a:hover{ text-decoration: underline; }
.legal__hint{
  margin-top: 18px; padding: 16px 18px; border-radius: var(--radius-sm);
  background: var(--surface); border:1px solid var(--line); font-size:.92rem;
}

.legal__footer{ border-top:1px solid var(--line); padding: 34px 0; }
.legal__footer .container{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.legal__footer p{ color: var(--muted-2); font-size:.86rem; }
.legal__footer nav{ display:flex; gap:20px; }
.legal__footer a{ color: var(--muted); font-size:.86rem; }
.legal__footer a:hover{ color: var(--accent-3); }