.workshops-teaser{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;isolation:isolate;background-color:rgb(var(--color-background))}.workshops-teaser--small{min-height:30vh}.workshops-teaser--medium{min-height:50vh}.workshops-teaser--large{min-height:70vh}.workshops-teaser__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.workshops-teaser__img,.workshops-teaser__media .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block}.workshops-teaser:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-background));z-index:5;pointer-events:none;display:block}.workshops-teaser__content{position:relative;z-index:10;padding:6rem 1.5rem;width:100%}.workshops-teaser__content-inner{max-width:72rem}.workshops-teaser__content-align--center{margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.workshops-teaser__content-align--left{margin-right:auto;text-align:left}.workshops-teaser__content-align--right{margin-left:auto;text-align:right}.workshops-teaser__caption{color:rgb(var(--color-foreground));margin:0 0 1.2rem;opacity:.9}.workshops-teaser__heading{color:rgb(var(--color-foreground));margin:0 0 1.5rem;text-shadow:0 2px 8px rgba(0,0,0,.3);font-size:clamp(3rem,6vw,6rem);line-height:1.1}@media screen and (min-width:990px){.workshops-teaser__heading{white-space:nowrap}}.workshops-teaser__text{color:rgba(var(--color-foreground),.92);margin:0 0 2.5rem;max-width:70rem;text-shadow:0 1px 4px rgba(0,0,0,.2);font-size:clamp(1.5rem,1.6vw,1.7rem);line-height:1.5}.workshops-teaser__content-align--center .workshops-teaser__text{margin-left:auto;margin-right:auto}.workshops-teaser__button.button--primary{background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border-color:rgb(var(--color-button))}.workshops-teaser__button.button--primary:hover{filter:brightness(.9)}.workshops-teaser__button.button--secondary{background-color:transparent;color:rgb(var(--color-foreground));border:1px solid rgb(var(--color-foreground))}.workshops-teaser__button.button--secondary:hover{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}@media screen and (max-width:749px){.workshops-teaser__content{padding:4rem 1.5rem}.workshops-teaser--medium{min-height:45vh}.workshops-teaser--large{min-height:60vh}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/workshops-teaser.css.map */