body.legal-page { color:#102019; background:linear-gradient(180deg,#dceae3 0%,#eef4f1 24%,#cfddd6 66%,#506259 100%); }
.legal-page .legal-hero { min-height:52vh; display:flex; flex-direction:column; justify-content:flex-end; padding:150px max(22px,calc((100vw - 1220px)/2)) 72px; background:radial-gradient(ellipse at 18% 30%,rgba(31,229,138,.2),transparent 42%),radial-gradient(ellipse at 85% 70%,rgba(160,111,232,.16),transparent 44%),linear-gradient(180deg,#dceae3,#c5d8ce); }
.legal-page .legal-hero h1 { margin-top:14px; font-size:clamp(4rem,10vw,8rem); line-height:.88; letter-spacing:-.065em; }
.legal-page .legal-shell { padding:clamp(70px,9vw,130px) 22px; background:linear-gradient(180deg,#c5d8ce 0%,#e7efeb 25%,#d4e0da 100%); }
.legal-page .legal-card { width:min(900px,100%); margin:auto; padding:clamp(28px,6vw,72px); border:1px solid rgba(255,255,255,.76); border-radius:40px; background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(222,237,229,.48)); box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 42px 100px rgba(38,71,55,.16); -webkit-backdrop-filter:blur(34px) saturate(145%); backdrop-filter:blur(34px) saturate(145%); }
.legal-page .legal-card h2 { margin-top:48px; font-size:clamp(1.45rem,3vw,2rem); letter-spacing:-.025em; }
.legal-page .legal-card h2:first-child { margin-top:0; }
.legal-page .legal-card h3 { margin-top:28px; font-size:1.12rem; }
.legal-page .legal-card p,.legal-page .legal-card li { margin-top:10px; color:#31443a; font-size:1rem; line-height:1.68; }
.legal-page .legal-card ul { margin:10px 0 0 22px; }
.legal-page .legal-card a { color:#076c3c; text-decoration-thickness:1px; text-underline-offset:3px; overflow-wrap:anywhere; }
.legal-page .legal-note { margin-top:42px!important; padding-top:24px; border-top:1px solid rgba(20,55,38,.16); font-size:.88rem!important; }
@media(max-width:700px){
 .legal-page .legal-hero { min-height:42vh; padding:120px 18px 52px; }
 .legal-page .legal-hero h1 { font-size:clamp(3.6rem,18vw,5.4rem); }
 .legal-page .legal-shell { padding:44px 14px 80px; }
 .legal-page .legal-card { padding:28px 22px 38px; border-radius:28px; }
 .legal-page .legal-card h2 { margin-top:38px; }
}

/* Übergang Legal-Card → dunkler Footer ohne harte Kante; mobil weniger Blur. */
body.subpage.legal-page footer { background:radial-gradient(ellipse at 84% 46%,rgba(158,111,230,.13),transparent 43%),linear-gradient(180deg,#d4e0da 0%,#34443c 30%,#1d2d25 100%) !important; }
body.subpage.legal-page footer::before { display:none; }
@media (max-width:767px){ .legal-page .legal-card { -webkit-backdrop-filter:blur(18px) saturate(145%); backdrop-filter:blur(18px) saturate(145%); } }