body{--max-width: min(1600px, 100vw);--max-width-header: min(100vw, 1400px)}body.stlFullscreenOpen{overflow:hidden}body.stlFiltersOpen{overflow:hidden}body.page-shopthelook #page-body{padding:0;background-color:#fff;max-width:100vw}body.page-shopthelook #page-body>.container-max,body.page-shopthelook #page-body .stlBrowserWrap{max-width:var(--max-width);padding:unset;margin:0 auto}.stlBrowserWrap{display:grid;gap:1.25rem}.shopTheLook.header{background-color:#f4f3ee;background-image:unset}.shopTheLook.header:after{content:unset}.shopTheLook.header .headlineText{position:relative;text-align:left;display:flex;flex-direction:column;color:var(--bk-neutral-8);line-height:1;padding:1.5em 0 calc(1.5em + 50px);max-width:var(--max-width-header);margin:0 auto;align-items:start}@media(max-width: 767px){.shopTheLook.header .headlineText{padding:1em 0 50px}}.shopTheLook.header .headlineText h1{font-size:2.5em;padding:1em 0 0;font-family:var(--system-ui);font-weight:800;text-align:left;z-index:4;color:var(--bk-neutral-6);background-color:rgba(0,0,0,0);max-width:50%}.shopTheLook.header .headlineText h1 svg{width:min(400px,80vw);max-width:90vw}@media(max-width: 767px){.shopTheLook.header .headlineText h1{max-width:90%;padding:0;text-align:center;margin:0 auto}}.shopTheLook.header .headlineText h1>span{color:var(--bk-green-5);font-weight:800;font-family:"Ernest and Emily"}.shopTheLook.header .headlineText p.subline{font-size:1.25em;font-weight:600;max-width:40%;z-index:4}@media(max-width: 767px){.shopTheLook.header .headlineText p.subline{max-width:90%;text-align:center;margin:0 auto}}.shopTheLook.header .headlineText:before{content:"";position:absolute;right:0;top:0;bottom:0;width:500px;z-index:2;background-image:linear-gradient(90deg, #F4F3EE 0%, transparent 50%)}.shopTheLook.header .headlineText:after{content:"";position:absolute;right:0;top:0;bottom:0;width:500px;background-repeat:no-repeat;background-image:url(https://cdn.bio-kinder.de/frontend/shopthelook/shopthelook_1775630015020_30004-theo-hochbett-biokinder-theo-160cm-etagenbett-90x200cm-naturweiss-05.jpg);background-size:cover;background-position:right center}@media(max-width: 767px){.shopTheLook.header .headlineText:after{content:unset}}.stlBrowserFilters{position:relative;z-index:5;width:var(--max-width-header);margin:0 auto;transform:translateY(-40px)}.stlBrowserFiltersDesktop{display:flex;gap:1rem;z-index:5;align-items:flex-start;justify-content:space-between;padding:1rem;background:#fff;border-radius:20px;box-shadow:0 0 15px rgba(0,0,0,.2)}.stlBrowserFilterGroups{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-start;flex:1 1 auto;min-width:0}.stlBrowserFilterSummary{display:flex;flex:0 1 34rem;justify-content:flex-end;flex-wrap:wrap;gap:.75rem;align-items:center}.stlActiveFilters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.stlActiveFilterChip{display:inline-flex;align-items:center;gap:.45rem;border:0;border-radius:999px;background:rgba(133,171,41,.1);color:var(--bk-green-5);font-size:.95rem;line-height:1;padding:.55rem .85rem;cursor:pointer}.stlFilterReset{border:0;background:rgba(0,0,0,0);color:var(--bk-green-5);font-weight:600;cursor:pointer;padding:.55rem 0}.stlFilterReset[disabled]{opacity:.4;cursor:default}.stlBrowserFiltersMobile{display:none}.stlFilterGroup{position:relative;min-width:0}.stlFilterTrigger{display:inline-flex;align-items:center;gap:.6rem;min-height:2.75rem;padding:.7rem 1rem;border:1px solid rgba(25,25,25,.12);border-radius:.9rem;background:#fff;color:var(--bk-neutral-7);font-weight:600;line-height:1;cursor:pointer}.stlFilterTrigger.active{border-color:rgba(133,171,41,.2);background:rgba(133,171,41,.1)}.stlFilterTriggerLabel{white-space:nowrap}.stlFilterTriggerCount{display:inline-flex;align-items:center;justify-content:center;min-width:1.45rem;height:1.45rem;padding:0 .3rem;border-radius:999px;background:var(--bk-green-5);color:#fff;font-size:.8rem;margin:0 0 0 auto}.stlFilterTriggerIcon{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.stlFilterGroup.is-open .stlFilterTriggerIcon{transform:rotate(180deg)}.stlFilterDropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:16rem;max-width:min(22rem,90vw);background:#fff;border:1px solid rgba(25,25,25,.08);border-radius:1rem;box-shadow:0 1rem 2rem rgba(0,0,0,.12);overflow:hidden}.stlFilterDropdownScroll{display:grid;gap:.35rem;max-height:18rem;padding:.6rem;overflow:auto}.stlFilterOption{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.5rem .75rem;border:1px solid rgba(0,0,0,0);border-radius:.85rem;background:rgba(0,0,0,0);color:var(--bk-neutral-7);text-align:left;cursor:pointer}.stlFilterOption.active{border-color:rgba(133,171,41,.1);background:rgba(133,171,41,.2);color:var(--bk-green-5)}.stlFilterOptionMain{display:inline-flex;align-items:center;gap:.7rem;min-width:0}.stlFilterOptionLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stlFilterOptionCheck{flex:0 0 auto;color:currentColor}.stlFilterColorBadge{flex:0 0 auto;width:2rem;height:2rem;border-radius:999px;background:var(--stl-filter-color);border:1px solid rgba(0,0,0,.16)}.stlFilterSheetBackdrop{display:none}.stlBrowserGrid{position:relative;display:flex;flex-wrap:wrap;align-items:flex-start;min-height:200px}.stlBrowserGrid.is-masonry-ready{display:block}.stlBrowserGrid .stlBrowserGridLoading{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.72);backdrop-filter:blur(2px);pointer-events:all}.stlBrowserGrid .stlBrowserGridLoadingSpinner{width:4rem;height:4rem;border:3px solid rgba(133,171,41,.1);border-top-color:var(--bk-green-5);border-radius:999px;animation:stl-spin .9s linear infinite,stl-pulse 1.4s ease-in-out infinite}.stlBrowserGrid .stlBrowserSizer,.stlBrowserGrid .stlBrowserItem{width:33%}.stlBrowserGrid .stlBrowserSizer:has(.is-landscape),.stlBrowserGrid .stlBrowserItem:has(.is-landscape){width:66%}.stlBrowserGrid .stlBrowserSizer{display:none}.stlBrowserGrid.is-masonry-ready .stlBrowserSizer{display:block}.stlBrowserGrid .stlBrowserItem{padding:0 .5rem 1rem}.stlBrowserGrid .stlBrowserItem .v_shopTheLook_container{display:flex;flex-direction:column}.stlBrowserGrid .stlBrowserItem .v_shopTheLook_container picture{display:block;border-radius:5px;overflow:hidden}.stlBrowserGrid .stlBrowserItem .caption{display:flex;font-size:.9em;padding:0 .25em;line-height:1.75;color:var(--bk-neutral-6);font-style:italic}.stlBrowserGrid .v_shopTheLook_container{position:relative;width:100%}.stlBrowserGrid .v_shopTheLook_container.is-landscape .shopTheLook_Image{aspect-ratio:auto 16/10}.stlBrowserGrid .v_shopTheLook_container .shopTheLook_Image{display:block;width:100%;height:auto;aspect-ratio:auto 3/4}.stlBrowserGrid .v_shopTheLook_container .magnifier{position:absolute;top:.25em;right:.25em;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:0;border-radius:999px;background:rgba(0,0,0,0);color:#fff;cursor:pointer}@keyframes stl-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes stl-pulse{0%,100%{opacity:.55;scale:.94}50%{opacity:1;scale:1}}.stlBrowserActions{display:flex;justify-content:center;padding:.5rem 0 2rem}.stlBrowserLoadMore{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:3.5rem;min-width:12rem;padding:.9rem 1.5rem;border:1px solid rgba(25,25,25,.14);border-radius:999px;background:linear-gradient(180deg, #ffffff 0%, #f5f4ef 100%);box-shadow:0 .85rem 1.75rem rgba(0,0,0,.08);color:var(--bk-neutral-7, #222);font-size:1rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.stlBrowserLoadMore::after{content:"↓";font-size:1rem;line-height:1;opacity:.7}.stlBrowserLoadMore:hover:not([disabled]){transform:translateY(-1px);border-color:rgba(25,25,25,.22);box-shadow:0 1rem 2rem rgba(0,0,0,.12)}.stlBrowserLoadMore[disabled]{opacity:.55;cursor:default;box-shadow:none}.stlBrowserLoadMore[disabled]::after{opacity:.45}.stlBrowserError{color:#a10000}.stlFullscreen{position:fixed;inset:0;z-index:9999;display:grid;grid-template-rows:auto 1fr;background:hsla(0,0%,100%,.98)}.stlFullscreenToolbar{display:flex;justify-content:flex-end;padding:1rem 1rem 0}.stlFullscreenClose{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border:0;border-radius:999px;background:var(--bk-neutral-6);color:#fff;font-size:2rem;line-height:1;cursor:pointer}.stlFullscreenViewport{display:grid;align-content:center;justify-items:center;gap:1rem;padding:1rem 1.5rem 2rem;overflow:hidden}.stlFullscreenLook{display:flex;justify-content:center;width:min(92vw,1280px);max-height:calc(100vh - 6rem)}.stlFullscreenLook .v_shopTheLook_container{display:inline-block;width:fit-content;max-width:100%;margin:0 auto}.stlFullscreenLook picture{display:block;width:fit-content;max-width:100%;margin:0 auto}.stlFullscreenLook img{display:block;width:auto;max-width:100%;max-height:calc(100vh - 9rem);margin:0 auto}.stlFullscreenMeta{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;width:min(92vw,1280px)}.stlFullscreenTitle{flex:1 1 auto;min-width:0;color:var(--bk-neutral-7, #222);font-size:1.1rem;line-height:1.35}.stlFullscreenTitle p,.stlFullscreenTitle span{margin:0}.stlFullscreenTags{display:flex;flex:0 1 50%;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.stlFullscreenTag{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;padding:.45rem .9rem;border:1px solid rgba(25,25,25,.12);border-radius:999px;background:#fff;color:var(--bk-neutral-7, #222);font-size:.92rem;font-weight:600;line-height:1;cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.stlFullscreenTag:hover{border-color:rgba(133,171,41,.45);color:var(--bk-green-5)}.stlFullscreenNav{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border:0;border-radius:999px;background:var(--bk-neutral-6);color:#fff;cursor:pointer;transform:translateY(-50%)}.stlFullscreenNav svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stlFullscreenNav[disabled]{opacity:.32;cursor:not-allowed;box-shadow:none}.stlFullscreenNavPrev{left:1.5rem}.stlFullscreenNavNext{right:1.5rem}.stlFullscreenLoading{color:var(--bk-neutral-6, #555);font-size:.95rem}@media(max-width: 1200px){.stlBrowserFiltersDesktop{flex-direction:column}.stlBrowserFilterSummary{width:100%;max-width:none;justify-content:space-between}.stlBrowserGrid .stlBrowserSizer,.stlBrowserGrid .stlBrowserItem{width:50%}}@media(max-width: 767px){.stlBrowserGrid .stlBrowserSizer,.stlBrowserGrid .stlBrowserItem{width:100%}.stlBrowserFilters{width:calc(100vw - 1.5rem);transform:translateY(-20px)}.stlBrowserFiltersDesktop{display:none}.stlBrowserFiltersMobile{display:grid;gap:.75rem}.stlMobileFilterToggle{display:inline-flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-height:3.5rem;padding:.85rem 1rem;border:0;border-radius:1rem;background:#fff;box-shadow:0 .75rem 1.5rem rgba(0,0,0,.12);font-size:1rem;font-weight:700;color:var(--bk-neutral-7);cursor:pointer}.stlMobileFilterCount{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding:0 .35rem;border-radius:999px;background:var(--bk-green-5);color:#fff;font-size:.82rem}.stlMobileActiveFilters{display:flex;flex-wrap:wrap;gap:.5rem}.stlFilterResetMobile{justify-self:end}.stlFilterSheetBackdrop{position:fixed;inset:0;z-index:9998;display:flex;align-items:flex-end;background:rgba(17,17,17,.22)}.stlFilterSheet{width:100%;min-height:100dvh;background:#fff;border-radius:1.5rem 1.5rem 0 0;padding:1rem 1rem 2rem;overflow:auto}.stlFilterSheetHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.stlFilterSheetHeader h2{margin:0;font-size:1.65rem;color:var(--bk-neutral-7)}.stlFilterSheetEyebrow{margin:0 0 .35rem;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bk-neutral-4)}.stlFilterSheetClose{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:0;border-radius:999px;background:#111;color:#fff;font-size:2rem;line-height:1;cursor:pointer}.stlFilterSheetMeta{display:grid;gap:.85rem;margin-bottom:1rem}.stlActiveFiltersSheet{justify-content:flex-start}.stlFilterSheetGroups{display:grid;gap:.85rem}.stlFilterGroup.is-mobile{width:100%}.stlFilterGroup.is-mobile .stlFilterTrigger{width:100%;justify-content:space-between}.stlFilterGroup.is-mobile .stlFilterDropdown{position:static;max-width:none;margin-top:-0.75rem;border-radius:0 0 1rem 1rem;box-shadow:none;border-top:0;padding-top:.25rem}.stlFilterGroup.is-mobile .stlFilterDropdownScroll{max-height:none}.stlFullscreenToolbar{padding:.75rem .75rem 0}.stlFullscreenViewport{padding:.75rem 1rem 1.5rem}.stlFullscreenLook{width:100%}.stlFullscreenMeta{width:100%;flex-direction:column;align-items:stretch;gap:.85rem}.stlFullscreenTitle{font-size:1rem}.stlFullscreenTags{flex-basis:auto;justify-content:flex-start}.stlFullscreenNav{top:auto;bottom:1rem;transform:none;width:3rem;height:3rem}.stlFullscreenNavPrev{left:1rem}.stlFullscreenNavNext{right:1rem}}/*# sourceMappingURL=main.css.map */