.msh{--ms-surface: #ffffff;--ms-surface-alt: #f6f6f6;--ms-surface-tint: #eef7fc;--ms-ink: #1a1a1a;--ms-text: #414141;--ms-text-subtle: #576270;--ms-line: #e6e6e6;--ms-border-strong: #5a93ae;--ms-navy: #125678;--ms-navy-deep: #104a68;--msh-band: var(--ms-surface-tint);--msh-title: var(--ms-ink);--msh-body: var(--ms-text);--msh-meta: var(--ms-text-subtle);--msh-accent: var(--ms-navy);--msh-plot: var(--ms-border-strong);--msh-chip-bg: var(--ms-surface);--msh-chip-line: var(--ms-line);--msh-media-max: 300px;font-family:inherit;color:var(--msh-body)}.msh *,.msh *:before,.msh *:after{box-sizing:border-box}.msh-krume{margin:0 0 14px;font-size:13px;line-height:1.45;color:var(--msh-meta)}.msh-krume ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0;padding:0;list-style:none}.msh-krume li{display:inline-flex;align-items:center;gap:8px}.msh-krume li+li:before{content:"\203a";color:var(--msh-plot)}.msh-krume a{color:var(--msh-meta);text-decoration:none}.msh-krume a:hover{color:var(--msh-accent);text-decoration:underline;text-underline-offset:2px}.msh-krume [aria-current=page]{color:var(--msh-body)}.msh-band{background:var(--msh-band);border-radius:12px;padding:clamp(28px,3.4vw,46px)}.msh-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(24px,3.6vw,52px);align-items:center}.msh--kein-motiv .msh-grid{grid-template-columns:1fr;max-width:68ch}.msh-kicker{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--msh-accent)}.msh-titel{margin:0 0 14px;font-size:clamp(28px,3.2vw,44px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--msh-title);text-wrap:balance}.msh-intro{margin:0;max-width:58ch;font-size:16px;line-height:1.6;color:var(--msh-body)}.msh-intro p{margin:0 0 .6em}.msh-intro p:last-child{margin-bottom:0}.msh-fakten{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}.msh-fakt{display:inline-flex;align-items:baseline;gap:6px;padding:8px 14px;border:1px solid var(--msh-chip-line);border-radius:999px;background:var(--msh-chip-bg)}.msh-fakt__wert{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ms-ink)}.msh-fakt__label{font-size:13px;color:var(--msh-meta)}.msh-aktionen{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.msh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:13px 24px;border:1.5px solid transparent;border-radius:8px;font-size:15px;font-weight:700;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.msh-btn--primaer{background:var(--msh-accent);color:var(--ms-surface)}.msh-btn--primaer:hover{background:var(--ms-navy-deep)}.msh-btn--sekundaer{background:var(--ms-surface);color:var(--msh-accent);border-color:var(--msh-accent)}.msh-btn--sekundaer:hover{background:var(--ms-surface-tint)}.msh-btn:focus-visible{outline:2px solid var(--msh-accent);outline-offset:2px}.msh-trust{display:inline-flex;align-items:center;gap:8px;margin:16px 0 0;font-size:14px;color:var(--msh-meta)}.msh-trust svg{flex:none;width:15px;height:15px;color:var(--msh-accent)}.msh-motiv{width:fit-content;max-width:100%;min-width:0;margin-inline:auto}.msh-plot{position:relative;width:100%;padding:16px}.msh-plot img{display:block;width:auto;max-width:100%;height:var(--msh-media-max);object-fit:contain;object-position:center center;margin-inline:auto}.msh-winkel{position:absolute;width:20px;height:20px;border:1.5px solid var(--msh-plot);pointer-events:none}.msh-winkel--ol{top:0;left:0;border-right:0;border-bottom:0}.msh-winkel--or{top:0;right:0;border-left:0;border-bottom:0}.msh-winkel--ul{bottom:0;left:0;border-right:0;border-top:0}.msh-winkel--ur{bottom:0;right:0;border-left:0;border-top:0}.msh-mass{display:flex;align-items:center;gap:12px;margin-top:12px}.msh-mass__strich{flex:1 1 auto;position:relative;height:1.5px;background:var(--msh-plot)}.msh-mass__strich:before,.msh-mass__strich:after{content:"";position:absolute;top:-4px;width:1.5px;height:9px;background:var(--msh-plot)}.msh-mass__strich:before{left:0}.msh-mass__strich:after{right:0}.msh-mass__wert{flex:none;font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;color:var(--ms-ink)}.msh-mass__wert span{font-weight:400;color:var(--msh-meta)}.msh--navy .msh-band{--msh-band: var(--ms-navy);--msh-title: #ffffff;--msh-body: rgba(255, 255, 255, .92);--msh-meta: #cfe3ee;--msh-plot: #cfe3ee;--msh-chip-bg: rgba(255, 255, 255, .08);--msh-chip-line: rgba(255, 255, 255, .28);color:var(--msh-body)}.msh--navy .msh-kicker{color:#cfe3ee}.msh--navy .msh-fakt__wert{color:#fff}.msh--navy .msh-fakt__label{color:#cfe3ee}.msh--navy .msh-mass__wert{color:#fff}.msh--navy .msh-mass__wert span{color:#cfe3ee}.msh--navy .msh-btn--primaer{background:#fff;color:var(--ms-navy)}.msh--navy .msh-btn--primaer:hover{background:var(--ms-surface-tint)}.msh--navy .msh-btn--sekundaer{background:transparent;color:#fff;border-color:#ffffff8c}.msh--navy .msh-btn--sekundaer:hover{background:#ffffff1f;border-color:#fff}.msh--navy .msh-btn:focus-visible{outline-color:#fff}.msh--navy .msh-trust svg{color:#cfe3ee}@keyframes msh-auf{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes msh-ein{0%{opacity:0}to{opacity:1}}@keyframes msh-motiv-ein{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes msh-winkel-ein{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes msh-mass-auf{0%{transform:scaleX(0)}to{transform:none}}.msh--bewegt .msh-kicker,.msh--bewegt .msh-titel,.msh--bewegt .msh-intro,.msh--bewegt .msh-fakten,.msh--bewegt .msh-aktionen,.msh--bewegt .msh-trust{animation:msh-auf .5s cubic-bezier(.2,.7,.3,1) backwards}.msh--bewegt .msh-kicker{animation-delay:40ms}.msh--bewegt .msh-titel{animation-delay:.12s}.msh--bewegt .msh-intro{animation-delay:.22s}.msh--bewegt .msh-fakten{animation-delay:.3s}.msh--bewegt .msh-aktionen{animation-delay:.38s}.msh--bewegt .msh-trust{animation-delay:.44s}.msh--bewegt .msh-plot img{animation:msh-motiv-ein .6s cubic-bezier(.2,.7,.3,1) .26s backwards}.msh--bewegt .msh-winkel{animation:msh-winkel-ein .34s cubic-bezier(.2,.7,.3,1) backwards}.msh--bewegt .msh-winkel--ol{animation-delay:.46s;transform-origin:top left}.msh--bewegt .msh-winkel--or{animation-delay:.52s;transform-origin:top right}.msh--bewegt .msh-winkel--ur{animation-delay:.58s;transform-origin:bottom right}.msh--bewegt .msh-winkel--ul{animation-delay:.64s;transform-origin:bottom left}.msh--bewegt .msh-mass__strich{animation:msh-mass-auf .42s cubic-bezier(.3,.8,.3,1) .72s backwards}.msh--bewegt .msh-mass__strich--l{transform-origin:right center}.msh--bewegt .msh-mass__strich--r{transform-origin:left center}.msh--bewegt .msh-mass__wert{animation:msh-ein .34s ease .9s backwards}@media(prefers-reduced-motion:reduce){.msh--bewegt .msh-kicker,.msh--bewegt .msh-titel,.msh--bewegt .msh-intro,.msh--bewegt .msh-fakten,.msh--bewegt .msh-aktionen,.msh--bewegt .msh-trust,.msh--bewegt .msh-plot img,.msh--bewegt .msh-winkel,.msh--bewegt .msh-mass__strich{animation-name:msh-ein}}@media(max-width:899px){.msh-grid{grid-template-columns:1fr;gap:28px}.msh-motiv{order:-1}.msh{--msh-media-max: 260px}}@media(max-width:749px){.msh-band{padding:24px 18px 26px;border-radius:10px}.msh{--msh-media-max: 176px}.msh-titel{font-size:26px}.msh-intro{font-size:15px}.msh-aktionen{flex-direction:column;align-items:stretch}.msh-btn{width:100%}}@media(pointer:coarse){.msh-krume a{display:inline-flex;align-items:center;min-height:32px}.msh-btn{min-height:48px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ms-seiten-hero.css.map */