.dropdown:where(.astro-igsye3m3){position:relative;display:block;width:100%;color:var(--color-base-dark);label{pointer-events:none;font-size:var(--text-step--1);container-type:inline-size}}.toggle:where(.astro-igsye3m3){width:100%;padding:20px 0 0;margin-top:-20px;top:-30px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:none;background-color:transparent}.panel:where(.astro-igsye3m3){position:absolute;top:calc(100% + 6px);left:0;width:clamp(100%,50vw,300px);background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000001a;padding:10px;z-index:20}.options:where(.astro-igsye3m3){list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.option:where(.astro-igsye3m3){padding:8px 10px;cursor:pointer;border-radius:6px}.option:where(.astro-igsye3m3):hover{background:#f3f4f6}.summary:where(.astro-igsye3m3){text-align:left;white-space:nowrap;color:color-mix(in srgb,currentColor 65%,transparent)}.questcounter:where(.astro-qucbeafd){display:flex;justify-content:space-between;align-items:center;padding:10px 6px}.questcounter__label:where(.astro-qucbeafd){display:flex;flex-direction:column}.subtitle:where(.astro-qucbeafd){font-size:12px;color:#6b7280}.questcounter__controls:where(.astro-qucbeafd){display:flex;align-items:center;gap:8px}.icon:where(.astro-qucbeafd){width:36px;height:36px;border-radius:8px;border:1px solid #e6edf6;background:#fff;cursor:pointer}.count:where(.astro-qucbeafd){min-width:28px;text-align:center;font-weight:600}.options:where(.astro-aiwwybty){list-style:none;padding:0;margin:0;max-height:200px;overflow-y:auto}.option:where(.astro-aiwwybty){padding:8px 10px;cursor:pointer;border-radius:6px}.option:where(.astro-aiwwybty):hover{background:#f3f4f6}.searchfilter-wrapper{background-color:#fff;border-radius:30px;border:1px solid #ddd;box-shadow:0 0 30px -5px color-mix(in srgb,var(--color-black) 10%,transparent);container-type:inline-size;height:fit-content;&.searchfilter-wrapper--leading{--mt-leading: calc(var(--space-4xl) + var(--space-m));margin-top:calc(var(--mt-leading) * -1);@media (min-width: 40rem){--mt-leading: calc(var(--space-4xl) + var(--space-xl)) }@media (min-width: 60rem){--mt-leading: calc(var(--space-4xl) + var(--space-3xl)) }z-index:10}form{padding:var(--space-m);padding-bottom:var(--space-l);padding-top:0;@container (width > 60rem) and (width < 80rem){padding:var(--space-m);padding-top:0}}.searchfilter-panel__container{position:relative;display:flex;width:100%;gap:var(--space-m);.dropdown{padding-left:var(--space-l);padding-top:var(--space-3xs);transition:background .25s ease,outline .25s ease;border-radius:var(--space-2xs);outline:6px solid transparent;position:relative;@media (any-hover: hover){&:hover{background:var(--color-base-light);outline:6px solid var(--color-base-light)}}>svg{position:absolute;width:var(--space-m);height:var(--space-m);top:var(--space-3xs);left:0}.summary{&:before{content:"";inset:0;position:absolute}}.selected{.summary{color:var(--color-base-dark);font-weight:var(--weight-bold)}}}@container (width < 32rem){flex-wrap:wrap;gap:var(--space-m);.dropdown{width:100%;&:before{all:initial;position:absolute;content:"";height:1px;width:100%;bottom:calc(var(--space-xs) / -1);left:0;display:none;background-color:var(--color-blue)}&:last-of-type:before{display:none}}}@container (width > 32rem) and (width < 60rem){flex-wrap:wrap;row-gap:var(--space-m);.dropdown{width:calc(50% - var(--space-xl) / 2);&:before{display:none}}}@container (width > 38rem){.dropdown{&:nth-of-type(-n+3):before{position:absolute;content:"";width:1px;height:100%;top:0;background-color:var(--color-blue);right:calc(var(--space-m) / -2)}}}>button[type=button]{background-color:var(--color-yellow);align-self:center;border:none;cursor:pointer;border-radius:100%;color:var(--color-base-dark);height:60px;flex:0 0 60px;display:flex;justify-content:center;align-items:center;transition:background .25s ease;svg{width:28px;height:28px}&:hover{background-color:var(--color-blue)}}@container (width < 60rem){>button[type=button]{position:absolute;bottom:-.25rem;right:-.25rem;width:50px;height:50px;svg{width:24px;height:24px}}}@container (width < 38rem){>button[type=button]{position:relative;bottom:0;right:0;width:100%;height:50px;flex:auto;border-radius:2rem;svg{display:none;width:24px;height:24px}&:before{content:"Suchen";font-weight:var(--weight-bold)}}}}@container (width < 60rem){form{padding-bottom:var(--space-l)}}}.searchfilter-panel__nav{position:relative;color:var(--color-base-dark);margin-bottom:var(--space-m);display:flex;gap:var(--space-m);font-weight:var(--weight-bold);@container (width > 60rem) and (width < 80rem){margin-bottom:var(--space-s)}&:before{position:absolute;width:100%;height:2px;content:"";bottom:0;left:0;background-color:#d9d9d9}.searchfilter-panel-button{position:relative;padding:0;padding-block:var(--space-s);background-color:transparent;border:none;cursor:pointer;color:color-mix(in srgb,var(--color-base-dark) 65%,transparent);transition:color .3s ease;@media (max-width: 50rem){font-size:.9rem}&:before{position:absolute;bottom:0;left:0;content:"";width:100%;height:2px;background-color:var(--color-base-dark);transform:scaleX(.3);opacity:0;transition:transform .5s ease,opacity .4s ease}&:has(input:checked){color:var(--color-base-dark);&:before{transform:scaleX(1);opacity:1}}@media (any-hover: hover){&:hover{color:var(--color-base-dark)}}span{pointer-events:none}input[type=radio]{position:absolute;visibility:hidden}}}.results{margin-top:var(--space-2xl);@media (min-width: 70rem){margin-top:0}.results__more{margin-top:var(--space-3xl)}.results__headline{margin-bottom:var(--space-l)}}