/* Materiallabor. Nur diese Untersuchungsform. */
.ml{
  background:var(--paper,#faf9f6);
  color:var(--ink,#111);
}
.ml-hero{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);
  align-items:stretch;
  min-height:0;
  border-bottom:1px solid var(--line,rgba(17,17,17,.18));
}
.ml-hero:not(.ml-hero--media){grid-template-columns:minmax(0,1fr)}
.ml-hero__copy{
  padding:calc(76px + clamp(36px,5vw,64px)) var(--pad-x,clamp(28px,4vw,64px)) clamp(36px,5vw,56px);
}
.ml-hero__media{
  margin:0;
  min-height:320px;
  background:#eceae4;
  overflow:hidden;
}
.ml-hero__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
}
.ml-hero__meta{
  display:flex;
  flex-direction:column;
  gap:.2rem;
  margin:0 0 clamp(18px,2.4vw,28px);
  font-size:.68rem;
  font-weight:var(--font-wght-bold,680);
  letter-spacing:.14em;
  text-transform:uppercase;
}
.ml-hero h1{
  max-width:18ch;
  margin:0;
  font-size:clamp(3rem,5.6vw,5.8rem);
  font-weight:var(--font-wght-black,900);
  letter-spacing:-.045em;
  line-height:1.08;
  text-transform:uppercase;
}
.ml-hero__lead{
  max-width:36ch;
  margin:clamp(18px,2vw,26px) 0 0;
  font-size:clamp(1.05rem,1.25vw,1.28rem);
  font-weight:var(--font-wght-regular,400);
  line-height:1.4;
}
.ml-pills{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin:clamp(22px,3vw,32px) 0 0;
  padding:0;
  list-style:none;
}
.ml-pills a,
.ml-pills span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:.28rem .75rem;
  border:1px solid rgba(17,17,17,.28);
  border-radius:999px;
  font-size:.62rem;
  font-weight:var(--font-wght-bold,680);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.ml-section{
  display:grid;
  grid-template-columns:minmax(9.5rem,15rem) minmax(0,1fr);
  gap:clamp(18px,2vw,28px) clamp(28px,4vw,64px);
  align-items:start;
  padding:clamp(36px,4.5vw,64px) var(--pad-x,clamp(28px,4vw,64px));
  border-top:1px solid var(--line,rgba(17,17,17,.18));
}
.ml-hero + .ml-section{border-top:0}
.ml-section__index span{
  display:block;
  font-size:clamp(2.6rem,4vw,3.6rem);
  font-weight:var(--font-wght-black,900);
  letter-spacing:-.05em;
  line-height:.85;
}
.ml-section__index h2{
  margin:.7rem 0 0;
  max-width:12ch;
  font-size:.68rem;
  font-weight:var(--font-wght-bold,680);
  letter-spacing:.12em;
  line-height:1.35;
  text-transform:uppercase;
}
.ml-section__body{min-width:0}
.ml-split{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:clamp(18px,3vw,48px);
}
.ml-split--single{grid-template-columns:minmax(0,1fr)}
.ml-split p,
.ml-stack p,
.ml-notes p,
.ml-shift p,
.ml-steps p,
.ml-course p{
  margin:0 0 .8em;
  font-size:clamp(1rem,1.05vw,1.08rem);
  font-weight:var(--font-wght-regular,400);
  line-height:1.5;
}
.ml-split p:last-child,
.ml-stack p:last-child,
.ml-notes p:last-child,
.ml-steps li p:last-child{margin-bottom:0}
.ml-conditions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:clamp(16px,2vw,28px) clamp(16px,2vw,28px);
  margin:0;
}
.ml-conditions div{min-width:0}
.ml-conditions dt{
  margin:0 0 .45rem;
  font-size:.68rem;
  font-weight:var(--font-wght-bold,680);
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ml-conditions dd{
  margin:0;
  font-size:.98rem;
  line-height:1.4;
}
.ml-steps,
.ml-notes{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}
.ml-steps figure,
.ml-notes figure,
.ml-figure{
  margin:0 0 10px;
  background:#eceae4;
}
.ml-steps img,
.ml-notes img,
.ml-figure img,
.ml-hero__media img{
  display:block;
}
.ml-steps img,
.ml-notes img,
.ml-figure img{
  width:100%;
  height:auto;
  object-fit:contain;
  background:#eceae4;
}
.ml-steps video,
.ml-notes video,
.ml-figure video,
.ml-audio audio{
  display:block;
  width:100%;
  height:auto;
  background:#111;
}
.ml-kicker{
  margin:.15rem 0 .35rem;
  font-size:.62rem;
  font-weight:var(--font-wght-bold,680);
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted,#5e5b54);
}
.ml-steps h3,
.ml-notes h3,
.ml-shift h3{
  margin:0 0 .35rem;
  font-size:1rem;
  font-weight:var(--font-wght-bold,680);
  letter-spacing:-.02em;
  line-height:1.25;
}
.ml-aside{
  color:var(--muted,#5e5b54);
}
.ml-aside strong,
.ml-stack strong{
  display:block;
  margin-bottom:.15rem;
  font-size:.68rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.ml-notes article,
.ml-stack article{
  min-width:0;
}
.ml-stack{
  display:grid;
  gap:clamp(18px,3vw,28px);
}
.ml-shift__cols{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:clamp(16px,2vw,32px);
}
.ml-questions{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:14px 22px;
  margin:0;
  padding:0;
  list-style:none;
}
.ml-questions li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:10px;
  align-items:start;
  font-size:1rem;
  line-height:1.4;
}
.ml-course{
  margin:0;
  padding:0;
  list-style:none;
}
.ml-course li{
  display:grid;
  grid-template-columns:minmax(7rem,9rem) minmax(0,1fr);
  gap:16px;
  padding:.9rem 0;
  border-top:1px solid var(--line,rgba(17,17,17,.18));
}
.ml-course li:first-child{border-top:0}
.ml-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:140px;
  padding:clamp(24px,4vw,36px) 18px;
  border:1px dashed rgba(17,17,17,.28);
  text-align:center;
}
.ml-empty p{margin:0;max-width:42ch;line-height:1.45}
.ml-empty p + p{margin-top:.2rem;color:var(--muted,#5e5b54)}
.ml-empty__action{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  margin-top:16px;
  padding:.55rem 1rem;
  border-radius:8px;
  background:#111;
  color:#fff;
  font-size:.82rem;
  font-weight:var(--font-wght-bold,680);
}
.ml a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media (max-width:799px){
  .ml-hero,
  .ml-section,
  .ml-split,
  .ml-course li{grid-template-columns:1fr}
  .ml-hero__copy{padding-top:calc(76px + 28px)}
  .ml-hero h1{max-width:none;font-size:clamp(2.4rem,11vw,3.4rem)}
  .ml-hero__media{min-height:240px}
  .ml-section__index h2{max-width:none}
  .ml-steps,
  .ml-notes{grid-template-columns:1fr 1fr}
}
@media (max-width:520px){
  .ml-steps,
  .ml-notes,
  .ml-questions{grid-template-columns:1fr}
}