/* Übungsvideos (25.10.2026): Videoblöcke, Audio-Player, Karten für Hub und «Weitere Übungen». Wird nur auf Übungsseiten geladen. */
.ue-hero .bp-hero-grid{grid-template-columns:minmax(0,1fr)}
.ue-hero .bp-head{max-width:820px}
.ue-fig{margin:0 0 clamp(28px,3.2vw,44px)}
.ue-v{position:relative;border-radius:var(--r-l,24px);overflow:hidden;background:#0b1626;box-shadow:0 40px 80px -48px rgba(15,30,60,.5);aspect-ratio:16/9}
.ue-v video{display:block;width:100%;height:100%;object-fit:cover;background:#0b1626}
.ue-fig figcaption{font-size:.86rem;line-height:1.5;color:var(--muted);margin-top:12px}
.ue-var{margin:0 0 clamp(36px,4vw,56px)}
.ue-var>h3{margin:0 0 .5em}
.ue-var>p{margin:0 0 1.2em}
.ue-figs{display:grid;gap:clamp(18px,2.4vw,28px);grid-template-columns:minmax(0,1fr)}
.ue-figs .ue-fig{margin:0}
.ue-figs.ue-n2,.ue-figs.ue-n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.ue-figs.ue-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ue-ausb{margin:clamp(20px,2.4vw,28px) 0 0;padding:16px 20px;border-radius:16px;background:rgba(15,40,90,.05);font-size:.95rem;line-height:1.6}
.ue-disc{margin:clamp(32px,4vw,48px) 0 20px;padding:20px 24px;border-radius:16px;background:rgba(190,40,40,.06);box-shadow:inset 4px 0 0 rgba(190,40,40,.55);line-height:1.6}
.ue-disc p{margin:0}
.ue-grp{margin:2.2em 0 .6em;padding-top:1.4em;border-top:1px solid var(--line)}
.ue-steps,.ue-errs{margin:0 0 1.6em;padding-left:1.3em}
.ue-steps li,.ue-errs li{margin:0 0 .75em;padding-left:.3em}
.ue-steps li::marker{color:var(--blue);font-weight:600}
.ue-audio{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.ue-au-t{margin:0 0 12px;font-size:.95rem;line-height:1.5}
.ue-au-t b{font-weight:600}
.ue-au-el{display:block;width:100%;max-width:520px}
.ue-au-bar{display:flex;align-items:center;gap:12px;max-width:560px}
.ue-au-bar[hidden]{display:none}
.ue-au-play,.ue-au-rate{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;font:inherit;color:#fff;background:var(--c1,var(--blue))}
.ue-au-play{width:46px;height:46px;border-radius:50%}
.ue-au-rate{min-width:48px;height:36px;padding:0 12px;border-radius:999px;font-size:.86rem;font-weight:600;color:var(--ink);background:transparent;box-shadow:inset 0 0 0 1.5px var(--line)}
.ue-au-play:focus-visible,.ue-au-rate:focus-visible,.ue-au-seek:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.ue-au-seek{flex:1 1 auto;min-width:0;height:28px;margin:0;accent-color:var(--c1,var(--blue));cursor:pointer}
.ue-au-time{flex:0 0 auto;font-size:.86rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.ue-au-st{display:block;margin-top:8px;font-size:.86rem;color:var(--muted);min-height:1.2em}
.ue-rel-sec .bp-rel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}
.ue-rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:clamp(18px,2.4vw,28px)}
.ue-rel{display:flex;flex-direction:column;gap:6px;padding:14px 14px 20px;border-radius:24px;background:#fff;box-shadow:0 2px 6px rgba(15,25,40,.05),0 26px 50px -30px rgba(15,25,40,.35);transition:transform .35s var(--ease-out,ease),box-shadow .35s}
.ue-rel:hover{transform:translateY(-10px);box-shadow:0 2px 6px rgba(15,25,40,.05),0 44px 70px -30px rgba(15,25,40,.45)}
.ue-rel-i{display:block;border-radius:16px;overflow:hidden;background:#0b1626;aspect-ratio:16/9;margin-bottom:8px}
.ue-rel-i img{width:100%;height:100%;object-fit:cover;display:block}
.ue-rel b{font-weight:500;font-size:1.05rem;color:var(--ink);padding:0 6px}
.ue-rel .w-kicker{padding:0 6px}
.ue-rel small{font-size:.86rem;line-height:1.5;color:var(--muted);padding:0 6px}
/* Block «Alle Varianten als Video» auf bestehenden Seiten */
.ue-ext{margin:clamp(40px,5vw,64px) 0}
.ue-ext h2{margin-bottom:.5em}
@media (max-width:700px){
  .ue-figs.ue-n2,.ue-figs.ue-n3,.ue-figs.ue-n4{grid-template-columns:minmax(0,1fr)}
  .ue-au-bar{flex-wrap:wrap}
  .ue-au-seek{order:3;flex:1 0 100%}
}
@media (prefers-reduced-motion:reduce){.ue-rel,.ue-rel:hover{transition:none;transform:none}}
.ue-note{font-size:.92rem;color:var(--muted);margin:-.4em 0 1.2em}

.ue-shop{margin:clamp(28px,4vw,44px) 0;padding:22px 24px;border-radius:16px;background:rgba(30,90,200,.06);box-shadow:inset 4px 0 0 var(--c1,#2a5bd7);line-height:1.6}.ue-shop p{margin:0 0 14px}.ue-shop .ctas{display:flex;flex-wrap:wrap;gap:12px;margin:0}