.newsArtikel{ width: 100%; background-color: #FFAE00; box-shadow: 0 1px 2px 0 rgba(0,0,0,.5); display: flex; flex-direction: column; } .newsHeader{ display: flex; align-items: stretch; justify-content: space-between; background-color: #FF8100; } .newsDatum{ white-space: nowrap; align-self: center; } .newsBetreff{ margin: auto; margin: auto; margin-left: 1vw; margin-right: 1vw; text-align: end; flex-grow: 1; } .newsBody{ display: flex; flex-direction: column; align-items: center; } .newsBody > img{ flex: 1; } @media (min-width: 1280px) { .newsBody{ flex-direction: row; } } .newsPromoImage{ /* * float: left; */ } .newsText{ flex: 3; margin: 1vw; } .newsText a { float: none; } .newsText amp-img, .newsText img{ max-width: 100%; height: auto; display: block; margin: auto; box-shadow: 0 1px 2px 0 rgba(0,0,0,.5); } .newsText video, .newsText amp-video{ max-width: 100%; } .newsFooter{ background-color: #FF8100; } .newsAutor::before{ content: "Msg\0000a0"; }