.newsCmp__base{--line-width:77px;margin-bottom:var(--d110);margin-top:var(--d90);opacity:0;transition:opacity .5s ease-in}
.newsCmp__base.animated{opacity:1}
.newsCmp__item{margin-bottom:var(--d90);padding-top:calc(8px + var(--d30));position:relative;transition:transform .3s ease-in}
.newsCmp__item-1{transform:translateY(100px);transition-duration:.3s}
.newsCmp__base.animated .newsCmp__item-1{transform:translateY(0)}
.newsCmp__item-2{transform:translateY(200px);transition-duration:.6s}
.newsCmp__base.animated .newsCmp__item-2{transform:translateY(0)}
.newsCmp__item-3{transform:translateY(300px);transition-duration:.9s}
.newsCmp__base.animated .newsCmp__item-3{transform:translateY(0)}
.newsCmp__date,.newsCmp__headline{color:#1a1a1a}
.newsCmp__date,.newsCmp__link{font:var(--standard);letter-spacing:var(--lspacing-standard,normal)}
.newsCmp__headlineLink{display:block}
.newsCmp__headlineLink:before{content:"";width:calc(var(--line-width)/2);height:8px;background-color:#e82025;position:absolute;top:0;left:0;transition:width .5s ease-out}
.newsCmp__headlineLink:hover:before,.newsCmp__headlineLink.hasFocus:before{width:var(--line-width)}
.newsCmp__headlineLink,.newsCmp__headlineLink:hover,.newsCmp__headlineLink:active,.newsCmp__headlineLink:focus{text-decoration:none}
.newsCmp__headlineLink.hasFocus{outline:4px solid #1a1a1a}
.newsCmp__headline{font:var(--t300);letter-spacing:var(--lspacing-t300,normal);-webkit-hyphens:auto;hyphens:auto}
.newsCmp__link{--text-decoration-default:0 2px 0 -1px #7b6e4c;--text-decoration-hover:0 5px 0 -1px #1a1a1a;--text-decoration-active:0 2px 0 0 #1a1a1a;padding-bottom:1px;text-decoration:none;color:#7b6e4c;transition:color .2s ease-out,box-shadow .2s ease-out;display:inline;box-shadow:var(--text-decoration-default);opacity:0;transition:all .2s ease-in;transform:translateY(100px)}
.newsCmp__link:hover,.newsCmp__link:focus{text-decoration:none}
.newsCmp__link:hover{color:#1a1a1a;box-shadow:var(--text-decoration-hover)}
.newsCmp__link:hover,.newsCmp__link:focus,.newsCmp__link.hasFocus{color:#1a1a1a;box-shadow:var(--text-decoration-hover)}
.newsCmp__link:active{box-shadow:var(--text-decoration-active)}
.newsCmp__link.icon-link-external:after{display:none}
.newsCmp__base.animated .newsCmp__link{opacity:1;transform:translateY(0)}
@media(min-width:575px)and (max-width:990px){.newsCmp__base{margin-left:8.3333333333%}
}