@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root{--color-s-black-v-100: #12192E;--color-s-black-v-200: #343434;--color-s-blue-v-100: #172F74;--color-s-blue-v-200: #3A67FC;--color-s-red-v-100: red;--color-s-red-v-200: #DB1212;--color-s-gray-v-100: #676776;--color-s-gray-v-200: #a4a4ad;--color-s-gray-v-300: #e1e1e4;--color-s-gray-v-400: #F4F6F8;--color-s-gray-v-500: #D9D9D9;--color-s-white-v-100: #fff;--space-xxs: 8px;--space-xs: 16px;--space-sm: 32px;--space-md: 40px;--space-lg: 48px;--space-xl: 60px;--space-xxl: 72px;--space-xxxl: 80px;--space-xxxx: 100px;--space-xxxxx: 120px}@use '../abstracts/variables' as *;.section-case-study-teaser{width:100%;padding:80px 0}@media (max-width: 1023px){.section-case-study-teaser{padding:40px 0}}@media (max-width: 767px){.section-case-study-teaser{padding:30px 0}}.section-case-study-teaser .container{display:flex;flex-direction:row;gap:50px}@media (max-width: 1023px){.section-case-study-teaser .container{gap:40px}}@media (max-width: 767px){.section-case-study-teaser .container{gap:30px;flex-direction:column}}.section-case-study-teaser__content{flex:1;display:flex;flex-direction:column;gap:26px}@media (max-width: 1023px){.section-case-study-teaser__content{gap:20px}}@media (max-width: 767px){.section-case-study-teaser__content{order:2}}.section-case-study-teaser__content p{margin:0;padding:0;color:#676776}.section-case-study-teaser__content p a{color:#676776;font-size:inherit;font-weight:inherit}.section-case-study-teaser__content p a:hover{color:#12192E}.section-case-study-teaser__content ul.keywords{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:35px;row-gap:20px}@media (max-width: 767px){.section-case-study-teaser__content ul.keywords{align-items:flex-start;row-gap:10px}}.section-case-study-teaser__content ul.keywords li{color:#676776}.section-case-study-teaser__content ul.keywords li img{width:auto;height:39px;vertical-align:middle}@media (max-width: 767px){.section-case-study-teaser__content ul.keywords .keywords-separator{width:100%;margin:0;padding:0}}.section-case-study-teaser__content .btn{margin:0 0 0 auto}.section-case-study-teaser__image{flex-shrink:0;width:520px;height:300px;overflow:hidden;border-radius:8px}@media (max-width: 1023px){.section-case-study-teaser__image{width:200px;height:120px}}@media (max-width: 767px){.section-case-study-teaser__image{width:100%;height:auto;order:1;aspect-ratio:520 / 300}}.section-case-study-teaser__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.section-case-study-teaser__image a{margin:0;padding:0;width:100%;display:inline-block;position:relative}.section-case-study-teaser__image a img{transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.section-case-study-teaser__image a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}.section-case-study-teaser__video{flex-shrink:0;width:520px;overflow:hidden;border-radius:8px}.section-case-study-teaser__video.yt-hover{position:relative;width:520px;aspect-ratio:16 / 9}.section-case-study-teaser .yt-hover__inner{position:relative;width:100%;height:292px;overflow:hidden;border-radius:8px}.section-case-study-teaser .yt-hover__poster{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:opacity .25s ease}.section-case-study-teaser .yt-hover__iframe{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity .25s ease}.section-case-study-teaser .yt-hover--ready .yt-hover__iframe{opacity:1}.section-case-study-teaser--gray{padding-bottom:0;background:#F4F6F8}.section-case-study-teaser--right .container figure{order:1}.section-case-study-teaser--right .container .section-case-study-teaser__content{order:2}

/*# sourceMappingURL=case-study-teaser.css.map */