.AD19_ContactTeaser { -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%; padding-right: 15px; padding-left: 15px; } .AD19_ContactTeaser>ul li>h3 { font-size: 1rem; line-height: 1.375rem; } .AD19_ContactTeaser>ul li>h3>span { font-size: 1.5rem; line-height: 2.0625rem; } .AD19_ContactTeaser { color: #11284e; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; line-height: 1.75rem; padding-bottom: 41px; padding-top: 100px; text-align: center; } .AD19_ContactTeaser>h2 { margin: 0 auto 16px; width: 85%; } .AD19_ContactTeaser>p { font-size: 1rem; font-style: normal; font-weight: 300; line-height: 1.75rem; margin-bottom: 44px; text-align: center; width: 100%; } .AD19_ContactTeaser>ul { -ms-flex-pack: center; -ms-flex-wrap: wrap; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 22px; width: 100%; } .AD19_ContactTeaser>ul li { margin: 0 10px 60px; max-width: 232px; width: 100%; } .AD19_ContactTeaser>ul li.order2 .AD19_ContactTeaser__image_wrapper img { max-width: 30px; } .AD19_ContactTeaser>ul li.order3>h3 { font-size: 1.125rem; font-style: italic; font-weight: 700; letter-spacing: .04px; line-height: 1.5rem; } .AD19_ContactTeaser>ul li .AD19_ContactTeaser__image_wrapper { margin-bottom: 19px; text-align: center; } .AD19_ContactTeaser>ul li .AD19_ContactTeaser__image_wrapper img { margin: 0 auto; vertical-align: bottom; width: 100%; } .AD19_ContactTeaser>ul li>h3 { margin-bottom: 16px; text-transform: uppercase; } .AD19_ContactTeaser>ul li .AD19_ContactTeaser-copy_text { font-size: .875rem; line-height: 1.625rem; margin-bottom: 23px; } .AD19_ContactTeaser>ul li .AD19_ContactTeaser-copy_text h5,.AD19_ContactTeaser>ul li .AD19_ContactTeaser-copy_text h6 { font-size: .875rem; font-style: normal; font-weight: 700; line-height: 1.375rem; margin: 24px 0 9px; } .AD19_ContactTeaser>ul li .AD19_ContactTeaser-copy_text p { line-height: 1.375rem; } .AD19_ContactTeaser>ul li a { display: inline-block; } .AD19_ContactTeaser>ul li a.button { -ms-flex-item-align: center; align-self: center; border: 2px solid #11284e; border-bottom-left-radius: 100% 1000px; border-bottom-right-radius: 100% 1000px; border-top-left-radius: 100% 1000px; border-top-right-radius: 100% 1000px; color: #11284e; font-size: .9375rem; font-weight: 700; line-height: .9375rem; margin: 0 auto; padding: 14px 40px 13px; position: relative; text-decoration: none; } .AD19_ContactTeaser>ul li a.link { background: url(../icons-vorlagen/icon-arrow_right-blue.svg) center left no-repeat; color: #11284e; font-size: 1rem; font-weight: 700; padding-left: 25px; text-decoration: none; } .AD19_ContactTeaser>ul section.AD19_TextHeadline li>h3,section.AD19_TextHeadline .AD19_ContactTeaser>ul li>h3 { font-style: italic; font-weight: 700; font-size: 1.25rem; line-height: 1.6875rem; } #AD19_ContactTeaser-uber-uns { margin-top: 104px; } .AD19_ContactTeaser.bg-secondary-blue>p { margin-bottom: 8px; } .AD19_ContactTeaser>ul li.order1 .AD19_ContactTeaser__image_wrapper img,.AD19_ContactTeaser>ul li.order3 .AD19_ContactTeaser__image_wrapper img { max-width: 27px; } .AD19_ContactTeaser>ul li.order3 { margin-bottom: 0; } .AD19_ContactTeaser>ul li .AD19_ContactTeaser-copy_text em { font-style: normal; font-weight: 400; } .AD19_ContactTeaser>ul li .AD19_ContactTeaser-copy_text strong { font-style: normal; font-weight: 700; } #AD19_ContactTeaser-kfz_versicherung,#AD19_ContactTeaser-kontakt,#AD19_ContactTeaser-ratgeber { margin-top: 120px; } @media (min-width: 768px) { .AD19_ContactTeaser { padding-left:25px; padding-right: 25px; } .AD19_ContactTeaser>ul li { margin: 0 20px 40px; width: 50%; } } @media (min-width: 1024px) { .AD19_ContactTeaser { max-width:1320px; padding: 120px 30px 95px 30px; } .AD19_ContactTeaser>ul li>h3 { font-size: 1.125rem; line-height: 1.5rem; } .AD19_ContactTeaser.bg-secondary-blue>p { margin-bottom: 49px; } .AD19_ContactTeaser>p { font-size: 1.25rem; letter-spacing: .01px; line-height: 2.25rem; margin-bottom: 70px; } .AD19_ContactTeaser>ul li { margin: 0 30px; max-width: 285px; width: 33.33333%; } .AD19_ContactTeaser>ul li.order3>h3 { font-size: 1.125rem; } .AD19_ContactTeaser>ul li .AD19_ContactTeaser__image_wrapper { margin-bottom: 16px; min-height: 33px; } .AD19_ContactTeaser>ul li>h3 { letter-spacing: .04px; margin-bottom: 24px; } .AD19_ContactTeaser>ul li .AD19_ContactTeaser-copy_text { line-height: 1.375rem; } .AD19_ContactTeaser>ul li a.button { font-size: 1rem; margin: 0 auto; } #AD19_ContactTeaser-uber-uns { margin-top: 120px; } .AD19_ContactTeaser>ul section.AD19_TextHeadline li>h3,section.AD19_TextHeadline .AD19_ContactTeaser>ul li>h3 { font-size: 1.5rem; line-height: 2.0625rem; } .AD19_ContactTeaser>ul li a.link { font-size: 1rem; } .AD19_ContactTeaser>h2 { max-width: 70%; } .AD19_ContactTeaser>ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } #AD19_ContactTeaser-uber-uns li { margin-bottom: 0; } } .AD19_ContactTeaser { padding-top: 50px; }