/* ============================================================
   MOSES CTS · Rechtstexte Zusatz-CSS
   Zweck:
   - Rechtstexte passend zum Industrie-Premium-Look
   - Kantige Karten, klare Linien, ruhiger Lesefluss
   - Keine abgerundeten Kanten
   ============================================================ */

.legal-hero{
  padding:7.5rem 0 2.5rem;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.92), rgba(255,255,255,0.68)),
    linear-gradient(rgba(27,143,189,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(27,143,189,0.08) 1px, transparent 1px);
  background-size:auto, 56px 56px, 56px 56px;
}

.legal-title{
  margin-top:1.5rem;
}

.legal-sub{
  max-width:780px;
}

.legal-section{
  padding:2rem 0 6rem;
}

.legal-card{
  position:relative;
  max-width:980px;
  margin:0 auto;
  padding:clamp(1.75rem, 4vw, 3.25rem);

  background:rgba(255,255,255,0.88);
  border:1px solid var(--border);
  border-top:4px solid var(--cyan);
  border-radius:0;

  box-shadow:var(--shadow);
  overflow:hidden;
}

.legal-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg, rgba(27,143,189,0.06), transparent 34%);
}

.legal-card h2{
  position:relative;
  margin:2.25rem 0 0.85rem;

  font-size:1.25rem;
  line-height:1.25;
  color:var(--text);
  letter-spacing:0.01em;
}

.legal-card h2:first-child{
  margin-top:0;
}

.legal-card p,
.legal-card li{
  position:relative;
  color:var(--text-soft);
  line-height:1.75;
  font-size:1rem;
}

.legal-card p{
  margin-bottom:1rem;
}

.legal-card ul,
.legal-card ol{
  position:relative;
  margin:0 0 1rem 1.25rem;
  padding:0;
}

.legal-card strong{
  color:var(--text);
  font-weight:700;
}

.legal-card a{
  color:var(--cyan-strong);
  text-decoration:none;
  border-bottom:1px solid rgba(11,111,153,0.25);
}

.legal-card a:hover{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
}

.legal-card hr{
  position:relative;
  border:0;
  border-top:1px solid var(--border);
  margin:2rem 0;
}

/* Kantiger Industrie-Look auch für Rechtstexte absichern */
.legal-card,
.legal-card *,
.legal-section,
.legal-hero{
  border-radius:0;
}

@media (max-width: 780px){
  .legal-hero{
    padding:6rem 0 2rem;
  }

  .legal-card{
    padding:1.5rem;
  }
}