.case-lab-zoom{
  /* Die SVG-Lupe ist der einzige sichtbare Rahmen. */
  width:224px;
  height:332px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  transform-origin:59.15% 43.22%;
  transform:translate(-59.15%,-43.22%) scale(.8);
}
.case-lab-view:hover .case-lab-zoom{
  transform:translate(-59.15%,-43.22%) scale(1);
}
.case-lab-zoom::before{
  content:"";
  position:absolute;
  z-index:1;
  /* Kreisoeffnung der gelieferten Logo-Lupe, exakt aus deren ViewBox abgeleitet. */
  left:69px;
  top:81px;
  width:127px;
  height:125px;
  border-radius:50%;
  background-image:var(--zoom-image);
  background-repeat:no-repeat;
  background-size:var(--zoom-size,auto);
  background-position:var(--zoom-position,center);
  box-shadow:0 22px 65px rgba(44,31,86,.24);
}
.case-lab-zoom::after{
  content:"";
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  width:224px;
  height:332px;
  background:url("/img/lupe.svg") center top/100% 100% no-repeat;
  filter:drop-shadow(0 15px 16px rgba(0,0,0,.28));
  pointer-events:none;
}
html[data-color-theme="legacy"] .case-lab-zoom::after{
  background-image:url("/img/lupe.svg");
  filter:brightness(0) drop-shadow(0 15px 16px rgba(44,31,86,.22));
}
.case-lab-rows strong:not(.zero){max-width:13ch;text-align:right;white-space:normal}
@media(max-width:600px){.case-lab-rows strong:not(.zero){max-width:11ch}}