/* KLARHAUS - Rechtsseiten */
body.legal{background:var(--paper)}
.legal-head{background:var(--dark);color:#fff;padding:120px 0 56px}
.legal-head h1{font-size:clamp(2rem,4.5vw,3rem);text-transform:uppercase}
.legal-head a{color:rgba(255,255,255,.72);font-size:13px;text-decoration:none;display:inline-block;margin-bottom:18px}
.legal-head a:hover{color:#fff;text-decoration:underline}
.legal-body{padding:56px 0 90px}
.legal-body .wrap{max-width:min(820px,92vw)}
.legal-body h2{font-size:24px;margin:38px 0 12px}
.legal-body h3{font-size:18px;margin:24px 0 8px;font-family:'Mulish',sans-serif;font-weight:800}
.legal-body p,.legal-body li{font-size:14.5px;color:var(--ink-2);line-height:1.72}
.legal-body p{margin-top:10px}
.legal-body ul{margin:10px 0 0;padding-left:20px}
.legal-body a{color:var(--green-text)}
.ph{background:var(--green-soft);border-radius:4px;padding:1px 6px;color:var(--green-text);font-weight:700}
.demo-hint{background:#fff;border-left:4px solid var(--green-vivid);border-radius:0 var(--r-card) var(--r-card) 0;padding:20px 24px;margin-top:26px;box-shadow:var(--shadow-s)}
.demo-hint p{margin:0}