| | |
| | | .zentrum { |
| | | display: flex; |
| | | flex-flow: row; |
| | | overflow-x: hidden; |
| | | margin: 0; |
| | | } |
| | | |
| | | /* Sender */ |
| | | |
| | | .sender-behaelter { |
| | | display: flex; |
| | | flex-flow: column; |
| | | } |
| | | |
| | | .sender { |
| | | display: flex; |
| | | flex-flow: row; |
| | | padding: 0.4em; |
| | | flex-wrap: wrap; |
| | | background-color: #eaeaea; |
| | | width: 100%; |
| | | } |
| | | |
| | | .sender-kachel { |
| | | display: flex; |
| | | flex-flow: column; |
| | | align-items: center; |
| | | margin: 0.4em; |
| | | padding: 0.4em; |
| | | background-color: white; |
| | | } |
| | | |
| | | .sender-name { |
| | | font-family: RobotoCondensedBold; |
| | | } |
| | | |
| | | .sender-bild { |
| | | width: 5em; |
| | | background-color: #ebe6e6; |
| | | } |
| | | |
| | | /* fonts */ |
| | | |
| | | @font-face { |