.zb-skip{position:absolute;left:-9999px;top:8px;z-index:300;background:var(--zb-yellow);color:var(--zb-ink);padding:10px 16px;border-radius:999px;font-weight:800}.zb-skip:focus{left:12px}footer.ft .base a{color:inherit;text-decoration:underline;text-underline-offset:2px}footer.ft .base a:hover{color:#fff}footer.ft{padding-bottom:max(28px,env(safe-area-inset-bottom))}footer.ft .baselinks{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}footer.ft .baselinks .wdbtn{margin-left:6px}body{padding-bottom:var(--zb-bottom-gap,0px)}.zb-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.zb-ph{width:100%;height:100%;min-height:260px;border-radius:inherit;background:var(--zb-bg);border:2px dashed var(--zb-line-strong);display:grid;place-items:center;text-align:center;padding:20px;font-size:14px;font-weight:700;color:var(--fg-3)}.zb-cartlink{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--zb-yellow);color:var(--zb-ink);border:2px solid var(--zb-ink);flex-shrink:0}.zb-cartlink:hover{background:var(--zb-yellow-deep);color:var(--zb-ink)}.zb-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--zb-ink);color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}.nav .seg+.zb-cartlink{margin-left:0}.zb-links-static{margin-left:auto}.zb-shop{padding:clamp(110px,14vh,150px) 0 clamp(48px,6vw,80px);background:var(--zb-surface);min-height:70vh}.zb-shop h1{font-size:clamp(32px,5vw,60px);margin:10px 0 24px}.zb-shop .rte{font-size:16px;line-height:1.7;color:var(--fg-2);max-width:70ch}.zb-shop .rte a{color:var(--zb-blue);font-weight:700}.zb-cart{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:clamp(18px,3vw,36px);align-items:start}@media(max-width:860px){.zb-cart{grid-template-columns:minmax(0,1fr)}}.zb-line{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--zb-line)}.zb-line:first-child{border-top:0}.zb-line .th{width:72px;height:72px;border-radius:14px;overflow:hidden;background:var(--zb-bg)}.zb-line .th img{width:100%;height:100%;object-fit:cover;display:block}.zb-line .t{font-weight:800;font-size:16px}.zb-line .m{font-size:13px;color:var(--fg-3);margin-top:3px;line-height:1.5}.zb-line .q{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:13px}.zb-line .q a{color:var(--fg-3);text-decoration:underline}.zb-line .pr{font-family:var(--font-mono);font-weight:600;font-size:16px;white-space:nowrap}.zb-sum .row2{display:flex;justify-content:space-between;gap:12px;font-size:15px;padding:6px 0}.zb-sum .tot{display:flex;justify-content:space-between;align-items:baseline;border-top:2px solid var(--zb-ink);margin-top:10px;padding-top:12px;font-weight:800}.zb-sum .tot b{font-family:var(--font-mono);font-size:24px}.zb-sum .btn{width:100%;justify-content:center;margin-top:16px}.zb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.zb-card{background:#fff;border:1px solid var(--zb-line);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;color:var(--fg-1)}.zb-card .im{aspect-ratio:4/3;background:var(--zb-bg)}.zb-card .im img{width:100%;height:100%;object-fit:cover;display:block}.zb-card .bd{padding:16px 18px;display:flex;flex-direction:column;gap:6px}.zb-card .bd b{font-size:16px}.zb-card .bd span{font-family:var(--font-mono);color:var(--fg-2)}.zb-prod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:start}@media(max-width:820px){.zb-prod{grid-template-columns:minmax(0,1fr)}}.zb-prod .media{border-radius:var(--radius-xl);overflow:hidden;background:var(--zb-bg);aspect-ratio:1}.zb-prod .media img{width:100%;height:100%;object-fit:cover;display:block}.zb-prod .price{font-family:var(--font-mono);font-size:26px;font-weight:600;margin:0 0 18px}.zb-prod form{display:flex;flex-direction:column;gap:14px;margin-top:20px}.zb-prod select,.zb-prod input[type=number]{font-family:var(--font-body);font-size:15px;border:1.5px solid var(--zb-line);border-radius:12px;padding:13px 15px;background:#fff}@supports (overflow:clip){body{overflow-x:clip}}.navtoggle,.mnav{display:none}@media(max-width:760px){.nav .bar{flex-wrap:nowrap;gap:8px;row-gap:0;padding:10px 14px}.nav .links,.nav .zb-links-static,body[data-mode] .nav .links[data-only]{display:none!important}.nav .logomark{padding:4px 8px;border-radius:12px}.nav .logo{height:32px}.nav.solid .logo{height:30px}.seg{margin-left:auto}.seg button{padding:6px 10px;font-size:12px}.nav .zb-cartlink{display:none}.navtoggle{display:inline-flex;position:relative;flex-shrink:0;width:42px;height:42px;margin-left:auto;border-radius:50%;border:2px solid var(--zb-ink);background:var(--zb-yellow);cursor:pointer;padding:0;box-shadow:2px 2px 0 var(--zb-ink);transition:transform .2s var(--ease-out)}.navtoggle:active{transform:scale(.92)}.seg~.navtoggle{margin-left:0}.navtoggle span{position:absolute;left:11px;width:16px;height:2.5px;border-radius:2px;background:var(--zb-ink);transition:transform .38s var(--ease-out),opacity .2s,top .38s var(--ease-out)}.navtoggle span:nth-child(1){top:13px}.navtoggle span:nth-child(2){top:18.75px}.navtoggle span:nth-child(3){top:24.5px}body.zb-menu-open .navtoggle span:nth-child(1){top:18.75px;transform:rotate(45deg)}body.zb-menu-open .navtoggle span:nth-child(2){opacity:0;transform:scaleX(.2)}body.zb-menu-open .navtoggle span:nth-child(3){top:18.75px;transform:rotate(-45deg)}.zb-dot{position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:var(--zb-blue);border:2px solid #fff}body.zb-menu-open .zb-dot{display:none}.mnav{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:149;flex-direction:column;justify-content:space-between;gap:28px;padding:86px 22px max(26px,env(safe-area-inset-bottom));overflow-y:auto;background:var(--zb-blue-ink);color:#fff;visibility:hidden;clip-path:circle(0px at calc(100% - 35px) 31px);transition:clip-path .6s var(--ease-out),visibility 0s linear .6s}body.zb-menu-open .mnav{visibility:visible;clip-path:circle(160% at calc(100% - 35px) 31px);transition:clip-path .6s var(--ease-out),visibility 0s}body.zb-menu-open{overflow:hidden}.mstripes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 14px,transparent 14px 40px)}.mnav .mlinks{position:relative;display:flex;flex-direction:column}body[data-mode=privat] .mnav .mlinks[data-only=privat],body[data-mode=gewerblich] .mnav .mlinks[data-only=gewerblich]{display:flex}.mnav .mlinks a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14);font-family:var(--font-display);text-transform:uppercase;font-size:clamp(30px,9.4vw,44px);line-height:1;letter-spacing:-.02em;color:#fff;opacity:0;transform:translateY(22px);transition:opacity .45s var(--ease-out),transform .55s var(--ease-out),color .2s}.mnav .mlinks a i{font-family:var(--font-mono);font-style:normal;font-size:12px;letter-spacing:.06em;color:var(--zb-yellow)}.mnav .mlinks a:active{color:var(--zb-yellow)}body.zb-menu-open .mnav .mlinks a,body.zb-menu-open .mnav .mfoot{opacity:1;transform:none;transition-delay:calc(var(--i) * 55ms + .16s)}.mnav .mfoot{position:relative;display:flex;flex-direction:column;gap:18px;opacity:0;transform:translateY(22px);transition:opacity .45s var(--ease-out),transform .55s var(--ease-out)}.mnav .mbtns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.mnav .mbtns .btn{justify-content:center}body[data-mode=privat] .mnav .mbtns [data-only=privat],body[data-mode=gewerblich] .mnav .mbtns [data-only=gewerblich]{display:inline-flex}.mnav .mcart{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4);position:relative}.mnav .mcart .zb-count{position:static;margin-left:8px;background:var(--zb-yellow);color:var(--zb-ink)}.mnav .mcontact{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px}.mnav .mcontact a{color:#fffc}body.zb-menu-open .nav{background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}body.zb-menu-open .nav .logomark{background:#fff;padding:4px 8px;box-shadow:none}body.zb-menu-open .nav .seg{background:#ffffff24;border-color:#ffffff42}body.zb-menu-open .nav .seg button{color:#ffffffd1}body.zb-menu-open .nav .seg button[aria-selected=true]{color:var(--fg-on-yellow)}body.zb-menu-open[data-mode=gewerblich] .nav .seg button[aria-selected=true]{color:var(--zb-blue-ink)}}@media(max-width:760px)and (prefers-reduced-motion:reduce){.mnav,body.zb-menu-open .mnav{transition:none}.mnav .mlinks a,.mnav .mfoot{opacity:1;transform:none;transition:none}}@media(max-width:820px)and (prefers-reduced-motion:no-preference){.wordline span{opacity:calc(.18 + clamp(0,calc((var(--p,0) - var(--i) / var(--n)) * 7),1)*.82);transform:translateY(calc((1 - clamp(0,calc((var(--p,0) - var(--i) / var(--n)) * 7),1))*16px))}.wordcap .bar{transform:scaleX(calc(.1 + min(var(--p,0),1)*.9))}.rv{transform:translateY(38px) scale(.97);transition-duration:.9s}.grid4>.rv:nth-child(odd),.basisgrid>.rv:nth-child(odd){transform:translate(-34px)}.grid4>.rv:nth-child(2n),.basisgrid>.rv:nth-child(2n){transform:translate(34px)}.grid4>.rv.in,.basisgrid>.rv.in,.rv.in{transform:none}.pin-steps .pinstage{overflow:visible}.stepstack{display:flex;flex-direction:column;gap:26px;padding-bottom:8px}.stepcard{position:sticky;top:calc(82px + var(--k,0) * 14px);min-height:220px;transform-origin:50% 0}.stepcard:nth-child(1){--k:0}.stepcard:nth-child(2){--k:1}.stepcard:nth-child(3){--k:2}.rail{scroll-snap-type:x mandatory;scroll-padding-left:20px;-webkit-overflow-scrolling:touch}.rcard{scroll-snap-align:start}.rail .rcard{opacity:0;transform:translate(56px) rotate(1.5deg);transition:opacity .6s var(--ease-out),transform .75s var(--ease-out);transition-delay:calc(var(--ri,0) * 80ms)}.rail.zb-in .rcard{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/zb-theme.css.map */