/* KI-Sichtbarkeit24 · Hero-Video v2 (01.11.2026): rahmenlos, Ränder laufen weich in den Hintergrund aus.
   Kein externer Player, kein Tracking, keine Cookies. */
.kx-hero-media{margin-top:56px}
.kx-hero-video{margin:0;aspect-ratio:16/9;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 94%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 6%,#000 94%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 6%,#000 94%,transparent 100%);mask-composite:intersect}
.kx-hero-video video{display:block;width:100%;height:100%;object-fit:cover}
.kxv-leiste{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:0 4px;font:500 11px/1 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--faint,#6E6759)}
.kxv-btn{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:6px 2px;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.kxv-btn:hover,.kxv-btn:focus-visible{color:var(--ink,#FBF7F0)}.kxv-btn:focus-visible{outline:1px solid #FFC24B;outline-offset:3px;border-radius:4px}
.kxv-btn svg{width:10px;height:10px;fill:currentColor}
@media (max-width:700px){.kx-hero-media{margin-top:40px}.kx-hero-video{aspect-ratio:4/5;max-width:520px;margin:0 auto}}
@media (prefers-reduced-motion:reduce){.kxv-btn{display:none}}
