.bn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--control-md);padding:0 20px;font:var(--fw-semibold) 15px/1 var(--font-sans);border-radius:var(--radius-md);border:var(--border-w) solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base),transform var(--dur-fast) var(--ease-out)}.bn-btn:active{transform:translateY(1px)}.bn-btn:focus-visible,.bn-iconbtn:focus-visible,.bn-tab:focus-visible,.bn-switch:focus-visible{outline:none;box-shadow:var(--focus-ring)}.bn-btn--sm{height:var(--control-sm);padding:0 14px;font-size:14px;border-radius:var(--radius-sm)}.bn-btn--lg{height:var(--control-lg);padding:0 28px;font-size:16px}.bn-btn--block{width:100%}.bn-btn--primary{background:var(--action-primary);color:var(--action-primary-fg)}.bn-btn--primary:hover{background:var(--action-primary-hover)}.bn-btn--secondary{background:var(--action-secondary);color:var(--action-secondary-fg)}.bn-btn--secondary:hover{background:var(--action-secondary-hover)}.bn-btn--outline{background:transparent;border-color:var(--tannengruen);color:var(--tannengruen)}.bn-btn--outline:hover{background:var(--mint)}.bn-btn--ghost{background:transparent;color:var(--tannengruen)}.bn-btn--ghost:hover{background:#1f4d3a14}.bn-btn--promo{background:var(--terrakotta);color:var(--papier)}.bn-btn--promo:hover{background:var(--terrakotta-hover)}.bn-btn:disabled{background:var(--creme-deep);color:var(--steingrau);border-color:transparent;cursor:not-allowed;transform:none}.bn-iconbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-pill);border:var(--border-w) solid transparent;background:transparent;color:var(--anthrazit);cursor:pointer;transition:background var(--dur-base) var(--ease-out),color var(--dur-base)}.bn-iconbtn:hover{background:#1f4d3a14;color:var(--tannengruen)}.bn-iconbtn--sm{width:32px;height:32px}.bn-iconbtn--lg{width:48px;height:48px}.bn-iconbtn--outline{border-color:var(--linie);background:var(--papier)}.bn-iconbtn--outline:hover{border-color:var(--tannengruen)}.bn-iconbtn--solid{background:var(--tannengruen);color:var(--creme)}.bn-iconbtn--solid:hover{background:var(--waldnacht);color:var(--creme)}.bn-iconbtn--active,.bn-iconbtn--active:hover{color:var(--terrakotta)}.bn-iconbtn:disabled{opacity:.45;cursor:not-allowed}.bn-iconbtn__count{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--terrakotta);color:var(--papier);font:700 11px/18px var(--font-sans);text-align:center}.bn-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans)}.bn-field__label{font-size:14px;font-weight:var(--fw-semibold);color:var(--anthrazit)}.bn-field__hint{font-size:13px;color:var(--steingrau)}.bn-field__hint--error{color:var(--fehler)}.bn-control{position:relative;display:flex;align-items:center}.bn-control__icon{position:absolute;left:14px;color:var(--steingrau);pointer-events:none;display:flex}.bn-control__chev{position:absolute;right:14px;color:var(--anthrazit);pointer-events:none;display:flex}.bn-input{width:100%;height:var(--control-md);padding:0 14px;font:var(--fw-regular) 16px/1 var(--font-sans);color:var(--anthrazit);background:var(--papier);border:var(--border-w) solid var(--linie);border-radius:var(--radius-md);outline:none;transition:border-color var(--dur-base),box-shadow var(--dur-base);appearance:none;-webkit-appearance:none}.bn-input::placeholder{color:var(--steingrau)}.bn-input:hover{border-color:var(--linie-stark)}.bn-input:focus{border-color:var(--tannengruen);box-shadow:var(--focus-ring)}.bn-input--icon{padding-left:42px}.bn-input--select{padding-right:40px;cursor:pointer}.bn-input--error{border-color:var(--fehler)}.bn-input--error:focus{box-shadow:0 0 0 3px #b3382c33}.bn-input:disabled{background:var(--creme-deep);color:var(--steingrau);cursor:not-allowed}.bn-choice{display:inline-flex;align-items:flex-start;gap:10px;font:var(--fw-regular) 15px/1.35 var(--font-sans);color:var(--anthrazit);cursor:pointer}.bn-choice input{appearance:none;-webkit-appearance:none;flex:none;margin:0;width:20px;height:20px;border:var(--border-w) solid var(--linie-stark);background:var(--papier);cursor:pointer;transition:background var(--dur-fast),border-color var(--dur-fast),box-shadow var(--dur-fast)}.bn-choice input:focus-visible{box-shadow:var(--focus-ring);outline:none}.bn-choice input:hover{border-color:var(--tannengruen)}.bn-checkbox input{border-radius:5px}.bn-checkbox input:checked{background:var(--tannengruen) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F6F1E7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--tannengruen)}.bn-radio input{border-radius:50%}.bn-radio input:checked{border-color:var(--tannengruen);background:var(--tannengruen);box-shadow:inset 0 0 0 4px var(--papier)}.bn-choice--disabled{color:var(--steingrau);cursor:not-allowed}.bn-choice--disabled input{background:var(--creme-deep);cursor:not-allowed}.bn-choice__desc{display:block;font-size:13px;color:var(--steingrau);margin-top:2px}.bn-switch{position:relative;flex:none;width:42px;height:24px;border-radius:var(--radius-pill);border:none;background:var(--linie-stark);cursor:pointer;padding:0;transition:background var(--dur-base) var(--ease-out)}.bn-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--papier);box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-out)}.bn-switch[aria-checked=true]{background:var(--tannengruen)}.bn-switch[aria-checked=true]:after{transform:translate(18px)}.bn-switch:disabled{opacity:.45;cursor:not-allowed}.bn-stepper{display:inline-flex;align-items:center;height:var(--control-md);border:var(--border-w) solid var(--linie);border-radius:var(--radius-md);background:var(--papier);font-family:var(--font-sans)}.bn-stepper--sm{height:var(--control-sm)}.bn-stepper button{display:flex;align-items:center;justify-content:center;width:38px;height:100%;border:none;background:none;color:var(--tannengruen);cursor:pointer;border-radius:var(--radius-md)}.bn-stepper button:hover{background:#1f4d3a14}.bn-stepper button:disabled{color:var(--linie-stark);cursor:not-allowed;background:none}.bn-stepper__val{min-width:28px;text-align:center;font-weight:var(--fw-semibold);font-size:15px;color:var(--anthrazit);border:none;background:none;font-family:var(--font-sans)}.bn-badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:var(--radius-pill);font:var(--fw-semibold) 12px/1 var(--font-sans);letter-spacing:.02em;white-space:nowrap}.bn-badge--sm{height:20px;padding:0 8px;font-size:11px}.bn-badge--sale{background:var(--terrakotta);color:var(--papier)}.bn-badge--new{background:var(--bernstein);color:var(--anthrazit)}.bn-badge--eco{background:var(--mint);color:var(--tannengruen)}.bn-badge--brand{background:var(--tannengruen);color:var(--creme)}.bn-badge--neutral{background:var(--creme-deep);color:var(--anthrazit)}.bn-badge--success{background:var(--erfolg-tint);color:var(--erfolg)}.bn-badge--error{background:var(--fehler-tint);color:var(--fehler)}.bn-badge--info{background:var(--info-tint);color:var(--info)}.bn-alert{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-md);font:var(--fw-regular) 14px/1.45 var(--font-sans);color:var(--anthrazit);border:1px solid transparent}.bn-alert__icon{flex:none;display:flex;padding-top:1px}.bn-alert__title{font-weight:var(--fw-semibold);margin-bottom:2px}.bn-alert--success{background:var(--erfolg-tint);border-color:#2e7d4f40}.bn-alert--success .bn-alert__icon{color:var(--erfolg)}.bn-alert--error{background:var(--fehler-tint);border-color:#b3382c40}.bn-alert--error .bn-alert__icon{color:var(--fehler)}.bn-alert--info{background:var(--info-tint);border-color:#3a6ea540}.bn-alert--info .bn-alert__icon{color:var(--info)}.bn-alert--warning{background:var(--bernstein-tint);border-color:#e9a23b66}.bn-alert--warning .bn-alert__icon{color:#9a6212}.bn-toast{display:inline-flex;align-items:center;gap:12px;min-width:280px;max-width:420px;padding:12px 12px 12px 16px;border-radius:var(--radius-md);background:var(--waldnacht);color:var(--creme);box-shadow:var(--shadow-lg);font:var(--fw-medium) 14px/1.4 var(--font-sans)}.bn-toast__icon{display:flex;color:var(--salbei)}.bn-toast__icon--error{color:#f0a89f}.bn-toast__msg{flex:1}.bn-toast__action{border:none;background:none;color:var(--bernstein);font:var(--fw-semibold) 14px var(--font-sans);cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm)}.bn-toast__action:hover{background:#ffffff14}.bn-toast__close{display:flex;border:none;background:none;color:var(--salbei);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.bn-dialog__scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-scrim);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.bn-dialog{position:relative;width:100%;max-width:480px;background:var(--papier);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:28px;font-family:var(--font-sans);color:var(--anthrazit)}.bn-dialog__title{margin:0 40px 8px 0;font-size:var(--fs-h3);font-weight:var(--fw-bold);letter-spacing:var(--ls-heading);color:var(--tannengruen);line-height:var(--lh-heading)}.bn-dialog__body{font-size:15px;line-height:1.55}.bn-dialog__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.bn-dialog__close{position:absolute;top:18px;right:18px}.bn-tabs{display:flex;gap:28px;border-bottom:1px solid var(--linie);font-family:var(--font-sans)}.bn-tab{position:relative;padding:12px 0;border:none;background:none;font:var(--fw-medium) 15px/1 var(--font-sans);color:var(--steingrau);cursor:pointer;border-radius:var(--radius-xs)}.bn-tab:hover{color:var(--anthrazit)}.bn-tab[aria-selected=true]{color:var(--tannengruen);font-weight:var(--fw-semibold)}.bn-tab[aria-selected=true]:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--tannengruen);border-radius:2px}.bn-tab__count{margin-left:6px;color:var(--steingrau);font-weight:var(--fw-regular)}.bn-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font:var(--fw-regular) 13px/1 var(--font-sans);color:var(--steingrau)}.bn-crumbs a{color:var(--steingrau);text-decoration:none}.bn-crumbs a:hover{color:var(--tannengruen);text-decoration:underline}.bn-crumbs__sep{display:flex;color:var(--linie-stark)}.bn-crumbs__current{color:var(--anthrazit);font-weight:var(--fw-medium)}.bn-price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-family:var(--font-sans);font-variant-numeric:lining-nums proportional-nums}.bn-price__now{font-weight:var(--fw-bold);color:var(--anthrazit);letter-spacing:-.01em}.bn-price__now--sale{color:var(--terrakotta)}.bn-price__was{color:var(--steingrau);text-decoration:line-through;font-size:.8em}.bn-price__unit{flex-basis:100%;font-size:12px;color:var(--steingrau);font-weight:var(--fw-regular)}.bn-stock{display:inline-flex;align-items:center;gap:6px;font:var(--fw-medium) 13px/1 var(--font-sans)}.bn-stock__dot{width:8px;height:8px;border-radius:50%;background:currentColor}.bn-stock--in{color:var(--erfolg)}.bn-stock--low{color:#9a6212}.bn-stock--low .bn-stock__dot{background:var(--bernstein)}.bn-stock--out{color:var(--fehler)}.bn-rating{display:inline-flex;align-items:center;gap:6px;font:var(--fw-regular) 13px/1 var(--font-sans);color:var(--steingrau)}.bn-rating__stars{display:inline-flex;gap:1px}.bn-card{background:var(--surface-card);border:1px solid var(--linie);border-radius:var(--radius-lg);font-family:var(--font-sans);color:var(--anthrazit)}.bn-card--muted{background:var(--mint);border-color:transparent}.bn-card--sage{background:var(--salbei);border-color:transparent;color:var(--waldnacht)}.bn-card--inverse{background:var(--waldnacht);border-color:transparent;color:var(--creme)}.bn-card--interactive{cursor:pointer;transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base)}.bn-card--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--linie-stark)}.bn-pcard{display:flex;flex-direction:column;overflow:hidden;background:var(--surface-card);border:1px solid var(--linie);border-radius:var(--radius-lg);font-family:var(--font-sans);color:var(--anthrazit);transition:box-shadow var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.bn-pcard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.bn-pcard__media{position:relative;aspect-ratio:1/1;background:var(--mint);display:flex;align-items:center;justify-content:center;color:var(--tannengruen);font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.bn-pcard__media img{width:100%;height:100%;object-fit:cover}.bn-pcard__badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.bn-pcard__fav{position:absolute;top:8px;right:8px;background:#fffdf8e6}.bn-pcard__body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1}.bn-pcard__meta{font-size:12px;color:var(--steingrau);letter-spacing:.02em}.bn-pcard__title{margin:0;font-size:16px;font-weight:var(--fw-semibold);line-height:1.3;color:var(--anthrazit);cursor:pointer}.bn-pcard__title:hover{color:var(--tannengruen)}.bn-pcard__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:auto;padding-top:6px}.bn-wordmark{display:inline-block;line-height:0}.bn-wordmark img{height:100%;width:auto;display:block}
/*# sourceMappingURL=/cdn/shop/t/4/assets/bainau-components.css.map */