.section.section-teaser {font-size: 1.7142857143rem; } .section.section-teaser .teaser {position: relative;padding-top: 8.1428571429rem;padding-bottom: 22.6428571429rem; } .section.section-teaser .teaser .container {display: flex;flex-direction: column;align-items: center;position: relative;z-index: 2; } .section.section-teaser .teaser .images {background: #ddd9d6;width: calc(100% - 1.1428571429rem);margin-bottom: 8.7142857143rem;position: relative; } .section.section-teaser .teaser .images .row {position: relative;aspect-ratio: 1337/491;flex-direction: column;flex-wrap: nowrap; } @media (min-width: 576px) {.section.section-teaser .teaser .images .row {flex-direction: row;left: 1.1428571429rem;top: 1.1428571429rem;} } .section.section-teaser .teaser .images .row .img-fluid {width: 100%;height: 100%;object-fit: cover; } .section.section-teaser .teaser .icon {height: 55%;aspect-ratio: 1/1;max-width: 19.5714285714rem;max-height: 19.5714285714rem;background: var(--white);position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;border-radius: 50%;padding: 1.7857142857rem; } @media (min-width: 576px) {.section.section-teaser .teaser .icon {left: calc(50% + 1.1428571429rem);top: calc(50% + 1.1428571429rem);} } .section.section-teaser .teaser h1, .section.section-teaser .teaser .h1 {margin-bottom: 3.0714285714rem; } .section.section-teaser .teaser h2, .section.section-teaser .teaser .h2 {font-weight: 400;text-align: center;max-width: 59.2857142857rem;margin: 0 auto;margin-bottom: 3.0714285714rem; } .section.section-teaser .teaser ul {text-align: center;margin-bottom: 4.8571428571rem;padding-left: 1.1428571429rem;padding-right: 1.1428571429rem; } .section.section-teaser .teaser .btn-outline-primary {color: var(--black);text-transform: uppercase;padding: 1.4285714286rem 2.1428571429rem;font-size: 1.4285714286rem;font-weight: 700;border-width: 2px;transition-duration: 250ms;transition-property: color, background; } @media (min-width: 576px) {.section.section-teaser .teaser .btn-outline-primary {padding: 1.4285714286rem 3.5714285714rem;} } .section.section-teaser .teaser .btn-outline-primary:hover {color: var(--white); } .section.section-teaser .background {position: absolute;width: 100%;max-width: 1920px;margin: 0 auto;left: 0;right: 0;bottom: 0;z-index: 1;display: flex;justify-content: center;overflow: hidden;height: 100%;top: 0; } .section.section-teaser .background picture {width: 100%; } .section.section-teaser .background .img-fluid {width: 100%;height: 100%;object-fit: cover; } .section.section-teaser .download {max-width: 1920px;margin: 0 auto;background: var(--primary);color: var(--white);padding-top: 2.5714285714rem;padding-bottom: 2.5714285714rem; } .section.section-teaser .download .row {align-items: center;justify-content: center; } .section.section-teaser .download .col {text-align: center; } .section.section-teaser .download h2, .section.section-teaser .download .h2 {margin: 0;font-size: 2.5714285714rem;font-weight: 400;text-transform: uppercase;color: var(--white); } .section.section-teaser .download .btn {font-size: 2.5714285714rem;font-weight: 700;text-transform: uppercase;padding: 0.6428571429rem 1.7142857143rem; } .section.section-teaser .download .btn:hover {color: var(--primary); } .section.section-teaser.has-images .background {height: calc(100% - 24.2857142857rem);top: 24.2857142857rem; } .section.section-teaser.has-background {color: var(--white); } .section.section-teaser.has-background .teaser {padding-top: 15.5rem; } .section.section-teaser.has-background .teaser h1, .section.section-teaser.has-background .teaser .h1 {color: var(--white); } .section.section-teaser.has-background .teaser h2, .section.section-teaser.has-background .teaser .h2 {color: var(--white); } .section.section-teaser.has-button .teaser {padding-bottom: 9.7142857143rem; } .section.section-teaser:not(.has-button) .teaser {padding-bottom: 22.6428571429rem; }