@keyframes uh-blob{0%,100%{transform:translate(0,0) scale(1) rotate(0deg)}33%{transform:translate(38px,-26px) scale(1.16) rotate(42deg)}66%{transform:translate(-24px,30px) scale(.9) rotate(-28deg)}}
  @keyframes uh-pulse{0%,100%{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}
  @keyframes uh-live{0%,100%{opacity:.4}50%{opacity:1}}
  @keyframes uh-ring{0%{transform:scale(.3);opacity:.9}100%{transform:scale(2);opacity:0}}
  @keyframes uh-blink{0%,100%{box-shadow:0 0 0 0 rgba(47,181,115,0)}45%{box-shadow:0 0 0 5px rgba(47,181,115,.4)}}

[data-heldgrafik] { width: 100%; --uh-rot: #c93a26; }
html[data-mode="dark"] [data-heldgrafik] { --uh-rot: #ff614c; }

[data-heldgrafik] > div { max-width: 1292px !important; }
[data-heldgrafik] [data-uh-grid] {
  width: 1292px !important;
  grid-template-columns: 808px 484px !important;
}
[data-heldgrafik] [data-uh-stage] { align-self: center; }

[data-heldgrafik] [data-uh-panels] {
  zoom: 1.3;
  width: 444px;
  margin-top: 0 !important;
  margin-left: -116px !important;
  align-self: center;
}

[data-heldgrafik] [data-hb="43"] { z-index: 4 !important; }

[data-heldgrafik] [data-uh-backdrop] {
  right: calc(-60px * var(--uh-k, 1)) !important;
  top: calc(-130px * var(--uh-k, 1)) !important;
  transform: scale(var(--uh-k, 1));
  transform-origin: 100% 0;
}

[data-heldgrafik] [data-algomasse] {
  position: absolute; z-index: 1;
  left: calc(450px * var(--uh-k, 1));
  top: calc(-113px * var(--uh-k, 1));
  width: calc(936px * var(--uh-k, 1));
  height: calc(936px * var(--uh-k, 1));
  opacity: 0.3;
  pointer-events: none;
}

[data-heldgrafik] [data-uh-art] {
  transform: perspective(calc(4300px * var(--uh-k, 0.5))) rotateY(-13deg);
  transform-origin: 55% 50%;
}
[data-heldgrafik][data-uh-flach] [data-uh-art] { transform: none; }

[data-heldgrafik] [data-uh-partikel] {
  position: absolute; left: 0; top: 0; z-index: 3;
  width: 100%; height: 100%;
  pointer-events: none;
}

[data-heldgrafik] [data-uh-panels] {
  --tinte: #f0f1f2;
  --tinte-2: #cdd1d5;
  --akzent-tinte: #6fe3de;
  --fl: #0a2524;
  --linie: rgba(160, 235, 230, .16);
  --uh-rot: #ff8672;
}
[data-heldgrafik] [data-uh-panel] {

  background:
    linear-gradient(180deg, rgba(255, 255, 255, .10) 0%, rgba(255, 255, 255, .05) 45%, rgba(255, 255, 255, .03) 100%),
    linear-gradient(150deg, rgba(14, 60, 58, .68) 0%, rgba(5, 29, 29, .64) 100%);
  border: 1.5px solid rgba(160, 235, 230, .26);
  -webkit-backdrop-filter: blur(3px) brightness(.78) saturate(125%);
  backdrop-filter: blur(3px) brightness(.78) saturate(125%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    0 26px 54px -26px rgba(6, 30, 29, .55);
  color: var(--tinte);
}
@supports not (backdrop-filter: blur(1px)) {
  [data-heldgrafik] [data-uh-panel] { background: #123c3b; }
}

@media (prefers-reduced-motion: reduce) {
  [data-heldgrafik] [style*="animation"] { animation: none !important; }
}