.service-visual{--km-red:#c00d0d;--km-on-red:#fff;--km-bg:var(--c-ink);--km-fg:var(--c-paper);--km-muted:var(--c-mute);--km-ring:var(--c-paper);--km-font:Inter, system-ui, sans-serif;--km-face:var(--km-bg);--km-side-a:color-mix(in srgb, var(--km-fg) 7%, var(--km-bg));--km-side-b:color-mix(in srgb, var(--km-fg) 3%, var(--km-bg));--km-edge:color-mix(in srgb, var(--km-fg) 70%, var(--km-bg));--km-dim:color-mix(in srgb, var(--km-fg) 40%, var(--km-bg));--km-bevel:color-mix(in srgb, var(--km-fg) 12%, var(--km-bg));--km-red-side-a:#8e0a0a;--km-red-side-b:#6f0808;width:100%;min-width:0;max-width:52rem;color:var(--c-paper);margin-inline:auto;position:relative}.service-visual:is(.sv-websites,.sv-webanwendungen,.sv-seo-content,.sv-ki-sichtbarkeit,.sv-performance-marketing,.sv-automatisierung,.sv-hosting){--km-face:color-mix(in srgb, var(--km-fg) 8%, var(--km-bg));--km-side-a:color-mix(in srgb, var(--km-fg) 16%, var(--km-bg));--km-side-b:color-mix(in srgb, var(--km-fg) 4%, var(--km-bg));--km-edge:color-mix(in srgb, var(--km-fg) 82%, var(--km-bg))}.sv-stage{touch-action:pan-y;-webkit-tap-highlight-color:transparent;outline:none;width:100%;height:auto;display:block;overflow:visible}.service-visual:not(.sv-compact) .sv-stage{height:clamp(240px,34vw,460px)}.sv-compact .sv-stage{max-height:400px}.service-visual[data-scene]{flex-direction:column;justify-content:center;display:flex}.service-visual[data-scene] .sv-stage{flex:1;height:0;min-height:0}.service-visual[data-scene]:not(.is-active){pointer-events:none}.sv-hit-layer [data-part]{cursor:pointer;outline:none}.sv-stage[data-hovered=true]{cursor:pointer}@media (width<=639px){.sv-stage{width:100%;max-width:21rem;margin-inline:auto}}.service-visual .sv-loop-wave{animation:1.6s linear infinite sv-wave}.service-visual .sv-loop-blink{animation:2.4s ease-in-out infinite sv-blink}.service-visual .sv-loop-breathe{animation:3.2s ease-in-out infinite sv-breathe}.service-visual .sv-loop-cursor{animation:1.1s step-end infinite sv-cursor}@keyframes sv-wave{to{transform:translate(-32px)}}@keyframes sv-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes sv-breathe{0%,to{opacity:1}50%{opacity:.55}}@keyframes sv-cursor{0%{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.service-visual .sv-loop{animation:none}}