/* Kopfbereich: Logo zuerst, danach Navigation gestaffelt von rechts */
@media(prefers-reduced-motion:no-preference){
body.en-header-intro .site-header .brand{animation:enLogoIntro 1.7s cubic-bezier(.18,.8,.2,1) both}
body.en-header-intro .site-header .main-nav>a{animation:enNavIntro 1.55s cubic-bezier(.16,.8,.22,1) both}
body.en-header-intro .site-header .main-nav>a:nth-child(1){animation-delay:.7s}
body.en-header-intro .site-header .main-nav>a:nth-child(2){animation-delay:1.03s}
body.en-header-intro .site-header .main-nav>a:nth-child(3){animation-delay:1.36s}
body.en-header-intro .site-header .main-nav>a:nth-child(4){animation-delay:1.69s}
body.en-header-intro .site-header .main-nav>a:nth-child(5){animation-delay:2.02s}
body.en-header-intro .site-header .main-nav>a:nth-child(6){animation-delay:2.35s}
@keyframes enLogoIntro{from{opacity:0;transform:translateY(-28px) scale(.76);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes enNavIntro{from{opacity:0;transform:translateX(110px) scale(.92);filter:blur(4px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
}
@media(prefers-reduced-motion:reduce){body.en-header-intro .site-header .brand,body.en-header-intro .site-header .main-nav>a{animation:none!important}}