75 lines
1009 B
CSS
75 lines
1009 B
CSS
.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";
|
|
}
|