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