.mhsys-hero{position:relative;width:100%;overflow:hidden;--mhsys-hero-bildflaeche: var(--mhsys-hero-eigene-hoehe)}.mhsys-hero__spur{display:flex;height:100%}.mhsys-hero--slider .mhsys-hero__spur{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.mhsys-hero--slider .mhsys-hero__spur::-webkit-scrollbar{display:none}.mhsys-hero__folie{position:relative;flex:0 0 100%;min-width:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.mhsys-hero__bild{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--mhsys-hero-pos, center)}@media screen and (max-width:749px){.mhsys-hero__bild{object-position:var(--mhsys-hero-pos-mobil, center)}}.mhsys-hero__bild{top:2px;height:calc(100% - 2px)}html:has(.mhsys-kopf--ueberhero) #MainContent>.shopify-section:first-child>.mhsys-hero .mhsys-hero__bild{top:0;height:100%}.mhsys-hero__schnitt{position:absolute;top:-2px;left:0;right:0;height:20px;z-index:2;background-repeat:repeat-x;background-position:left top;background-size:160px 26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='26'%3E%3Cpath d='M0 0 H160 V19 L128 17 L96 8 L58 16 L34 10 L0 19 Z' fill='%23ffffff'/%3E%3C/svg%3E")}.mhsys-hero__innen{position:absolute;left:0;right:0;top:18px;bottom:0;z-index:1;box-sizing:border-box;padding:20px var(--mhsys-seitenrand);display:flex;align-items:center;text-align:left}.mhsys-hero__innen:before,.mhsys-hero__innen:after{content:"";flex:var(--mhsys-hero-p, .5) 1 0}.mhsys-hero__innen:after{flex-grow:calc(1 - var(--mhsys-hero-p, .5))}html:has(.mhsys-kopf--ueberhero) #MainContent>.shopify-section:first-child>.mhsys-hero .mhsys-hero__innen{top:var(--mhsys-kopf-hoehe)}.mhsys-hero__spalte{flex:0 1 auto;align-self:stretch;min-width:0;max-width:100%;display:flex;flex-direction:column}.mhsys-hero__spalte:before,.mhsys-hero__spalte:after{content:"";flex:var(--mhsys-hero-py, .5) 1 0}.mhsys-hero__spalte:after{flex-grow:calc(1 - var(--mhsys-hero-py, .5))}.mhsys-hero__gruppe{flex:0 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;max-width:100%}@media screen and (max-width:749px){.mhsys-hero__innen:before{display:none}}.mhsys-hero__stapel{display:flex;flex-direction:column;align-items:flex-start;gap:0;max-width:100%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.22))}.mhsys-hero .mhsys-hero__stapel>*{box-sizing:border-box;display:block;width:fit-content;max-width:100%;margin:0;border-radius:0}.mhsys-hero .mhsys-hero__stapel>:first-child{border-top-right-radius:var(--mhsys-radius-klein)}.mhsys-hero .mhsys-hero__stapel>:last-child,.mhsys-hero .mhsys-hero__stapel>.mhsys-hero__titel{border-bottom-right-radius:var(--mhsys-radius-klein)}.mhsys-hero .mhsys-hero__stapel>.mhsys-hero__titel{border-top-right-radius:var(--mhsys-radius-klein)}.mhsys-hero__eyebrow{background:var(--mhsys-hero-etikett-balken);color:var(--mhsys-hero-etikett-text);font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.02em;padding:6px 12px}.mhsys-hero__titel{background:var(--mhsys-hero-titel-balken);color:var(--mhsys-hero-titel-text);font-size:30px;font-weight:800;line-height:1.15;letter-spacing:-.02em;text-wrap:balance;padding:8px 12px 9px}.mhsys-hero__lead{background:var(--mhsys-hero-lead-grund, var(--mhsys-hero-etikett-balken));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--mhsys-hero-etikett-text);font-size:clamp(13px,3.5vw,15px);font-weight:600;line-height:1.45;text-wrap:pretty;padding:8px 12px}.mhsys-hero__knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.mhsys-hero__knopf{display:inline-flex;align-items:center;justify-content:center;min-height:48px;box-sizing:border-box;background:var(--mhsys-hero-titel-balken);color:var(--mhsys-hero-titel-text);font-size:17px;font-weight:700;white-space:nowrap;padding:12px 22px;border-radius:var(--mhsys-radius-klein);text-decoration:none;box-shadow:0 2px 10px #0000002e;transition:transform .15s,box-shadow .15s}.mhsys-hero__knopf:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000047}.mhsys-hero__knopf--zweit{background:var(--mhsys-hero-etikett-balken);color:var(--mhsys-hero-etikett-text)}.mhsys-seite .mhsys-hero__titel,.mhsys-seite a.mhsys-hero__knopf,.mhsys-seite a.mhsys-hero__knopf:hover{color:var(--mhsys-hero-titel-text)}.mhsys-seite a.mhsys-hero__knopf--zweit,.mhsys-seite a.mhsys-hero__knopf--zweit:hover{color:var(--mhsys-hero-etikett-text)}@media(prefers-reduced-motion:reduce){.mhsys-hero__knopf{transition:none}.mhsys-hero__knopf:hover{transform:none}}@media screen and (min-width:750px){.mhsys-hero__eyebrow{padding:7px 18px}.mhsys-hero__titel{font-size:44px;max-width:min(100%,760px);padding:10px 18px 12px}.mhsys-hero__lead{font-size:17px;padding:10px 18px;white-space:nowrap}.mhsys-hero__knopf{font-size:18px;padding:13px 24px}}@media screen and (max-width:749px){.mhsys-hero__spalte,.mhsys-hero__gruppe{width:100%}.mhsys-hero__knoepfe{flex-wrap:nowrap;gap:8px;width:100%}.mhsys-hero__knopf{flex:1 1 auto;min-width:0;min-height:46px;padding:10px 8px;font-size:clamp(12px,3.6vw,15px);letter-spacing:-.01em}}.mhsys-banner__editorhinweis{margin:12px var(--mhsys-seitenrand);padding:10px 14px;border:2px dashed var(--mhsys-orange);border-radius:var(--mhsys-radius-klein);background:#fdf6e9;color:#6b4608;font-size:15px}.mhsys-banner--eingerueckt{padding:0 var(--mhsys-seitenrand)}.mhsys-banner__rahmen{position:relative;overflow:hidden;height:300px}.mhsys-banner--eingerueckt .mhsys-banner__rahmen{border-radius:20px}.mhsys-banner__bild{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mhsys-banner__schatten{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(var(--mhsys-tiefblau-rgb),.82),rgba(var(--mhsys-tiefblau-rgb),.25) 75%)}.mhsys-banner__innen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:18px}.mhsys-banner__eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin-bottom:8px}.mhsys-banner__titel{margin:0 0 8px;font-size:26px;font-weight:800;letter-spacing:-.02em;color:inherit}.mhsys-banner__text{margin:0 0 18px;font-size:17.5px;line-height:1.5;max-width:440px;opacity:.92}.mhsys-banner__knopf{background:var(--mhsys-weiss);color:var(--mhsys-tiefblau);font-size:17.5px;font-weight:700;padding:14px 20px;border-radius:13px;text-decoration:none}.mhsys-banner__knopf--rand{background:transparent;border:1.5px solid rgba(255,255,255,.7);color:inherit;padding:12.5px 18px}.mhsys-seite .mhsys-banner .mhsys-banner__titel,.mhsys-seite .mhsys-banner a.mhsys-banner__knopf--rand,.mhsys-seite .mhsys-banner a.mhsys-banner__knopf--rand:hover{color:inherit}.mhsys-seite .mhsys-banner a.mhsys-banner__knopf,.mhsys-seite .mhsys-banner a.mhsys-banner__knopf:hover{text-decoration:none}.mhsys-seite .mhsys-banner a.mhsys-banner__knopf:not(.mhsys-banner__knopf--rand){color:var(--mhsys-tiefblau)}@media screen and (min-width:990px){.mhsys-banner__rahmen{height:340px}.mhsys-banner__innen{padding:0 40px}.mhsys-banner__titel{font-size:32px}}.mhsys-hero .mhsys-hero__innen,.mhsys-banner .mhsys-banner__innen{left:50%;right:auto;width:100%;transform:translate(-50%)}.mhsys-hero .mhsys-hero__innen{max-width:calc(var(--mhsys-inhaltsbreite) + 2 * var(--mhsys-seitenrand))}html:has(.mhsys-kopf--ueberhero) #MainContent>.shopify-section:first-child>.mhsys-hero{margin-top:calc(-1 * var(--mhsys-kopf-hoehe));height:calc(var(--mhsys-hero-eigene-hoehe) + var(--mhsys-kopf-hoehe));--mhsys-hero-bildflaeche: calc(var(--mhsys-hero-eigene-hoehe) + var(--mhsys-kopf-hoehe))}html:has(.mhsys-kopf--ueberhero) #MainContent>.shopify-section:first-child>.mhsys-hero .mhsys-hero__schnitt{display:none}.mhsys-hero.mhsys-hero--karte .mhsys-hero__spalte{width:min(100%,600px)}.mhsys-hero.mhsys-hero--karte .mhsys-hero__gruppe{box-sizing:border-box;background:var(--mhsys-hero-lead-grund, var(--mhsys-hero-etikett-balken));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--mhsys-radius);box-shadow:0 14px 40px rgba(var(--mhsys-tiefblau-rgb),.28);padding:28px 32px 30px}.mhsys-hero.mhsys-hero--karte .mhsys-hero__stapel{filter:none}.mhsys-hero.mhsys-hero--karte .mhsys-hero__stapel>*{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;padding:0;white-space:normal}.mhsys-hero.mhsys-hero--karte .mhsys-hero__stapel>.mhsys-hero__eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:14px;padding:5px 12px 5px 10px;border-radius:999px;background:color-mix(in srgb,var(--mhsys-hero-titel-balken) 10%,var(--mhsys-weiss));color:var(--mhsys-hero-etikett-text);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.mhsys-hero.mhsys-hero--karte .mhsys-hero__eyebrow--symbol:before{display:none}.mhsys-hero__eyebrow-symbol{flex:none;color:var(--mhsys-hero-titel-balken)}.mhsys-hero:not(.mhsys-hero--karte) .mhsys-hero__eyebrow-symbol{margin-right:6px;vertical-align:-2px}.mhsys-hero.mhsys-hero--karte .mhsys-hero__eyebrow:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--mhsys-hero-titel-balken)}.mhsys-hero.mhsys-hero--karte .mhsys-hero__titel{color:var(--mhsys-hero-etikett-text);font-size:30px;line-height:1.08;letter-spacing:-.025em;max-width:none}.mhsys-hero.mhsys-hero--karte .mhsys-hero__lead{margin-top:8px;color:var(--mhsys-hero-etikett-text);font-size:15px;font-weight:500;line-height:1.5}.mhsys-hero.mhsys-hero--karte .mhsys-hero__knoepfe{margin-top:18px}.mhsys-hero.mhsys-hero--karte .mhsys-hero__knopf{box-shadow:none}.mhsys-hero.mhsys-hero--karte .mhsys-hero__knopf--zweit{box-shadow:inset 0 0 0 1.5px var(--mhsys-rand-hover)}.mhsys-hero.mhsys-hero--karte .mhsys-hero__knopf:hover{box-shadow:0 4px 12px rgba(var(--mhsys-tiefblau-rgb),.18)}.mhsys-hero.mhsys-hero--karte .mhsys-hero__knopf--zweit:hover{box-shadow:inset 0 0 0 1.5px var(--mhsys-rand-hover),0 4px 12px rgba(var(--mhsys-tiefblau-rgb),.18)}@media screen and (min-width:750px){.mhsys-hero.mhsys-hero--karte .mhsys-hero__titel{font-size:46px;line-height:1.04}.mhsys-hero.mhsys-hero--karte .mhsys-hero__lead{margin-top:10px;font-size:17px}.mhsys-hero.mhsys-hero--karte .mhsys-hero__knoepfe{margin-top:22px}}@media screen and (max-width:989px){#MainContent .mhsys-hero.mhsys-hero--karte,html:has(.mhsys-kopf--ueberhero) #MainContent>.shopify-section:first-child>.mhsys-hero.mhsys-hero--karte{height:auto}.mhsys-hero.mhsys-hero--karte .mhsys-hero__bild{height:calc(var(--mhsys-hero-bildflaeche) - 2px)}html:has(.mhsys-kopf--ueberhero) #MainContent>.shopify-section:first-child>.mhsys-hero.mhsys-hero--karte .mhsys-hero__bild{height:var(--mhsys-hero-bildflaeche)}.mhsys-hero.mhsys-hero--karte .mhsys-hero__innen,html:has(.mhsys-kopf--ueberhero) #MainContent>.shopify-section:first-child>.mhsys-hero.mhsys-hero--karte .mhsys-hero__innen{position:relative;top:0;left:auto;right:auto;bottom:auto;transform:none;width:auto;margin-top:calc(var(--mhsys-hero-bildflaeche) - 52px);padding:0 var(--mhsys-seitenrand) 28px}.mhsys-hero.mhsys-hero--karte .mhsys-hero__gruppe{background:var(--mhsys-hero-etikett-balken);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 10px 30px rgba(var(--mhsys-tiefblau-rgb),.16)}}@media screen and (max-width:749px){.mhsys-hero.mhsys-hero--karte .mhsys-hero__spalte{width:100%}.mhsys-hero.mhsys-hero--karte .mhsys-hero__gruppe{padding:20px 18px}}.mhsys-hero--slider .mhsys-hero__innen{padding-bottom:64px}.mhsys-hero__steuerung{position:absolute;z-index:3;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;padding:0 4px;border-radius:999px;background:#ffffffeb;box-shadow:0 4px 14px rgba(var(--mhsys-tiefblau-rgb),.18)}.mhsys-hero__punkte{display:flex}.mhsys-hero__schalter,.mhsys-hero__punkt{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;background:none;color:var(--mhsys-text);cursor:pointer}.mhsys-hero__punkt:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--mhsys-rand-hover);transition:width .2s ease,background-color .2s ease}.mhsys-hero__punkt[aria-current=true]:before{width:22px;background:var(--mhsys-hero-titel-balken)}.mhsys-hero__punkt:hover:before{background:var(--mhsys-text-leise)}.mhsys-hero__punkt[aria-current=true]:hover:before{background:var(--mhsys-hero-titel-balken)}.mhsys-hero__schalter:hover{color:var(--mhsys-hero-titel-balken)}.mhsys-hero__schalter:focus-visible,.mhsys-hero__punkt:focus-visible{outline-offset:-4px;border-radius:999px}@media screen and (max-width:749px){.mhsys-hero__schalter--pfeil{display:none}}@media screen and (max-width:989px){.mhsys-hero.mhsys-hero--karte .mhsys-hero__steuerung{bottom:auto;top:calc(var(--mhsys-hero-bildflaeche) - 52px - 16px - 22px);padding:0;background:none;box-shadow:none}.mhsys-hero.mhsys-hero--karte .mhsys-hero__schalter{display:none}.mhsys-hero.mhsys-hero--karte .mhsys-hero__punkt:before{width:6px;height:6px;background:#fff9;box-shadow:0 0 3px #00000073}.mhsys-hero.mhsys-hero--karte .mhsys-hero__punkt[aria-current=true]:before,.mhsys-hero.mhsys-hero--karte .mhsys-hero__punkt[aria-current=true]:hover:before{width:16px;background:var(--mhsys-weiss)}}.mhsys-hero__innen{pointer-events:none}.mhsys-hero__gruppe{pointer-events:auto}.mhsys-hero__bildlink{-webkit-tap-highlight-color:transparent}@media screen and (max-width:749px){.mhsys-hero__folie--zoom .mhsys-hero__bild{transform:scale(var(--mhsys-hero-zoom, 1));transform-origin:var(--mhsys-hero-zoom-x, 50%) 0;clip-path:inset(0 0 calc(100% * var(--mhsys-hero-zoom-rest, 0)) 0)}}@media screen and (max-width:749px){.mhsys-hero__folie--versatz .mhsys-hero__bild{transform:translateY(var(--mhsys-hero-versatz, 0px));clip-path:inset(0 0 var(--mhsys-hero-versatz, 0px) 0)}}@media(prefers-reduced-motion:reduce){.mhsys-hero__punkt:before{transition:none}}html:has(.mhsys-kopf--ueberhero) #MainContent>.shopify-section:first-child>.mhsys-banner .mhsys-banner__rahmen{box-sizing:content-box;padding-top:var(--mhsys-kopf-hoehe);border-radius:0}html:has(.mhsys-kopf--ueberhero) #MainContent>.shopify-section:first-child>.mhsys-banner .mhsys-banner__innen{top:var(--mhsys-kopf-hoehe)}
/*# sourceMappingURL=/cdn/shop/t/21/assets/mhsys-b-hero.css.map */