/* Weiche Seitenwechsel (View Transitions zwischen Seiten).
   Chrome, Edge, Safari 18+. Andere Browser wechseln wie bisher ohne Animation. */
@view-transition {
  navigation: auto;
}

/* Kopfzeile bleibt beim Wechsel stehen, nur der Inhalt blendet ueber */
.header-wrapper {
  view-transition-name: site-header;
}

::view-transition-old(root) {
  animation: tendre-fade-out 160ms ease-in both;
}
::view-transition-new(root) {
  animation: tendre-fade-in 260ms ease-out both;
}

@keyframes tendre-fade-out {
  to { opacity: 0; }
}
@keyframes tendre-fade-in {
  from { opacity: 0; transform: translateY(8px); }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}