<div class="wfa-wrap"><style>.wfa-wrap{font-family:system-ui,-apple-system,sans-serif;background:#fff;border:1px solid #eee;border-radius:24px;padding:24px;box-shadow:0 10px 30px rgba(17,24,39,.06);max-width:100%;overflow:hidden}.wfa-title{margin:0 0 18px;font-size:20px;line-height:1.2;color:#111827;font-weight:700}.wfa-stage{position:relative;max-width:980px;margin:0 auto;height:420px}.wfa-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wfa-line{fill:none;stroke:#c4b5fd;stroke-width:4;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;animation:wfa-draw 2s ease forwards}.wfa-line-2{animation-delay:.45s}.wfa-line-3{animation-delay:.9s}.wfa-line-4{animation-delay:1.35s}.wfa-node{position:absolute;width:180px;min-height:88px;background:#fff;border:1px solid #ede9fe;border-radius:16px;box-shadow:0 10px 24px rgba(124,58,237,.08);padding:14px 14px 12px;display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateY(18px);animation:wfa-in .6s ease forwards}.wfa-node:nth-of-type(2){animation-delay:.1s}.wfa-node:nth-of-type(3){animation-delay:.5s}.wfa-node:nth-of-type(4){animation-delay:.95s}.wfa-node:nth-of-type(5){animation-delay:1.4s}.wfa-icon{width:38px;height:38px;min-width:38px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(124,58,237,.25)}.wfa-label{font-size:14px;line-height:1.35;color:#111827;font-weight:600}.wfa-sub{font-size:12px;line-height:1.35;color:#6b7280;margin-top:4px}.wfa-n1{left:2%;top:24px}.wfa-n2{left:28%;top:24px}.wfa-n3{left:54%;top:24px}.wfa-n4{left:28%;top:224px}.wfa-n5{left:54%;top:224px}.wfa-pulse{offset-path:path('M 160 68 C 210 68, 230 68, 280 68 S 410 68, 460 68 S 590 68, 640 68 C 640 110, 640 150, 640 190 S 640 270, 640 286 C 590 286, 560 286, 510 286 S 390 286, 340 286');offset-distance:0%;position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;background:#7c3aed;box-shadow:0 0 0 0 rgba(124,58,237,.45);animation:wfa-move 6s linear infinite 1.8s,wfa-ping 1.8s ease-out infinite 1.8s}.wfa-caption{margin-top:14px;font-size:13px;color:#6b7280;text-align:center}.wfa-mini svg{display:block}.wfa-icon svg{width:20px;height:20px}.wfa-icon span{font-size:18px;line-height:1}@keyframes wfa-in{to{opacity:1;transform:translateY(0)}}@keyframes wfa-draw{to{stroke-dashoffset:0}}@keyframes wfa-move{0%{offset-distance:0%;opacity:0}8%{opacity:1}92%{opacity:1}100%{offset-distance:100%;opacity:0}}@keyframes wfa-ping{0%{box-shadow:0 0 0 0 rgba(124,58,237,.35)}70%{box-shadow:0 0 0 12px rgba(124,58,237,0)}100%{box-shadow:0 0 0 0 rgba(124,58,237,0)}}@media (max-width:900px){.wfa-stage{height:640px}.wfa-node{width:44%;min-height:92px}.wfa-n1{left:2%;top:20px}.wfa-n2{left:52%;top:20px}.wfa-n3{left:2%;top:160px}.wfa-n4{left:52%;top:160px}.wfa-n5{left:27%;top:320px}.wfa-line{stroke-width:3}.wfa-pulse{display:none}}@media (max-width:560px){.wfa-wrap{padding:16px}.wfa-stage{height:620px}.wfa-node{width:100%;left:0!important}.wfa-n1{top:10px}.wfa-n2{top:130px}.wfa-n3{top:250px}.wfa-n4{top:370px}.wfa-n5{top:490px}.wfa-svg{display:none}.wfa-pulse{display:none}.wfa-title{font-size:18px}}</style><div class="wfa-title">Automatisierter Workflow für Rechnungsverarbeitung</div><div class="wfa-stage"><svg class="wfa-svg" viewBox="0 0 900 420" preserveAspectRatio="none" aria-hidden="true"><path class="wfa-line wfa-line-1" d="M160 68 C210 68, 230 68, 280 68"/><path class="wfa-line wfa-line-2" d="M440 68 C490 68, 510 68, 540 68"/><path class="wfa-line wfa-line-3" d="M640 112 C640 150, 640 190, 640 224"/><path class="wfa-line wfa-line-4" d="M540 286 C490 286, 450 286, 440 286"/></svg><div class="wfa-pulse"></div><div class="wfa-node wfa-n1"><div class="wfa-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 6h16v12H4z"/><path d="M4 7l8 6 8-6"/></svg></div><div><div class="wfa-label">Gmail Trigger</div><div class="wfa-sub">Neue E-Mail mit Rechnung eingeht</div></div></div><div class="wfa-node wfa-n2"><div class="wfa-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16l4-3h10a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/></svg></div><div><div class="wfa-label">Anhang erfassen</div><div class="wfa-sub">PDF oder Bild wird übernommen</div></div></div><div class="wfa-node wfa-n3"><div class="wfa-icon"><span>✦</span></div><div><div class="wfa-label">KI extrahiert Daten</div><div class="wfa-sub">Betrag, Lieferant, Datum, Fälligkeit</div></div></div><div class="wfa-node wfa-n4"><div class="wfa-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 10h18"/><path d="M8 4v16"/></svg></div><div><div class="wfa-label">Google Sheets</div><div class="wfa-sub">Rechnungsdaten tabellarisch speichern</div></div></div><div class="wfa-node wfa-n5"><div class="wfa-icon"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 4h10a4 4 0 0 1 4 4v12H9a4 4 0 0 1-4-4z"/><path d="M9 8h6"/><path d="M9 12h6"/></svg></div><div><div class="wfa-label">Notion Dokumentation</div><div class="wfa-sub">Status, Prüfung und Ablage zentralisieren</div></div></div></div><div class="wfa-caption">Mit Mindverse Studio per No-Code Builder, KI-Agenten und automatischen Aktionen umgesetzt.</div><script>(function(){var wrap=document.currentScript.parentElement;var prefersReduce=window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches;if(prefersReduce){wrap.querySelectorAll('.wfa-node,.wfa-line,.wfa-pulse').forEach(function(el){el.style.animation='none';el.style.opacity='1';el.style.transform='none'});}})();</script></div>
.png)
