.byg-brands{background:var(--ink)}.byg-brands:before{content:"";position:absolute;top:0;left:0;right:0;height:clamp(64px,8vw,120px);background:linear-gradient(180deg,var(--ink-2),var(--ink));pointer-events:none}@media(max-width:749px){body.template-page .byg-scope.byg-brands:before{background:none}}@media(min-width:750px){body.template-page .byg-scope.byg-brands:before{background:none}}.byg-brands:after{content:"";position:absolute;bottom:0;left:0;right:0;height:clamp(56px,7vw,112px);background:radial-gradient(130% 100% at 50% 118%,#3c0ab342,#3c0ab300 62%);-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 100%);mask-image:linear-gradient(180deg,#000 40%,transparent 100%);pointer-events:none}.byg-brands__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:clamp(48px,5vw,72px)}.byg-brands__intro{max-width:520px;color:var(--muted);margin:0}.byg-brands__grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-inline:12px}.byg-brands__grid:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:radial-gradient(76% 90% at 22% 10%,#3c0ab342,#3c0ab300 72%),radial-gradient(64% 76% at 86% 88%,#a78bff1a,#a78bff00 74%);filter:blur(22px);pointer-events:none}.byg-brands__row{display:contents}.byg-brands__cell{position:relative;min-width:0;min-height:168px;display:flex;background:var(--carbon);border:1px solid var(--line);border-radius:var(--byg-r);box-shadow:inset 0 1px #f4f3f80d;transform:skew(-8deg);transition:transform var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1)),background var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),border-color var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),box-shadow var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),flex-grow var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1)),opacity var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1)),translate var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1))}@supports ((backdrop-filter: blur(4px)) or (-webkit-backdrop-filter: blur(4px))){.byg-brands__cell{background:linear-gradient(172deg,#f4f3f814,#f4f3f806 46%,#f4f3f803);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%)}}.byg-brands__cell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#a78bff80,#a78bff1f 40%,#a78bff00 78%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:.8;transition:opacity var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1));pointer-events:none;z-index:1}.byg-brands__cell:hover,.byg-brands__cell:focus-within{background:var(--carbon-2);border-color:#a78bff73;box-shadow:inset 0 1px #f4f3f81a;transform:translateY(-4px) skew(-8deg)}@supports ((backdrop-filter: blur(4px)) or (-webkit-backdrop-filter: blur(4px))){.byg-brands__cell:hover,.byg-brands__cell:focus-within{background:linear-gradient(172deg,#f4f3f821,#f4f3f80d 46%,#f4f3f805)}}.byg-brands__cell:hover:before,.byg-brands__cell:focus-within:before{opacity:1}.byg-brands__in{position:relative;z-index:2;flex:1;min-width:0;display:flex;transform:skew(8deg)}.byg-brands__main{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:26px 24px 24px}.byg-brands__logo{position:relative;flex:none;align-self:flex-start;margin-bottom:auto;display:flex;align-items:center;justify-content:center;width:clamp(138px,13.5vw,184px);aspect-ratio:720 / 300}.byg-brands__logo:before{content:"";position:absolute;left:-13px;top:50%;width:2px;height:calc(clamp(19px,2vw,25px)*.76);translate:0 -50%;background:var(--purple);transform:skew(var(--byg-skew));opacity:0;transition:opacity var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-brands__cell:hover .byg-brands__logo:before,.byg-brands__cell:focus-within .byg-brands__logo:before{opacity:1}.byg-brands__logo-img{width:100%;height:100%;object-fit:contain;object-position:center}.byg-brands__logo-img--schein,.byg-brands__rest-img--schein{filter:drop-shadow(0 0 1px rgba(244,243,248,.85)) drop-shadow(0 0 2px rgba(244,243,248,.65)) drop-shadow(0 0 6px rgba(167,139,255,.32))}.byg-brands__shot{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--byg-r);pointer-events:none;z-index:0}.byg-brands__shot img{width:100%;height:100%;object-fit:cover;opacity:.18}.byg-brands__shot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#14141b47,#14141be0 68%,#14141bf5),linear-gradient(90deg,#14141bb8,#14141b1f)}.byg-brands__cell--shot .byg-brands__count{color:var(--text)}.byg-brands__cell--shot .byg-brands__go{color:#c9c5d4}.byg-brands__name{position:relative;font-weight:800;font-style:italic;text-transform:uppercase;font-size:clamp(19px,2vw,25px);letter-spacing:-.01em;line-height:1.04}.byg-brands__name:before{content:"";position:absolute;left:-13px;top:.14em;width:2px;height:.76em;background:var(--purple);transform:skew(-8deg);opacity:0;transition:opacity .18s var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-brands__cell:hover .byg-brands__name:before,.byg-brands__cell:focus-within .byg-brands__name:before{opacity:1}.byg-brands__cell--shot .byg-brands__name:before{background:var(--violet)}.byg-brands__meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.byg-brands__count{color:var(--violet);font-weight:600;font-style:italic;text-transform:uppercase;font-size:12px;letter-spacing:.16em;line-height:1.2;white-space:nowrap}.byg-brands__count-n{color:var(--text);font-weight:800;font-style:italic;text-transform:uppercase;font-size:20px;letter-spacing:-.005em;line-height:1.2;font-variant-numeric:tabular-nums;margin-right:3px}.byg-brands__go{color:var(--muted);font-weight:700;font-style:italic;font-size:12px;letter-spacing:.16em;text-transform:uppercase;line-height:1.2;transition:color .18s cubic-bezier(.3,.7,.25,1),translate .18s cubic-bezier(.3,.7,.25,1);white-space:nowrap}.byg-brands__cell:hover .byg-brands__go,.byg-brands__cell:focus-within .byg-brands__go{color:var(--volt)}@media(prefers-reduced-motion:no-preference){.byg-brands__cell:hover .byg-brands__go,.byg-brands__cell:focus-within .byg-brands__go{translate:4px 0}.byg-brands__name:before{translate:-5px 0;transition:opacity var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),translate var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-brands__cell:hover .byg-brands__name:before,.byg-brands__cell:focus-within .byg-brands__name:before{translate:0 0}.byg-brands__logo:before{translate:-5px -50%;transition:opacity var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),translate var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-brands__cell:hover .byg-brands__logo:before,.byg-brands__cell:focus-within .byg-brands__logo:before{translate:0 -50%}}.byg-brands__main--alle{align-items:center;justify-content:center;text-align:center;gap:14px}.byg-brands__alle-name{font-weight:800;font-style:italic;text-transform:uppercase;font-size:var(--t-card);letter-spacing:-.005em;line-height:var(--lh-card);color:var(--text)}.byg-brands__alle-arrow{font-weight:800;font-style:italic;font-size:calc(var(--t-card) * 1.25);line-height:1;color:var(--violet);transition:color var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-brands__cell--alle:hover .byg-brands__alle-arrow,.byg-brands__cell--alle:focus-within .byg-brands__alle-arrow{color:var(--volt)}@media(prefers-reduced-motion:no-preference){.byg-brands__alle-arrow{transition:color var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),translate var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-brands__cell--alle:hover .byg-brands__alle-arrow,.byg-brands__cell--alle:focus-within .byg-brands__alle-arrow{translate:4px 0}}.byg-brands__preview{display:none}@media(min-width:1021px)and (hover:hover){.byg-brands__grid{display:block}.byg-brands__row{display:flex;gap:14px}.byg-brands__row+.byg-brands__row{margin-top:14px}.byg-brands__cell{flex:1 1 0%}.byg-brands__main{min-height:150px}.byg-brands__cell--preview:hover,.byg-brands__cell--preview:focus-within{flex-grow:3}.byg-brands__cell--preview .byg-brands__main{transition:padding-right var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-brands__cell--preview:hover .byg-brands__main,.byg-brands__cell--preview:focus-within .byg-brands__main{padding-right:292px}.byg-brands__cell--preview:hover .byg-brands__logo,.byg-brands__cell--preview:focus-within .byg-brands__logo{width:clamp(160px,16vw,212px)}.byg-brands__logo{transition:width var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-brands__preview{display:flex;flex-direction:column;align-items:flex-start;gap:6px;position:absolute;top:50%;right:24px;translate:0 -50%;opacity:0;pointer-events:none;transition:opacity .18s var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-brands__cell--preview:hover .byg-brands__preview,.byg-brands__cell--preview:focus-within .byg-brands__preview{opacity:1;transition:opacity var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1)) .12s}.byg-brands__preview-label{font-size:10px;line-height:1;color:var(--muted)}.byg-brands__thumbs{display:flex;align-items:center;gap:8px}.byg-brands__thumb{flex:none;display:block;width:56px;height:56px;overflow:hidden;border:1px solid var(--line);border-radius:var(--byg-r);background:var(--carbon-2);opacity:0;transition:opacity var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),border-color var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-brands__cell--preview:hover .byg-brands__thumb,.byg-brands__cell--preview:focus-within .byg-brands__thumb{opacity:1;pointer-events:auto}.byg-brands__cell--preview:hover .byg-brands__thumb:nth-child(1),.byg-brands__cell--preview:focus-within .byg-brands__thumb:nth-child(1){transition-delay:.12s,.12s,0s,0s}.byg-brands__cell--preview:hover .byg-brands__thumb:nth-child(2),.byg-brands__cell--preview:focus-within .byg-brands__thumb:nth-child(2){transition-delay:.16s,.16s,0s,0s}.byg-brands__cell--preview:hover .byg-brands__thumb:nth-child(3),.byg-brands__cell--preview:focus-within .byg-brands__thumb:nth-child(3){transition-delay:.2s,.2s,0s,0s}.byg-brands__cell--preview:hover .byg-brands__thumb:nth-child(4),.byg-brands__cell--preview:focus-within .byg-brands__thumb:nth-child(4){transition-delay:.24s,.24s,0s,0s}.byg-brands__thumb:hover{border-color:var(--violet)}.byg-brands__thumb img{display:block;width:100%;height:100%;object-fit:cover}}@media(min-width:1021px)and (max-width:1200px)and (hover:hover){.byg-brands__thumb{width:44px;height:44px}.byg-brands__cell--preview:hover .byg-brands__main,.byg-brands__cell--preview:focus-within .byg-brands__main{padding-right:240px}}@media(min-width:1021px)and (hover:hover)and (prefers-reduced-motion:no-preference){.byg-brands__preview{transform:translate(10px);transition:opacity .18s var(--ease, cubic-bezier(.3, .7, .25, 1)),transform .18s var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-brands__cell--preview:hover .byg-brands__preview,.byg-brands__cell--preview:focus-within .byg-brands__preview{transform:none;transition:opacity var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1)) .12s,transform var(--t-2, .35s) var(--ease, cubic-bezier(.3, .7, .25, 1)) .12s}.byg-brands__thumb{translate:8px 0;transition:opacity var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),translate var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),border-color var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),scale var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-brands__cell--preview:hover .byg-brands__thumb,.byg-brands__cell--preview:focus-within .byg-brands__thumb{translate:0 0}.byg-brands__thumb:hover{scale:1.06}}@media(max-width:1020px){.byg-brands__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.byg-brands__grid{grid-template-columns:1fr;gap:10px;padding-inline:7px}.byg-brands__cell{min-height:0}.byg-brands__main{min-height:0;padding:18px 20px 16px;gap:10px}.byg-brands__logo{width:126px}}.byg-reveal-armed .byg-brands__grid.byg-stagger{transform:none}@media(prefers-reduced-motion:no-preference){.byg-reveal-armed .byg-brands__grid.byg-stagger>.byg-reveal-item>.byg-brands__cell{opacity:0;translate:0 14px}.byg-reveal-armed .byg-brands__grid.byg-stagger>.byg-reveal-item.in>.byg-brands__cell{opacity:1;translate:none}}@media(prefers-reduced-motion:reduce){.byg-brands__cell,.byg-brands__cell:before,.byg-brands__cell--preview .byg-brands__main,.byg-brands__name:before,.byg-brands__go,.byg-brands__alle-arrow,.byg-brands__logo,.byg-brands__logo:before,.byg-brands__preview,.byg-brands__thumb{transition:none}.byg-brands__cell:hover,.byg-brands__cell:focus-within{transform:skew(-8deg)}}a.byg-brands__main:not(#_):hover,a.byg-brands__main:not(#_):focus-visible,a.byg-brands__main:not(#_):focus-within{color:var(--text)}@media(min-width:1021px)and (hover:hover){.byg-brands__row .byg-brands__cell--alle:only-child{flex:1 1 100%;min-height:84px}.byg-brands__row .byg-brands__cell--alle:only-child .byg-brands__main{min-height:84px}}.byg-brands__alle-zahl{margin-left:10px;padding:2px 8px;border-radius:var(--byg-r);background:#a78bff29;color:var(--violet);font-size:12px;font-weight:700;font-style:italic}.byg-brands__alle-arrow{position:relative;width:11px;height:11px;flex:none;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;translate:0 -2px;rotate:45deg;transition:rotate var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1)),color var(--t-1, .18s) var(--ease, cubic-bezier(.3, .7, .25, 1))}.byg-brands__main--alle[aria-expanded=true] .byg-brands__alle-arrow{rotate:225deg;translate:0 2px}.byg-brands__main--alle{width:100%;border:0;background:none;cursor:pointer;text-align:left;font:inherit;color:inherit}.byg-brands__rest{margin-top:clamp(14px,1.8vw,22px)}.byg-brands__rest[hidden]{display:none}.byg-brands__rest-liste{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none}.byg-brands__rest-link{display:flex;align-items:center;gap:14px;min-height:72px;padding:10px 14px 10px 10px;border:1px solid var(--line);border-radius:var(--byg-r);background:linear-gradient(180deg,#1b1b24b8,#14141bb8);transform:skew(var(--byg-skew));transition:border-color var(--t-1, .18s) var(--ease),background var(--t-1, .18s) var(--ease)}.byg-brands__rest-link>*{transform:skew(var(--byg-skew-in))}.byg-brands__rest-link:hover{border-color:var(--kante-licht-violet);background:linear-gradient(180deg,#26076f80,#14141bcc)}.byg-brands__rest-logo{flex:none;display:flex;align-items:center;justify-content:center;width:112px;aspect-ratio:720 / 300}.byg-brands__rest-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.byg-brands__rest-text{color:var(--text);font-weight:700;font-style:italic;font-size:13px}.byg-brands__rest-meta{display:grid;gap:3px;min-width:0}.byg-brands__rest-name{color:var(--text);font-weight:700;font-style:italic;font-size:15px}.byg-brands__rest-zahl{color:var(--muted)}.byg-brands__rest-alle{display:inline-flex;align-items:center;min-height:44px;margin-top:14px}@media(min-width:561px){.byg-brands__rest-liste{display:flex;flex-wrap:wrap;justify-content:center}.byg-brands__rest-zelle{flex:0 0 calc((100% - 2 * 10px) / 3);min-width:0}}@media(min-width:990px){.byg-brands__rest-zelle{flex-basis:calc((100% - 30px)/4)}}.byg-brands__cell--alle-breit{grid-column:1 / -1}@media(max-width:560px){.byg-brands__cell--alle-breit .byg-brands__main--alle{flex-direction:row;position:relative}.byg-brands__cell--alle-breit .byg-brands__alle-arrow{position:absolute;right:20px;top:50%;margin:-3px 0 0}}@media(min-width:561px){.byg-brands__cell--alle-breit .byg-brands__main--alle{flex-direction:row;position:relative}.byg-brands__cell--alle-breit .byg-brands__alle-arrow{position:absolute;right:28px;top:50%;margin:-3px 0 0}}.byg-brands__filter{position:absolute;width:0;height:0;overflow:hidden}@media(max-width:560px){.byg-brands__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-inline:6px}.byg-brands__main{position:relative;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 10px 12px;text-align:center}.byg-brands__main:before{content:"";position:absolute;left:50%;top:38%;width:120px;height:70px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(124,77,255,.32),transparent);filter:blur(6px);pointer-events:none;z-index:0}.byg-brands__main:after{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(236,217,255,.55),transparent);opacity:.5;transition:opacity .2s ease;pointer-events:none}.byg-brands__main:active:after{opacity:1}.byg-brands__main>*{position:relative;z-index:1}.byg-brands__logo{width:96px;margin-inline:auto}.byg-brands__meta{justify-content:center}.byg-brands__go{display:none}.byg-brands__count{font-size:15px}.byg-brands__cell--alle .byg-brands__main:before{content:none}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/byg-brands.css.map */