/* Rechtstext-Seiten (Impressum, Datenschutzhinweise). Lädt nach funnel.css (Tokens, Fonts, Kopf, Footer).
   Klassen passend zu Robins legal.mjs: main.legal > article, .draft-banner, mark.uncertain, .linklike. */
.legal{padding:0 var(--pad)}
.legal article{max-width:56ch;margin:0 auto;padding:32px 0 8px;font-size:17px;line-height:1.65;color:var(--ink)}
.legal-head{background:var(--green);color:#fff;padding:28px var(--pad) 32px}
.legal-head>div{max-width:56ch;margin:0 auto}
.legal-head h1{color:#fff;font-size:clamp(28px,6vw,44px);line-height:1.1;font-weight:700}
.legal-head .stand{margin-top:10px;color:#DCEBE5;font-size:15px}
.legal-back{display:inline-block;margin-bottom:18px;color:#fff;font-weight:600;font-size:15px;text-underline-offset:3px}
.draft-chip{display:inline-block;margin-bottom:14px;padding:4px 10px;border-radius:999px;background:#FFE58A;color:#3D2E00;font:700 13px/1.3 var(--f);letter-spacing:.01em}
.draft-banner{margin:0 0 24px;padding:12px 14px;border:2px solid var(--notice-line);background:var(--notice-bg);border-radius:var(--r);font-weight:600;font-size:15px;line-height:1.45}
.legal h1{font-size:clamp(28px,6vw,44px);line-height:1.1;color:var(--green);font-weight:700}
.legal h2{margin-top:40px;font-size:clamp(20px,6vw,24px);overflow-wrap:break-word;line-height:1.2;color:var(--green);font-weight:700}
.legal h3{margin-top:26px;font-size:18px;line-height:1.3;color:var(--green);font-weight:700}
.legal h2+p,.legal h3+p,.legal h2+ul,.legal h3+ul,.legal h2+ol,.legal h3+ol{margin-top:10px}
.legal p+p{margin-top:14px}
.legal ul,.legal ol{margin:14px 0 0;padding-left:1.3em}
.legal li+li{margin-top:6px}
.legal li::marker{color:var(--emerald-ink)}
.legal a{color:var(--green);font-weight:600;text-underline-offset:2px}
.legal address{margin-top:14px;font-style:normal;padding:16px 18px;background:var(--steel);border-radius:var(--r);line-height:1.55}
.legal address b{display:block;color:var(--green)}
.legal mark.uncertain,.legal mark{background:#FFF1B8;color:inherit;padding:0 .15em;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.legal .linklike{color:var(--green);font-family:var(--f);font-weight:600;font-size:inherit;line-height:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.legal .beispiel{color:var(--muted)}
@media (min-width:1024px){
  .legal-head{padding:40px 40px 48px}
  .legal article{padding-top:44px;font-size:18px}
}