/* Unterseiten (Impressum, Datenschutz, Befehle, Bewerbung) – ergänzt style.css; Leiste und Fußzeile kommen aus style.css wie auf der Startseite */
.legal{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:130px clamp(18px,5vw,40px) 30px}
.legal h1{font-family:var(--font);font-size:clamp(2rem,6vw,3.2rem);letter-spacing:.05em;color:#fff;text-shadow:0 0 24px rgba(63,140,255,.8);margin-bottom:10px;line-height:1.15}
.legal .lead{color:#8fa9d8;margin-bottom:30px}
.legal .divider{margin:0 0 34px;max-width:100%}
.legal section{margin-bottom:34px;padding:26px 28px;border-radius:14px;background:linear-gradient(160deg,rgba(18,40,100,.45),rgba(6,14,40,.8));border:1px solid rgba(100,160,255,.25)}
.legal h2{font-family:var(--font);color:#fff;font-size:1.3rem;letter-spacing:.04em;margin-bottom:12px}
.legal h3{color:var(--blue-l);font-size:1rem;margin:18px 0 6px}
.legal p,.legal li{color:#b5c8ee;font-size:.97rem}
.legal p+p{margin-top:10px}
.legal ul{margin:10px 0 0 20px;display:grid;gap:6px}
.legal a{color:var(--blue-l);text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:#fff}
.legal address{font-style:normal;color:#e6f3ff;line-height:1.8}
/* Platzhalter – nach dem Ausfüllen kann diese Klasse entfernt werden */
.todo{background:rgba(255,205,70,.16);border:1px dashed rgba(255,205,70,.8);color:#ffe08a;padding:0 6px;border-radius:4px;font-weight:600}

/* Mobile */
.legal h1{overflow-wrap:break-word;hyphens:auto}
@media (max-width:760px){
  .legal{padding-top:100px}
  .legal h1{font-size:clamp(1.5rem,7.2vw,3.2rem)}
  .legal section{padding:20px 18px}
}