@layer components{.bl-kombi{container-type:inline-size}.bl-kombi__oben{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--bl-abstand-12);align-items:stretch}@container (min-width:520px){.bl-kombi__oben{grid-template-columns:minmax(0,1fr) 280px;gap:var(--bl-abstand-24)}.bl-kombi .bl-kombi-leiter{--foto:56px;gap:var(--bl-abstand-12)}.bl-kombi .bl-kombi-stufe{column-gap:var(--bl-abstand-16);padding:var(--bl-abstand-12) var(--bl-abstand-16);font-size:var(--bl-text-klein)}.bl-kombi .bl-kombi-stufe strong{font-size:var(--bl-text-normal)}}.bl-kombi-stapel{display:flex;flex-direction:column;margin:0}.bl-kombi-stapel__buehne{position:relative}.bl-kombi-stapel__karten{--zug:0;position:relative;width:100%;aspect-ratio:4 / 5;touch-action:pan-y;user-select:none;-webkit-user-select:none}.bl-kombi-stapel__karten:focus-visible{outline:2px solid var(--bl-blau);outline-offset:var(--bl-abstand-4);border-radius:var(--bl-radius-kachel)}.bl-kombi-karte{position:absolute;inset:0;overflow:hidden;border-radius:var(--bl-radius-kachel);background:var(--bl-flaeche);box-shadow:0 4px 16px rgb(34 28 25 / 0.1);transition:transform var(--bl-dauer-mittel) var(--bl-kurve-auf),opacity var(--bl-dauer-mittel) ease;will-change:transform}.bl-kombi-karte[data-tiefe="0"]{z-index:3;cursor:grab}.is-zug .bl-kombi-karte[data-tiefe="0"]{cursor:grabbing}.bl-kombi-karte[data-tiefe="1"]{z-index:2;transform:translateY(calc(6px * (1 - var(--zug)))) scale(calc(0.95 + 0.05 * var(--zug))) rotate(calc(-4deg * (1 - var(--zug))))}.bl-kombi-karte[data-tiefe="2"]{z-index:1;transform:translateY(12px) scale(0.9) rotate(4deg)}.is-zug .bl-kombi-karte{transition:none}.bl-kombi-karte img{width:100%;height:100%;object-fit:cover;pointer-events:none}@media (prefers-reduced-motion:no-preference){.bl-kombi-karte[data-tiefe="2"]{animation:bl-kombi-hinten var(--bl-dauer-mittel) ease both}.bl-kombi-karte.is-neu-links{animation:bl-kombi-links var(--bl-dauer-mittel) var(--bl-kurve-auf) both}}@keyframes bl-kombi-hinten{from{opacity:0}}@keyframes bl-kombi-links{from{opacity:0;transform:translateX(-60%) rotate(-12deg)}}.bl-kombi-karte__platzhalter{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bl-abstand-4);height:100%;padding:var(--bl-abstand-12) var(--bl-abstand-8) var(--bl-abstand-48);border:1px dashed var(--bl-kante);border-radius:var(--bl-radius-kachel);text-align:center}.bl-kombi-karte__marke{font-size:11px;font-weight:var(--bl-gewicht-fett);letter-spacing:0.04em;color:var(--bl-bordeaux)}.bl-kombi-karte__titel{font-family:var(--bl-schrift-ueberschrift);font-size:var(--bl-text-gross);font-weight:var(--bl-gewicht-titel);line-height:var(--bl-zeilenhoehe-titel);color:var(--bl-schwarz)}.bl-kombi-stapel__steuerung{position:absolute;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:0 var(--bl-abstand-4) var(--bl-abstand-4);pointer-events:none}.bl-kombi-stapel__zaehler{padding:2px var(--bl-abstand-8);border-radius:var(--bl-radius-rund);background:var(--bl-weiss);font-size:12px;font-variant-numeric:tabular-nums;color:var(--bl-text-leise)}.bl-kombi-pfeil{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--bl-tippflaeche);height:var(--bl-tippflaeche);padding:0;border:0;background:transparent;color:var(--bl-blau);cursor:pointer;pointer-events:auto}.bl-kombi-pfeil::before{content:"";position:absolute;inset:6px;border:1px solid var(--bl-blau);border-radius:var(--bl-radius-rund);background:var(--bl-weiss);transition:background-color var(--bl-dauer-kurz) ease}.bl-kombi-pfeil svg{position:relative}.bl-kombi-pfeil:hover{color:var(--bl-weiss)}.bl-kombi-pfeil:hover::before{background:var(--bl-blau)}.bl-kombi-pfeil:focus-visible{outline:2px solid var(--bl-blau);outline-offset:-2px;border-radius:var(--bl-radius-rund)}.bl-kombi-stapel__text{margin:auto 0 0;padding-top:var(--bl-abstand-12);font-family:var(--bl-schrift-ueberschrift);font-size:var(--bl-text-normal);font-weight:var(--bl-gewicht-titel);line-height:1.2;color:var(--bl-schwarz);text-align:center;text-wrap:balance}.bl-kombi-leiter{--foto:clamp(30px,9.5cqi,44px);display:flex;flex-direction:column;gap:var(--bl-abstand-8);margin:0;padding:0;list-style:none}.bl-kombi-stufe{display:grid;flex:1;grid-template-columns:calc(var(--foto) * 2.1) minmax(0,1fr);align-items:center;align-content:center;gap:var(--bl-abstand-4) var(--bl-abstand-8);padding:var(--bl-abstand-8);border:1px solid var(--bl-linie);border-radius:var(--bl-radius-kachel);background:var(--bl-weiss);font-size:12px;font-variant-numeric:tabular-nums;line-height:1.3;color:var(--bl-text-leise);transition:border-color var(--bl-dauer-mittel) ease}.bl-kombi-stufe__text{display:flex;flex-direction:column;min-width:0}.bl-kombi-stufe strong{font-size:var(--bl-text-klein);color:var(--bl-schwarz)}.bl-kombi-stufe s{color:var(--bl-text-grau)}.bl-kombi-stufe__neu{font-weight:var(--bl-gewicht-fett);color:var(--bl-schwarz)}.bl-kombi-stufe.is-gratis{border-color:var(--bl-bordeaux);background:var(--bl-weiss)}.bl-kombi-stufe__gratis{grid-column:1 / -1;justify-self:start;padding:2px var(--bl-abstand-8);border-radius:var(--bl-radius-rund);background:var(--bl-bordeaux);color:var(--bl-weiss);font-size:11px;font-weight:var(--bl-gewicht-fett)}.bl-kombi-stufe[aria-current="step"]{border-color:var(--bl-blau);box-shadow:inset 0 0 0 1px var(--bl-blau)}.bl-kombi-stufe__fotos{display:flex;height:var(--foto)}.bl-kombi-stufe__foto{position:relative;flex:none;width:var(--foto);height:var(--foto);overflow:hidden;border:2px solid var(--bl-weiss);border-radius:var(--bl-radius-rund);background:var(--bl-flaeche)}.bl-kombi-stufe__foto + .bl-kombi-stufe__foto{margin-left:calc(var(--foto) * -0.45)}.bl-kombi-stufe__foto.is-gratis{border-color:var(--bl-bordeaux)}.bl-kombi-stufe__foto img{width:100%;height:100%;object-fit:cover;transform:scale(1.55)}.bl-kombi-reihe{margin:var(--bl-abstand-32) 0}.bl-kombi-reihe__titel{margin:0 0 var(--bl-abstand-12);font-family:var(--bl-schrift-ueberschrift);font-size:var(--bl-text-gross);font-weight:var(--bl-gewicht-titel)}.bl-kombi-reihe__liste{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(128px,40cqi,168px);gap:var(--bl-abstand-8);margin:0;padding:0 0 var(--bl-abstand-8);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none}.bl-kombi-reihe__liste::-webkit-scrollbar{display:none}.bl-kombi-reihe__karte{position:relative;scroll-snap-align:start}.bl-kombi-reihe__link{display:flex;flex-direction:column;gap:2px;color:var(--bl-schwarz);text-decoration:none}.bl-kombi-reihe__link:focus-visible{outline:2px solid var(--bl-blau);outline-offset:2px;border-radius:var(--bl-radius-kachel)}.bl-kombi-reihe__bild{display:block;aspect-ratio:1 / 1;overflow:hidden;margin-bottom:var(--bl-abstand-4);border-radius:var(--bl-radius-kachel);background:var(--bl-flaeche)}.bl-kombi-reihe__bild img{width:100%;height:100%;object-fit:cover}.bl-kombi-reihe__name{font-size:var(--bl-text-mini);font-weight:var(--bl-gewicht-mittel);text-transform:uppercase;letter-spacing:0.02em}.bl-kombi-reihe__meta{display:flex;flex-direction:column;font-size:12px;color:var(--bl-text-leise)}.bl-kombi-reihe__karte .bl-schnellkauf{position:absolute;top:0;right:0}.bl-kombi-reihe__alle .bl-kombi-reihe__bild{display:flex;align-items:center;justify-content:center;padding:var(--bl-abstand-16);border:1px solid var(--bl-blau);background:var(--bl-weiss);color:var(--bl-blau);font-size:var(--bl-text-klein);font-weight:var(--bl-gewicht-fett);text-align:center}.bl-pdp-kombi__ringe{overflow:visible}.bl-pdp-themen__bild .bl-pdp-kombi__ringe,.bl-themen__bild .bl-pdp-kombi__ringe{width:40px;height:32px}}@layer components{.bl-kombi-pfeil--still:not(:focus-visible){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.bl-kombi-stapel__steuerung:not(:has(:focus-visible)){justify-content:center}}@layer components{.bl-look{container-type:inline-size;display:flex;flex-direction:column;gap:var(--bl-abstand-16)}.bl-look__intro{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bl-abstand-8);margin:0;font-size:var(--bl-text-klein);color:var(--bl-text-leise)}.bl-look__chip{padding:2px var(--bl-abstand-12);border:1px solid var(--bl-linie);border-radius:var(--bl-radius-rund);background:var(--bl-weiss);font-size:12px;color:var(--bl-schwarz)}.bl-look__raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--bl-abstand-16) var(--bl-abstand-8);margin:0;padding:0;list-style:none}.bl-look__raster[data-anzahl="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}@container (min-width:520px){.bl-look__raster[data-anzahl="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.bl-look__teil{position:relative;min-width:0}.bl-look__link{display:flex;flex-direction:column;gap:2px;color:var(--bl-schwarz);text-decoration:none}.bl-look__link:focus-visible{outline:2px solid var(--bl-blau);outline-offset:2px;border-radius:var(--bl-radius-kachel)}.bl-look__bild{display:block;aspect-ratio:1 / 1;overflow:hidden;margin-bottom:var(--bl-abstand-4);border-radius:var(--bl-radius-kachel);background:var(--bl-flaeche)}.bl-look__bild img{width:100%;height:100%;object-fit:cover}.bl-look__teil.is-dieses .bl-look__bild{position:relative}.bl-look__teil.is-dieses .bl-look__bild::after{content:"";position:absolute;inset:0;border:1px solid var(--bl-bordeaux);border-radius:inherit}.bl-look__name{overflow:hidden;font-size:var(--bl-text-mini);font-weight:var(--bl-gewicht-mittel);letter-spacing:0.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.bl-look__meta{display:flex;flex-direction:column;font-size:12px;font-variant-numeric:tabular-nums;color:var(--bl-text-leise)}.bl-look__art{position:absolute;top:var(--bl-abstand-8);left:var(--bl-abstand-8);padding:2px var(--bl-abstand-8);border-radius:var(--bl-radius-rund);background:var(--bl-weiss);font-size:11px;font-weight:var(--bl-gewicht-fett);color:var(--bl-schwarz);pointer-events:none}.bl-look__teil.is-dieses .bl-look__art{background:var(--bl-bordeaux);color:var(--bl-weiss)}.bl-look__teil .bl-schnellkauf{position:absolute;top:0;right:0}.bl-look__teil.is-leer .bl-look__name,.bl-look__teil.is-leer .bl-look__meta{visibility:hidden}.bl-look__kasse{display:flex;flex-direction:column;gap:var(--bl-abstand-12);padding:var(--bl-abstand-16);border:1px solid var(--bl-linie);border-radius:var(--bl-radius-kachel);background:var(--bl-weiss)}.bl-look__summe{display:flex;align-items:baseline;justify-content:space-between;gap:var(--bl-abstand-8);margin:0;font-size:var(--bl-text-klein);color:var(--bl-text-leise)}.bl-look__summe strong{font-size:var(--bl-text-normal);font-variant-numeric:tabular-nums;color:var(--bl-schwarz)}.bl-look__alle{width:100%;padding-inline:var(--bl-abstand-16)}.bl-look__alle[aria-busy="true"]{opacity:0.7}.bl-look__kasse.is-leer .bl-look__alle{border-color:var(--bl-flaeche);background:var(--bl-flaeche)}.bl-look__hinweis{margin:0;font-size:12px;color:var(--bl-text-leise);text-align:center}.bl-look__mehr{align-self:center;color:var(--bl-blau)}}