.AD19_ImageTextSlider_2 { -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_ImageTextSlider_3.bg-blue-waves .AD19_ImageTextSlider_3-content-wrapper:before { background: url(../icons-vorlagen/teasti-teaser-pattern-mobile.png) repeat-y; } .AD19_ImageTextSlide { -ms-flex-direction: column; -ms-flex-line-pack: center; -ms-flex-pack: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: center; align-content: center; color: #11284e; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; font-size: .875rem; justify-content: center; line-height: 1.25rem; margin: 0 auto 20px; padding: 0 calc(((100% - 175px)/ 6 * 1)); text-align: center; } .AD19_ImageTextSlide blockquote { font-size: 1.5625rem; font-style: italic; font-weight: 700; line-height: 2.1875rem; margin-bottom: 30px; quotes: "„" "“"; } .AD19_ImageTextSlide blockquote:before { content: open-quote; } .AD19_ImageTextSlide blockquote:after { content: close-quote; } .AD19_ImageTextSlide img { -ms-flex-item-align: center; align-self: center; margin-bottom: 40px; max-height: 114px; max-width: 112px; } .AD19_ImageTextSlider_2 { -ms-flex-pack: center; -webkit-box-pack: center; color: #11284e; font-size: 1rem; justify-content: center; position: relative; text-align: center; z-index: 1; } .AD19_ImageTextSlider_2.bg-blue-waves,.AD19_ImageTextSlider_3.bg-blue-waves .AD19_ImageTextSlider_2.AD19_ImageTextSlider_3-content-wrapper:before { background-position: calc(50% - 19px) 100%; background-size: 75%; padding-bottom: 16px; } .AD19_ImageTextSlider_2 .AD19_ImageTextSlider_2-content-wrapper { background-color: #fff; border: none; margin-bottom: 0; margin-top: -60px; max-height: 90%; max-width: 75%; min-width: 320px; overflow-y: auto; text-align: center; width: 100%; } .AD19_ImageTextSlider_2 .flex-viewport { line-height: 1.625rem; } .AD19_ImageTextSlider_2 .slides li { padding: 41px 0 80px; } .AD19_ImageTextSlider_2 .slides li>div { padding: 0 34px; } .AD19_ImageTextSlider_2 .AD19_ImageTextSlider_2-heading { color: #2066d6; font-size: .625rem; font-style: normal; font-weight: 700; letter-spacing: .00125rem; line-height: .875rem; margin-bottom: 8px; text-transform: uppercase; } .AD19_ImageTextSlider_2 .AD19_ImageTextSlider_2-copy_text { font-size: 1.625rem; font-style: normal; font-weight: 300; line-height: 2.25rem; } .AD19_ImageTextSlider_2 .flex-direction-nav .flex-prev,.AD19_ImageTextSlider_2 .flexslider:hover .flex-direction-nav .flex-prev { left: 11px; } .AD19_ImageTextSlider_2 .flex-direction-nav .flex-next,.AD19_ImageTextSlider_2 .flexslider:hover .flex-direction-nav .flex-next { right: 11px; } .AD19_ImageTextSlider_2 .flex-control-paging { bottom: 35px; left: 0; } .AD19_ImageTextSlider_3 { -ms-flex-pack: center; -webkit-box-pack: center; color: #11284e; font-size: 1rem; justify-content: center; margin: 0 auto; max-width: 980px; position: relative; text-align: center; } .AD19_ImageTextSlider_3.bg-blue-waves,.AD19_ImageTextSlider_3.bg-blue-waves .AD19_ImageTextSlider_3.AD19_ImageTextSlider_3-content-wrapper:before { background: 0 0; margin-bottom: -20px; } .AD19_ImageTextSlider_3.bg-blue-waves .AD19_ImageTextSlider_3-content-wrapper,.AD19_ImageTextSlider_3.bg-blue-waves .AD19_ImageTextSlider_3.AD19_ImageTextSlider_3-content-wrapper:before .AD19_ImageTextSlider_3-content-wrapper { overflow: visible; z-index: 2; } .AD19_ImageTextSlider_3.bg-blue-waves .AD19_ImageTextSlider_3-content-wrapper:before { content: ""; display: inline-block; height: 100%; left: -22px; position: absolute; top: 20px; width: 100%; z-index: -1; } .AD19_ImageTextSlider_3{ float: center; max-width: 745px; width: 100%; } .AD19_ImageTextSlider_3-image{ float: inline; width: 100%; } .AD19_ImageTextSlider_3 .AD19_ImageTextSlider_3-content-wrapper { background-color: #fff; border: none; border-radius: 0; bottom: 40px; float: right; line-height: 1.625rem; margin: 0; max-height: 90%; max-width: 91%; padding: 32px 35px 28px; position: relative; text-align: center; width: 100%; } .AD19_ImageTextSlider_3 .AD19_ImageTextSlider_3-copy_text { font-size: 1.625rem; font-style: normal; font-weight: 300; line-height: 2.25rem; margin-bottom: 25px; } .AD19_ImageTextSlider_3 .AD19_ImageTextSlider_3-name,.AD19_ImageTextSlider_3 .AD19_ImageTextSlider_3-position { font-size: .75rem; letter-spacing: .00187rem; line-height: 1.125rem; } .AD19_ImageTextSlider_3 .flex-direction-nav .flex-prev,.AD19_ImageTextSlider_3 .flexslider:hover .flex-direction-nav .flex-prev { left: 9px; } .AD19_ImageTextSlider_3 .flex-direction-nav .flex-next,.AD19_ImageTextSlider_3 .flexslider:hover .flex-direction-nav .flex-next { right: 9px; } .AD19_ImageTextSlider_3 .flex-control-paging { bottom: 23px; display: none; left: 0; } .AD19_ImageTextSlider .flex-direction-nav a,.AD19_ImageTextSlider.flexslider:hover .flex-direction-nav a { height: 25px; opacity: 1; top: 60%; width: 15px; } .AD19_ImageTextSlider_3 .AD19_ImageTextSlider_3-position { font-style: normal; font-weight: 700; } .AD19_ImageTextSlider_2 .flex-direction-nav a:before,.AD19_ImageTextSlider_2 .flexslider:hover .flex-direction-nav a:before,.AD19_ImageTextSlider_3 .flex-direction-nav a:before,.AD19_ImageTextSlider_3 .flexslider:hover .flex-direction-nav a:before,.AD19_ImageTextSlider .flex-direction-nav a:before,.AD19_ImageTextSlider.flexslider:hover .flex-direction-nav a:before { color: #62bb46; font-size: 25px; opacity: 1; } .AD19_ImageTextSlider_2.bg-blue .AD19_ImageTextSlider_2-image img,.AD19_ImageTextSlider_2.bg-blue .AD19_ImageTextSlider_2-image picture,.AD19_ImageTextSlider_3.bg-blue .AD19_ImageTextSlider_3-image img,.AD19_ImageTextSlider_3.bg-blue .AD19_ImageTextSlider_3-image picture { display: none; } .AD19_ImageTextSlider_3::after,.content-text-imagetext::after { clear: both; content: ""; display: block; } .AD19_ImageTextSlider .flex-control-paging li a { -webkit-box-shadow: none; background-color: transparent!important; border: 2px solid #62bb46; box-shadow: none; opacity: 1; } .AD19_ImageTextSlider .flex-control-paging li a.flex-active { background-color: #62bb46!important; height: 11px; width: 11px; } .AD19_ImageTextSlider_2 .AD19_ImageTextSlider_2-image,.AD19_ImageTextSlider_2 .AD19_ImageTextSlider_2-image picture,.AD19_ImageTextSlider_3 .AD19_ImageTextSlider_3-image picture { width: 100%; } .AD19_ImageTextSlide strong { font-weight: 700; } .AD19_ImageTextSlider_2.footer,.AD19_ImageTextSlider_3.footer { bottom: -239px; } .AD19_ImageTextSlider_2.bg-blue .AD19_ImageTextSlider_2-image,.AD19_ImageTextSlider_3.bg-blue .AD19_ImageTextSlider_3-image { background: #f5f8fd; min-height: 308px; } .AD19_ImageTextSlider_2 .AD19_ImageTextSlider_2-image img,.AD19_ImageTextSlider_3 .AD19_ImageTextSlider_3-image img { vertical-align: top; width: 100%; } .AD19_ImageTextSlider_2 .flex-direction-nav,.AD19_ImageTextSlider_2 .flexslider:hover .flex-direction-nav,.AD19_ImageTextSlider_3 .flex-direction-nav,.AD19_ImageTextSlider_3 .flexslider:hover .flex-direction-nav { -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 100%; } .AD19_ImageTextSlider_2 .flex-direction-nav a,.AD19_ImageTextSlider_2 .flexslider:hover .flex-direction-nav a,.AD19_ImageTextSlider_3 .flex-direction-nav a,.AD19_ImageTextSlider_3 .flexslider:hover .flex-direction-nav a { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); height: 25px; margin: 0; opacity: 1; outline: 0; top: 50%; transform: translateY(-50%); width: 15px; } .AD19_ImageTextSlider_2 .flex-direction-nav a:active,.AD19_ImageTextSlider_2 .flex-direction-nav a:hover,.AD19_ImageTextSlider_2 .flexslider:hover .flex-direction-nav a:active,.AD19_ImageTextSlider_2 .flexslider:hover .flex-direction-nav a:hover,.AD19_ImageTextSlider_3 .flex-direction-nav a:active,.AD19_ImageTextSlider_3 .flex-direction-nav a:hover,.AD19_ImageTextSlider_3 .flexslider:hover .flex-direction-nav a:active,.AD19_ImageTextSlider_3 .flexslider:hover .flex-direction-nav a:hover { opacity: .8!important; } .AD19_ImageTextSlider_2 .flex-direction-nav a.flex-disabled,.AD19_ImageTextSlider_2 .flexslider:hover .flex-direction-nav a.flex-disabled,.AD19_ImageTextSlider_3 .flex-direction-nav a.flex-disabled,.AD19_ImageTextSlider_3 .flexslider:hover .flex-direction-nav a.flex-disabled { cursor: pointer; opacity: 1!important; z-index: 0!important; } .AD19_ImageTextSlider_2 .flex-control-paging li,.AD19_ImageTextSlider_3 .flex-control-paging li { margin: 0 11.5px; } .AD19_ImageTextSlider_2 .flex-control-paging li a,.AD19_ImageTextSlider_3 .flex-control-paging li a { -webkit-box-shadow: none; background-color: #fff!important; border: 2px solid #62bb46; box-shadow: none; cursor: pointer; height: 11px; opacity: 1; width: 11px; } .AD19_ImageTextSlider_2 .flex-control-paging li a.flex-active,.AD19_ImageTextSlider_3 .flex-control-paging li a.flex-active { background-color: #62bb46!important; border: 2px solid #62bb46; height: 11px; width: 11px; } .AD19_ImageTextSlider_3 .AD19_ImageTextSlider_3-name { font-style: normal; font-weight: 300; } .AD19_ImageTextSlider .flex-direction-nav a.flex-prev,.AD19_ImageTextSlider.flexslider:hover .flex-direction-nav a.flex-prev { left: 0; } .AD19_ImageTextSlider .flex-direction-nav a.flex-next,.AD19_ImageTextSlider.flexslider:hover .flex-direction-nav a.flex-next { right: 0; } .AD19_ImageTextSlider .flex-caption { background: rgba(0,0,0,.5); bottom: 0; color: #fff; font-size: 14px; left: 0; line-height: 18px; padding: 2%; text-shadow: 0 -1px 0 rgba(0,0,0,.3); width: 96%; } @media (min-width: 768px) { .AD19_ImageTextSlider_2.bg-blue-waves,.AD19_ImageTextSlider_3.bg-blue-waves .AD19_ImageTextSlider_2.AD19_ImageTextSlider_3-content-wrapper:before { padding-bottom: 24px; } } @media (min-width: 1024px) { .AD19_ImageTextSlider_2 { max-width:1320px; } .AD19_ImageTextSlider_3.bg-blue-waves .AD19_ImageTextSlider_3-content-wrapper:before { background: url(../icons-vorlagen/teasti-teaser-pattern-desktop-975x9sehrflach.png) repeat-y; } .AD19_ImageTextSlide { font-size: 1rem; line-height: 1.25rem; margin: 0 auto 25px; max-width: 867px; } .AD19_ImageTextSlide blockquote { font-size: 2.5625rem; line-height: 3.4375rem; margin-bottom: 43px; } .AD19_ImageTextSlide img { margin-bottom: 55px; max-height: 129px; max-width: 127px; } .AD19_ImageTextSlider_2.bg-blue-waves,.AD19_ImageTextSlider_3.bg-blue-waves .AD19_ImageTextSlider_2.AD19_ImageTextSlider_3-content-wrapper:before { background-position: calc(50% - 42px); background-size: 68%; padding-bottom: 37px; } .AD19_ImageTextSlider_2 .AD19_ImageTextSlider_2-content-wrapper { line-height: 1.875rem; margin-top: -67px; max-width: 68%; } .AD19_ImageTextSlider_2 .slides li { padding: 61px 0 115px; } .AD19_ImageTextSlider_2 .slides li>div { padding: 0 15%; } .AD19_ImageTextSlider_2 .AD19_ImageTextSlider_2-heading { font-size: .75rem; line-height: 1rem; margin-bottom: 9px; } .AD19_ImageTextSlider_2 .flex-control-paging { bottom: 40px; } .AD19_ImageTextSlider_3.bg-blue-waves,.AD19_ImageTextSlider_3.bg-blue-waves .AD19_ImageTextSlider_3.AD19_ImageTextSlider_3-content-wrapper:before { margin-bottom: -183px; } .AD19_ImageTextSlider_3.bg-blue-waves .AD19_ImageTextSlider_3-content-wrapper:before { left: -40px; top: 37px; } .AD19_ImageTextSlider_3 .AD19_ImageTextSlider_3-content-wrapper { bottom: 220px; line-height: 1.875rem; max-width: 745px; padding: 62px 104px 95px; } .AD19_ImageTextSlider_3 .AD19_ImageTextSlider_3-copy_text { font-size: 2.2rem; line-height: 3.5rem; margin-bottom: 23px; } .AD19_ImageTextSlider .flex-direction-nav a.flex-prev,.AD19_ImageTextSlider.flexslider:hover .flex-direction-nav a.flex-prev { left: 17%; } .AD19_ImageTextSlider .flex-direction-nav a.flex-next,.AD19_ImageTextSlider.flexslider:hover .flex-direction-nav a.flex-next { right: 17%; } .AD19_ImageTextSlider_2.footer,.AD19_ImageTextSlider_3.footer { bottom: -93px; } .AD19_ImageTextSlider_3 .flex-control-paging { display: block; } .AD19_ImageTextSlider_2 .flex-direction-nav .flex-prev,.AD19_ImageTextSlider_2 .flexslider:hover .flex-direction-nav .flex-prev,.AD19_ImageTextSlider_3 .flex-direction-nav .flex-prev,.AD19_ImageTextSlider_3 .flexslider:hover .flex-direction-nav .flex-prev { left: 54px; } .AD19_ImageTextSlider_2 .flex-direction-nav .flex-next,.AD19_ImageTextSlider_2 .flexslider:hover .flex-direction-nav .flex-next,.AD19_ImageTextSlider_3 .flex-direction-nav .flex-next,.AD19_ImageTextSlider_3 .flexslider:hover .flex-direction-nav .flex-next { right: 54px; } .AD19_ImageTextSlider_2 .flex-direction-nav a,.AD19_ImageTextSlider_2 .flexslider:hover .flex-direction-nav a,.AD19_ImageTextSlider_3 .flex-direction-nav a,.AD19_ImageTextSlider_3 .flexslider:hover .flex-direction-nav a,.AD19_ImageTextSlider .flex-direction-nav a,.AD19_ImageTextSlider.flexslider:hover .flex-direction-nav a { height: 28px; width: 18px; } .AD19_ImageTextSlider_2 .flex-direction-nav a:before,.AD19_ImageTextSlider_2 .flexslider:hover .flex-direction-nav a:before,.AD19_ImageTextSlider_3 .flex-direction-nav a:before,.AD19_ImageTextSlider_3 .flexslider:hover .flex-direction-nav a:before,.AD19_ImageTextSlider .flex-direction-nav a:before,.AD19_ImageTextSlider.flexslider:hover .flex-direction-nav a:before { font-size: 28px; } .AD19_ImageTextSlider_2 .AD19_ImageTextSlider_2-copy_text { font-size: 2.2rem; line-height: 3.5rem; } .AD19_ImageTextSlider_2 .flex-control-paging li a,.AD19_ImageTextSlider_2 .flex-control-paging li a.flex-active,.AD19_ImageTextSlider_3 .flex-control-paging li a,.AD19_ImageTextSlider_3 .flex-control-paging li a.flex-active { height: 13px; width: 13px; } .AD19_ImageTextSlider_3 .AD19_ImageTextSlider_3-name,.AD19_ImageTextSlider_3 .AD19_ImageTextSlider_3-position { font-size: 1rem; letter-spacing: .0025rem; line-height: 1.375rem; } } .AD19_ImageTextSlide blockquote { font-weight: 100; } .AD19_ImageTextSlide.ImageOnly { padding: 0; } .AD19_ImageTextSlide.ImageOnly img{ margin-bottom: 0; width: auto; height: auto; max-height: unset; max-width: 300px; } @media (min-width: 1024px) { .AD19_ImageTextSlide.ImageOnly img{ max-width: 800px; } } .AD19_ImageTextSlider.ImageOnly .flex-control-nav { right: 0; } .AD19_ImageTextSlider.ImageOnly .flex-direction-nav a { top: calc(50% - 25px)!important; }