/* ============================================================
   IRONCLOSING · Rechtsseiten
   Impressum und Datenschutz. Ruhig, lesbar, keine Effekte —
   hier will niemand unterhalten werden.
   ============================================================ */

body{display:flex;flex-direction:column;min-height:100svh}

.schale{
  width:min(760px,100%);
  margin-inline:auto;
  padding-inline:var(--rand);
}

/* ---------- Kopf ------------------------------------------ */
.kopf{
  border-bottom:1px solid var(--edge);
  padding-block:clamp(38px,7vw,64px) clamp(30px,5vw,48px);
  background:
    radial-gradient(70% 100% at 50% 0%, rgba(47,211,154,.09), transparent 66%),
    var(--void);
}
.kopf .schale{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.kopf img{
  width:52px;height:52px;
  filter:drop-shadow(0 0 20px rgba(47,211,154,.28));
}
.kopf h1{
  font-family:var(--serif);
  font-size:clamp(2rem,5vw,3rem);
  line-height:1.04;
  letter-spacing:-.025em;
  color:var(--chalk);
}
.zurueck{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--mono);
  font-size:.68rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--smoke);
  transition:color .25s ease;
}
.zurueck::before{content:"←";font-family:var(--sans);font-size:.95rem;line-height:1}
.zurueck:hover{color:var(--em)}

/* ---------- Text ------------------------------------------ */
main.schale{
  flex:1;
  padding-block:clamp(40px,6vw,68px) clamp(56px,8vw,96px);
  color:var(--chalk-2);
  font-size:.97rem;
  line-height:1.72;
}
main.schale h2{
  font-family:var(--sans);
  font-size:1.12rem;
  font-weight:600;
  letter-spacing:-.01em;
  color:var(--chalk);
  margin:44px 0 14px;
  padding-top:22px;
  border-top:1px solid var(--edge);
  scroll-margin-top:24px;
}
main.schale h2:first-child{margin-top:0;padding-top:0;border-top:0}
main.schale h3{
  font-size:1rem;
  font-weight:600;
  color:var(--chalk);
  margin:28px 0 10px;
}
main.schale p{margin:0 0 1.05em}
main.schale a{
  color:var(--em);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  text-decoration-color:rgba(47,211,154,.4);
  overflow-wrap:anywhere;
}
main.schale a:hover{text-decoration-color:var(--em)}
main.schale strong{color:var(--chalk);font-weight:600}
main.schale ul{margin:0 0 1.2em;padding-left:20px}
main.schale li{margin-bottom:.5em}
main.schale li::marker{color:var(--em-3)}

/* Quellenhinweis der IT-Recht Kanzlei */
.quelle{
  margin-top:52px;
  padding:18px 22px;
  border:1px solid var(--edge);
  border-radius:var(--r);
  background:var(--iron);
  display:flex;flex-wrap:wrap;gap:8px 16px;
  align-items:center;justify-content:space-between;
}
.quelle p{
  margin:0 !important;
  font-family:var(--mono);
  font-size:.66rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--smoke-2);
  display:flex;flex-wrap:wrap;gap:6px 14px;
}
.quelle img,.quelle svg{height:26px;width:auto;opacity:.6}
.zeitpunkt{display:block;color:var(--smoke-2)}

/* ---------- Fuß ------------------------------------------- */
.fuss{
  border-top:1px solid var(--edge);
  background:var(--iron);
  padding-block:20px;
}
.fuss .schale{
  display:flex;flex-wrap:wrap;
  gap:8px 22px;align-items:center;
  font-family:var(--mono);
  font-size:.65rem;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--smoke-2);
}
.fuss a{transition:color .25s ease}
.fuss a:hover{color:var(--em)}