/* Flächenpilot – Rechtsseiten */
.legal-hero{background:var(--tint); padding:60px 0 44px; border-bottom:1px solid var(--line)}
.legal-hero h1{font-family:var(--display); font-stretch:125%; font-weight:800; font-size:clamp(2rem,4vw,2.9rem); margin:.4rem 0 0}
.legal-wrap{padding:56px 0 84px}
.legal-content{max-width:78ch}
.legal-content h2{font-family:var(--display); font-stretch:125%; font-weight:800; font-size:clamp(1.15rem,2vw,1.45rem); margin:38px 0 12px; color:var(--ink)}
.legal-content h2:first-child{margin-top:0}
.legal-content h3{font-family:var(--display); font-stretch:125%; font-weight:700; font-size:1.05rem; margin:26px 0 8px}
.legal-content p{margin:0 0 14px; color:var(--ink-soft); font-size:.97rem; line-height:1.68}
.legal-content a{color:var(--green-deep); text-decoration:underline}
.legal-content a:hover{color:var(--green-d)}
.legal-content ul{margin:0 0 16px; padding-left:1.25em; color:var(--ink-soft); font-size:.97rem; line-height:1.68}
.legal-content li{margin-bottom:8px}
.legal-content li strong{color:var(--ink)}
.legal-box{background:var(--paper); border:1px solid var(--line); border-left:4px solid var(--green); border-radius:10px; padding:20px 22px; margin:0 0 22px}
.legal-box p:last-child{margin-bottom:0}
.legal-stand{margin-top:42px; font-size:.84rem; color:var(--muted)}

/* Schmale Bildschirme: lange Überschriften wie "Allgemeine Geschäfts-
   bedingungen" passen bei 390 px nicht in eine Zeile und schoben die
   Seite seitlich heraus. Trennung zulassen und Grad etwas reduzieren. */
.legal-hero h1{overflow-wrap:break-word; hyphens:auto}
.legal-content{overflow-wrap:break-word}
@media (max-width:480px){
  .legal-hero h1{font-size:1.72rem; font-stretch:110%; line-height:1.18}
  .legal-hero{padding:44px 0 32px}
}