.layered-hero{--layered-screen: 100vh;--layered-hero-height: 200vh;position:relative;isolation:isolate;height:var(--layered-hero-height);clip-path:inset(0);color:#fff;background:#7e8eb2}@supports (height: 100svh){.layered-hero{--layered-screen: 100svh;--layered-hero-height: 200svh}}.layered-hero__sticky{position:fixed;inset:0 0 auto;height:var(--layered-screen);overflow:hidden;z-index:0}.layered-hero__foreground,.layered-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.layered-hero__foreground{z-index:1;overflow:hidden;transform:none}.layered-hero__image{display:block;width:100%;max-width:100%;height:var(--layered-hero-height);object-fit:cover;object-position:center}.layered-hero__sticky .layered-hero__image{transform:translate3d(0,var(--layered-background-y, 0px),0);will-change:transform}.layered-hero__shade{z-index:2;background:radial-gradient(ellipse 537% 100% at 50% 0%,#7e8eb2cc,transparent 25.38%)}.layered-hero--weine .layered-hero__shade{background:linear-gradient(180deg,#0000007f 11%,#0000 39%)}.layered-hero--machart .layered-hero__shade{background:radial-gradient(ellipse 537% 100% at 50% 0%,#545454cc,transparent 25.38%),#0003}.layered-hero__container{position:relative;z-index:3;width:calc(100% - 2 * var(--hormuth-page-padding, var(--page-padding)));margin:0 auto;height:var(--layered-screen);box-sizing:border-box;display:flex;align-items:flex-start;padding-top:312px;padding-bottom:clamp(32px,6vh,64px)}.layered-hero{--layered-copy-width: 760px;--layered-text-width: 100%}.layered-hero--weine{--layered-copy-width: 946px;--layered-text-width: 613px}.layered-hero--machart{--layered-copy-width: 812px;--layered-text-width: 797px}.layered-hero--weingut{--layered-copy-width: 713px;--layered-text-width: 713px}.layered-hero__copy{width:min(100%,var(--layered-copy-width));margin-left:0;margin-right:auto;display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;gap:24px}.layered-hero__text{max-width:var(--layered-text-width)}.layered-hero__copy>.home-button{margin-top:8px}.layered-hero--machart .layered-hero__copy{transform:none}.layered-hero h1{max-width:100%;margin:0;color:inherit;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty}.layered-hero__text p,.layered-hero__subheading{margin:0}.layered-hero--weingut h1{-webkit-hyphens:manual;hyphens:manual}@media(max-width:767px){.layered-hero__container{padding-top:clamp(224px,36svh,300px);padding-bottom:24px}.layered-hero__copy{gap:16px}}@media(orientation:landscape)and (max-height:550px)and (max-width:1279px){.layered-hero__container{padding-top:192px;padding-bottom:20px}.layered-hero__copy{width:min(68%,600px);gap:16px}.layered-hero h1{font-size:clamp(26px,4vw,36px)}.layered-hero__text{font-size:16px;line-height:1.45;letter-spacing:.025em}}@media(min-width:768px){.layered-hero--weine{--layered-hero-height: 100%;--weine-background-shift: calc(var(--layered-background-y, 0px) * -5);--weine-foreground-scale: calc(1 + var(--layered-progress, 0) * .25);height:auto;aspect-ratio:1440 / 1646}.layered-hero--weine .layered-hero__sticky{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.layered-hero--weine .layered-hero__image{height:100%}.layered-hero--weine .layered-hero__sticky .layered-hero__image{transform:translate3d(0,var(--weine-background-shift),0)}.layered-hero--weine .layered-hero__foreground{opacity:.7}.layered-hero--weine .layered-hero__foreground .layered-hero__image,.layered-hero--weine:before{transform:scale(var(--weine-foreground-scale));transform-origin:50% 0;will-change:transform}.layered-hero--weine:before{content:"";position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:url(weine-hero-vordergrund.webp) center top / 100% 100% no-repeat;mix-blend-mode:multiply;pointer-events:none}.layered-hero--weine .layered-hero__container{height:auto;padding-top:clamp(240px,calc(100vw * 312 / 1440),560px)}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/two-background-hero.css.map */