/* ===== Digitale Services Hero – "Reichweite" =====
   Elementor nutzt ::before/::after an Containern selbst – daher eingefuegte <span>s. */
.elementor-element-71f6e283{position:relative;isolation:isolate;overflow:hidden}
.elementor-element-18ba930a{position:relative;z-index:2}

/* Mockup-Layout korrigieren: Browser-Leiste oben, Inhaltsflaeche darunter */
.elementor-element-5b647d4e{flex-direction:column!important;position:relative}
.elementor-element-5759223d{flex:1 1 auto}

/* Hintergrund-Canvas */
.vrts-ds-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.6s ease}
.vrts-ds-canvas.is-ready{opacity:1}

/* Text-Einblendung */
html.vrts-ds-anim .elementor-element-71f6e283 [data-id="145de523"],
html.vrts-ds-anim .elementor-element-71f6e283 [data-id="4cb4abf3"],
html.vrts-ds-anim .elementor-element-524f3595{opacity:0;transform:translateY(18px);animation:vrtsDsFadeUp .9s cubic-bezier(.2,.7,.2,1) forwards}
html.vrts-ds-anim .elementor-element-71f6e283 [data-id="145de523"]{animation-delay:.05s}
html.vrts-ds-anim .elementor-element-71f6e283 [data-id="4cb4abf3"]{animation-delay:.75s}
html.vrts-ds-anim .elementor-element-524f3595{animation-delay:.95s}
html.vrts-ds-anim .elementor-element-71f6e283 [data-id="f0b9110"]{opacity:0;animation:vrtsDsShow .01s 1.5s forwards}
html.vrts-ds-anim .elementor-element-71f6e283 [data-id="f0b9110"].is-split{opacity:1;animation:none}
.vrts-ds-word{display:inline-block;opacity:0;transform:translateY(.45em);filter:blur(8px);animation:vrtsDsWord .9s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.15s + var(--i) * .09s)}
@keyframes vrtsDsFadeUp{to{opacity:1;transform:none}}
@keyframes vrtsDsShow{to{opacity:1}}
@keyframes vrtsDsWord{to{opacity:1;transform:none;filter:blur(0)}}

/* Karte: ersetzt die Elementor-Interaktion "Scale In" (haengt auf Mobil bei scale(0)) */
.elementor-element-1d0eb86a{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) rotateZ(var(--rz,2deg))!important;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .45s!important;position:relative}
.elementor-element-1d0eb86a.is-hover{--rz:0deg;transition:transform .12s linear,box-shadow .45s!important}
html.vrts-ds-anim .elementor-element-1d0eb86a{opacity:0;animation:vrtsDsCardIn 1.1s .35s cubic-bezier(.2,.7,.2,1) forwards,vrtsDsFloat 7s 1.5s ease-in-out infinite}
@keyframes vrtsDsCardIn{0%{opacity:0;scale:.94}100%{opacity:1;scale:1}}
@keyframes vrtsDsFloat{0%,100%{translate:0 0}50%{translate:0 -10px}}

/* Domain mit Schloss + Tipp-Cursor */
.vrts-ds-lock{display:inline-block;width:.62rem;height:.62rem;margin-right:.3rem;vertical-align:-.05rem;color:#2E9E7A}
.vrts-ds-caret{display:inline-block;width:1px;height:.85em;margin-left:1px;vertical-align:-.1em;background:#176FA7;animation:vrtsDsBlink 1s steps(1) infinite}
@keyframes vrtsDsBlink{50%{opacity:0}}

/* Kanal-Chips */
.vrts-ds-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}
.vrts-ds-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.28rem .55rem;border-radius:2rem;background:rgba(255,255,255,.85);border:1px solid #CFE3EF;font:700 .64rem/1 Manrope,sans-serif;color:#18334F;opacity:0;transform:translateY(6px) scale(.92);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.vrts-ds-chip.is-on{opacity:1;transform:none}
.vrts-ds-chip i{width:.42rem;height:.42rem;border-radius:50%;background:#14A8C8;box-shadow:0 0 0 0 rgba(20,168,200,.5)}
.vrts-ds-chip.is-on i{animation:vrtsDsPing 2.4s ease-out infinite}
@keyframes vrtsDsPing{0%{box-shadow:0 0 0 0 rgba(20,168,200,.5)}70%,100%{box-shadow:0 0 0 6px rgba(20,168,200,0)}}

/* Button: nur so breit wie der Text, mit Klick-Effekt */
.elementor-element-1b86ee3a{position:relative;overflow:hidden;width:fit-content!important;max-width:100%;transition:transform .15s ease,box-shadow .3s ease}
.elementor-element-1b86ee3a.is-press{transform:scale(.94);box-shadow:0 0 0 4px rgba(23,111,167,.18)}
.vrts-ds-ripple{position:absolute;left:var(--x);top:var(--y);width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:rgba(255,255,255,.55);pointer-events:none;animation:vrtsDsRipple .7s ease-out forwards}
@keyframes vrtsDsRipple{to{transform:scale(18);opacity:0}}

/* Cursor */
.vrts-ds-cursor{position:absolute;left:0;top:0;width:20px;height:20px;z-index:5;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 3px rgba(6,38,70,.3));will-change:transform}

/* Toast "Tickets gebucht" */
.vrts-ds-toast{position:absolute;right:.8rem;top:3.1rem;z-index:4;display:flex;align-items:center;gap:.5rem;padding:.55rem .75rem;border-radius:.65rem;background:#fff;border:1px solid #D6E7F0;box-shadow:0 10px 24px rgba(6,38,70,.16);font:700 .72rem/1.2 Manrope,sans-serif;color:#18334F;opacity:0;transform:translateY(-8px) scale(.95);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.vrts-ds-toast.is-on{opacity:1;transform:none}
.vrts-ds-toast b{display:grid;place-items:center;width:1.2rem;height:1.2rem;border-radius:50%;background:#E3F6EE;color:#2E9E7A;font-size:.7rem}
.vrts-ds-toast small{display:block;font-weight:500;font-size:.62rem;color:#6A7F91;margin-top:.1rem}

@media(prefers-reduced-motion:reduce){
  .vrts-ds-canvas,.vrts-ds-cursor,.vrts-ds-toast{display:none}
  .elementor-element-1d0eb86a{animation:none!important}
}