.finder-hero.section--full-width.spacing-style{padding-inline:0!important}.finder-hero.section--full-width .fh2{border-radius:0}@media(max-width:1023px){.finder-hero.section--page-width>*{grid-column:1 / -1}.finder-hero.section--page-width.spacing-style{padding-inline:var(--page-margin, 16px)!important}}.finder-hero--h-auto{--fh-min-h: 0px}.finder-hero--h-small{--fh-min-h: min(var(--section-height-small), 36rem)}.finder-hero--h-medium{--fh-min-h: min(var(--section-height-medium), 47rem)}.finder-hero--h-large{--fh-min-h: min(var(--section-height-large), 58rem)}.finder-hero--h-full-screen{--fh-min-h: calc(100svh - var(--header-group-height, 0px))}.finder-hero--buendig.spacing-style{padding-block-start:0!important}.finder-hero{--fh-linie: rgb(var(--color-foreground-rgb, 31 34 48) / .55);--fh-linie: color-mix(in srgb, var(--fh-orange, var(--3idee-ink)) 55%, transparent)}.finder-hero .fh2{position:relative;border-radius:var(--3idee-radius-mittel);background:#0d0e13;min-height:var(--fh-min-h, 0px);display:flex;align-items:center;container-type:inline-size}.finder-hero .fh2__rahmen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.finder-hero .fh2__pic{position:absolute;top:50%;left:50%;translate:-50% -50%;width:max(100%,calc(var(--fh-min-h, 0px) * var(--fh-ar, 1.7778)));height:auto;aspect-ratio:var(--fh-ratio, 16/9);overflow:hidden;container-type:inline-size}.finder-hero--h-auto .fh2{aspect-ratio:var(--fh-ratio, 16/9)}.finder-hero--h-auto .fh2__pic{right:0;bottom:0;top:auto;left:auto;translate:none;width:100%;height:100%;aspect-ratio:auto}.finder-hero .fh2__bildwahl{display:block;width:100%;height:100%}.finder-hero .fh2__photo{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--fh-focus-x, 50%) var(--fh-focus, 42%)}.finder-hero .fh2__photo--leer{background:linear-gradient(120deg,#262a36,#12141c)}.finder-hero .fh2__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,rgb(10 11 16 / var(--fh-scrim, .9)),rgb(10 11 16 / calc(var(--fh-scrim, .9) * .7)) 34%,#0a0b1000 62%)}.finder-hero .fh2__copy{position:relative;z-index:6;width:100%;padding:var(--3idee-abstand-48) 5%;color:#fff}.finder-hero .fh2__text{max-width:40rem}.finder-hero .fh2__eingabe{max-width:48rem}.finder-hero.section--full-width .fh2__copy{width:var(--full-page-grid-central-column-width, min(100% - 2rem, 75rem));max-width:100%;margin-inline:auto;padding-inline:0}.finder-hero .fh2__eyebrow{display:inline-block;font-size:var(--3idee-text-klein);font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--3idee-muted);margin-bottom:var(--3idee-abstand-12)}.finder-hero .fh2__heading{letter-spacing:-.045em;line-height:1.04;margin:0;color:#fff}.finder-hero .fh2__sub{margin-top:var(--3idee-abstand-12);font-size:clamp(15px,1.3cqw,18px);line-height:1.5;color:#ffffffd6}.finder-hero .fh2__sub p{margin:0}.finder-hero .fh2__bar[hidden]{display:none}.finder-hero .fh2__bar{display:flex;align-items:stretch;margin-top:var(--3idee-abstand-40);max-width:48rem;border:1.5px solid rgb(255 255 255 / .85);border-radius:var(--3idee-radius-mittel);background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 40px #0000002e;cursor:text}.finder-hero .fh2__feldbereich{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center}.finder-hero .fh2__feldzeile{display:flex;align-items:center}.finder-hero .fh2__bar:focus-within{box-shadow:0 0 0 3px rgb(var(--color-foreground-rgb, 31 34 48) / .22)}.finder-hero .fh2__lupe{flex:0 0 auto;width:18px;height:18px;align-self:center;margin-left:var(--3idee-abstand-16);margin-right:var(--3idee-abstand-12);color:#6c7280;pointer-events:none}.finder-hero .fh2__lupe svg{width:100%;height:100%;display:block}.finder-hero .fh2__bar .fh2__feld{flex:1 1 auto;min-width:0;height:50px;border:0;border-color:transparent;background:none;background-color:transparent;color:var(--fh-ink);padding:0 var(--3idee-abstand-12) 0 0;font:inherit;font-size:var(--3idee-text-aussage);box-shadow:none}.finder-hero .fh2__bar .fh2__feld::placeholder{color:#6c7280;opacity:1}.finder-hero .fh2__bar .fh2__feld{text-overflow:ellipsis}.finder-hero .fh2__bar .fh2__feld:focus{outline:none}.finder-hero .fh2__bar .fh2__feld:-webkit-autofill .finder-hero .fh2__bar .fh2__feld:-webkit-autofill:focus{-webkit-text-fill-color:var(--fh-ink);-webkit-box-shadow:0 0 0 60px #fff inset}.finder-hero .fh2__bar{position:relative}.finder-hero .fh2__dd{position:absolute;top:calc(100% + 6px);left:-1.5px;right:-1.5px;z-index:20;border:1.5px solid rgb(255 255 255 / .85);border-radius:var(--3idee-radius-mittel);background:#fffffff7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden auto;max-height:17rem;overscroll-behavior:contain;box-shadow:0 24px 54px #00000047;scrollbar-width:thin;scrollbar-color:rgb(31 34 48 / .3) transparent}.finder-hero .fh2__dd[hidden]{display:none}.finder-hero .fh2__dd::-webkit-scrollbar{width:8px}.finder-hero .fh2__dd::-webkit-scrollbar-thumb{background:#1f223042;border-radius:var(--3idee-radius-mittel)}.finder-hero .fh2__ddi{display:block;width:100%;border:0;background:none;cursor:pointer;padding:var(--3idee-abstand-8) var(--3idee-abstand-16);font:inherit;text-align:left;color:var(--fh-ink)}.finder-hero .fh2__ddi:hover .finder-hero .fh2__ddi:focus-visible{background:#1f22300f;outline:none}.finder-hero .fh2__ddi+.fh2__ddi{border-top:1px solid rgb(31 34 48 / .1)}.finder-hero .fh2__ddi-n{display:block;font-size:var(--3idee-text-body);font-weight:700}.finder-hero .fh2__ddi-s{display:block;font-size:var(--3idee-text-klein);color:#6c7280;margin-top:1px}.finder-hero .fh2__dd-leer{margin:0;padding:var(--3idee-abstand-12) var(--3idee-abstand-16);font-size:var(--3idee-text-body);color:#6c7280}.finder-hero--liste-offen{z-index:4}.finder-hero .fh2__actions{transition:opacity .15s ease,visibility .15s ease}.finder-hero--liste-offen .fh2__actions{opacity:0;visibility:hidden}.finder-hero .fh2__bar .button{border-radius:var(--3idee-radius-mittel);margin:var(--3idee-abstand-4);align-self:stretch;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}.finder-hero .fh2__actions{display:flex;flex-wrap:wrap;gap:var(--3idee-abstand-12);margin-top:var(--3idee-abstand-12)}.finder-hero .fh2__marks{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.finder-hero .fh2__ring{fill:none;stroke:var(--fh-orange);stroke-width:1.5px}.finder-hero .fh2__halo{fill:none;stroke:#00000059;stroke-width:3.5px}.finder-hero .fh2__puls{fill:none;stroke:var(--fh-orange);stroke-width:1px;opacity:.4}.finder-hero .fh2__spot{position:absolute;transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;gap:var(--3idee-abstand-8)}.finder-hero .fh2__spot--links{flex-direction:row-reverse}.finder-hero .fh2__knopf{width:26px;height:26px;flex:0 0 auto;border-radius:50%;border:0;background:none;cursor:pointer;padding:0}.finder-hero .fh2__chip{display:inline-flex;flex-direction:column;gap:1px;white-space:nowrap;background:#fffffff2;border-radius:var(--3idee-radius-klein);padding:var(--3idee-abstand-4) var(--3idee-abstand-12);box-shadow:0 8px 22px #00000047}.finder-hero .fh2__tag{font-size:var(--3idee-text-etikett);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#d63d52}.finder-hero .fh2__tag--loesung{color:var(--fh-ink)}.finder-hero .fh2__name{font-size:var(--3idee-text-body);font-weight:700;color:var(--fh-ink)}.finder-hero .fh2__pop{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%,6px);width:min(300px,70cqw);background:#fff;border-radius:var(--3idee-radius-mittel);padding:var(--3idee-abstand-16) var(--3idee-abstand-16);text-align:left;box-shadow:0 18px 44px #00000057;opacity:0;visibility:hidden;z-index:5;transition:opacity .16s,transform .16s,visibility .16s}.finder-hero .fh2__spot--pop-oben .fh2__pop{top:auto;bottom:calc(100% + 12px)}.finder-hero .fh2__spot:hover .fh2__pop .finder-hero .fh2__spot:focus-within .fh2__pop{opacity:1;visibility:visible;transform:translate(-50%)}.finder-hero .fh2__popbild{width:54px;height:54px;object-fit:contain;border-radius:50%;background:#fff;border:1.5px solid var(--fh-linie);padding:var(--3idee-abstand-4);float:left;margin:0 var(--3idee-abstand-12) var(--3idee-abstand-4) 0}.finder-hero .fh2__poptitel{font-size:var(--3idee-text-body);font-weight:800;margin:0 0 var(--3idee-abstand-4);color:var(--fh-ink)}.finder-hero .fh2__poptext{font-size:var(--3idee-text-body);line-height:1.5;color:#1f2230c7}.finder-hero .fh2__poptext p{margin:0}.finder-hero .fh2__poplink{display:inline-block;clear:both;margin-top:var(--3idee-abstand-8);font-size:var(--3idee-text-body);font-weight:700;color:var(--fh-orange);text-decoration:underline;text-underline-offset:3px}.finder-hero .fh2[data-fh2-anim=bereit] .fh2__marks g .finder-hero .fh2[data-fh2-anim=bereit] .fh2__spot{opacity:0}.finder-hero .fh2[data-fh2-anim=laeuft] .fh2__marks g .finder-hero .fh2[data-fh2-anim=laeuft] .fh2__spot{animation:fh2-ploppe .5s ease forwards;animation-delay:var(--fh-d, 0s)}.finder-hero .fh2[data-fh2-anim=laeuft] .fh2__puls{animation:fh2-puls 2.6s ease-out infinite;animation-delay:var(--fh-d, 0s)}@keyframes fh2-ploppe{0%{opacity:0;transform:translate(-50%,-50%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fh2-puls{0%{r:1.9;opacity:.4}70%{r:5.4;opacity:0}to{opacity:0}}.finder-hero .fh2[data-fh2-anim=laeuft] .fh2__marks g{animation-name:fh2-ploppe-svg}@keyframes fh2-ploppe-svg{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.finder-hero .fh2[data-fh2-anim] .fh2__marks g,.finder-hero .fh2[data-fh2-anim] .fh2__spot{opacity:1;animation:none!important}.finder-hero .fh2[data-fh2-anim] .fh2__puls{animation:none}}@media(max-width:1023px){.finder-hero .fh2{display:block;min-height:0}.finder-hero .fh2__rahmen{position:relative;inset:auto;height:var(--fh-band, 19rem)}.finder-hero .fh2__copy{position:static;padding:0;width:auto;max-width:none}.finder-hero .fh2__text{position:absolute;top:0;left:0;right:0;height:var(--fh-band, 19rem);display:flex;flex-direction:column;justify-content:center;padding:5% 5% 8%;max-width:none;text-align:center;z-index:6}.finder-hero .fh2__eingabe{padding:var(--3idee-abstand-12) 5% var(--3idee-abstand-24);max-width:none}.finder-hero .fh2__sub{display:none}.finder-hero .fh2__bar{flex-wrap:wrap;max-width:none;margin-top:var(--3idee-abstand-28)}.finder-hero .fh2__feldbereich{flex:1 1 100%}.finder-hero .fh2__bar .button{flex:1 1 100%;border-radius:var(--3idee-radius-mittel);margin:0 var(--3idee-abstand-4) var(--3idee-abstand-4)}.finder-hero .fh2__actions{justify-content:center}.finder-hero .fh2__actions .button-secondary{width:100%}.finder-hero--punkte-nur-desktop .fh2__pic{right:0;bottom:0;top:auto;left:auto;translate:none;width:100%;height:100%;aspect-ratio:auto}.finder-hero .fh2__chip{display:none}.finder-hero .fh2__pop{width:min(250px,62cqw)}.finder-hero--punkte-nur-desktop .fh2__marks,.finder-hero--punkte-nur-desktop .fh2__spot{display:none}.finder-hero .fh2__scrim{background:linear-gradient(to bottom,rgb(10 11 16 / calc(var(--fh-scrim, .9) * .62)),rgb(10 11 16 / calc(var(--fh-scrim, .9) * .78)) 32%,rgb(10 11 16 / calc(var(--fh-scrim, .9) * .45)) 66%,#0a0b1073 88%,#0d0e13)}}.finder-hero .fh2__wahl{display:flex;align-items:center;gap:var(--3idee-abstand-12);max-width:48rem;border:1.5px solid rgb(255 255 255 / .85);border-radius:var(--3idee-radius-mittel);background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 40px #0000002e;padding:var(--3idee-abstand-8) var(--3idee-abstand-8) var(--3idee-abstand-8) var(--3idee-abstand-16);color:var(--fh-ink)}.finder-hero .fh2__wahl[hidden]{display:none}.finder-hero .fh2__wahl-icon{flex:0 0 auto;width:18px;height:18px;color:#6c7280}.finder-hero .fh2__wahl-icon svg{width:100%;height:100%;display:block}.finder-hero .fh2__wahl-text{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:var(--3idee-abstand-8)}.finder-hero .fh2__wahl-text b{font-size:var(--3idee-text-aussage);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finder-hero .fh2__wahl-mehr{font-size:var(--3idee-text-body);color:#6c7280;white-space:nowrap}.finder-hero .fh2__wahl .button{border-radius:var(--3idee-radius-mittel);flex:0 0 auto;cursor:pointer;white-space:nowrap}@media screen and (max-width:1023px){.finder-hero .fh2__wahl{flex-wrap:wrap;max-width:none;gap:var(--3idee-abstand-8) var(--3idee-abstand-8);padding:var(--3idee-abstand-8) var(--3idee-abstand-12)}.finder-hero .fh2__wahl-text{flex:1 1 auto;min-width:0}.finder-hero .fh2__wahl .button{flex:1 1 100%}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/finder-hero.css.map */