.ms-kiesel-flaeche{isolation:isolate;overflow-x:clip}.ms-kiesel{--ms-kiesel-breite: 22rem;--ms-kiesel-ueberstand: .42;position:absolute;z-index:-1;display:block;width:var(--ms-kiesel-breite);aspect-ratio:1;translate:calc(var(--ms-kiesel-x, 0rem) * var(--ms-kiesel-massstab, 1)) calc(var(--ms-kiesel-y, 0rem) * var(--ms-kiesel-massstab, 1));pointer-events:none;-webkit-user-select:none;user-select:none}.ms-kiesel svg{display:block;width:100%;height:100%;overflow:visible;rotate:var(--ms-kiesel-drehung, 0deg)}.ms-kiesel__flaeche{fill:var(--ms-kiesel-farbe)}.ms-kiesel__linie{fill:none;stroke:var(--ms-kiesel-linie, var(--ms-color-bg));stroke-width:1.2px;vector-effect:non-scaling-stroke;opacity:.9}.ms-kiesel--petrol{--ms-kiesel-farbe: var(--ms-color-brand-light)}.ms-kiesel--rosa{--ms-kiesel-farbe: var(--ms-color-accent-light)}.ms-kiesel--gold{--ms-kiesel-farbe: var(--ms-color-gold-light)}.ms-kiesel--beige{--ms-kiesel-farbe: var(--ms-color-border)}.ms-kiesel--creme{--ms-kiesel-farbe: var(--ms-color-surface)}.ms-kiesel--weiss{--ms-kiesel-farbe: var(--ms-color-bg)}.ms-kiesel--kontur{--ms-kiesel-linie: color-mix(in srgb, var(--ms-color-brand) 55%, white)}.ms-kiesel--kontur-rosa{--ms-kiesel-linie: var(--ms-color-accent)}.ms-kiesel--kontur .ms-kiesel__linie,.ms-kiesel--kontur-rosa .ms-kiesel__linie{opacity:1}.ms-kiesel--s{--ms-kiesel-breite: 14rem}.ms-kiesel--m{--ms-kiesel-breite: 22rem}.ms-kiesel--l{--ms-kiesel-breite: 32rem}.ms-kiesel--xl{--ms-kiesel-breite: 44rem}.ms-kiesel{--ms-kiesel-tiefe: 44}.ms-kiesel--s{--ms-kiesel-tiefe: 28}.ms-kiesel--l,.ms-kiesel--xl{--ms-kiesel-tiefe: 60}.ms-kiesel--kontur,.ms-kiesel--kontur-rosa{--ms-kiesel-tiefe: 80}.ms-kiesel{--ms-kiesel-dx: 0;--ms-kiesel-dy: 1}.ms-kiesel--oben-links,.ms-kiesel--mitte-links,.ms-kiesel--unten-links{--ms-kiesel-dx: -.25}.ms-kiesel--oben-rechts,.ms-kiesel--mitte-rechts,.ms-kiesel--unten-rechts{--ms-kiesel-dx: .25}.ms-kiesel--kontur,.ms-kiesel--kontur-rosa{--ms-kiesel-dx: .25;--ms-kiesel-dy: -1}.ms-kiesel--richtung-unten{--ms-kiesel-dx: 0;--ms-kiesel-dy: 1}.ms-kiesel--richtung-oben{--ms-kiesel-dx: 0;--ms-kiesel-dy: -1}.ms-kiesel--richtung-unten-links{--ms-kiesel-dx: -.3;--ms-kiesel-dy: 1}.ms-kiesel--richtung-unten-rechts{--ms-kiesel-dx: .3;--ms-kiesel-dy: 1}.ms-kiesel--richtung-oben-links{--ms-kiesel-dx: -.3;--ms-kiesel-dy: -1}.ms-kiesel--richtung-oben-rechts{--ms-kiesel-dx: .3;--ms-kiesel-dy: -1}@keyframes ms-kiesel-parallax{0%{transform:translate3d(calc(var(--ms-kiesel-dx) * var(--ms-kiesel-tiefe) * var(--ms-kiesel-massstab, 1) * -1px),calc(var(--ms-kiesel-dy) * var(--ms-kiesel-tiefe) * var(--ms-kiesel-massstab, 1) * -1px),0)}to{transform:translate3d(calc(var(--ms-kiesel-dx) * var(--ms-kiesel-tiefe) * var(--ms-kiesel-massstab, 1) * 1px),calc(var(--ms-kiesel-dy) * var(--ms-kiesel-tiefe) * var(--ms-kiesel-massstab, 1) * 1px),0)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.ms-kiesel{will-change:transform;animation:ms-kiesel-parallax linear both;animation-timeline:view();animation-range:cover 0% cover 100%}}}.ms-kiesel--oben-links,.ms-kiesel--mitte-links,.ms-kiesel--unten-links{left:calc(var(--ms-kiesel-breite) * var(--ms-kiesel-ueberstand) * -1)}.ms-kiesel--oben-rechts,.ms-kiesel--mitte-rechts,.ms-kiesel--unten-rechts{right:calc(var(--ms-kiesel-breite) * var(--ms-kiesel-ueberstand) * -1)}.ms-kiesel--oben-links,.ms-kiesel--oben-rechts{top:clamp(2rem,8%,10rem)}.ms-kiesel--mitte-links,.ms-kiesel--mitte-rechts{top:50%;translate:calc(var(--ms-kiesel-x, 0rem) * var(--ms-kiesel-massstab, 1)) calc(-50% + var(--ms-kiesel-y, 0rem) * var(--ms-kiesel-massstab, 1))}.ms-kiesel--unten-links,.ms-kiesel--unten-rechts{bottom:calc(var(--ms-kiesel-breite) * -.2)}.ms-home-hero.ms-kiesel-flaeche{isolation:auto}.ms-home-hero .ms-kiesel{z-index:0}.ms-kiesel-anker{position:relative}.ms-kiesel--ecke-oben-links,.ms-kiesel--ecke-unten-links{left:calc(var(--ms-kiesel-breite) * -.5)}.ms-kiesel--ecke-oben-rechts,.ms-kiesel--ecke-unten-rechts{right:calc(var(--ms-kiesel-breite) * -.5)}.ms-kiesel--ecke-oben-links,.ms-kiesel--ecke-oben-rechts{top:calc(var(--ms-kiesel-breite) * -.5)}.ms-kiesel--ecke-unten-links,.ms-kiesel--ecke-unten-rechts{bottom:calc(var(--ms-kiesel-breite) * -.5)}@media screen and (max-width:749px){.ms-kiesel{--ms-kiesel-ueberstand: .55;--ms-kiesel-massstab: .6}.ms-kiesel--s{--ms-kiesel-breite: 9rem}.ms-kiesel--m{--ms-kiesel-breite: 13rem}.ms-kiesel--l{--ms-kiesel-breite: 18rem}.ms-kiesel--xl{--ms-kiesel-breite: 22rem}.ms-kiesel--ohne-mobil{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/_ms-kiesel.css.map */
