html.mhsys-gustl-an .mhsys-gustl-knopf.mhsys-gustl-knopf{display:none}.mhsys-dock{--dk-blau: #234a7a;--dk-hell: #a9d3f2;--dk-gold: #f5c542;--dk-gold-tief: #d9961c;position:fixed;left:20px;bottom:calc(var(--shopify-chat-activator-offset, 20px) + 16px);z-index:2147482999;display:flex;flex-direction:column;width:64px;color:#dcebf8;filter:drop-shadow(0 8px 18px rgba(22,49,79,.3));animation:mhsys-dock-rein .5s cubic-bezier(.2,.8,.2,1) .2s both}html.mhsys-cookie-offen .mhsys-dock{visibility:hidden}.mhsys-dock__berg{display:block;width:64px;height:28px;margin-bottom:-1px}.mhsys-dock__berg-flaeche{fill:var(--dk-blau)}.mhsys-dock__berg-linie{fill:none;stroke:var(--dk-hell);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.mhsys-dock__liste{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;padding:2px 0 8px;list-style:none;background:var(--dk-blau);border-radius:0 0 32px 32px;box-shadow:inset 1px 0 #a9d3f259,inset -1px 0 #a9d3f259,inset 0 -1px #a9d3f259}.mhsys-dock__punkt{position:relative;display:flex;justify-content:center;width:100%;margin:0}.mhsys-seite a.mhsys-dock__knopf,.mhsys-dock__knopf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:56px;min-height:52px;border-radius:14px;color:#dcebf8;text-decoration:none;transition:background-color .15s ease}.mhsys-dock__knopf:hover{background:#ffffff14}a.mhsys-dock__knopf:not([href]){cursor:default}.mhsys-dock__knopf:focus-visible,.mhsys-dock__gustl:focus-visible{outline:2px solid var(--dk-hell);outline-offset:1px}.mhsys-dock__symbol{width:24px;height:24px}.mhsys-dock__zahl{font:700 11px/1 var(--mhsys-schrift-text);letter-spacing:.01em;color:var(--mhsys-weiss, #fff)}.mhsys-dock .mhsys-dock__punkt--stern .mhsys-dock__knopf{min-height:70px;padding-top:4px}.mhsys-dock__stern{position:relative;display:block;width:42px;height:42px;filter:drop-shadow(0 0 7px rgba(245,197,66,.5));transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.mhsys-dock__stern-bild{display:block;width:100%;height:100%}.mhsys-dock__zahl--gold{font-size:15px;color:var(--dk-gold)}.mhsys-dock__punkt--stern:hover .mhsys-dock__stern,.mhsys-dock__punkt--stern:focus-within .mhsys-dock__stern{transform:scale(1.1) rotate(-8deg)}.mhsys-dock__ring{position:relative;display:block;width:44px;height:44px}.mhsys-dock__ring>svg:first-child{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.mhsys-dock__ring-spur{fill:none;stroke:#ffffff29;stroke-width:3.5}.mhsys-dock__ring-fuellung{fill:none;stroke:var(--dk-hell);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:calc(var(--mhsys-dock-anteil, 0) * 100) 100;transition:stroke-dasharray .6s ease,stroke .3s ease}.mhsys-dock__ring--leer .mhsys-dock__ring-fuellung{opacity:0}.mhsys-dock__ring .mhsys-dock__symbol{position:absolute;top:50%;left:50%;width:22px;height:22px;transform:translate(-50%,-50%)}.mhsys-dock__ring--voll .mhsys-dock__ring-fuellung{stroke:#4fd286}.mhsys-dock__ring--voll .mhsys-dock__symbol{color:#4fd286}.mhsys-dock__haken{position:absolute;top:-3px;right:-5px;display:none;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#2fae66;color:var(--mhsys-weiss, #fff);box-shadow:0 0 0 2px var(--dk-blau)}.mhsys-dock__haken svg{width:12px;height:12px}.mhsys-dock__ring--voll .mhsys-dock__haken{display:flex}.mhsys-dock__gratis{display:none;font-size:12px;color:#4fd286;text-transform:uppercase;letter-spacing:.04em}.mhsys-dock__ring--voll+.mhsys-dock__gratis{display:block}html body .mhsys-rabatt-lasche.mhsys-rabatt-lasche,html.mhsys-rabatt-aus .mhsys-dock__punkt--rabatt{display:none}button.mhsys-dock__knopf{margin:0;padding:0;border:0;background:none;font:inherit;cursor:pointer}button.mhsys-dock__knopf:hover{background:#ffffff14}.mhsys-dock__rabatt{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:28px;padding:0 7px;border-radius:999px;background:var(--mhsys-pink, #e0115f);color:var(--mhsys-weiss, #fff);font:800 13px/1 var(--mhsys-schrift-text);white-space:nowrap;box-shadow:0 2px 6px #00000040}.mhsys-rabatt{align-items:flex-end;justify-content:flex-start}.mhsys-rabatt__panel{margin:0 0 calc(var(--shopify-chat-activator-offset, 20px) + 16px) 98px;max-height:calc(100% - 72px);border-radius:var(--mhsys-ueberlage-radius);box-shadow:0 18px 48px #16314f4d;transform-origin:left bottom;animation:mhsys-dock-panel-rein .32s cubic-bezier(.2,.8,.2,1)}html.mhsys-dock-rabatt-offen .mhsys-dock{z-index:calc(var(--mhsys-z-overlay, 2147483001) + 1)}html.mhsys-dock-rabatt-offen .mhsys-dock__punkt--rabatt .mhsys-dock__knopf{background:#ffffff29}html.mhsys-dock-rabatt-offen .mhsys-dock__karte{display:none}@keyframes mhsys-dock-panel-rein{0%{opacity:0;transform:translate(-56px) scale(.94)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mhsys-rabatt__panel{animation:none}}.mhsys-dock__punkt--gustl{display:none;margin-top:6px;padding-top:10px}html.mhsys-gustl-an .mhsys-dock__punkt--gustl{display:flex}.mhsys-dock__punkt--gustl:before{content:"";position:absolute;top:0;left:14px;right:14px;height:1px;background:#ffffff2e}.mhsys-dock__gustl{position:relative;display:block;width:50px;height:50px;margin:0;padding:0;border:0;border-radius:50%;overflow:visible;background:#eaf3fb;box-shadow:0 0 0 2px var(--mhsys-weiss, #fff);cursor:pointer;transition:transform .15s ease}.mhsys-dock__gustl:hover{transform:scale(1.06)}.mhsys-dock__gustl .mhsys-gustl-figur{display:block;width:100%;height:100%}.mhsys-dock__gustl[aria-busy=true]{cursor:progress}.mhsys-dock__karte{position:absolute;top:50%;left:calc(100% + 14px);width:250px;margin:0;padding:12px 14px;color:var(--mhsys-text);background:var(--mhsys-weiss, #fff);border:1px solid var(--mhsys-rand);border-radius:14px;box-shadow:0 12px 32px #16314f38;font:400 14px/1.45 var(--mhsys-schrift-text);text-align:left;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-8px,-50%);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s}.mhsys-dock__karte:before{content:"";position:absolute;top:0;bottom:0;left:-16px;width:16px}.mhsys-dock__karte:after{content:"";position:absolute;top:50%;left:-7px;width:12px;height:12px;background:inherit;border-left:1px solid var(--mhsys-rand);border-bottom:1px solid var(--mhsys-rand);transform:translateY(-50%) rotate(45deg)}.mhsys-dock__punkt:hover>.mhsys-dock__karte,.mhsys-dock__punkt:focus-within>.mhsys-dock__karte{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%);transition-delay:0s}.mhsys-dock:hover .mhsys-dock__punkt:not(:hover)>.mhsys-dock__karte{opacity:0;visibility:hidden;pointer-events:none}.mhsys-dock__karte p{margin:0}.mhsys-dock__karte-kopf strong{font-weight:700;color:var(--mhsys-tiefblau)}.mhsys-dock__karte-klein{margin-top:3px!important;font-size:13px;color:var(--mhsys-text-mittel, #4e637a)}.mhsys-dock__karte--stern{top:auto;bottom:-4px;width:300px;border-top:4px solid var(--dk-gold);transform:translate(-8px)}.mhsys-dock__punkt:hover>.mhsys-dock__karte--stern,.mhsys-dock__punkt:focus-within>.mhsys-dock__karte--stern{transform:translate(0)}.mhsys-dock__karte--stern:after{top:auto;bottom:30px;transform:rotate(45deg)}.mhsys-dock__karte--stern .mhsys-dock__karte-kopf{display:flex;align-items:baseline;gap:8px;font-size:17px}.mhsys-dock__sterne{color:var(--dk-gold);font-size:16px;letter-spacing:1px;text-shadow:0 1px 0 var(--dk-gold-tief)}.mhsys-dock__stimme{margin:10px 0 0;padding:10px 12px;background:var(--mhsys-flaeche-blau, #eaf2fb);border-radius:10px}.mhsys-dock__stimme p{font-size:14px;font-style:italic;color:var(--mhsys-text)}.mhsys-dock__stimme footer{margin-top:4px;font-size:12.5px;color:var(--mhsys-text-mittel, #4e637a)}.mhsys-seite a.mhsys-dock__karte-link,.mhsys-dock__karte-link{display:inline-block;margin-top:8px;font-size:13.5px;font-weight:700;color:var(--mhsys-link, var(--mhsys-blau))}.mhsys-dock .mhsys-dock__punkt--stern .mhsys-dock__knopf{position:relative;overflow:hidden;width:70px;min-height:74px;margin:-4px 0 10px;border-radius:16px;background:linear-gradient(160deg,#ffe596,#f4bd3a 52%,#cf8a16);box-shadow:0 6px 14px #00000047,inset 0 1px #ffffffb3}.mhsys-dock__punkt--stern .mhsys-dock__knopf:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%) no-repeat;background-size:260% 100%;background-position:160% 0;animation:mhsys-dock-glanz 1.4s ease-in-out 1.1s 1 both}.mhsys-dock__punkt--stern:hover .mhsys-dock__knopf:after{animation:mhsys-dock-glanz-2 .9s ease-in-out 0s 1 both}.mhsys-dock__stern{width:36px;height:36px;filter:drop-shadow(0 1px 1px rgba(150,90,0,.5))}.mhsys-dock__stern-bild path{fill:#fff;stroke:none}.mhsys-dock__zahl--gold{font-size:17px;color:var(--mhsys-tiefblau-dunkel, #16314f)}html .mhsys-gustl--overlay{left:98px;bottom:calc(var(--shopify-chat-activator-offset, 20px) + 16px)}@keyframes mhsys-dock-rein{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes mhsys-dock-glanz{0%{background-position:160% 0}to{background-position:-60% 0}}@keyframes mhsys-dock-glanz-2{0%{background-position:160% 0}to{background-position:-60% 0}}@media(prefers-reduced-motion:reduce){.mhsys-dock,.mhsys-dock__punkt--stern .mhsys-dock__knopf:after{animation:none!important}.mhsys-dock__stern,.mhsys-dock__karte,.mhsys-dock__ring-fuellung,.mhsys-dock__gustl{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/mhsys-dock.css.map */