/* NEXAS Media — Vimeo 2-Klick-Fassade
   Füllt den Video-Wrapper (.ht-video, .rk-split-img …), Poster + Play-Button
   im Seiten-Stil (Navy, Cyan-Glow), Hinweiszeile zur Datenübertragung. */

.nx-vimeo-facade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  background: #061224;
  cursor: pointer;
  overflow: hidden;
  -webkit-appearance: none;
  appearance: none;
}

.nx-vimeo-facade img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Play-Button: Kreis mit Cyan-Glow, Hover-Scale */
.nx-vf-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(56px, 7vw, 80px);
  height: clamp(56px, 7vw, 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(6, 18, 36, 0.72);
  border: 1px solid rgba(22, 224, 255, 0.45);
  box-shadow:
    0 0 40px rgba(22, 224, 255, 0.35),
    0 10px 40px -10px rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
  pointer-events: none;
}

.nx-vf-play svg {
  width: 38%;
  height: 38%;
  margin-left: 6%;
  fill: #16e0ff;
  filter: drop-shadow(0 0 8px rgba(22, 224, 255, 0.6));
}

.nx-vimeo-facade:hover .nx-vf-play,
.nx-vimeo-facade:focus-visible .nx-vf-play {
  transform: translate(-50%, -50%) scale(1.08);
  box-shadow:
    0 0 60px rgba(22, 224, 255, 0.55),
    0 10px 40px -10px rgba(0, 0, 0, 0.7);
}

.nx-vimeo-facade:focus-visible {
  outline: 2px solid #16e0ff;
  outline-offset: -2px;
}

/* Hinweiszeile unten */
.nx-vf-note {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px 14px;
  font-size: 12px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  background: rgba(4, 12, 24, 0.62);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  pointer-events: none;
}

/* Nach Klick eingesetztes iframe füllt den Wrapper */
.nx-vf-iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}