.news.list .news-list{ display: flex; flex-flow: row wrap; margin: 0 -1.5rem; }
.news.list .news-item{ width: calc(33.33% - 3rem); margin: 0 1.5rem 3rem; border-bottom: 1px solid #f0f0f0; text-decoration: none; color: inherit;}
.news.list .news-item:hover{ background: #f0f0f0; color: inherit; }
.news.list .news-item .image{ width: 100%; flex: 0 0 auto; }
.news.list .news-item .content{ padding: 0.75em 1em 1em; }
.news.list .news-item h3{ width: 100%; font-size: 2.1rem; line-height: 1.2; font-weight: 700; color: inherit; margin: 0 0 2rem; transition: all 0.25s;  }
.news.list .news-item:hover h3{ color: #ff0000; }
.news.list .news-item .meta,
.news.list .news-view .meta{ margin-top: auto; margin-bottom: 2rem; font-size: 0.8em; color: #9c9c9c; }
.news.list .news-item .meta .categories{ display: none; }
.news.list .news-item .introduction{ width: 100%; margin-bottom: 1em; font-size: 0.85em; }
.news.list .news-item .image{ position: relative; overflow: hidden; }
.news.list .news-item .readmore{ opacity: 0; visibility: hidden; transform: translateY(50%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
.news.list .news-item .readmore span{ color: #FFF; background: #ff0000; text-transform: uppercase; font-size: 0.85em; font-weight: 700; padding: 0.2rem 0.75rem; }
.news.list .news-item .readmore span::after{ content: '\f054'; font-family: 'fontAwesome5'; display: inline-block; margin-left: 0.5rem; }
.news.list .news-item:hover .readmore{ opacity: 1; visibility: visible; transform: translateY(0); }

.news.list .news-item img{ transition: all 0.3s; }
.news.list .news-item:hover img{ transform: scale(1.1); filter: grayscale(100%); }

.news.list .news-view{ width: 75%; }
.col .news.list .news-view{ width: 100%; }
.news.list .news-view figcaption{ color: #ff0000; font-style: italic; font-size: 0.8em; margin-top: 0.2em; }
.news.list .news-view .text{ margin-bottom: 2rem; }
.news.list .news-view .meta{ margin-bottom: 1em; }
.news.list .news-view .text > h1{ margin-top: 1em; }

a.button-rood.newsNav{ margin-top: 3rem; padding: 0.2rem 1rem 0.2rem 2.5rem; text-align: right; }
a.button-rood.newsNav:after{ left: 1rem; right: auto; transform: translate(0, -50%); content: "\f053"; }
a.button-rood.newsNav:hover:after,
a.button-rood.newsNav:focus:after{ transform: translate(-0.6rem, -50%);}

/* explanations */
.news.list.news-explanations .news-list h3{ font-size: 1.2em; font-weight: 700; }
.news.list.news-explanations .news-list .news-item:hover h3{ color: inherit; }
.news.list.news-explanations .news-list .meta{ display: none; }
.news.list.news-explanations .news-list{ display: flex; flex-flow: row wrap; margin: -2rem; }
.news.list.news-explanations .news-item .content{ padding: 1.5rem; }
.news.list.news-explanations .news-list .news-item{ width: calc(50% - 4rem); padding: 0; margin: 2rem; background: #F7F7F7; }
.news.list.news-explanations .news-list .news-item:hover{ color: inherit; background: #EDEEEE; }
.news.list.news-explanations .news-list .info{ padding: 1.5rem; }
.news.list.news-explanations .news-list .readmore-container{ color: #ff0000; margin-top: 1.5rem; text-decoration: underline; }
.news.list.news-explanations .news-list .readmore-container::after{ content: '>'; display: inline-block; margin-left: 1rem; }
.news.list.news-explanations .news-list .introduction{ font-size: 1em; margin: 0; }