@layer components{.bl-container{width:100%;max-width:calc(var(--bl-inhalt-max) + 2 * var(--bl-seitenrand));margin-inline:auto;padding-inline:var(--bl-seitenrand)}:where(.bl-button,.bl-text-link,.bl-inline-link,.bl-icon-button,.bl-header__link,.bl-nav__unterlink,.bl-header__logo,.bl-kreis,.bl-hero__rating,.bl-bewertungen__schnitt,.bl-karussell__liste,.bl-product-card .card-link):focus-visible{outline:2px solid var(--bl-blau);outline-offset:2px}:where(.bl-reihe--bordeaux,.bl-footer,.bl-laufband,.bl-hero__inhalt) :focus-visible{outline-color:var(--bl-weiss)!important}.bl-sterne{color:var(--bl-bordeaux);letter-spacing:2px}.bl-kicker{margin:0 0 var(--bl-abstand-4);font-size:12px;font-weight:var(--bl-gewicht-fett);letter-spacing:.12em;text-transform:uppercase}h1 em,h2 em{font-style:normal}.bl-announcement{display:flex;align-items:center;justify-content:center;min-height:var(--bl-tippflaeche);padding-inline:var(--bl-seitenrand);background:var(--bl-gelb);color:var(--bl-schwarz);font-size:var(--bl-text-mini);font-weight:var(--bl-gewicht-mittel)}.bl-announcement__link{display:inline-flex;align-items:center;gap:var(--bl-abstand-8);min-height:var(--bl-tippflaeche);color:inherit;text-decoration:none;text-underline-offset:3px}.bl-announcement__link span:last-child{text-decoration:underline;text-decoration-thickness:1px}.bl-announcement__link:focus-visible{outline:2px solid var(--bl-blau);outline-offset:-2px}.bl-announcement__sterne{color:var(--bl-bordeaux);letter-spacing:2px}.bl-header{position:sticky;top:0;z-index:40;background:var(--bl-weiss);border-bottom:1px solid var(--bl-linie);transition:transform var(--bl-dauer-zu) var(--bl-kurve-auf)}.bl-header.is-weg{transform:translateY(-100%)}.bl-header.is-kopf{transform:translateY(calc(-1 * var(--bl-kopf-oben,0px)))}.bl-header__row{max-width:calc(var(--bl-inhalt-max) + 2 * var(--bl-seitenrand));height:64px;margin-inline:auto;padding-inline:calc(var(--bl-seitenrand) - var(--bl-abstand-12));display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.bl-header__left,.bl-header__right,.bl-header__mobil{display:flex;align-items:center;gap:var(--bl-abstand-4)}.bl-header__right{justify-content:flex-end}.bl-header__logo{display:inline-flex;align-items:center;min-height:var(--bl-tippflaeche);color:var(--bl-bordeaux)}.bl-header__logo .bl-logo{height:32px}.bl-header__nav,.bl-header__desktop{display:none}@media(min-width:75rem){.bl-header__row{height:80px;padding-inline:var(--bl-seitenrand)}.bl-header__logo .bl-logo{height:40px}.bl-header__mobil{display:none}.bl-header__nav,.bl-header__desktop{display:block}}.bl-header__nav>ul{display:flex;gap:var(--bl-abstand-16);margin:0;padding:0;list-style:none}.bl-nav__gruppe{position:relative}.bl-header__link{display:inline-flex;align-items:center;min-height:var(--bl-tippflaeche);color:var(--bl-schwarz);font-size:var(--bl-text-mini);font-weight:var(--bl-gewicht-mittel);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-decoration:none;background:linear-gradient(currentColor,currentColor) left calc(100% - 10px) / 0 1px no-repeat;transition:background-size var(--bl-dauer-zu) ease-out}.bl-header__link:hover,.bl-nav__gruppe:focus-within>.bl-header__link{background-size:100% 1px}.bl-nav__panel{position:absolute;top:100%;left:calc(-1 * var(--bl-abstand-16));min-width:240px;padding:var(--bl-abstand-8) var(--bl-abstand-16);border:1px solid var(--bl-linie);border-radius:var(--bl-radius-kachel);background:var(--bl-weiss);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--bl-dauer-zu) ease-out,transform var(--bl-dauer-zu) ease-out,visibility 0s linear var(--bl-dauer-zu)}.bl-nav__gruppe:hover .bl-nav__panel,.bl-nav__gruppe:focus-within .bl-nav__panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}.bl-nav__panel ul{margin:0;padding:0;list-style:none}.bl-nav__unterlink{display:flex;align-items:center;min-height:40px;color:var(--bl-schwarz);font-size:var(--bl-text-klein);text-decoration:none;text-underline-offset:3px}.bl-nav__unterlink:hover{text-decoration:underline}.bl-icon-button{position:relative;width:var(--bl-tippflaeche);height:var(--bl-tippflaeche);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--bl-schwarz);cursor:pointer}.bl-cart-count{position:absolute;top:4px;right:2px;min-width:20px;height:20px;padding-inline:var(--bl-abstand-4);border-radius:10px;background:var(--bl-blau);color:var(--bl-weiss);font-size:12px;font-weight:var(--bl-gewicht-fett);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center}.bl-logo{display:inline-block;background-color:currentColor;mask-repeat:no-repeat;mask-size:contain;mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center}.bl-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--bl-abstand-8);min-height:var(--bl-knopf-hoehe);padding:0 var(--bl-abstand-32);border:1px solid var(--bl-blau);border-radius:var(--bl-radius-button);background:var(--bl-blau);color:var(--bl-weiss);font-size:var(--bl-text-klein);font-weight:var(--bl-gewicht-mittel);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;text-underline-offset:4px;cursor:pointer}.bl-button:hover{text-decoration:underline}.bl-button--pille{border-radius:var(--bl-radius-rund);padding-inline:var(--bl-abstand-24)}.bl-button--hell{background:var(--bl-weiss);border-color:var(--bl-weiss);color:var(--bl-bordeaux)}.bl-button--hell-rand{background:transparent;border-color:var(--bl-weiss);color:var(--bl-weiss);border-radius:var(--bl-radius-rund);padding-inline:var(--bl-abstand-24)}.bl-button:disabled{opacity:.6;cursor:not-allowed;text-decoration:none}.bl-text-link,.bl-inline-link{color:inherit;font-weight:var(--bl-gewicht-fett);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.bl-text-link{display:inline-flex;align-items:center;flex:none;min-height:var(--bl-tippflaeche);font-size:var(--bl-text-klein)}.bl-note{margin:0;font-size:var(--bl-text-mini);color:var(--bl-text-grau)}.bl-kreise ul{display:flex;justify-content:center;gap:var(--bl-abstand-16);margin:0;padding:var(--bl-abstand-24) var(--bl-seitenrand);list-style:none}.bl-kreis{display:flex;flex-direction:column;align-items:center;gap:var(--bl-abstand-8);color:var(--bl-schwarz);text-decoration:none}.bl-kreis__bild{display:block;width:72px;height:72px;overflow:hidden;border-radius:var(--bl-radius-rund);background:var(--bl-flaeche)}.bl-kreis__bild img{width:100%;height:100%;object-fit:cover}.bl-kreis__name{font-size:12px;font-weight:var(--bl-gewicht-mittel);letter-spacing:.06em;text-transform:uppercase}.bl-kreis:hover .bl-kreis__name{text-decoration:underline;text-underline-offset:3px}@media(min-width:48rem){.bl-kreise ul{gap:var(--bl-abstand-32)}}.bl-hero{position:relative;display:grid;background:var(--bl-schwarz);color:var(--bl-weiss)}.bl-hero__bild,.bl-hero__inhalt{grid-area:1 / 1}.bl-hero__bild{display:block}.bl-hero__bild img{display:block;width:100%;height:100%;aspect-ratio:4 / 5;object-fit:cover}.bl-hero__inhalt{position:relative;display:flex;align-items:flex-end;padding-block:var(--bl-abstand-32);background:linear-gradient(to top,#221c19b8,#221c1973 45%,#221c1900 75%)}.bl-hero__inhalt .bl-container{display:flex;flex-direction:column;align-items:flex-start;gap:var(--bl-abstand-12)}.bl-hero__kicker{margin:0;padding:var(--bl-abstand-4) var(--bl-abstand-12);border-radius:var(--bl-radius-rund);background:#221c1999;font-size:12px;font-weight:var(--bl-gewicht-fett);letter-spacing:.12em;text-transform:uppercase}.bl-hero h1{margin:0;font-size:var(--bl-titel-1);line-height:1.05}.bl-hero__text,.bl-hero__rating{display:none}.bl-hero .bl-button--pille{margin-top:var(--bl-abstand-8)}@media(min-width:48rem){.bl-hero__bild img{aspect-ratio:18 / 5;min-height:400px}.bl-hero__inhalt{align-items:center;background:linear-gradient(to right,#221c19a6,#221c1959 45%,#221c1900 70%)}.bl-hero__inhalt .bl-container>*{max-width:480px}.bl-hero__kicker{padding:0;background:none}.bl-hero__text{display:block;margin:0;font-size:var(--bl-text-normal)}.bl-hero__rating{display:inline-flex;align-items:center;gap:var(--bl-abstand-8);min-height:var(--bl-tippflaeche);color:var(--bl-weiss);font-size:var(--bl-text-mini);text-underline-offset:3px}.bl-hero__rating .bl-sterne{color:var(--bl-weiss)}}.bl-reihe{padding-block:var(--bl-abstand-48)}.bl-reihe--perlgrau{background:var(--bl-flaeche)}.bl-reihe--fotogrund,.bl-reihe--fotogrund .bl-product-card__media{background:var(--bl-fotogrund)}.bl-reihe--bordeaux{background:var(--bl-bordeaux);color:var(--bl-weiss)}.bl-reihe__kopf{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--bl-abstand-16);margin-bottom:var(--bl-abstand-16)}.bl-reihe__kopf h2{margin:0;font-size:var(--bl-titel-2)}.bl-reihe__text{margin:var(--bl-abstand-4) 0 0;font-size:var(--bl-text-klein);color:var(--bl-text-leise)}@media(min-width:48rem){.bl-reihe{padding-block:var(--bl-abstand-64)}.bl-reihe__kopf{margin-bottom:var(--bl-abstand-24)}}.bl-reihe--bordeaux .bl-product-card{padding:var(--bl-abstand-8);border-radius:var(--bl-radius-kachel);background:var(--bl-weiss);color:var(--bl-schwarz)}.bl-reihe--bordeaux .bl-karussell__pfeile .bl-icon-button{border-color:var(--bl-weiss);color:var(--bl-weiss)}.bl-angebot-hinweis{display:flex;align-items:center;gap:var(--bl-abstand-12);margin:var(--bl-abstand-24) 0 0;padding:var(--bl-abstand-12) var(--bl-abstand-16);border-radius:var(--bl-radius-kachel);background:var(--bl-weiss);font-size:var(--bl-text-klein)}.bl-angebot-hinweis svg{flex:none}.bl-karussell{display:grid;grid-template-columns:1fr auto;grid-template-areas:"liste liste" "fortschritt pfeile";align-items:center;column-gap:var(--bl-abstand-24);timeline-scope:--bl-karussell}.bl-karussell__liste{grid-area:liste;display:flex;gap:var(--bl-abstand-8);margin:0;padding:0 0 var(--bl-abstand-4);list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-timeline:--bl-karussell inline}.bl-karussell__liste::-webkit-scrollbar{display:none}.bl-karussell__karte{flex:0 0 calc((100% - var(--bl-abstand-8)) / 1.8);scroll-snap-align:start}.bl-karussell__karte--bewertung{flex-basis:min(296px,80%)}.bl-karussell__pfeile{grid-area:pfeile;display:none;gap:var(--bl-abstand-8)}.bl-karussell__pfeile .bl-icon-button{border:1px solid var(--bl-kante)}.bl-fortschritt{grid-area:fortschritt;display:none}@media(min-width:48rem){.bl-karussell__liste{gap:var(--bl-abstand-24)}.bl-karussell__karte{flex-basis:calc((100% - 3 * var(--bl-abstand-24)) / 4.2)}.bl-karussell__karte--bewertung{flex-basis:calc((100% - 3 * var(--bl-abstand-24)) / 4)}.bl-karussell__pfeile{display:flex;margin-top:var(--bl-abstand-16)}}.bl-product-card{display:flex;flex-direction:column;gap:var(--bl-abstand-12);height:100%}.bl-product-card__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--bl-radius-kachel);background:var(--bl-flaeche)}.bl-product-card__media img{display:block;width:100%;height:100%;object-fit:cover}.bl-product-card__hover{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity var(--bl-dauer-zu) ease-out}@media(hover:hover){.bl-product-card:hover .bl-product-card__hover{opacity:1}}.bl-product-card.is-alt .bl-product-card__hover{opacity:1}.bl-product-card__punkte{display:none}@media(hover:none){.bl-product-card.has-alt .bl-product-card__media{touch-action:pan-y}.bl-product-card__punkte{position:absolute;inset-inline:0;bottom:var(--bl-abstand-8);z-index:2;display:flex;justify-content:center;gap:6px;pointer-events:none}.bl-product-card__punkte i{width:6px;height:6px;border-radius:50%;background:#ffffff8c;box-shadow:0 0 2px #00000040;transition:background var(--bl-dauer-zu) ease-out}.bl-product-card__punkte i:first-child,.bl-product-card.is-alt .bl-product-card__punkte i:last-child{background:var(--bl-weiss)}.bl-product-card.is-alt .bl-product-card__punkte i:first-child{background:#ffffff8c}}.bl-badge,.bl-chip{position:absolute;left:var(--bl-abstand-8);padding:2px var(--bl-abstand-8);border-radius:var(--bl-radius-rund);font-size:12px;font-weight:var(--bl-gewicht-fett)}.bl-badge{top:var(--bl-abstand-8);background:var(--bl-bordeaux);color:var(--bl-weiss)}.bl-chip{bottom:var(--bl-abstand-8);background:var(--bl-weiss);color:var(--bl-schwarz);font-weight:var(--bl-gewicht-mittel)}.bl-product-card__info{display:flex;align-items:center;justify-content:space-between;gap:var(--bl-abstand-8)}.bl-product-card__text{display:flex;flex-direction:column;gap:2px;min-width:0}.bl-product-card__info h3{margin:0;font-family:var(--bl-schrift-text);font-size:var(--bl-text-klein);font-weight:var(--bl-gewicht-mittel);letter-spacing:.02em;text-transform:uppercase;line-height:1.3}.bl-product-card__info .card-link{color:inherit;text-decoration:none;text-underline-offset:3px}.bl-product-card:hover .card-link{text-decoration:underline}.bl-price{margin:0;font-size:var(--bl-text-klein);font-variant-numeric:tabular-nums;color:var(--bl-text-leise)}.bl-price--sale{color:var(--bl-bordeaux)}.bl-price s{color:var(--bl-text-grau)}.bl-schnellkauf{position:static;flex:none}.bl-schnellkauf__form{display:contents}.bl-plus{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:var(--bl-tippflaeche);height:var(--bl-tippflaeche);padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.bl-plus:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid currentColor;border-radius:var(--bl-radius-rund);transition:background-color var(--bl-dauer-zu) ease-out}.bl-plus:hover:before,.bl-plus[aria-expanded=true]:before{background:var(--bl-schwarz)}.bl-plus:hover,.bl-plus[aria-expanded=true]{color:var(--bl-weiss)}.bl-plus svg{position:relative}.bl-plus:focus-visible{outline:2px solid var(--bl-blau);outline-offset:0;border-radius:var(--bl-radius-rund)}.bl-plus:disabled{opacity:.5;cursor:not-allowed}.bl-product-card{position:relative}.bl-laufband{position:relative;display:flex;align-items:center;overflow:hidden;background:var(--bl-blau);color:var(--bl-weiss)}.bl-laufband__spur{display:flex;width:max-content;animation:bl-laufband 40s linear infinite}.bl-laufband:hover .bl-laufband__spur,.bl-laufband.is-pausiert .bl-laufband__spur,.bl-laufband:focus-within .bl-laufband__spur{animation-play-state:paused}.bl-laufband__liste{display:flex;margin:0;padding:0;list-style:none}.bl-laufband__liste li{display:flex;align-items:center;gap:var(--bl-abstand-24);padding:var(--bl-abstand-12) var(--bl-abstand-12);font-size:var(--bl-text-mini);font-weight:var(--bl-gewicht-fett);white-space:nowrap}.bl-laufband__liste li:after{content:"";width:6px;height:6px;margin-left:var(--bl-abstand-12);border:1px solid currentColor;transform:rotate(45deg)}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/bl-basis-5.css.map */
