.media-with-text__grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:0}@media screen and (min-width: 990px){.media-with-text__grid{grid-template-columns:1fr 1fr;gap:5rem}.media-with-text__grid--reverse .media-with-text__media-column{grid-column:2}.media-with-text__grid--reverse .media-with-text__text-column{grid-column:1;grid-row:1}}.media-with-text__headline{display:flex;flex-direction:column;margin-bottom:3rem}.media-with-text__headline--align-left{align-items:flex-start;text-align:left}.media-with-text__headline--align-center{align-items:center;text-align:center}.media-with-text__headline--align-right{align-items:flex-end;text-align:right}@media screen and (min-width: 990px){.media-with-text__headline{margin-bottom:5rem}}.media-with-text__container{width:100%}.media-with-text__container--contained{background:rgb(var(--color-background));border-radius:var(--text-boxes-radius);padding:2rem 1rem}.text-first-mobile .media-with-text__text-column{order:1}.text-first-mobile .media-with-text__media-column{order:2}@media screen and (min-width: 750px){.media-with-text__container--contained{padding:5rem 4rem;border-radius:1rem}}.media-with-text__container--contained .media-with-text__headline{margin-bottom:3rem}@media screen and (min-width: 990px){.media-with-text__container--contained .media-with-text__headline{margin-bottom:5rem}.media-with-text__container--contained .media-with-text__grid{gap:8rem}.text-first-mobile .media-with-text__text-column,.text-first-mobile .media-with-text__media-column{order:initial}}.media-with-text__text-column{display:flex;align-items:flex-start;margin:0 auto}@media screen and (min-width: 990px){.media-with-text__grid--align-top .media-with-text__text-column{align-items:flex-start}.media-with-text__grid--align-center .media-with-text__text-column{align-items:center}.media-with-text__grid--align-bottom .media-with-text__text-column{align-items:flex-end}}.media-with-text__media-column{display:flex;flex-direction:column;gap:1.5rem;width:100%;min-width:0}@media screen and (min-width: 990px){.media-with-text__media-column{gap:2rem;height:100%;justify-content:flex-start}.media-with-text__grid--align-top .media-with-text__media-column{justify-content:flex-start}.media-with-text__grid--align-center .media-with-text__media-column{justify-content:center}.media-with-text__grid--align-bottom .media-with-text__media-column{justify-content:flex-end}.media-with-text__grid--adaptive .media-with-text__media{flex:1}}@media screen and (min-width: 990px){.media-with-text--1-2 .media-with-text__grid{grid-template-columns:2fr 1fr}.media-with-text--2-1 .media-with-text__grid{grid-template-columns:1fr 2fr}}.media-with-text__content{display:flex;flex-direction:column;gap:2rem;word-wrap:break-word;padding:0 1.5rem}@media screen and (min-width: 750px) and (max-width: 989px){.media-with-text__content{margin:0 auto;padding:2rem 4rem}}.media-with-text__heading,.media-with-text__subheading{margin:0;width:100%;text-align:center}.media-with-text__button{margin-top:0;align-self:flex-start}.media-with-text__text{width:100%}.media-with-text__text p{text-align:center}@media screen and (min-width: 990px){.media-with-text__text p,.media-with-text__heading,.media-with-text__subheading{text-align:left}}.media-with-text__media{overflow:hidden;border-radius:var(--media-radius);width:100%;position:relative;display:block;flex-shrink:0;background:transparent}@media screen and (max-width: 989px){.media-with-text__media{max-width:500px;margin:0 auto}}.media-with-text__media img,.media-with-text__media video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.media-with-text__media--adapt{min-height:15rem}@media screen and (min-width: 990px){.media-with-text__media--adapt{min-height:30rem}.media-with-text__grid--adaptive .media-with-text__media--adapt{min-height:0;height:100%}.media-with-text__grid--adaptive .media-with-text__media--adapt img{height:100%;object-fit:cover}}.media-with-text__media--adapt img{object-fit:contain;height:auto!important;position:static!important}.media-with-text__media--small{height:20rem}@media screen and (min-width: 990px){.media-with-text__media--small{height:30rem}}.media-with-text__media--medium{height:25rem}@media screen and (min-width: 990px){.media-with-text__media--medium{height:35rem}}.media-with-text__media--large{height:30rem}@media screen and (min-width: 990px){.media-with-text__media--large{height:45rem}}.media-with-text__media--square,.media-with-text__media--portrait,.media-with-text__media--landscape{height:auto;overflow:hidden;position:relative}.media-with-text__media--square{aspect-ratio:1 / 1;min-height:15rem}.media-with-text__media--portrait{aspect-ratio:2 / 3;min-height:18rem}.media-with-text__media--landscape{aspect-ratio:3 / 2;min-height:12rem}.media-with-text__media--square img,.media-with-text__media--square video,.media-with-text__media--portrait img,.media-with-text__media--portrait video,.media-with-text__media--landscape img,.media-with-text__media--landscape video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.media-with-text__media--square .media-with-text__video,.media-with-text__media--portrait .media-with-text__video,.media-with-text__media--landscape .media-with-text__video{position:absolute;top:0;left:0;width:100%;height:100%}.media-with-text__media--fit-contain{background:transparent}.media-with-text__media--fit-contain img,.media-with-text__media--fit-contain video{object-fit:contain}.media-with-text__media-button{margin-top:2rem;align-self:flex-start}.media-with-text__mobile-buttons{display:flex;flex-direction:column;gap:1rem;margin:2rem auto 0;padding:0 2rem;max-width:40rem}.media-with-text__container--contained .media-with-text__mobile-buttons{margin-top:1rem;padding:0}.media-with-text__mobile-buttons .button{margin:0}.media-with-text__media-button,.media-with-text__button{display:none}@media screen and (min-width: 990px){.media-with-text__mobile-buttons{display:none}.media-with-text__media-button,.media-with-text__button{display:inline-flex}}.media-with-text__heading.underline{border-bottom:2px solid rgba(var(--color-foreground))}.media-with-text__text.quote{padding:2rem 0;border-bottom:1px solid rgba(var(--color-foreground))}.media-with-text__text.quote em{font-size:1.6rem;text-align:left}.media-with-text__text.quote strong{text-transform:uppercase}.media-with-text__text.quote span{font-size:1.4rem;text-transform:uppercase}.media-with-text__text.quote p:last-child{text-align:right}.media-with-text__icon-row{width:100%;margin:.5rem 0 0}.media-with-text__icon-grid{display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap;max-width:800px;margin:0 auto}@media screen and (max-width: 749px){.media-with-text__icon-grid{gap:.75rem;max-width:100%}}.media-with-text__icon-box{display:flex;align-items:center;justify-content:center;width:calc(var(--icon-width, 80px) + 3rem);height:calc(var(--icon-width, 80px) + 3rem);padding:1.5rem;border-radius:8px;transition:transform .2s ease;flex-shrink:0}@media screen and (max-width: 749px){.media-with-text__icon-box{width:calc(var(--icon-width, 80px) * .8 + 2rem);height:calc(var(--icon-width, 80px) * .8 + 2rem);padding:1rem}}.media-with-text__icon-box--with-bg{background-color:var(--icon-bg-color, transparent)}.media-with-text__icon-img{max-width:100%;max-height:100%;width:auto;height:auto;display:block;object-fit:contain}@media screen and (max-width: 749px){.media-with-text__icon-img{max-width:100%;max-height:100%}}button.play,button.pause{border:none;background-color:var(--yellow);border-radius:100000px;padding:2rem;z-index:2;width:80px;height:80px}button.play{position:absolute;top:50%;left:50%;translate:-50% -50%}button.play .svg-wrapper{width:32px;height:32px}button.pause .svg-wrapper{width:20px;height:20px}button.play svg{translate:1px 2px}button.pause svg{translate:0 2px}button.play .svg-wrapper svg path,button.pause .svg-wrapper svg path{fill:var(--dark-blue);stroke:var(--dark-blue)}button.pause{position:absolute;bottom:2rem;left:50%;translate:-50% 0}.video-container[data-play-state=paused] button.pause,.video-container[data-play-state=playing] button.play{display:none}
/*# sourceMappingURL=/cdn/shop/t/135/assets/section-media-with-text.css.map */