.card-container:where(.astro-tdl6vvm3){container-type:inline-size}.card:where(.astro-tdl6vvm3){background-color:var(--color-base-light);border-radius:var(--space-s-m);border:1px solid var(--color-lightblue);flex-direction:row;align-items:center;padding:0;display:flex;position:relative;overflow:hidden;& .link{&:hover{background:var(--color-white);outline:.3em solid var(--color-white)}}& .card-slider{height:100%}& .card-gallery{flex:0 0 50%;align-self:stretch;margin:0;position:relative;@container (width<40rem){flex:inherit}& picture{width:100%;height:100%;& img{object-fit:cover;width:100%;height:100%}}}& .card-slider__nav{height:calc(var(--space-l) + .75rem);gap:var(--space-2xs);width:100%;padding-inline:var(--space-xs);justify-content:flex-end;display:flex;position:absolute;bottom:0}& .card__content{gap:var(--space-m);padding:var(--space-l);flex-direction:column;flex:0 0 50%;width:100%;display:flex;@container (width<40rem){flex:inherit;justify-content:space-between;height:100%}}& .card__link{position:absolute;inset:0}& .card__interests{@container (width<40rem){height:100%}& li{flex-wrap:nowrap;&+&{margin-block-start:.3rem}& picture{flex-shrink:0;width:1.5rem}& p{text-wrap:balance}}}@container (width<40rem){flex-direction:column;& .card-content{padding:var(--space-m);align-self:stretch}& .card-slider{flex:unset;height:clamp(12rem,50vw,18rem)}}}.card--small:where(.astro-tdl6vvm3){flex-direction:column;align-items:flex-start;display:flex;& .card__content{padding:var(--space-m);& p{font-size:var(--text-step-0);line-height:var(--leading-tight)}}}.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){cursor:pointer;background-color:#0000;border:none;justify-content:space-between;align-items:center;width:100%;margin-top:-20px;padding:20px 0 0;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-l))}@media (width>=60rem){--mt-leading:calc(var(--space-4xl) + var(--space-2xl))}z-index:10}& form{padding:var(--space-m);padding-bottom:var(--space-l);padding-top:var(--space-m);@container (width>60rem) and (width<80rem){padding:var(--space-m)}}& .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)}}.hero:where(.astro-rbhykbd4){grid-column:inherit;position:relative;@media (width>=60rem){grid-column:extra-wide}& .hero__box{height:clamp(18.75rem,15.789rem + 13.16vw,28.125rem);position:relative;& picture img{object-position:center bottom;@media (width>=60rem){border-radius:var(--space-m-l)}}}& img{object-fit:cover;width:100%;height:100%;position:absolute}}.hero-wrapper:where(.astro-rbhykbd4){&.hero-wrapper--small{&:before{z-index:0;content:"";background-color:var(--color-base-light);width:100vw;height:calc(50% + var(--space-3xl-4xl));top:calc(var(--space-3xl-4xl) * -1);position:relative;bottom:0}}}
