:root{--b-ink:#312D2E;--b-paper:#faf9f8;--b-surface:#f2f0ee;--b-white:#fff;--b-muted:#6f6a6b;--b-line:rgba(49,45,46,.12);--b-beere:#90566A;--b-tab:64px;--b-tabv:0px;--b-pb:0px;--b-safe:env(safe-area-inset-bottom,0px);--b-stk:0px}html:has(#PBarNextFrameWrapper){--b-pb: calc(68px + env(safe-area-inset-bottom,0px)) ;--b-safe:0px}html:has(.pk-sticky.show){--b-stk:70px}html body{background:var(--b-paper);color:var(--b-ink);-webkit-font-smoothing:antialiased}html body :is(.s4yk,.s4yk-qv,.s4yc,.s4y-pk,.skn-on,.card-wrapper,.accordion__title,.totals__total,.text-body,.link,[id^=wv-],[id^=s4yk-],[id^=s4ypk-]){font-family:var(--s4n-font)!important}html body :is(.s4yk,.s4yk-qv,.s4yc,.s4y-pk,.skn-on,.card-wrapper,[id^=wv-]) :is(div,span,p,a,b,strong,small,s,em,i,li,label,button,input,select,textarea,h1,h2,h3,h4,h5,h6){font-family:inherit!important}html body h1,html body h2,html body .s4n-h1,html body .s4n-h2,html body .s5 h2,html body .s4yk__h1,html body .pk-title,html body .s5-h2,html body .h1,html body .h2{font-family:var(--s4n-font);font-weight:400!important;text-transform:uppercase;letter-spacing:-.03em!important;line-height:1.06!important}html body .s4n-kicker,html body .s5-kicker,html body .pk-kick{font-size:11px!important;letter-spacing:.24em!important;text-transform:uppercase!important;font-weight:400!important}html body .button,html body .btn,html body .pk-btn,html body .s4n-btn,html body .s5-btn,html body .s4yk__more a,html body .s4yk__more button,html body .ex-submit{border-radius:999px!important;font-family:var(--s4n-font)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.06em!important;text-transform:uppercase!important;min-height:50px}html body .button:after,html body .button:before{border-radius:999px!important}html body .s4n-leiste-box{background:var(--s4n-leiste-bg,var(--b-beere))!important}html body .s4n-leiste{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:32px!important;padding:6px 14px!important;font-family:var(--s4n-font);font-size:11px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:.07em!important;text-transform:uppercase;white-space:nowrap;overflow:hidden;color:var(--s4n-leiste-fg,#fff)!important;text-decoration:none!important}html body .s4n-leiste__t{overflow:hidden;text-overflow:ellipsis}html body .s4n-leiste__cd{flex:none;text-decoration:underline;text-underline-offset:3px;font-weight:600}html body .s4n-leiste__pfeil{display:none!important}html body .s4y-hdr{font-family:var(--s4n-font)}html body .s4y .s4y-nt{font-family:var(--s4n-font)!important;font-size:12px!important;font-weight:500!important;letter-spacing:.05em!important;text-transform:uppercase!important;border-radius:999px;padding-left:12px!important;padding-right:12px!important}html body .s4y .s4y-nav{gap:2px!important}@media(min-width:1101px)and (max-width:1299px){html body .s4y .s4y-nt{padding-left:10px!important;padding-right:10px!important}}html body .s4y .s4y-ni:hover>.s4y-nt,html body .s4y .s4y-ni.open>.s4y-nt,html body .s4y .s4y-nt[aria-expanded=true]{background:var(--b-ink)!important;color:#fff!important}html body .s4y .s4y-dd-inner{border-radius:0 0 24px 24px}html body .s4y .s4y-dd-inner a{text-transform:uppercase;letter-spacing:-.005em}html body .s4y-pill{border-radius:999px!important;background:var(--b-surface)!important;border:0!important}html body .s4y.s4y .s4y-bubble.s4y-bubble,html body .skd-brand-badge{background:var(--b-ink)!important;color:#fff!important}html body .s4y--home:not(.s4y--scrolled):not(.s4y--menuopen) .s4y-bubble.s4y-bubble{background:#fff!important;color:var(--b-ink)!important}html body .s4y-search-input{min-width:0!important;width:0!important;flex:1 1 auto!important}html body .s4y-drw{background:#fff!important;font-family:var(--s4n-font)!important}html body .s4y-drw-head{border-bottom:0!important}html body .s4y-drw-body .s4y-mi{border:0!important}html body .s4y-drw-body .s4y-mt{font-family:var(--s4n-font)!important;font-size:21px!important;font-weight:400!important;letter-spacing:-.02em!important;text-transform:uppercase!important;color:var(--b-ink)!important;min-height:48px;padding-top:10px!important;padding-bottom:10px!important;border:0!important}html body .s4y-drw-body .s4y-mt--plain{color:var(--b-ink)!important}html body .s4y-drw-body .s4y-asub{font-size:15px!important;text-transform:uppercase;letter-spacing:.01em;color:var(--b-ink)!important;padding-top:9px!important;padding-bottom:9px!important;border:0!important}html body .s4y-drw-foot{background:var(--b-surface)!important;border:0!important}html body .s4y-drw-foot .s4y-usp{font-size:12px!important;color:var(--b-muted)!important}.b4m-tiles{display:flex;gap:10px;overflow-x:auto;padding:6px 22px 14px;scroll-padding:0 22px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.b4m-tiles::-webkit-scrollbar{display:none}.b4m-tile{flex:none;width:80px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;text-decoration:none;color:var(--b-ink)}.b4m-tile>span:first-child{width:78px;height:78px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #312d2e1a;display:flex;align-items:center;justify-content:center;overflow:hidden}.b4m-tile img{width:68px;height:68px;object-fit:contain}.b4m-tile>span:last-child{font-size:9.5px;line-height:1.25;letter-spacing:.05em;text-transform:uppercase;-webkit-hyphens:manual;hyphens:manual}.b4m-tile b{font-weight:inherit;white-space:nowrap}.b4m-pills{display:flex;gap:8px;margin:0 0 12px}.b4m-pills a{flex:1;height:40px;display:flex;align-items:center;justify-content:center;border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.b4m-pills a:first-child{background:var(--b-ink);color:#fff}.b4m-pills a:last-child{background:#fff;color:var(--b-ink);box-shadow:inset 0 0 0 1px var(--b-ink)}.b4t{display:none}@media(max-width:1100px){:root{--b-tabv:var(--b-tab)}html:has(.skn-on){--b-tabv:0px}.b4t{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;position:fixed;left:0;right:0;bottom:var(--b-pb);z-index:9400;height:calc(var(--b-tab) + var(--b-safe));padding-bottom:var(--b-safe);background:#fff;border-top:1px solid rgba(49,45,46,.08);font-family:var(--s4n-font)}.b4t a,.b4t button{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:center;background:none;border:0;padding:0;font:inherit;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--b-ink);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.b4t .on{font-weight:600}.b4t.b4t--menu .on:not([data-b4t]){font-weight:inherit}.b4t i{position:absolute;top:8px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--b-ink);color:#fff;font-style:normal;font-size:9.5px;line-height:16px;letter-spacing:0;text-align:center}html body:has(.skn-on) .b4t{display:none!important}html body:not(:has(.skn-on)){padding-bottom:calc(var(--b-tab) + var(--b-safe))}html body:not(:has(.skn-on)) .s4y-sticky{display:none!important}html body .pk-sticky{bottom:calc(var(--b-pb) + var(--b-tabv) + var(--b-safe))!important}html body:not(:has(.skn-on)) .mpa_mwb_whatsappBtnContainer{bottom:calc(var(--b-pb) + var(--b-tabv) + var(--b-safe) + var(--b-stk) + 12px)!important}html body:not(:has(.skn-on)) .iubenda-tp-btn.iubenda-tp-btn.iubenda-tp-btn.iubenda-tp-btn.iubenda-tp-btn.iubenda-tp-btn{bottom:calc(var(--b-pb) + var(--b-tabv) + var(--b-safe) + var(--b-stk))!important;left:16px!important;right:auto!important;margin-left:0!important}html body:has(.s4y-drw.active) .iubenda-tp-btn.iubenda-tp-btn.iubenda-tp-btn.iubenda-tp-btn.iubenda-tp-btn.iubenda-tp-btn{display:none!important}html body:not(:has(.skn-on)) scroll-to-top-button{display:none!important}html body .s4y-drw{bottom:calc(var(--b-pb) + var(--b-tabv) + var(--b-safe))!important;height:auto!important}}html body .s4yk__h1{font-size:clamp(26px,4vw,44px)!important}html body .s4yk__cat{border-radius:16px!important;background:#fff!important}html body .s4yk__cat-t{text-transform:uppercase!important;letter-spacing:-.01em!important;font-weight:400!important}html body .s4yk__cat-l{font-size:10.5px!important;letter-spacing:.08em!important}html body .s4yk__sort select,html body .s4yk__sort{font-family:var(--s4n-font)!important}html body .s4yk__sort{background:var(--b-surface);border-radius:999px;padding:4px 6px 4px 16px;font-size:12px;text-transform:uppercase;letter-spacing:.05em}html body .s4yk__media{border-radius:12px!important;overflow:hidden;background:var(--b-surface)}html body .s4yk__badge{border-radius:999px!important;background:var(--b-beere)!important;color:#fff!important;font-size:10px!important;font-weight:500!important;letter-spacing:.06em!important;padding:5px 10px!important}html body .s4yk__rate{border-radius:999px!important;background:#ffffffe0!important;font-size:10.5px!important}html body .s4yk__info{text-align:center!important;align-items:center!important}html body .s4yk__name{font-size:15px!important;font-weight:500!important;letter-spacing:.02em!important;text-transform:uppercase!important}html body .s4yk__zusatz,html body .s4yk__meta{font-size:12px!important;color:var(--b-muted)!important;justify-content:center}html body .s4yk__price{justify-content:center!important;font-size:14px!important;font-variant-numeric:tabular-nums}html body .s4yk__price .neu{color:var(--b-ink)!important;font-weight:500!important}html body .s4yk__price s{color:#8d8889!important;font-size:12px!important}html body .s4yk__qv{border-radius:50%!important}html body .s4yk__zf,html body .s4yk__zh{border-radius:16px!important;overflow:hidden}html body .s4yk__zf-t,html body .s4yk__zh-t,html body .s4yk__ab-t{text-transform:uppercase!important;font-weight:500!important;letter-spacing:.01em!important}html body .pk-gal,html body .pk-gal-main,html body .pk-gal-slide img{border-radius:16px}html body .pk-gal-thumb{border-radius:10px!important;overflow:hidden}html body .pk-gal-thumb.on{box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--b-ink)!important}html body .pk-gal-badge,html body .pk-savebadge{border-radius:999px!important;background:var(--b-beere)!important;color:#fff!important;font-weight:500!important;letter-spacing:.04em}html body .pk-gal-badge{left:auto!important;right:12px!important}html body .pk-gal-cap{border-radius:999px!important;font-size:11px!important}html body .pk-title{font-size:clamp(26px,3vw,40px)!important}html body .pk-title-sub{text-transform:none;letter-spacing:0;font-size:14px;color:var(--b-muted);display:block;margin-top:6px}html body .pk-amt{font-weight:500!important;font-size:24px!important;letter-spacing:-.01em}html body .pk-cmpat{color:#8d8889!important;font-size:14px!important}html body .pk-klchip{border-radius:999px!important;background:var(--b-surface)!important}html body .s4y-kv{background:var(--b-surface)!important;border-radius:16px!important;padding:8px!important;display:flex;flex-direction:column;gap:6px;border:0!important}html body .s4y-kv.s4y-kv li:nth-child(n){background:#fff;border-radius:12px;padding:12px 14px!important;border:0!important}html body .pk-btn{min-height:52px}html body .pk-btn.is-primary,html body .pk-sum .pk-btn,html body .pk-sticky .pk-btn{background:var(--b-ink)!important;color:#fff!important}html body .pk-card{border-radius:16px!important;border:0!important;background:#fff!important;box-shadow:inset 0 0 0 1px var(--b-line)}html body .pk-st{text-transform:uppercase!important;letter-spacing:.04em!important;font-size:14px!important;font-weight:500!important}html body .pk-num{border-radius:50%;background:var(--b-ink)!important;color:#fff!important}html body .pk-sticky{border-top:1px solid var(--b-line)}html body .skn-on.skn-on{--sk-accent2:#312D2E!important;--sk-accent2-shadow:rgba(49,45,46,.22)!important}html body .skn-on .skm-seg{border-radius:999px!important}html body .skn-on .skm-seg button span{text-transform:uppercase;letter-spacing:.05em;font-size:12px!important}html body .skn-on .skm-seg button.on{background:var(--b-ink)!important;color:#fff!important}html body .skn-on .skm-seg button.on .n{background:#fff!important;color:var(--b-ink)!important}html body .skn-on .skm-seg button.fin,html body .skn-on .skm-seg button.fin span{color:var(--b-ink)!important}html body .skn-on .skm-seg button.fin .n{background:var(--b-ink)!important;color:#fff!important}html body .skn-on .sk-mob-model{text-transform:uppercase;letter-spacing:.02em;font-weight:500!important;color:var(--b-ink)!important}html body .skn-on .sk-mob-cta-price{font-weight:500!important;font-size:22px!important;letter-spacing:-.01em}html body .skn-on .sk-mob-cta-btn{text-transform:uppercase;letter-spacing:.06em;font-weight:500!important;font-size:12.5px!important}html body .skn-on .sk-mob-viz-tab{text-transform:uppercase;letter-spacing:.05em;font-weight:500!important}html body .skn-on .sk-step-title{font-weight:500!important;font-size:16px!important;letter-spacing:.02em}html body .skn-on .tk-dd-title{font-weight:500!important}html body .skn-on .sk-sublabel{font-weight:500!important;letter-spacing:.08em!important;font-size:11px!important}html body .s5{font-family:var(--s4n-font)}.b4s{font-family:var(--s4n-font);color:var(--b-ink);background:var(--b-paper)}.b4s-eyebrow{margin:0;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase}.b4s-display{margin:0;font-size:clamp(34px,6vw,76px);line-height:1.02;font-weight:400;letter-spacing:-.03em;text-transform:uppercase;color:#fff}.b4s-h2{margin:0;font-size:clamp(22px,2.6vw,36px);line-height:1.08;font-weight:400;letter-spacing:-.025em;text-transform:uppercase}.b4s-h2--light{color:#fff}.b4s-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:52px;padding:0 30px;border-radius:999px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap}.b4s-btn--white{background:#fff;color:var(--b-ink)}.b4s-btn--line{background:transparent;color:var(--b-ink);box-shadow:inset 0 0 0 1px var(--b-ink);height:48px}.b4s-hero,.b4s-show{position:relative;overflow:hidden;color:#fff}.b4s-hero{height:min(92svh,820px);min-height:520px;margin-top:calc(-1 * var(--b4s-hdr,0px))}.b4s-hero__img,.b4s-show__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.b4s-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#1412126b,#14121200 22% 45%,#1412129e)}.b4s-hero__text,.b4s-show__text{position:absolute;left:20px;right:20px;bottom:clamp(32px,6vh,72px);display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.b4s-hero__text .b4s-btn{margin-top:10px}.b4s-hero__text,.b4s-show__text{text-shadow:0 1px 18px rgba(0,0,0,.3)}.b4s-btn{text-shadow:none}.b4s-zahlen{display:flex;overflow-x:auto;background:var(--b-surface);padding:24px 6px;scrollbar-width:none}.b4s-zahlen::-webkit-scrollbar{display:none}.b4s-zahl{flex:1 0 128px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.b4s-zahl__n{font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1.05}.b4s-zahl__t{font-size:12.5px;line-height:1.25;text-transform:uppercase;max-width:120px}.b4s-prod{max-width:1320px;margin:0 auto;padding:30px 16px 6px;display:flex;flex-direction:column;gap:22px}.b4s-tabs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.b4s-chip{flex:none;height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--b-surface);color:var(--b-ink);font-family:inherit;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}.b4s-chip.on{background:var(--b-ink);color:#fff}.b4s-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}.b4s-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;text-decoration:none;color:var(--b-ink)}.b4s-card[hidden]{display:none}.b4s-card__img{position:relative;width:100%;aspect-ratio:4/5;border-radius:12px;overflow:hidden;background:var(--b-surface);margin-bottom:4px}.b4s-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.b4s-card:hover .b4s-card__img img{transform:scale(1.03)}.b4s-badge{position:absolute;left:10px;top:10px;height:24px;padding:0 10px;display:inline-flex;align-items:center;border-radius:999px;background:var(--b-ink);color:#fff;font-size:10px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.b4s-card__name{font-size:15px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.b4s-price{font-size:13.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.b4s-price small{font-size:11px}.b4s-old{font-size:12px;white-space:nowrap}.b4s-old s{color:#8d8889}.b4s-old b{color:var(--b-beere);font-weight:600}.b4s-center{display:flex;justify-content:center}.b4s-formen{max-width:1320px;margin:0 auto;padding:46px 0 0;display:flex;flex-direction:column;gap:18px}.b4s-formen .b4s-h2{padding:0 16px}.b4s-formen__row{display:flex;gap:10px;overflow-x:auto;padding:0 16px 4px;scroll-padding:0 16px;scrollbar-width:none;scroll-snap-type:x mandatory}.b4s-formen__row::-webkit-scrollbar{display:none}.b4s-form{flex:none;width:150px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--b-ink);text-align:center;scroll-snap-align:start}.b4s-form__img{height:150px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.b4s-form__img img{width:86%;height:86%;object-fit:contain}.b4s-form__t{font-size:12.5px;letter-spacing:.04em;text-transform:uppercase}.b4s-show{margin-top:46px;height:min(80svh,680px);min-height:500px}.b4s-show__p{margin:0;font-size:15px;line-height:1.5;max-width:520px}.b4s-show .b4s-btn{margin-top:8px}@media(min-width:990px){.b4s-hero__text{bottom:80px}.b4s-zahlen{justify-content:center;gap:60px;padding:34px 20px}.b4s-zahl{flex:0 0 auto}.b4s-zahl__n{font-size:44px}.b4s-prod{padding:56px 40px 10px;gap:30px}.b4s-tabs{justify-content:center}.b4s-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 20px}.b4s-card__name{font-size:16px}.b4s-formen{padding-top:72px}.b4s-formen .b4s-h2,.b4s-formen__row{padding-left:40px;padding-right:40px}.b4s-form{width:calc((100% - 50px) / 6);min-width:170px}.b4s-form__img{height:auto;aspect-ratio:1/1}.b4s-show{margin-top:80px}}@media(max-width:1100px){.b4s-hero{height:calc(100svh - 32px - var(--b-pb) - var(--b-tabv) - var(--b-safe));min-height:460px;max-height:900px}.b4s-hero__text{bottom:36px}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/s4y-optik-b.css.map */
