/* © 2026 Online Network Vision S.L. · LR Lifestyle Team · Weihnachtsfilm-Seite · Kennung lrlt-weihnacht-20261027
   Baut auf stil-basis.css auf (Gestaltung von lr-job.eu/auto: Glas im Tageslicht, Fraunces + Manrope, LR-Grün #0F7A5A).
   Neu hier nur: der Hochkant-Film (9:16), der Startknopf darauf und die zwei Karten darunter. Papierton #EFE6D8 aus dem Titelbild gemessen. */

.wn-auftakt .buehne{align-items:center}
.wn-text h1{margin-top:0}

/* ---------- Der Film ---------- */
.wn-film{display:flex;flex-direction:column;align-items:center;min-width:0}
.wn-rahmen{position:relative;aspect-ratio:9/16;width:min(100%,440px);border-radius:28px;overflow:hidden;background:#EFE6D8;
  box-shadow:0 40px 80px rgba(16,32,26,.18),0 0 0 1px rgba(255,255,255,.85) inset}
@media(min-width:900px){
  .wn-rahmen{width:min(100%,calc((100svh - 190px) * 9 / 16));min-width:340px}
}
.wn-rahmen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#EFE6D8}
.wn-play{position:absolute;inset:0;width:100%;border:0;margin:0;padding:0 0 22px;background:linear-gradient(to top,rgba(16,32,26,.55) 0%,rgba(16,32,26,0) 34%);
  cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;color:#fff;font:inherit}
.wn-play .kreis{position:absolute;left:50%;top:72%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(255,255,255,.94);
  box-shadow:0 14px 36px rgba(16,32,26,.28),0 0 0 10px rgba(255,255,255,.28)}
.wn-play .kreis::after{content:"";position:absolute;left:34px;top:26px;border-left:24px solid var(--gruen);border-top:16px solid transparent;border-bottom:16px solid transparent}
.wn-play:hover .kreis,.wn-play:focus-visible .kreis{box-shadow:0 14px 36px rgba(16,32,26,.32),0 0 0 14px rgba(255,255,255,.4)}
.wn-play:focus-visible{outline:3px solid var(--gruen);outline-offset:-3px;border-radius:28px}
.wn-play-text{display:block;text-align:center;font-size:.95rem;line-height:1.35;text-shadow:0 1px 10px rgba(0,0,0,.55)}
.wn-play-text b{display:block;font-family:var(--fd);font-size:1.6rem;font-weight:600;line-height:1.1}
.wn-rahmen.laeuft .wn-play{display:none}
.wn-unterzeile{margin:14px 0 0;font-size:.85rem;color:var(--dim);text-align:center;max-width:440px}

/* ---------- Karten darunter ---------- */
.wn-weiter{padding-top:24px}
.wn-karte{padding:34px 30px;max-width:880px;margin-inline:auto}
.wn-karte h2{margin:0 0 14px}
.wn-karte p{margin:0 0 14px;color:var(--ink2);font-size:1.05rem;max-width:640px}
.wn-karte .wn-klein{font-size:.92rem;color:var(--dim);margin-bottom:22px}
.wn-knoepfe .knopf{margin-top:0}
.wn-teilen{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;padding:22px 26px;max-width:880px;margin:18px auto 0}
.wn-teilen b{display:block;font-family:var(--fd);font-size:1.3rem;line-height:1.2;color:var(--ink)}
.wn-teilen p{margin:4px 0 0;color:var(--ink2)}
.wn-teilen .reihe .knopf{margin-top:0}
.wn-status{flex-basis:100%;margin:0;min-height:0;font-size:.9rem;color:var(--gruen2);font-weight:700}
.wn-status:empty{display:none}
@media(max-width:600px){
  .wn-karte{padding:26px 20px}
  .wn-teilen{padding:20px}
  .wn-knoepfe .knopf,.wn-teilen .reihe .knopf,.wn-knoepfe-oben .knopf{flex:1 1 100%;justify-content:center}
}