.AD19_TeastiTeaser { -ms-flex-align: center; -ms-flex-wrap: wrap; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-left: auto; margin-right: auto; max-width: 100%; } .AD19_TeastiTeaser { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; padding-bottom: 211px; } .AD19_TeastiTeaser.img-left .AD19_TeastiTeaser-wrapper { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; } .AD19_TeastiTeaser.img-left .AD19_TeastiTeaser-content-wrapper:before { left: -20px; } .AD19_TeastiTeaser.img-right .AD19_TeastiTeaser-wrapper { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; } .AD19_TeastiTeaser.img-right .AD19_TeastiTeaser-content-wrapper:before { right: -20px; } .AD19_TeastiTeaser .AD19_TeastiTeaser-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 920px; position: relative; width: 100%; } .AD19_TeastiTeaser .AD19_TeastiTeaser-image { position: relative; z-index: 1; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content-wrapper { bottom: -190px; max-width: 308px; position: absolute; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content-wrapper:before { background: url(../icons-vorlagen/teasti-teaser-pattern-mobile.png) repeat-y 0 0; background-size: contain; bottom: -21px; content: ''; display: inline-block; height: 100%; position: absolute; width: 100%; z-index: -1; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content { background: #fff; color: #11284e; padding: 31px; position: relative; width: 100%; z-index: 2; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content>h2 { font-style: normal; font-weight: 300; margin-bottom: 25px; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content>div { font-size: .75rem; letter-spacing: .03px; line-height: 1.125rem; } #AD19_TeastiTeaser-uber-uns { margin-bottom: 84px; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content .AD19_TeastiTeaser-position{ font-style: normal; font-weight: 700; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content-wrapper.text-center { text-align: center; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content-wrapper.text-left { text-align: left; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content-wrapper.text-right { text-align: right; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content .AD19_TeastiTeaser-people { font-style: normal; font-weight: 300; } .AD19_TeastiTeaser.img-right .AD19_TeastiTeaser-content-wrapper { left: 0; } .AD19_TeastiTeaser.img-left .AD19_TeastiTeaser-content-wrapper { right: 0; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content p { color: #11284e; font-size: .875rem; font-style: normal; font-weight: 300; line-height: 1.625rem; } @media (min-width: 1024px) { .AD19_TeastiTeaser { max-width:1320px; } .AD19_TeastiTeaser { padding-bottom: 117px; } .AD19_TeastiTeaser.img-left .AD19_TeastiTeaser-content-wrapper:before { left: -39px; } .AD19_TeastiTeaser.img-right .AD19_TeastiTeaser-content-wrapper:before { right: -39px; } .AD19_TeastiTeaser .AD19_TeastiTeaser-image { max-width: 745px; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content-wrapper { bottom: -76px; max-width: 635px; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content-wrapper:before { background: url(../icons-vorlagen/teasti-teaser-pattern-desktop-975x9sehrflach.png) repeat-y 0 0; bottom: -44px; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content { padding: 60px 39px; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content>h2 { line-height: 3.5rem; margin-bottom: 23px; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content>div { font-size: 1rem; letter-spacing: .04px; line-height: 1.375rem; } #AD19_TeastiTeaser-uber-uns { margin-bottom: 137px; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content p { font-size: 1rem; line-height: 1.875rem; } } .AD19_TeastiTeaser, .main__container>.main__container_datasource>.AD19_TeastiTeaser,.main__container>section.AD19_TeastiTeaser { padding-bottom: 0; margin-bottom: -20px; position: relative; z-index: -1; } .AD19_TeastiTeaser .AD19_TeastiTeaser-wrapper { display: block; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content-wrapper { top: -90px; bottom: unset; position: relative; } .AD19_TeastiTeaser.img-left .AD19_TeastiTeaser-content-wrapper { margin-left: auto; } .AD19_TeastiTeaser.img-right .AD19_TeastiTeaser-image { margin-left: auto; } .AD19_TeastiTeaser.img-right .AD19_TeastiTeaser-content-wrapper { margin-right: auto; } .AD19_TeastiTeaser.img-left .AD19_TeastiTeaser-image { margin-right: auto; max-height: 447px; } @media (min-width: 1024px){ .AD19_TeastiTeaser, .main__container>.main__container_datasource>.AD19_TeastiTeaser,.main__container>section.AD19_TeastiTeaser { margin-bottom: -110px; } .AD19_TeastiTeaser .AD19_TeastiTeaser-content-wrapper { top: -200px; } } @media (max-width: 518px){ .AD19_TeastiTeaser .AD19_TeastiTeaser-content-wrapper { top: -15px; } .AD19_TeastiTeaser, .main__container>.main__container_datasource>.AD19_TeastiTeaser,.main__container>section.AD19_TeastiTeaser { margin-bottom: 35px; } }