@layer components{@media (prefers-reduced-motion:no-preference){@supports (view-transition-name:match-element) and (view-transition-class:none) and selector(:active-view-transition){:root:active-view-transition .bl-koll-raster > li{view-transition-name:match-element;view-transition-class:bl-karte}:root:active-view-transition .bl-header{view-transition-name:bl-kopfzeile}:root:active-view-transition .bl-hinweisleiste{view-transition-name:bl-hinweisleiste}:root:active-view-transition .bl-koll-leiste{view-transition-name:bl-koll-leiste}:root:active-view-transition #shopify-pc__banner{view-transition-name:bl-cookiehinweis}}@supports not ((view-transition-name:match-element) and (view-transition-class:none) and selector(:active-view-transition)){.bl-koll-raster[data-farbwechsel] > li{animation:bl-fw-karte-ein 420ms var(--bl-kurve-auf) both}}}:root:has(.bl-farbwahl)::view-transition-old(root),:root:has(.bl-farbwahl)::view-transition-old(bl-kopfzeile),:root:has(.bl-farbwahl)::view-transition-old(bl-hinweisleiste),:root:has(.bl-farbwahl)::view-transition-old(bl-koll-leiste),:root:has(.bl-farbwahl)::view-transition-old(bl-cookiehinweis){animation:none;opacity:0}:root:has(.bl-farbwahl)::view-transition-new(root),:root:has(.bl-farbwahl)::view-transition-new(bl-kopfzeile),:root:has(.bl-farbwahl)::view-transition-new(bl-hinweisleiste),:root:has(.bl-farbwahl)::view-transition-new(bl-koll-leiste),:root:has(.bl-farbwahl)::view-transition-new(bl-cookiehinweis){animation:none;mix-blend-mode:normal}:root:has(.bl-farbwahl)::view-transition-group(bl-kopfzeile),:root:has(.bl-farbwahl)::view-transition-group(bl-hinweisleiste),:root:has(.bl-farbwahl)::view-transition-group(bl-koll-leiste),:root:has(.bl-farbwahl)::view-transition-group(bl-cookiehinweis){z-index:1;animation:none}::view-transition-group(*.bl-karte){animation-duration:var(--bl-fw-feder-dauer);animation-timing-function:var(--bl-fw-feder)}::view-transition-old(*.bl-karte):only-child{animation:bl-fw-karte-aus 220ms cubic-bezier(0.4,0,1,1) both}::view-transition-new(*.bl-karte):only-child{animation:bl-fw-karte-ein 420ms cubic-bezier(0.2,0,0,1) 140ms both}@keyframes bl-fw-karte-aus{to{opacity:0;transform:scale(0.94)}}@keyframes bl-fw-karte-ein{from{opacity:0;transform:translateY(12px) scale(0.97)}}@media screen and (prefers-reduced-motion:no-preference){.bl-koll-raster > li[data-auftritt="wartet"] > .bl-product-card{opacity:0}.bl-koll-raster > li[data-auftritt="ein"]{--bl-k1:bl-ka-hoch;--bl-k2:bl-ka-scharf;--bl-k3:bl-ka-info;--bl-k4:bl-ka-pop;--bl-kt:var(--bl-ka-verz,0s)}.bl-koll-raster > li[data-auftritt="ein"] > .bl-product-card{animation:bl-ka-blende 0.6s cubic-bezier(0.2,0,0,1) var(--bl-kt) backwards}}@keyframes bl-ka-scharf{from{transform:scale(1.14);filter:blur(10px)}}@keyframes bl-ka-blende{from{opacity:0}}.bl-koll-filter[open]{display:flex;flex-direction:column}.bl-koll-filter__kopf{display:flex;align-items:center;justify-content:space-between;padding:var(--bl-abstand-8) var(--bl-abstand-8) var(--bl-abstand-8) var(--bl-abstand-16);border-bottom:1px solid var(--bl-linie)}.bl-koll-filter__kopf h2{margin:0;font-family:var(--bl-schrift-text);font-size:var(--bl-text-normal);font-weight:var(--bl-gewicht-fett)}.bl-koll-filter__inhalt{flex:1;overflow-y:auto;padding:var(--bl-abstand-16)}.bl-koll-filter__anzahl{margin:0 0 var(--bl-abstand-16);color:var(--bl-text-grau);font-size:var(--bl-text-klein)}.bl-koll-sortieren{padding-bottom:var(--bl-abstand-8);border-bottom:1px solid var(--bl-linie)}.bl-koll-sortieren fieldset{margin:0;padding:0;border:0}.bl-koll-sortieren legend{margin-bottom:var(--bl-abstand-4);font-size:var(--bl-text-klein);font-weight:var(--bl-gewicht-mittel)}.bl-koll-sortieren__option{display:flex;align-items:center;gap:var(--bl-abstand-12);min-height:var(--bl-tippflaeche);font-size:var(--bl-text-klein);cursor:pointer}.bl-koll-sortieren__option input{width:18px;height:18px;margin:0;accent-color:var(--bl-blau)}.bl-koll-filter__fuss{padding:var(--bl-abstand-12) var(--bl-abstand-16) calc(var(--bl-abstand-12) + env(safe-area-inset-bottom));border-top:1px solid var(--bl-linie)}.bl-koll-filter__fuss .bl-button{width:100%}@media (prefers-reduced-motion:no-preference){.bl-farbwahl__glanz{position:absolute;inset:0;background:linear-gradient( 105deg,rgb(255 255 255 / 0) 32%,rgb(255 255 255 / 0.75) 50%,rgb(255 255 255 / 0) 68% );transform:translateX(-110%);animation:bl-fw-glanz 1100ms cubic-bezier(0.45,0,0.2,1) 260ms both}@keyframes bl-fw-glanz{from{transform:translateX(-110%)}to{transform:translateX(110%)}}.bl-farbwahl__tupfer{--bl-fw-glut:var(--bl-fw-gold-3)}.bl-farbwahl__tupfer.is-silber{--bl-fw-glut:var(--bl-fw-silber-3)}.bl-farbwahl__tupfer::after{content:"";position:absolute;inset:-2px;border-radius:inherit;box-shadow:0 0 0 2px var(--bl-fw-glut);opacity:0}.bl-farbwahl[data-gewechselt] .bl-farbwahl__option[aria-current="true"] .bl-farbwahl__tupfer{animation:bl-fw-tupfer 560ms var(--bl-fw-feder) 80ms both}.bl-farbwahl[data-gewechselt] .bl-farbwahl__option[aria-current="true"] .bl-farbwahl__tupfer::after{animation:bl-fw-glut 700ms cubic-bezier(0.2,0,0,1) 80ms both}@keyframes bl-fw-tupfer{0%{transform:scale(1)}35%{transform:scale(1.22)}100%{transform:scale(1)}}@keyframes bl-fw-glut{0%{opacity:0.9;transform:scale(1)}100%{opacity:0;transform:scale(2.1)}}}.bl-koll-leiste[data-klebt] .bl-koll-leiste__band{box-shadow:0 1px 0 var(--bl-linie)}.bl-koll-filterknopf:active{transform:scale(0.97)}.bl-koll-filterknopf__zahl{min-width:20px;padding-inline:var(--bl-abstand-4);border-radius:var(--bl-radius-rund);background:var(--bl-blau);color:var(--bl-weiss);font-size:12px;line-height:20px;text-align:center}.bl-koll-leiste + .bl-koll__inhalt [aria-label="Aktive Filter"]{margin:var(--bl-abstand-8) 0}}