/* Harry Types: Bewegung 21.10.2026, nach Emil Kowalskis Animations-Regeln */
:root{--ht-ease-out:cubic-bezier(0.23,1,0.32,1)}

/* Einblendungen beim Scrollen: kürzer und mit starker ease-out (vorher 0,8 s, 28 px) */
.rv{transform:translateY(16px);transition:opacity .5s var(--ht-ease-out),transform .5s var(--ht-ease-out)}
.rv.in{opacity:1;transform:none}

/* Schrittwechsel im Buchungsweg und im Fragen-Assistenten: neuer Schritt blendet ein und rückt 8 px hoch */
.bk fieldset.bst,.cform.steps .fgrid.ks.on{transition:opacity 220ms var(--ht-ease-out),transform 220ms var(--ht-ease-out)}
@starting-style{
  .bk fieldset.bst{opacity:0;transform:translateY(8px)}
  .cform.steps .fgrid.ks.on{opacity:0;transform:translateY(8px)}
}
.stbar i,.ksbar i{transition:width 250ms var(--ht-ease-out)}