/* ARTIKELTEASER ***************************************************************/


.mod_teaser {position:relative;padding-bottom:36px;width:100%;background:url('../img/banner-footer-mobile.svg') no-repeat left bottom;background-size:auto 36px;}
.mod_teaser .inside {position:relative;margin:0;padding:0;width:100%;}
.mod_teaser .umschlag {margin:0 auto;padding:4.5em 0;width:84%;max-width:calc(1024px + 2.25em);}

.mod_teaser .ce_teaser {padding:0 0 2em 0;width:100%;}
.mod_teaser .ce_teaser.last {padding-bottom:0;}
.mod_teaser h1 {font-family:lithos-pro,sans-serif;font-size:1.1em;line-height:1.3;font-weight:300;font-style:normal;text-align:left;margin:0;border-bottom-width:1px;border-bottom-style:solid;padding:0 0 4px 0;}
.mod_teaser p {font-family:acumin-pro,sans-serif;font-weight:300;font-style:normal;text-align:left;margin:8px auto 0 auto;max-width:720px;}
.mod_teaser .ce_image {margin:0 auto;width:100%;}
.mod_teaser img {margin:0 auto;width:100%;}
.mod_teaser figcaption {font-family:lithos-pro,sans-serif;font-size:1.1em;line-height:1.3;font-weight:300;font-style:normal;text-align:center;color:#fff;margin:0;padding:0;}
.mod_teaser a span {font-family:lithos-pro,sans-serif;font-weight:700;font-size:20px;vertical-align:-2px;margin-right:4px;}

@media screen and (min-width:768px) {
	.mod_teaser {background-image:url('../img/banner-footer.svg');}
	/*.mod_teaser .ce_umschlag {position:absolute;bottom:2.25em;z-index:1000;}*/
	/*.mod_teaser .umschlag::after {content:'*';display:block;float:none;clear:both;width:100%;height:1px;overflow:hidden;}*/
	.mod_teaser .umschlag {display:flex;}
	.mod_teaser .ce_teaser {float:left;margin-right:4.5em;padding:0;width:calc(33.333% - 3em);}
	.mod_teaser .ce_teaser.last {margin-right:0;}
	.mod_teaser figcaption {font-size:1.25em;}	
/*	.mod_teaser::after {content:url('../icons/banner-footer.svg');width:171px;}*/
}

@media screen and (min-width:960px) {
	.mod_teaser .umschlag {max-width:calc(1024px + 2.25em);}
}
@media screen and (min-width:1200px) {
	.mod_teaser .umschlag {max-width:calc(1024px + 3.375em);}
}

@media screen and (min-width:1440px) {

	.mod_teaser figcaption {font-size:1.5em;}
}

