/* ============================================================
   Rechtstexte — Impressum, Datenschutz.
   Ergänzt studie.css, ändert nichts daran.
   Ruhige Lesespalte, keine Bühne.
   ============================================================ */

.legal{padding:172px 0 90px;background:var(--grund);min-height:70vh}
.legal__in{max-width:760px;margin:0 auto;padding:0 24px}

.legal__hinweis{
  border:1px solid rgba(182,209,56,.4);background:rgba(140,166,31,.09);
  padding:14px 18px;margin-bottom:44px;font-size:13.5px;color:var(--sand);
}
.legal__hinweis b{color:var(--gruen);font-weight:700}

.legal h1{
  font-family:var(--font-d);font-weight:400;line-height:1.04;
  font-size:clamp(34px,4.4vw,58px);margin-bottom:14px;
}
.legal__stand{font-size:13px;color:var(--zink);margin-bottom:52px;
  padding-bottom:22px;border-bottom:1px solid var(--linie)}

.legal h2{
  font-family:var(--font-d);font-weight:400;font-size:clamp(21px,2.2vw,27px);
  line-height:1.15;margin:52px 0 16px;
}
.legal h3{font-size:15px;font-weight:700;margin:28px 0 8px;color:var(--kalk)}
.legal p{color:var(--sand);font-size:15px;line-height:1.72;margin-bottom:14px;max-width:66ch}
.legal p.klein{font-size:13.5px;color:var(--zink)}
.legal a{color:var(--kalk);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(182,209,56,.55)}
.legal a:hover{color:var(--gruen)}

.legal dl{margin:0 0 18px}
.legal dl div{display:flex;flex-wrap:wrap;gap:6px 20px;padding:9px 0;
  border-top:1px solid var(--linie2);font-size:14.5px}
.legal dl div:last-child{border-bottom:1px solid var(--linie2)}
.legal dt{color:var(--zink);min-width:190px}
.legal dd{color:var(--sand);font-weight:500;margin:0}

.legal ul{margin:0 0 18px;padding:0}
.legal ul li{position:relative;padding:7px 0 7px 20px;font-size:14.5px;color:var(--sand);
  border-top:1px solid var(--linie2)}
.legal ul li:last-child{border-bottom:1px solid var(--linie2)}
.legal ul li::before{content:"";position:absolute;left:0;top:16px;width:8px;height:1px;background:var(--gruen)}

.legal__zurueck{display:inline-flex;align-items:center;gap:10px;margin-top:64px;
  font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--sand);text-decoration:none}
.legal__zurueck::before{content:"";width:26px;height:2px;
  background:repeating-linear-gradient(90deg,var(--gruen) 0 5px,transparent 5px 8px)}
.legal__zurueck:hover{color:var(--gruen)}

.foot__recht{display:flex;gap:8px 20px;flex-wrap:wrap;font-size:13px}
.foot__recht a{color:var(--sand)}
.foot__recht a:hover{color:var(--gruen)}

@media (max-width:620px){
  .legal{padding:118px 0 70px}
  .legal dt{min-width:100%}
}