/* Rechtstexte: Impressum, Datenschutz, AGB. Ergänzt style.css. */

.legal-page{background:var(--ink)}
.legal__head{position:relative;padding:clamp(130px,16vw,190px) 0 clamp(36px,5vw,64px);background:radial-gradient(70% 120% at 50% 0%,rgba(180,14,230,.28),transparent 70%),linear-gradient(180deg,var(--navy),var(--ink));border-bottom:1px solid var(--line)}
.crumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:.88rem;color:var(--muted);margin-bottom:14px}
.crumbs a{color:var(--text-accent);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.legal__title{width:fit-content;max-width:100%;font-family:var(--head);font-stretch:semi-condensed;font-weight:800;font-size:clamp(2.4rem,5.6vw,4.4rem);line-height:1.05;background:linear-gradient(90deg,var(--accent),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em;hyphens:manual}
.legal__switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.legal__switch a{display:inline-block;padding:.4em 1.1em;border-radius:99px;border:1px solid var(--line-2);color:#fff;text-decoration:none;font-weight:600;font-size:.92rem;transition:background .25s,border-color .25s}
.legal__switch a:hover{border-color:var(--accent)}
.legal__switch a[aria-current=page]{background:var(--accent);border-color:var(--accent)}

.legal__body{max-width:880px;padding-block:clamp(40px,6vw,80px) clamp(64px,8vw,110px)}
.legal__body section{padding-block:clamp(20px,3vw,32px);border-bottom:1px solid var(--line)}
.legal__body section:last-of-type{border-bottom:0}
.legal__body h2{font-family:var(--head);font-stretch:semi-condensed;font-weight:800;font-size:clamp(1.5rem,2.6vw,2rem);line-height:1.15;margin-bottom:16px;color:#fff}
.legal__body h3{font-family:var(--head);font-stretch:semi-condensed;font-weight:700;font-size:clamp(1.15rem,1.8vw,1.35rem);line-height:1.25;margin:26px 0 8px;color:var(--text-accent);scroll-margin-top:110px}
.legal__body h4{font-family:var(--head);font-stretch:semi-condensed;font-weight:700;font-size:1.08rem;margin:18px 0 6px;color:#fff}
.legal__body p,.legal__body li{color:#d5e3f2;font-size:1rem;line-height:1.7;overflow-wrap:anywhere}
.legal__body p+p{margin-top:12px}
.legal__body ul{list-style:disc;padding-left:1.3em;margin:10px 0;display:grid;gap:6px}
.legal__body a{color:var(--text-accent)}
.legal__body a:hover{color:#fff}
.legal__body .caps{font-size:.94rem}
.legal__lead{font-size:clamp(1.05rem,1.5vw,1.2rem)!important;color:#fff!important;padding:18px 22px;border-left:3px solid var(--accent);background:rgba(255,255,255,.04);border-radius:0 14px 14px 0;margin-bottom:12px}
.legal__stand{margin-top:28px;font-size:.88rem!important;color:var(--muted)!important}
.legal__back{margin-top:36px}
.legal__back .btn{color:#fff}

.clauses{display:grid;gap:12px}
.clauses li{display:grid;grid-template-columns:3.2em 1fr;gap:8px}
.clauses .num{font-weight:700;color:var(--text-accent)}

@media (max-width:720px){
  .legal__head{padding-top:110px}
  .clauses li{grid-template-columns:2.6em 1fr}
}