/* Karten-Übergang (07.10.2026): Ausgangsschicht für die Karten „Nächste Station“ (.b-naechste).
   Bewegung fährt karten-uebergang.js per Web Animations; die Ankunft steht in ankunft.css/.js.
   Der Hero-Verlauf der Zielseite kommt aus ankunft.css (.ank-bruecke--<slug> .ank-bruecke__bild::after). */
.kue { position: fixed; inset: 0; z-index: 300; overflow: hidden; contain: strict; isolation: isolate; cursor: progress; pointer-events: auto; }
.kue > * { position: absolute; }
.kue__grund { inset: 0; opacity: 0; }
.kue__fenster { inset: 0; overflow: hidden; will-change: clip-path; }
.kue__bild { position: absolute; max-width: none; transform-origin: 0 0; will-change: transform, filter; }
.kue__verlauf { position: absolute; inset: 0; opacity: 0; pointer-events: none; }
.kue__verlauf .ank-bruecke__bild { position: absolute; overflow: visible; }
/* gleicher Verlauf wie .b-naechste::after (bereich.css) */
.kue__kartenverlauf { left: 0; top: 0; transform-origin: 0 0; will-change: transform, opacity;
  background: linear-gradient(0deg, rgba(7, 14, 22, .92), rgba(7, 14, 22, 0) 60%); }
.kue__text { position: absolute; right: auto; bottom: auto; z-index: 2; margin: 0; will-change: opacity, transform; }

/* Glutnebel tritt während des Übergangs zurück (wie start-v2/uebergang.css), auf der Zielseite blendet er von selbst auf */
html.kue-aktiv .atmo-nebel { opacity: 0 !important; transition: opacity .5s cubic-bezier(.65, 0, .25, 1) !important; }
@media print { .kue { display: none; } }