/* Rechtliche Seiten – ergänzt style.css */
.legal-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(16px,4vw,48px);background:rgba(5,11,31,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(100,160,255,.18)}
.legal{position:relative;z-index:1;max-width:860px;margin:0 auto;padding:130px clamp(18px,5vw,40px) 70px}
.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}
.back{display:inline-block;margin-top:10px}

/* 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}
  .legal-nav{padding:10px 14px}
  .legal-nav .brand{font-size:.9rem;letter-spacing:.06em}
  .legal-nav .btn-sm{padding:8px 12px;font-size:.68rem}
}