/* =====================================================================
   SpielAtze - Impressum & Datenschutz
   ===================================================================== */

.legal{
  max-width:820px;
  padding:44px 0 80px;
}
.legal .back{margin-bottom:28px}

.legal h1{
  font-size:clamp(32px,6vw,52px);
  margin-bottom:6px;
  background:var(--grad-hot);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.legal .lead{color:var(--txt-mute);font-size:14.5px;margin-bottom:30px}

.legal h2{
  font-size:22px;
  margin:34px 0 10px;
  padding-top:18px;
  border-top:2px solid rgba(255,255,255,.09);
  display:flex;align-items:center;gap:10px;
}
.legal h3{font-size:17px;margin:22px 0 8px;color:var(--txt-dim)}

.legal p{
  color:var(--txt-dim);
  font-size:15px;
  line-height:1.7;
  margin-bottom:12px;
}
.legal a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:var(--pink)}

.legal .rechts{
  font-size:13.5px;
  color:var(--txt-mute);
  padding:12px 16px;
  border-left:3px solid var(--violet);
  background:rgba(255,255,255,.035);
  border-radius:0 12px 12px 0;
}

.legal .todo{
  padding:18px 20px;
  border-radius:var(--r-lg);
  border:2px dashed var(--yellow);
  background:rgba(250,204,21,.09);
  color:#fff0b8;
  font-size:14.5px;
  line-height:1.6;
  margin-bottom:30px;
}
.legal .todo code{
  background:rgba(0,0,0,.4);
  padding:2px 7px;
  border-radius:6px;
  font-size:13px;
  color:#facc15;
}

.legal .foot-note{
  margin-top:44px;
  padding-top:20px;
  border-top:2px solid rgba(255,255,255,.09);
  font-size:14px;
}