.teaser{display:flex;flex-direction:column;align-items:flex-end;position:relative;overflow:hidden}@media (min-width: 768px){.teaser.align-left{flex-direction:row}}.teaser.align-left.layout--overlay figure{margin-right:30px;margin-left:0}@media (min-width: 768px){.teaser.align-left.layout--overlay figure{margin-right:-20%;margin-left:0}}.teaser.align-left.layout--overlay .teaser-body>div{margin-left:30px;margin-right:0;margin-top:-30px}@media (min-width: 768px){.teaser.align-left.layout--overlay .teaser-body>div{margin-right:30px;margin-left:-20%}}@media (min-width: 768px){.teaser.align-right{flex-direction:row-reverse}}.teaser.align-right.layout--overlay figure{margin-left:30px;margin-right:0}@media (min-width: 768px){.teaser.align-right.layout--overlay figure{margin-left:-20%;margin-right:0}}.teaser.align-right.layout--overlay .teaser-body>div{margin-right:30px;margin-left:0;margin-top:-30px}@media (min-width: 768px){.teaser.align-right.layout--overlay .teaser-body>div{margin-left:30px;margin-right:-20%}}.teaser .teaser-image{width:100%}@media (min-width: 768px){.teaser .teaser-image{width:50%}}.teaser .teaser-image figure img{width:100%}@media (min-width: 768px){.teaser .teaser-image.layout--overlay figure{margin-right:-20%;margin-bottom:120px}}.teaser .teaser-body{width:100%}@media (min-width: 768px){.teaser .teaser-body{width:50%}}.teaser .teaser-body>div{display:flex;flex-direction:column;position:relative;padding:20px}@media (min-width: 768px){.teaser .teaser-body>div{padding:50px}}.teaser .teaser-body>div .teaser-header{text-align:left}.teaser .teaser-body>div .teaser-text{margin-bottom:20px}.teaser .teaser-body>div .teaser-link{text-align:left;margin:0}.teaser .teaser-body>div .box-ratio{max-height:200px;height:100%;aspect-ratio:1;padding:20px!important}.teaser .teaser-body>div .box-ratio img{height:100%;width:auto}.teaser .teaser-body .teaser-text ul{list-style:disc;padding-left:15px}.teaser.light .teaser-body>div{background:#fff;color:#000}.teaser.dark .teaser-body>div{background:#000;color:#fff}.teaser.dark .teaser-body>div>a{background:#fff;color:#000}.teaser-calligraphy{display:block;content:"";position:absolute;top:-120px;right:0;left:0;z-index:-1;height:240px;width:-moz-fit-content;width:fit-content;background-position:right;background-size:contain;background-repeat:no-repeat;margin-right:-90px}.teaser-calligraphy svg{width:100%}
/*# sourceMappingURL=/cdn/shop/t/89/assets/teaser.css.map */