.component.teaser-list h2{padding:12px 0 4px}
.component.teaser-list h2.layout2{margin-bottom:8px}
.component.teaser-list ul{margin:0 -12px}
.component.teaser-list ul .teaser{margin:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.component.teaser-list ul .teaser>a{display:block}
.component.teaser-list ul .teaser p{margin:8px 0}
.component.teaser-list ul .teaser .main-content{color:#512b2b}
.component.teaser-list ul .teaser .main-content a,.component.teaser-list ul .teaser span.fake-link{position:relative;padding-left:14px;font-weight:bold}
.component.teaser-list ul .teaser .main-content a::before,.component.teaser-list ul .teaser span.fake-link::before{content:"";position:absolute;width:6px;height:9px;top:4px;left:0;background:url("../../../../../etc/designs/wcms/images/icons.svg#arrow-triangle-turquoise-right-view");background-size:cover}
.component.teaser-list ul.horizontal{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
.component.teaser-list ul.horizontal.show-by-2 .teaser{width:calc(50% - 12px*2)}
.component.teaser-list ul.horizontal.show-by-3 .teaser{width:calc(33.33333% - 12px*2)}
.component.teaser-list ul.vertical .teaser{width:calc(66.66666% - 12px*2)}
.component.teaser-list ul.vertical .teaser+.teaser{margin-top:24px}
.component.teaser-list ul.vertical.layout2 .teaser+.teaser{margin-top:56px}
.component.teaser-list ul.layout1 .teaser{background:#ebf8f2}
.component.teaser-list ul.layout1 .teaser>.content{padding:16px;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.component.teaser-list ul.layout3 .teaser .image{position:relative;padding-bottom:60%;margin-bottom:16px}
.component.teaser-list ul.layout3 .teaser .image img{max-width:100%;position:absolute}
.component.teaser-list ul.layout3.vertical .teaser{background:#fbf2ea;display:flex;flex-direction:row}
.component.teaser-list ul.layout3.vertical .teaser>a{display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;position:relative}
.component.teaser-list ul.layout3.vertical .teaser .image{position:relative;width:33.33333%;padding:0}
.component.teaser-list ul.layout3.vertical .teaser .image img{width:100%;height:100%;position:relative}
.component.teaser-list ul.layout3.vertical .teaser .content{padding:16px;width:auto;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.component.teaser-list ul.layout3.vertical .teaser .content .text-content{width:66.6666%;padding:12px}
@media screen and (max-width:56.5em){.component.teaser-list ul.vertical .teaser{width:calc(100% - 12px*2)}
.component.teaser-list ul.vertical.layout2 .teaser+.teaser{margin-top:24px}
}
@media screen and (max-width:37.4375em){.component.teaser-list ul.horizontal.show-by-2 .teaser,.component.teaser-list ul.horizontal.show-by-3 .teaser{width:calc(100% - 12px*2)}
.component.teaser-list ul.layout3.vertical .teaser>a{display:block}
.component.teaser-list ul.layout3.vertical .teaser .image{position:relative;width:100%}
.component.teaser-list ul.layout3.vertical .teaser .image a img{position:relative}
.component.teaser-list ul.layout3.vertical .teaser .content{padding:16px;width:100%;display:-webkit-flex;display:-ms-flexbox;display:-ms-flex;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.component.teaser-list ul.layout3.vertical .teaser .content .text-content{padding:0;width:100%}
}