/* Basis: Übergang für das ::after-Element der Menüeinträge aktivieren.
   Die Eigenschaft top ist bereits im bestehenden CSS (10px) definiert. */
header .navigation .menu > li.menu-item::after,
header .navigation .menu > li.menu-item > a::after {
    transition: top 0.2s ease-in-out;
}

/* Sobald der Header die Klasse "smallHeader" bekommt,
   wird top von 10px auf 8px animiert. */
header.smallHeader .navigation .menu > li.menu-item::after,
header.smallHeader .navigation .menu > li.menu-item > a::after {
    top: 8px !important;
}