/* =========================================================
   Legal pages (Impressum / Datenschutz) — quiet, readable layout
   built on top of the main stylesheet's tokens.
   ========================================================= */

.legal-body{
  background:var(--paper);
}

.legal-page{
  padding:160px 0 100px;
}

.legal-container{
  max-width:760px;
}

.legal-page .eyebrow{
  display:block;
}

.legal-page h1{
  font-size:clamp(2.2rem, 5vw, 3rem);
  margin-bottom:48px;
}

.legal-block{
  margin-bottom:38px;
  padding-bottom:32px;
  border-bottom:1px solid var(--line);
}
.legal-block:last-child{
  border-bottom:none;
}

.legal-block h2{
  font-family:var(--font-body);
  font-size:1.05rem;
  font-weight:700;
  color:var(--ink);
  margin-bottom:14px;
}

.legal-block p{
  font-size:0.98rem;
  line-height:1.7;
  color:var(--steel);
  margin-bottom:14px;
}
.legal-block p:last-child{ margin-bottom:0; }

.legal-block a{
  color:var(--red);
  font-weight:600;
  text-decoration:underline;
}
.legal-block a:hover{ color:var(--red-dark); }

@media (max-width: 640px){
  .legal-page{ padding:130px 0 70px; }
}