/* WOHLFEIL Video-Karte mit bewegter Vorschau. */
/* In Flex-Containern volle Breite erzwingen, sonst misst Chrome die Höhe (aspect-ratio) als 0. */
.elementor-widget-shortcode:has(.wf-vid){width:100%}
.wf-vid{position:relative;aspect-ratio:16/9;border-radius:3px;overflow:hidden;background:#0E3123;box-shadow:0 30px 60px -30px rgba(14,49,35,.55)}
.wf-vid__stage,.wf-vid__stage video,.wf-vid__film{position:absolute;inset:0;width:100%;height:100%}
.wf-vid__stage video{object-fit:cover;display:block}
.wf-vid::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,36,25,.55),rgba(10,36,25,0) 45%);pointer-events:none;transition:opacity .3s}
.wf-vid.is-playing::after{opacity:0}

.wf-vid .wf-vid__play,.wf-vid .wf-vid__play:hover,.wf-vid .wf-vid__play:focus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;align-items:center;gap:16px;padding:0;margin:0;border:0;background:none;color:#fff;cursor:pointer;text-align:left}
.wf-vid__play-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:3px;background:#1C5C3E;color:#fff;box-shadow:0 12px 30px -10px rgba(0,0,0,.5);transition:background .2s,transform .2s}
.wf-vid__play-icon svg{margin-left:3px}
.wf-vid .wf-vid__play:hover .wf-vid__play-icon{background:#0E3123;transform:scale(1.04)}
.wf-vid .wf-vid__play:focus-visible{outline:none}
.wf-vid .wf-vid__play:focus-visible .wf-vid__play-icon{outline:3px solid #B0892B;outline-offset:3px}
.wf-vid__play-text{display:flex;flex-direction:column;gap:2px;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.wf-vid__play-title{font:600 20px/1.2 Poppins,Arial,sans-serif;color:#fff}
.wf-vid__play-meta{font:400 14px/1.3 Inter,Arial,sans-serif;color:#E6EDE9}

.wf-vid .wf-vid__pause,.wf-vid .wf-vid__pause:hover,.wf-vid .wf-vid__pause:focus{position:absolute;right:16px;bottom:16px;z-index:3;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:3px;background:rgba(10,36,25,.6);color:#fff;cursor:pointer}
.wf-vid .wf-vid__pause:focus-visible{outline:3px solid #B0892B;outline-offset:2px}
.wf-vid__i-play{display:none}
.wf-vid__pause[aria-pressed=true] .wf-vid__i-pause{display:none}
.wf-vid__pause[aria-pressed=true] .wf-vid__i-play{display:block}
.wf-vid.is-playing .wf-vid__play,.wf-vid.is-playing .wf-vid__pause,.wf-vid.no-motion .wf-vid__pause{display:none}
.wf-vid__film{z-index:4;background:#000;object-fit:contain}

@media (max-width:767px){
  .wf-vid .wf-vid__play,.wf-vid .wf-vid__play:hover,.wf-vid .wf-vid__play:focus{flex-direction:column;gap:10px;text-align:center}
  .wf-vid__play-icon{width:64px;height:64px}
  .wf-vid__play-title{font-size:16px}
  .wf-vid__play-meta{font-size:13px}
  .wf-vid .wf-vid__pause{right:10px;bottom:10px;width:38px;height:38px}
}