.ttg-spirale{position:relative;display:flex;align-items:center;justify-content:center;margin:28px auto;max-width:420px}
.ttg-spirale svg{width:100%;height:auto;overflow:visible;cursor:grab}
.ttg-spirale svg:active{cursor:grabbing}
.ttg-spirale-mitte{position:absolute;text-align:center;pointer-events:none;line-height:1.2}
.ttg-spirale-num{font-size:44px;font-weight:700;font-variant-numeric:tabular-nums}
.ttg-spirale-lab{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.65;margin-top:6px}
.ttg-spirale-ton{position:absolute;right:0;top:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:none;border:1px solid currentColor;border-radius:100px;padding:6px 12px;cursor:pointer;opacity:.7}
.ttg-spirale-ton:hover{opacity:1}
@media(prefers-reduced-motion:reduce){.ttg-spirale svg *{transition:none!important}}