svg.call,
svg.routine,
svg.schirm {
  display: block;
  width: 100%;
  height: 100%;
}
@media (prefers-reduced-motion: no-preference) {
  html[data-js] [data-bild]:not(.sichtbar) .sm-spur {
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
  }
  [data-bild].sichtbar .sm-spur {
    stroke-dasharray: 100 100;
    transition: stroke-dashoffset 1.5s cubic-bezier(.5, 0, .2, 1) .2s;
  }
  html[data-js] [data-bild]:not(.sichtbar) .sm-ich {
    opacity: 0;
  }
  [data-bild].sichtbar .sm-ich {
    transition: opacity .25s var(--ease) 1.55s;
  }
  [data-bild].sichtbar .sm-puls {
    transform-box: fill-box;
    transform-origin: center;
    animation: bild-ring 1.1s var(--ease) 1.7s 2;
  }
}
@media (prefers-reduced-motion: no-preference) {
  [data-bild].sichtbar .call-welle rect {
    transform-box: fill-box;
    transform-origin: center;
    animation: bild-welle .5s ease-in-out 4 alternate;
  }
  [data-bild].sichtbar .call-welle rect:nth-child(2n) {
    animation-delay: .18s;
  }
  [data-bild].sichtbar .call-welle rect:nth-child(3n) {
    animation-delay: .32s;
  }
  [data-bild].sichtbar .call-live {
    animation: bild-live 1.2s ease-in-out 2;
  }
  html[data-js] [data-bild]:not(.sichtbar) .t-bogen {
    stroke-dasharray: 0 350;
  }
  [data-bild].sichtbar .t-bogen {
    transition: stroke-dasharray .9s var(--ease);
  }
  [data-bild].sichtbar .t-bogen:nth-of-type(3) {
    transition-delay: .1s;
  }
  [data-bild].sichtbar .t-bogen:nth-of-type(4) {
    transition-delay: .2s;
  }
  [data-bild].sichtbar .t-bogen:nth-of-type(5) {
    transition-delay: .3s;
  }
  [data-bild].sichtbar .t-bogen:nth-of-type(6) {
    transition-delay: .4s;
  }
}
@keyframes bild-welle {
  to {
    transform: scaleY(.35);
  }
}
@keyframes bild-live {
  50% {
    opacity: .25;
  }
}
@media (prefers-reduced-motion: no-preference) {
  [data-bild].sichtbar .gp-puls {
    transform-box: fill-box;
    transform-origin: center;
    animation: bild-puls 1.2s var(--ease) 3;
  }
  [data-bild].sichtbar .gp-weg {
    animation: bild-weg 1.1s linear 3;
  }
}
@keyframes bild-puls {
  50% {
    transform: scale(1.4);
    opacity: .35;
  }
}
@keyframes bild-weg {
  to {
    stroke-dashoffset: -22;
  }
}
@media (prefers-reduced-motion: no-preference) {
  [data-bild].sichtbar .rv-puls {
    transform-box: fill-box;
    transform-origin: center;
    animation: bild-puls 1.2s var(--ease) .2s 3;
  }
  [data-bild].sichtbar .rv-weg {
    animation: bild-rv-weg 1s linear 3;
  }
}
@keyframes bild-rv-weg {
  to {
    stroke-dashoffset: -16;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .rt-fuell {
    transform-box: fill-box;
    transform-origin: 0 50%;
  }
  html[data-js] [data-bild]:not(.sichtbar) .rt-fuell {
    transform: scaleX(0);
  }
  [data-bild].sichtbar .rt-fuell {
    transition: transform 1s var(--ease) .5s;
  }
  [data-bild].sichtbar .rt-puls {
    transform-box: fill-box;
    transform-origin: center;
    animation: bild-ring 1.1s var(--ease) 1.4s 2;
  }
}
@keyframes bild-ring {
  from {
    opacity: .7;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(1.45);
  }
}