/* Nordwest Automobile – Rechtliche Seiten */
.legal-page{
  padding-top:88px;
}

.legal-hero{
  padding:95px max(28px,calc((100vw - 1120px)/2)) 70px;
  background:
    radial-gradient(circle at 20% 0,rgba(200,167,90,.12),transparent 38%),
    linear-gradient(120deg,#0a0b0d,#17191d);
  border-bottom:1px solid var(--line);
}

.legal-hero h1{
  margin:0;
  font:400 clamp(3rem,6vw,5.8rem)/1 Georgia,serif;
  letter-spacing:-.035em;
}

.legal-hero>p:last-child{
  max-width:760px;
  margin:24px 0 0;
  color:#c8c5bf;
}

.legal-layout{
  max-width:1120px;
  margin:0 auto;
  padding:58px 28px 100px;
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:55px;
  align-items:start;
}

.legal-nav{
  position:sticky;
  top:112px;
  padding:22px;
  background:#111315;
  border:1px solid var(--line);
}

.legal-nav strong{
  display:block;
  margin-bottom:14px;
  color:var(--gold2);
  font-size:.7rem;
  text-transform:uppercase;
  letter-spacing:.1em;
}

.legal-nav a{
  display:block;
  padding:8px 0;
  color:#aaa;
  font-size:.8rem;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.legal-nav a:hover{
  color:#fff;
}

.legal-content{
  min-width:0;
}

.legal-section{
  padding:0 0 38px;
  margin:0 0 38px;
  border-bottom:1px solid var(--line);
  scroll-margin-top:120px;
}

.legal-section:last-child{
  border-bottom:0;
}

.legal-section h2{
  margin:0 0 18px;
  font:400 clamp(1.65rem,3vw,2.45rem)/1.15 Georgia,serif;
}

.legal-section h3{
  margin:25px 0 10px;
  font-size:1rem;
}

.legal-section p,
.legal-section li{
  color:#c3c0ba;
  line-height:1.8;
}

.legal-section ul{
  padding-left:20px;
}

.legal-section address{
  font-style:normal;
  color:#e2ded7;
  line-height:1.8;
}

.legal-section a{
  color:var(--gold2);
  overflow-wrap:anywhere;
}

.legal-note{
  padding:18px 20px;
  background:#111315;
  border-left:2px solid var(--gold);
  color:#bbb;
}

.legal-updated{
  color:#777;
  font-size:.75rem;
}

@media(max-width:820px){
  .legal-layout{
    grid-template-columns:1fr;
    gap:25px;
  }

  .legal-nav{
    position:static;
  }
}

@media(max-width:680px){
  .legal-page{
    padding-top:82px;
  }

  .legal-hero{
    padding:75px 20px 58px;
  }

  .legal-layout{
    padding:42px 20px 75px;
  }
}