/* NFC-Seite, Abschnitt „Karte“ (30.10.2026): zwei kurze Schleifen-Videos klein nebeneinander, Klick vergrößert.
   Nur transform und opacity bewegen sich; Videos laden erst ganz zuletzt (js/karte-video.js). */
.kv{margin:clamp(28px,5vw,56px) auto 0;max-width:560px;padding:0 16px;text-align:center}
.kv__h{margin:0 0 6px;font-size:clamp(1.15rem,1rem + .6vw,1.5rem)}
.kv__p{margin:0 0 18px;font-size:16px;line-height:1.5;text-align:center}
.kv__reihe{display:flex;gap:14px;justify-content:center;align-items:flex-start}
.kv__f{margin:0;flex:0 1 200px;min-width:0}
.kv__b{position:relative;display:block;width:100%;padding:0;border:0;background:#0f1b2d;border-radius:12px;overflow:hidden;
  cursor:zoom-in;aspect-ratio:9/16;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.kv__b video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out}
.kv__b:hover video,.kv__b:focus-visible video{transform:scale(1.03)}
.kv__b:focus-visible{outline:3px solid #e8853a;outline-offset:3px}
.kv__f figcaption{margin-top:8px;font-size:14px;line-height:1.3}
.kv .ki-label{right:6px;bottom:6px}
dialog.kv__dlg{border:0;padding:0;background:transparent;max-width:100vw;max-height:100dvh;overflow:visible}
dialog.kv__dlg::backdrop{background:rgba(5,12,24,.86)}
.kv__gross{position:relative;display:block;margin:0 auto;width:min(94vw,calc(86dvh * 9 / 16));aspect-ratio:9/16;background:#000;border-radius:12px;overflow:hidden}
.kv__gross video{width:100%;height:100%;object-fit:contain;display:block}
.kv__zu{position:absolute;top:8px;right:8px;z-index:3;min-width:44px;min-height:44px;border:0;border-radius:999px;background:rgba(10,31,60,.88);
  color:#fff;font:600 16px/1 var(--sans,inherit);cursor:pointer;padding:0 14px}
.kv__zu:focus-visible{outline:3px solid #fff;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.kv__b video{transition:none}.kv__b:hover video{transform:none}}