.bloglisting-teaser__filterbar{border-top:1px solid var(--color-neutral-80);display:flex;flex-flow:column;gap:20px;margin-bottom:60px;padding-top:20px}.bloglisting-teaser__filterform{display:flex;flex-flow:column;gap:20px}.bloglisting-teaser__filter--primary{border-bottom:1px solid var(--color-neutral-80);border-top:1px solid var(--color-neutral-80);padding:20px 0}.bloglisting-teaser__list[hidden]{display:none}.bloglisting-teaser__footer{margin-top:120px;text-align:center}.bloglisting-teaser__empty{text-align:center}.dropdown{background-color:var(--dropdown-background-color);border:1px solid var(--dropdown-border-color);border-radius:5px;color:var(--dropdown-font-color);display:inline-block;font-size:var(--small-font-size);position:relative;--dropdown-background-color:var(--color-neutral-100);--dropdown-border-color:var(--color-neutral-0);--dropdown-font-color:var(--color-neutral-0);--dropdown-font-color-hover:var(--color-neutral-50);--dropdown-icon-size:1em;--dropdown-icon-gap:8px}.dropdown--dark{--dropdown-background-color:var(--color-neutral-0);--dropdown-border-color:var(--color-neutral-0);--dropdown-font-color:var(--color-neutral-100);--dropdown-font-color-hover:var(--color-neutral-60)}.dropdown__group{border:none;margin:0;min-width:0;padding:0}.dropdown:has(.dropdown__button[aria-expanded=true]){border-radius:5px 5px 0 0}.dropdown__label:is(legend){display:block;padding:0;width:100%}.dropdown__button{background:transparent;border:none;border-radius:0;color:inherit;cursor:pointer;display:block;font:inherit;padding:5px calc(8px + var(--dropdown-icon-gap) + var(--dropdown-icon-size)) 5px 8px;position:relative;text-align:left;width:100%}.dropdown__button:after{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:var(--dropdown-icon-size);-webkit-mask:var(--icon-chevron) center center /contain no-repeat;mask:var(--icon-chevron) center center /contain no-repeat;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition-duration:.2s;width:var(--dropdown-icon-size)}.dropdown__button[aria-expanded=true]:after{transform:translateY(-50%) rotate(180deg)}.dropdown__options{background-color:var(--dropdown-background-color);border:1px solid var(--dropdown-border-color);border-radius:0 0 5px 5px;border-top:none;color:var(--dropdown-font-color);left:-1px;padding:5px 8px;position:absolute;top:100%;width:calc(100% + 2px);z-index:10}.dropdown__options:before{border-top:1px solid var(--color-neutral-80);content:"";left:8px;position:absolute;right:8px;top:0}.dropdown__option{cursor:pointer;display:block;padding:2px 0}.dropdown__option:has(.dropdown__radio:checked) .dropdown__option-label{font-family:var(--font-semibold)}.dropdown__option-label:is(:hover,:focus){color:var(--dropdown-font-color-hover)}.dropdown__sizer{align-items:flex-start;display:flex;flex-flow:column;height:0;overflow:hidden;padding:0 calc(8px + var(--dropdown-icon-gap) + var(--dropdown-icon-size)) 0 8px;visibility:hidden}.dropdown__sizer span{white-space:nowrap}.searchfield{align-items:center;border:1px solid transparent;border-bottom:1px solid var(--color-neutral-0);display:flex;gap:4px;margin:1px}.searchfield:focus-within{border-color:var(--color-neutral-0);border-radius:5px;border-width:2px;margin:0}.searchfield:before{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:1em;margin-left:10px;-webkit-mask:var(--icon-search) center center /contain no-repeat;mask:var(--icon-search) center center /contain no-repeat;width:1em}.searchfield__input{background:transparent;border:none;flex:1;outline:none;padding:6px}.searchfield__input::placeholder{color:var(--color-neutral-50)}@media (min-width:900px){.bloglisting-teaser__filterform{align-items:center;border-top:1px solid var(--color-neutral-80);flex-flow:row;gap:0}.bloglisting-teaser__filter{padding:15px 20px}.bloglisting-teaser__filter--primary{border:none;border-left:1px solid transparent;border-right:1px solid var(--color-neutral-80);flex:calc(66.66667% + 22px);padding-left:0}.bloglisting-teaser__filter--secondary{display:flex;flex:33.33333%}}@media (min-width:1200px){.bloglisting-teaser__filterbar{align-items:center;flex-flow:row;gap:0;padding-top:0}.bloglisting-teaser__searchform{flex:calc(25% - 21px);padding-right:20px}.bloglisting-teaser__filterform{align-items:center;border-top:none;flex:75%;flex-flow:row;gap:0}.bloglisting-teaser__filter--primary{border-left-color:var(--color-neutral-80);flex:calc(66.66667% + 42px);padding-left:20px}}