/* Stabiles Original-Vorschaubild: der native Player wird erst beim Klick sichtbar. */
.video-vorschau { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 20px; background: var(--paper); }
.video-vorschau [hidden] { display: none !important; }
.video-vorschau .video-poster { position: absolute; inset: 0; display: block; width: 100%; height: 100%; padding: 0; border: 0; border-radius: inherit; background: var(--paper); color: white; cursor: pointer; }
.video-vorschau .video-poster img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: inherit; }
.video-play { position: absolute; bottom: 16px; left: 16px; display: grid; width: 64px; height: 64px; place-items: center; padding-left: 3px; border-radius: 50%; color: white; background: linear-gradient(135deg, #c94700, #d95a00); box-shadow: 0 8px 25px rgba(27,27,27,.24); font-size: 24px; line-height: 1; transition: transform 180ms ease, box-shadow 180ms ease; }
.video-poster:hover .video-play { transform: scale(1.06); box-shadow: 0 12px 30px rgba(27,27,27,.3); }
.video-poster:focus-visible { outline-offset: -5px; }
.video-vorschau video { display: block; width: 100%; height: 100%; aspect-ratio: 16 / 9; border-radius: inherit; }
.video-startstatus { position: absolute; bottom: 12px; left: 12px; right: 12px; padding: 8px 12px; border-radius: 12px; background: rgba(27,27,27,.9); color: white; font-size: .88rem; text-align: center; }
.kundenreferenz .video-vorschau { border-radius: 18px; }
@media (max-width: 520px) { .kundenreferenz .video-vorschau { border-radius: 15px; } }
@media (prefers-reduced-motion: reduce) { .video-play { transition: none; } .video-poster:hover .video-play { transform: none; } }