/* Legal-Seiten (Impressum, Datenschutz, AGB) — teilt Tokens/Fonts mit styles.css */

/* schlanke, im Fluss liegende Nav für Legal-Seiten */
.nav--solid{position:sticky;height:var(--nav-h);background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line)}
.nav--solid .site-mark{height:40px;width:40px}

.legal-hero{background:var(--navy-800);color:#fff;padding-top:clamp(40px,6vw,56px);padding-bottom:clamp(40px,6vw,56px)}
.legal-hero .eyebrow{color:var(--accent-2)}
.legal-hero .eyebrow::before{background:var(--accent-2)}
.legal-hero h1{color:#fff;font-family:var(--display);font-weight:700;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.015em;margin-top:var(--space-4)}
.legal-hero p{margin-top:var(--space-3);color:rgba(255,255,255,.75);max-width:640px}

.legal-body{padding-block:clamp(48px,7vw,80px)}
.legal-body .container{max-width:var(--container-narrow)}
.legal-body h2{font-family:var(--display);font-weight:700;font-size:1.4rem;color:var(--ink);letter-spacing:-.01em;margin:44px 0 14px}
.legal-body h2:first-child{margin-top:0}
.legal-body h3{font-size:1.08rem;color:var(--ink);margin:26px 0 8px}
.legal-body p{margin:0 0 14px;color:var(--body)}
.legal-body a{color:var(--navy-700);text-decoration:underline;text-underline-offset:2px}
.legal-body a:hover{color:var(--accent)}
.legal-body ul{margin:0 0 16px;padding-left:20px;list-style:disc}
.legal-body ul li{margin-bottom:6px;color:var(--body)}
.legal-body strong{color:var(--ink)}
.legal-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;margin:20px 0}
.legal-card p+p{margin-top:12px;margin-bottom:0}
.legal-card--foot{margin-top:40px}
.legal-note{background:var(--accent-soft);border:1px solid #EFD0D3;border-radius:var(--radius);padding:16px 20px;margin:20px 0;font-size:.92rem;color:var(--accent-hover)}
.legal-back{display:inline-flex;align-items:center;gap:.5em;margin-top:40px;font-weight:600;color:var(--navy-700)}
.legal-back:hover{color:var(--accent)}
.legal-back svg{width:16px;height:16px}