.card-news .cardcontent {
  white-space: pre-wrap;
}

.card-news .cardheader .title {
  font-size: 1.25rem;
  font-weight: bold;
}

.card-news .cardheader .creator_l {
  float: left;
  opacity: 0.7;
}

.card-news .cardheader .date_r {
  float: right;
  opacity: 0.7;
}

.card-news .cardfooter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.card-news .cardfooter .attachmentlist {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.card-news .cardfooter .attachmentlist .news_attachment {
  border: 1px solid #ff9f40;
  border-radius: 8px;
  margin-top:    0.25rem;
  margin-bottom: 0.25rem;
  margin-right: 0.25rem;
  
  padding: 0.10rem 0.25rem;
  
  text-align: left;
  
  background: #FFAE5E;
  color: #000;
  text-decoration: none;
}

.card-news .cardfooter .attachmentlist .news_attachment:hover {
  border-color: #ff9f40;
  background: #ff9f40;
  color: #000;
}

.card-news .cardfooter .modbuttons {
  width: 100%;
  
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #AAA;
  
  text-align: left;
  padding-left: 0.5rem;
}

.btn-show-news-archive {
  align-self: flex-end;
}