@layer components{:root{--bl-fw-feder:cubic-bezier(.22,1,.36,1);--bl-fw-feder-dauer:.55s;--bl-fw-gold-1:#f8edca;--bl-fw-gold-2:#ecd496;--bl-fw-gold-3:#e2c27a;--bl-fw-silber-1:#f7f8fa;--bl-fw-silber-2:#e1e4e8;--bl-fw-silber-3:#cdd1d7}@supports (transition-timing-function:linear(0,1)){:root{--bl-fw-feder:linear( 0,.067,.211,.375,.529,.66,.764,.842,.899,.939,.965,.982,.992,.998,1.001,1.003,1.003,1.003,1.002,1.002,1.001,1.001,1 )}}.bl-farbwahl{--bl-fw-luft:var(--bl-abstand-4);position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(var(--bl-fw-anzahl,2),minmax(0,1fr));gap:var(--bl-fw-luft);margin-bottom:var(--bl-abstand-16);padding:var(--bl-fw-luft);border:1px solid var(--bl-linie);border-radius:var(--bl-radius-rund);background:var(--bl-weiss)}.bl-farbwahl__option{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:var(--bl-abstand-8);min-height:var(--bl-tippflaeche);padding-inline:var(--bl-abstand-8);border-radius:var(--bl-radius-rund);color:var(--bl-schwarz);font-family:var(--bl-schrift-text);font-size:var(--bl-text-klein);font-weight:var(--bl-gewicht-mittel);text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:transform var(--bl-dauer-kurz) var(--bl-kurve-auf)}.bl-farbwahl__option:active{transform:scale(.97)}.bl-farbwahl__option[aria-current=true]{font-weight:var(--bl-gewicht-fett)}.bl-farbwahl__option:focus-visible{outline:2px solid var(--bl-blau);outline-offset:2px}.bl-farbwahl__option:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--bl-flaeche);opacity:0;transition:opacity var(--bl-dauer-kurz) ease}@media(hover:hover){.bl-farbwahl__option:not([aria-current=true]):hover:before{opacity:1}}.bl-farbwahl__pill{position:absolute;z-index:0;top:var(--bl-fw-luft);bottom:var(--bl-fw-luft);left:var(--bl-fw-luft);width:calc((100% - 2 * var(--bl-fw-luft) - (var(--bl-fw-anzahl,2) - 1) * var(--bl-fw-luft)) / var(--bl-fw-anzahl,2));overflow:hidden;border-radius:var(--bl-radius-rund);background:var(--bl-flaeche);box-shadow:0 1px 2px #221c191f,0 4px 12px #221c190f;transform:translate(calc(var(--bl-fw-index,0) * (100% + var(--bl-fw-luft)))) scale(var(--bl-fw-skala,1));transition:transform var(--bl-fw-feder-dauer) var(--bl-fw-feder),opacity var(--bl-dauer-mittel) ease;will-change:transform}.bl-farbwahl__pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--bl-blau)}.bl-farbwahl__metall{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .42s ease}.bl-farbwahl__metall.is-gold{background:linear-gradient(115deg,var(--bl-fw-gold-1) 0%,var(--bl-fw-gold-2) 38%,var(--bl-fw-gold-1) 56%,var(--bl-fw-gold-3) 100%)}.bl-farbwahl__metall.is-silber{background:linear-gradient(115deg,var(--bl-fw-silber-1) 0%,var(--bl-fw-silber-2) 38%,var(--bl-fw-silber-1) 56%,var(--bl-fw-silber-3) 100%)}.bl-farbwahl__metall.is-bicolor{background:linear-gradient(100deg,var(--bl-fw-gold-1) 0%,var(--bl-fw-gold-2) 42%,var(--bl-fw-silber-2) 58%,var(--bl-fw-silber-1) 100%)}.bl-farbwahl[data-farbe=gold] .bl-farbwahl__metall.is-gold,.bl-farbwahl[data-farbe=silber] .bl-farbwahl__metall.is-silber,.bl-farbwahl[data-farbe=bicolor] .bl-farbwahl__metall.is-bicolor{opacity:1}.bl-farbwahl__tupfer{position:relative;flex:none;width:14px;height:14px;border:1px solid var(--bl-kante);border-radius:var(--bl-radius-rund)}.bl-farbwahl__tupfer.is-gold{background:linear-gradient(135deg,#e9cf86,#b8913a)}.bl-farbwahl__tupfer.is-silber{background:linear-gradient(135deg,#f2f2f2,#a9abae)}.bl-farbwahl__tupfer.is-bicolor{background:linear-gradient(135deg,#e9cf86,#b8913a 50%,#f2f2f2 50%,#a9abae)}.bl-koll-zeile{display:block}@media(prefers-reduced-motion:no-preference){.bl-koll{--bl-ka:cubic-bezier(.16,1,.3,1);--bl-ka-feder:cubic-bezier(.3,1.35,.6,1)}.bl-koll-kopf--bild{overflow:hidden}.bl-koll-kopf__bild{animation:bl-ka-zoom 1.8s var(--bl-ka) backwards}.bl-koll-zeile{clip-path:inset(-.15em -.5em -.3em)}.bl-koll-zeile>span{display:block;animation:bl-ka-zeile 1.1s var(--bl-ka) 80ms backwards}.bl-koll-zeile+.bl-koll-zeile>span{animation-delay:.18s}.bl-koll-kopf__kicker:before{transform-origin:left;animation:bl-ka-wisch .9s var(--bl-ka) .14s backwards}.bl-koll .bl-laufband{transform-origin:left;animation:bl-ka-wisch .7s cubic-bezier(.76,0,.24,1) .1s backwards}.bl-koll :is(.bl-koll-kopf__kicker,.bl-koll-kopf__text,.bl-koll-kopf__info,.bl-laufband__liste,.bl-laufband__pause,.bl-farbwahl,.bl-farbwahl__option){animation:bl-ka-auf .8s var(--bl-ka) var(--bl-kd) backwards}.bl-koll-kopf__kicker{--bl-kd:60ms}.bl-farbwahl{--bl-kd:.2s}.bl-koll-kopf__text{--bl-kd:.26s}.bl-koll-kopf__info{--bl-kd:.32s}.bl-farbwahl__option{--bl-kd:.3s}.bl-farbwahl__option+.bl-farbwahl__option{--bl-kd:.36s}.bl-farbwahl__option+.bl-farbwahl__option+.bl-farbwahl__option{--bl-kd:.42s}.bl-laufband__liste,.bl-laufband__pause{--bl-kd:.46s}.bl-koll-raster[data-auftritt=start]>li:nth-child(-n+8):not([data-auftritt]){--bl-k1:bl-ka-hoch;--bl-k2:bl-ka-zoom;--bl-k3:bl-ka-info;--bl-k4:bl-ka-pop;--bl-kt:calc(.18s + var(--bl-ki,0) * 80ms)}.bl-koll-raster .bl-product-card__media{animation:var(--bl-k1,none) 1.2s var(--bl-ka) var(--bl-kt) backwards}.bl-koll-raster .bl-product-card__media>img:first-child{animation:var(--bl-k2,none) 1.5s var(--bl-ka) var(--bl-kt) backwards}.bl-koll-raster .bl-product-card__info{animation:var(--bl-k3,none) .8s var(--bl-ka) calc(var(--bl-kt) + .16s) backwards}.bl-koll-raster :is(.bl-badge,.bl-chip){animation:var(--bl-k4,none) .7s var(--bl-ka-feder) calc(var(--bl-kt) + .34s) backwards}.bl-koll .bl-hinweisleiste{animation:bl-ka-unten .9s var(--bl-ka-feder) .65s backwards}}@keyframes bl-ka-info{0%{opacity:0}}@keyframes bl-ka-auf{0%{opacity:0;transform:translateY(14px)}}@keyframes bl-ka-zoom{0%{transform:scale(1.12)}}@keyframes bl-ka-wisch{0%{transform:scaleX(0)}}@keyframes bl-ka-zeile{0%{transform:translateY(135%)}}@keyframes bl-ka-hoch{0%{transform:translateY(40px)}}@keyframes bl-ka-pop{0%{opacity:0;transform:scale(.6)}}@keyframes bl-ka-unten{0%{opacity:0;transform:translateY(calc(100% + 24px))}}.bl-koll-kopf--kompakt{padding:var(--bl-abstand-16) var(--bl-seitenrand) 0;background:var(--bl-weiss)}.bl-koll-kopf__foto{display:grid;overflow:hidden;border-radius:var(--bl-radius-kachel);background:var(--bl-schwarz);color:var(--bl-weiss)}.bl-koll-kopf__foto>*,.bl-koll-kopf__foto picture{grid-area:1 / 1}.bl-koll-kopf__foto picture{display:block}.bl-koll-kopf--kompakt .bl-koll-kopf__bild{display:block;width:100%;height:auto;min-height:0;aspect-ratio:var(--bl-kk-mobil,2.5);object-fit:cover}.bl-koll-kopf__auf{position:relative;display:flex;flex-direction:column;justify-content:center;padding:var(--bl-abstand-12) var(--bl-abstand-16);background:linear-gradient(to right,#221c19b3,#221c1999 55%,#221c1900 80%)}.bl-koll-kopf__auf>*{max-width:60%}.bl-koll-kopf__auf .bl-koll-kopf__kicker{margin-bottom:var(--bl-abstand-4);font-size:11px}.bl-koll-kopf__auf .bl-koll-kopf__kicker:before{display:none}.bl-koll-kopf__titel{margin:0;font-family:var(--bl-schrift-ueberschrift);font-size:24px;font-weight:var(--bl-gewicht-titel);line-height:1.05}.bl-koll-kopf--kompakt .bl-koll-kopf__text{margin:var(--bl-abstand-4) 0 0;color:var(--bl-weiss);font-size:var(--bl-text-mini)}.bl-koll-kopf__zeilen{padding-top:var(--bl-abstand-12)}.bl-koll-kopf--kompakt h1{font-size:28px}.bl-koll-kopf__info{margin:var(--bl-abstand-4) 0 0;font-size:var(--bl-text-klein)}.bl-koll-kopf__nowrap{white-space:nowrap}.bl-koll-kopf__aktion{color:var(--bl-bordeaux);font-weight:var(--bl-gewicht-fett)}@media(min-width:48rem){.bl-koll-kopf--kompakt .bl-koll-kopf__rahmen{max-width:var(--bl-inhalt-max);margin-inline:auto}.bl-koll-kopf__foto{border-radius:var(--bl-radius-bild)}.bl-koll-kopf--kompakt .bl-koll-kopf__bild{aspect-ratio:var(--bl-kk-desktop,5)}.bl-koll-kopf__auf{padding:0 var(--bl-abstand-48);background:linear-gradient(to right,#221c19a8 0,#221c198f 640px,#221c1900 900px)}.bl-koll-kopf__auf .bl-koll-kopf__kicker{margin-bottom:var(--bl-abstand-8);font-size:12px}.bl-koll-kopf__titel{font-size:32px}.bl-koll-kopf--kompakt .bl-koll-kopf__text{margin-top:var(--bl-abstand-8);font-size:var(--bl-text-normal)}@media(min-width:64rem){.bl-koll-kopf__titel{font-size:44px}.bl-koll-kopf__titel .bl-koll-zeile{display:inline-block;vertical-align:top}}.bl-koll-kopf__zeilen{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--bl-abstand-16)}.bl-koll-kopf--kompakt h1{font-size:32px}.bl-koll-kopf__info{margin:0}}.bl-koll-leiste{position:sticky;top:var(--bl-kopfzeile,109px);z-index:35;pointer-events:none}.bl-koll-leiste__band{padding-block:var(--bl-abstand-8);background:var(--bl-weiss);pointer-events:auto;transition:transform var(--bl-dauer-zu) var(--bl-kurve-auf)}:root:has(.bl-header:is(.is-weg,.is-hidden)) .bl-koll-leiste[data-klebt] .bl-koll-leiste__band{transform:translateY(calc(-1 * var(--bl-kopfzeile,109px)))}:root:has(.bl-header.is-kopf) .bl-koll-leiste[data-klebt] .bl-koll-leiste__band{transform:translateY(calc(-1 * var(--bl-kopfzeile-oben,44px)))}.bl-laufband+.bl-koll-leiste{margin-top:var(--bl-abstand-8)}.bl-koll-leiste__innen{display:flex;align-items:center;gap:var(--bl-abstand-8);min-height:46px}.bl-koll-leiste__label{display:none}.bl-koll-leiste .bl-farbwahl{--bl-fw-luft:2px;flex:1 1 auto;min-width:0;margin:0;border-color:var(--bl-kante)}.bl-koll-leiste .bl-farbwahl__option{gap:6px;min-height:40px;padding-inline:var(--bl-abstand-4);font-size:var(--bl-text-mini)}.bl-koll-leiste .bl-farbwahl__option:after{content:"";position:absolute;top:-3px;right:-1px;bottom:-3px;left:-1px}.bl-koll-filterknopf{display:inline-flex;flex:none;align-items:center;gap:6px;min-height:var(--bl-tippflaeche);padding-inline:var(--bl-abstand-12);border:1px solid var(--bl-blau);border-radius:var(--bl-radius-button);background:var(--bl-weiss);color:var(--bl-blau);font-size:var(--bl-text-mini);font-weight:var(--bl-gewicht-mittel);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--bl-dauer-kurz) var(--bl-kurve-auf)}.bl-koll-filterknopf:focus-visible{outline:2px solid var(--bl-blau);outline-offset:2px}@media(max-width:359px){.bl-koll-filterknopf{justify-content:center;width:var(--bl-tippflaeche);padding:0;font-size:0}.bl-koll-filterknopf>span{display:none}}@media(min-width:48rem){.bl-koll-leiste__innen{gap:var(--bl-abstand-16)}.bl-koll-leiste__label{display:block;color:var(--bl-text-grau);font-size:var(--bl-text-mini);white-space:nowrap}.bl-koll-leiste .bl-farbwahl{flex:0 1 400px}.bl-koll-leiste .bl-farbwahl__option{font-size:var(--bl-text-klein)}.bl-koll-filterknopf{margin-left:auto;font-size:var(--bl-text-klein)}}.bl-koll-leiste+.bl-koll__inhalt{padding-top:0}.bl-koll-leiste+.bl-koll__inhalt .bl-koll-raster{margin-top:var(--bl-abstand-8)}.bl-koll .bl-hinweisleiste{bottom:calc(var(--bl-abstand-8) + env(safe-area-inset-bottom));margin-bottom:var(--bl-abstand-8);padding-block:var(--bl-abstand-8)}.bl-hinweis-ort{display:contents}.bl-hinweis-ort--oben{display:none}@media(min-width:64rem){.bl-hinweis-ort--unten{display:none}.bl-hinweis-ort--oben{display:contents}.bl-koll-leiste .bl-hinweisleiste{position:static;flex:0 1 380px;width:auto;max-width:none;margin:0 0 0 auto;padding-block:6px;animation:none}.bl-hinweis-ort--oben+.bl-koll-filterknopf{margin-left:0}}.bl-koll-raster{grid-auto-flow:dense}.bl-koll-emotion{position:relative;overflow:hidden;border-radius:var(--bl-radius-kachel);background:linear-gradient(var(--bl-em-oben) 50%,var(--bl-em-unten) 50%)}.bl-koll-emotion.is-links{grid-column:1 / 2}.bl-koll-emotion.is-rechts{grid-column:-2 / -1}.bl-koll-emotion.is-hoch{grid-row:span 2}.bl-koll-emotion img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.bl-koll-emotion--d{display:none}@media(min-width:64rem){.bl-koll-emotion--m{display:none}.bl-koll-emotion--d{display:block}}@media(prefers-reduced-motion:reduce){.bl-farbwahl__pill,.bl-farbwahl__metall,.bl-farbwahl__option,.bl-farbwahl__option:before{transition:none}.bl-farbwahl__option:active{transform:none}}}.bl-koll-stacks{--bl-kombis-hoehe:612px;min-height:var(--bl-kombis-hoehe)}@media(min-width:48rem){.bl-koll-stacks{--bl-kombis-hoehe:631px}}@media(min-width:64rem){.bl-koll-stacks{--bl-kombis-hoehe:713px}}.bl-koll-raster>li.bl-koll-stacks{grid-column:1 / -1}.bl-koll-stacks .bl-stacks>.bl-container{max-width:none;padding-inline:0}.bl-koll-raster>li.bl-koll-stacks{position:relative;min-width:0;overflow-x:clip}@layer components{.bl-wunsch{margin:var(--bl-abstand-8) 0 var(--bl-abstand-24)}.bl-wunsch__titel,.bl-koll__rastertitel{margin:0 0 var(--bl-abstand-12);font-family:var(--bl-schrift-ueberschrift);font-size:22px;font-weight:var(--bl-gewicht-titel);line-height:1.2}.bl-wunsch__kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bl-abstand-8);margin:0;padding:0;list-style:none}.bl-wunsch__kachel{display:flex;flex-direction:column;gap:var(--bl-abstand-8);height:100%;padding:var(--bl-abstand-8);border:1px solid var(--bl-linie);border-radius:var(--bl-radius-kachel);background:var(--bl-weiss);color:var(--bl-schwarz);text-decoration:none;transition:border-color var(--bl-dauer-zu) ease-out,box-shadow var(--bl-dauer-zu) ease-out}.bl-wunsch__kachel img,.bl-wunsch__leer{display:block;width:100%;aspect-ratio:1 / 1;border-radius:var(--bl-radius-button);background:var(--bl-flaeche);object-fit:cover}.bl-wunsch__text{display:flex;flex-direction:column;gap:2px;min-width:0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.bl-wunsch__name{font-size:var(--bl-text-klein);font-weight:var(--bl-gewicht-fett);line-height:1.25}.bl-wunsch__sub{font-size:var(--bl-text-mini);color:var(--bl-text-leise);line-height:1.3}.bl-wunsch__kachel.is-aktiv{border-color:var(--bl-blau);box-shadow:inset 0 0 0 1px var(--bl-blau)}@media(hover:hover){.bl-wunsch__kachel:hover{border-color:var(--bl-blau)}}@media(min-width:48rem){.bl-wunsch__kacheln{grid-template-columns:repeat(3,minmax(0,240px));gap:var(--bl-abstand-16)}.bl-wunsch__kachel{flex-direction:row;align-items:center}.bl-wunsch__kachel img,.bl-wunsch__leer{width:72px;flex:none}}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/bl-n-farbwahl.css.map */