/* ── 1.70.14 Video-Editor ── */
.vx-sec{background:linear-gradient(180deg,#f7f8fd,#fff)}
.vx-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.vx-copy h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin:12px 0 16px}
.vx-feats{list-style:none;padding:0;margin:24px 0 28px;display:grid;gap:14px}
.vx-feats li{display:flex;gap:14px;align-items:flex-start}
.vx-fi{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#fde8f6,#efe9ff);color:#a52bf4}
.vx-fi .ic,.vx-fi svg{width:20px;height:20px}
.vx-feats b{display:block;font-size:16px;color:#0f1535}.vx-feats small{display:block;font-size:14px;color:#5b6478;margin-top:2px;line-height:1.5}
.vx-stage{position:relative;height:560px}
.vx-photos{position:absolute;left:0;top:70px;width:170px;height:300px}
.vx-photos img{position:absolute;width:130px;height:160px;object-fit:cover;border-radius:16px;border:4px solid #fff;box-shadow:0 18px 36px -18px rgba(20,20,70,.45);left:calc(var(--i) * 18px);top:calc(var(--i) * 62px);transform:rotate(calc(-8deg + var(--i) * 8deg));animation:vxFly 6s ease-in-out infinite;animation-delay:calc(var(--i) * .25s)}
.vx-arrow{position:absolute;left:170px;top:230px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#7b5cff;font-size:12.5px;font-weight:700}
.vx-arrow .ic{width:34px;height:34px;padding:8px;border-radius:50%;background:linear-gradient(135deg,#2f9bff,#c04bf2);color:#fff;animation:rxPulse 2s ease-in-out infinite}
.vx-phone{position:absolute;left:250px;top:10px;width:250px;height:444px;border-radius:38px;background:#11141c;padding:9px;box-shadow:0 40px 80px -30px rgba(40,20,90,.55),inset 0 0 0 1.5px #39404f;transition:width .6s cubic-bezier(.2,.7,.2,1),height .6s cubic-bezier(.2,.7,.2,1),top .6s,border-radius .6s}
.vx-phone[data-f="11"]{width:300px;height:318px;top:70px;border-radius:30px}
.vx-phone[data-f="169"]{width:360px;height:220px;top:120px;border-radius:24px}
.vx-screen{position:relative;width:100%;height:100%;border-radius:30px;overflow:hidden;background:#000}
.vx-phone[data-f="11"] .vx-screen{border-radius:22px}.vx-phone[data-f="169"] .vx-screen{border-radius:16px}
.vx-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:vxShow 9s infinite;animation-delay:calc(var(--i) * 3s)}
.vx-title{position:absolute;left:16px;right:16px;bottom:34px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45);animation:vxTitle 3s infinite}
.vx-title b{display:block;font-size:22px;font-family:var(--sr-font-display,inherit);line-height:1.1}.vx-title small{font-size:13px;opacity:.9}
.vx-phone[data-f="169"] .vx-title b{font-size:18px}
.vx-prog{position:absolute;left:14px;right:14px;top:12px;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
.vx-prog i{display:block;height:100%;background:#fff;animation:vxProg 9s linear infinite}
.vx-music{position:absolute;right:0;bottom:70px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eceef6;border-radius:16px;padding:10px 14px;box-shadow:0 18px 40px -22px rgba(20,20,70,.35);z-index:2}
.vx-note{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#ff6b8b,#c04bf2);color:#fff}.vx-note svg{width:18px;height:18px}
.vx-music b{display:block;font-size:14px;color:#0f1535}.vx-music small{font-size:12px;color:#7a8299}
.vx-wave{display:flex;align-items:center;gap:2px;height:26px;margin-left:4px}
.vx-wave i{width:3px;height:100%;border-radius:2px;background:linear-gradient(#7b5cff,#2f9bff);animation:vxWave 1s ease-in-out infinite;animation-delay:calc(var(--k) * -.09s);transform-origin:center}
.vx-formats{position:absolute;left:250px;bottom:8px;display:flex;gap:6px;background:#fff;border:1px solid #eceef6;border-radius:999px;padding:5px;box-shadow:0 14px 30px -20px rgba(20,20,70,.3)}
.vx-formats button{border:0;background:none;font:inherit;font-size:13px;font-weight:700;color:#5b6478;padding:7px 14px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}
.vx-formats button.on{background:linear-gradient(135deg,#4f46e5,#8b3cf0);color:#fff}
@keyframes vxShow{0%{opacity:0;transform:scale(1.12)}4%{opacity:1}33%{opacity:1;transform:scale(1)}37%{opacity:0}100%{opacity:0}}
@keyframes vxTitle{0%,10%{opacity:0;transform:translateY(16px)}20%,85%{opacity:1;transform:none}100%{opacity:0}}
@keyframes vxProg{from{width:0}to{width:100%}}
@keyframes vxWave{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
@keyframes vxFly{0%,100%{translate:0 0}50%{translate:8px -6px}}
@media (max-width:1050px){.vx-grid{grid-template-columns:1fr}.vx-stage{max-width:560px;margin:0 auto;width:100%}}
@media (max-width:600px){
  .vx-stage{height:500px}
  .vx-photos{left:0;top:40px;transform:scale(.72);transform-origin:left top}
  .vx-arrow{left:96px;top:170px}.vx-arrow span{display:none}
  .vx-phone{left:auto;right:0;width:210px;height:374px}
  .vx-phone[data-f="11"]{width:240px;height:254px;top:70px}.vx-phone[data-f="169"]{width:250px;height:156px;top:120px}
  .vx-music{left:0;right:auto;bottom:62px}.vx-wave{display:none}
  .vx-formats{left:50%;transform:translateX(-50%)}
}
@media (prefers-reduced-motion:reduce){.vx-slide,.vx-title,.vx-prog i,.vx-wave i,.vx-photos img{animation:none}.vx-slide:first-of-type{opacity:1}}
@media (max-width:600px){.vx-stage{height:460px}}
@keyframes rxPulse{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}
.vx-stage .ic{width:20px;height:20px}
/* Kachel auf der Startseite */
.bn-video{grid-column:span 6;display:grid!important;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;text-decoration:none;color:inherit}
.bn-video:hover{text-decoration:none}
.bn-ic-vid{background:linear-gradient(135deg,#ff6b8b,#c04bf2)!important;color:#fff!important}
.bn-more{display:inline-block;margin-top:12px;font-size:14px;font-weight:700;color:#5742f5}
.bn-vid{display:flex;gap:16px;align-items:center;justify-content:center}
.bn-vid-ph{position:relative;width:150px;height:250px;border-radius:24px;background:#11141c;padding:6px;box-shadow:0 24px 50px -24px rgba(40,20,90,.55);flex:none;overflow:hidden}
.bn-vid-ph .vx-slide{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);border-radius:19px;object-fit:cover}
.bn-vid-ph .vx-prog{top:14px;left:16px;right:16px}
.bn-vid-t{position:absolute;left:16px;right:12px;bottom:18px;color:#fff;font-size:15px;text-shadow:0 2px 10px rgba(0,0,0,.5);animation:vxTitle 3s infinite}
.bn-vid-side{display:grid;gap:10px;min-width:0}
.bn-vid-chips{display:flex;gap:6px}.bn-vid-chips span{font-size:12.5px;font-weight:700;padding:6px 11px;border-radius:999px;background:#f1f3f9;color:#5b6478}
.bn-vid-chips span.on{background:linear-gradient(135deg,#4f46e5,#8b3cf0);color:#fff;animation:vxChip 6s infinite}
.bn-vid-mus{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #eceef6;border-radius:14px;padding:8px 12px}
.bn-vid-mus .vx-note{width:30px;height:30px;border-radius:9px}
.bn-vid-fx{display:flex;flex-wrap:wrap;gap:6px}.bn-vid-fx span{font-size:12.5px;font-weight:600;color:#a52bf4;background:#fbeefe;border-radius:999px;padding:5px 10px}
@keyframes vxChip{0%,100%{filter:none}50%{filter:brightness(1.15)}}
@media (max-width:900px){.bn-video{grid-column:span 2!important;grid-template-columns:1fr}}
@media (max-width:600px){.bn-video{grid-column:span 1!important}.bn-vid{justify-content:flex-start}}