.article-listing{opacity:1;grid-column:expanded;--article-listing__col-width:min(100%,300px)}.article-listing--layout-top-article .article-teaser:first-child{grid-column:1/-1}.article-listing.loading{opacity:.4}.article-listing__cards,.article-listing__list{display:grid;grid-gap:var(--grid-gutter-small);grid-template-columns:repeat(auto-fill,minmax(var(--article-listing__col-width),1fr))}.article-listing__cards[data-total-count="1"],.article-listing__cards[data-total-count="2"],.article-listing__cards[data-total-count="3"],.article-listing__list[data-total-count="1"],.article-listing__list[data-total-count="2"],.article-listing__list[data-total-count="3"]{grid-template-columns:repeat(auto-fill,minmax(max(300px,calc(33.33333% - var(--grid-gutter-small))),1fr))}.article-listing__list{row-gap:3rem}.article-listing__cards{row-gap:2rem}.article-listing__cards .article-teaser{background:var(--cs__primary__bg)}.article-listing__cards .article-teaser .article-teaser__content{padding:0 var(--box-padding) var(--box-padding) var(--box-padding)}.article-listing__filter-bar{display:flex;justify-content:space-between;margin-bottom:2rem;width:100%}.article-listing__filter-bar .button,.article-listing__filter-bar .toggle-button{height:50px;padding-block:0}.article-listing__filter-bar .button .icon,.article-listing__filter-bar .toggle-button .icon{--icon-width:0.8rem;--icon-height:0.8rem}.article-listing__search{display:flex;flex:0 0 50px;margin-left:-2px}.article-listing__search input{display:none;width:200px;border:2px solid var(--cs__cta__bg);height:50px;padding:6px 10px;font-size:16px;margin-right:-2px;border-right:none;z-index:100;background:var(--cs__primary__bg)}.article-listing__search .toggle-button{width:50px;height:50px;padding:0}.article-listing__search .toggle-button .icon{--icon-width:1.2rem;--icon-height:1.2rem}.article-listing__search .toggle-button .icon svg{margin:auto}.article-listing__search.active{flex:0 0 240px}.article-listing__search.active input{display:block}.article-listing__filters{display:flex;position:relative;flex-grow:0;flex-shrink:1;flex-basis:calc(100% - 50px);max-width:calc(100% - 50px)}.article-listing__filters .toggle-button.hidden{display:none}.article-listing__filters .toggle-button{flex:0 1 auto}.article-listing__filters .toggle-button:first-child+.article-listing__overflow{margin-left:auto}.article-listing__overflow{position:relative;display:none}.article-listing__overflow .toggle-button .label__inner,.article-listing__overflow .toggle-button:after{white-space:pre;text-align:left}.article-listing__overflow .button{margin-left:-2px;height:100%}.article-listing__overflow .button:not(.visible){display:none}.article-listing__overflow .button.active .icon{transform:scaleY(-1)}.article-listing__overflow__items{position:absolute;display:flex;flex-direction:column;z-index:1000;right:0;max-width:calc(100vw - 100px);width:-webkit-min-content;width:-moz-min-content;width:min-content;top:calc(100% + 4px);background:var(--cs__primary__bg)}.article-listing__overflow__items:not(.visible){display:none}.article-listing__overflow__items .toggle-button+.toggle-button{margin-left:0;margin-top:-2px}.article-listing__overflow:first-child .article-listing__overflow__items{left:-1px;right:auto}.article-listing__overflow.visible{display:block}.article-listing ol{--article-listing__col-width:min(100%,330px);counter-reset:ol}.article-listing ol li{display:flex;align-items:baseline;grid-gap:12px}.article-listing ol li:before{color:var(--cs__primary__fg--major);display:flex;counter-increment:ol;content:counter(ol);font-weight:700;width:1em}@media(min-width:48.063rem){.article-listing--layout-top-article .article-listing__list .article-teaser--expanded{border-bottom:1px dotted var(--cs__lines__separator,var(--cs__primary__fg--faded));padding-bottom:3rem;margin-bottom:-1.5rem}.article-listing--layout-top-article .article-listing__cards .article-teaser--expanded .article-teaser__content{padding-top:var(--box-padding);padding-left:calc(var(--box-padding) - var(--grid-gutter-small))}.article-listing__search{margin-left:calc(2*var(--grid-gutter-small))}.article-listing__overflow__items{max-width:none}}@media(min-width:78.813rem){.article-listing--layout-top-article .article-listing__cards,.article-listing--layout-top-article .article-listing__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:48rem){.article-listing__filters .toggle-button{font-size:14px}}