/* ------------------ Copyright (c) 2025 by Umberto Junior (https://codepen.io/umbertojunior/pen/vYgLMxp)) ------------------ */

/* IMAGE */
.container_grey img {
max-width: 100%;
object-fit: cover;
}

/* GRID CONTAINER */
.grid  {
padding: 30px 0 20px 0;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
  margin: auto;
  max-width: 1360px;
}
/* GRID CONTAINER */
.grid  {
padding: 30px 0 20px 0;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
  margin: auto;
  max-width: 1360px;
}
.grid img {
max-width: 100%;
object-fit: cover;
}
/* CARD */
.card {
  background-color: #fff;
  border-radius: .5rem;
  box-shadow: #0002;
  padding: 1.5rem;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2); 
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
}
.card:nth-child(1){
   background-color: #d0114f;
   color: #fff;
  }
 .card:nth-child(1) a {
   color: #fff;
  }
.card:nth-child(3) h2 {
   color: #ffe400;
  }

@media (min-width:580px) and (max-width:880px){
  .card:nth-child(1){
    grid-column: span 2;
	background-color: #fff;
   color : #004893;
  }
}  
@media only screen and (min-width: 900px){
  .card:nth-child(1){
    grid-row: span 2;
  }
}
@media only screen and (min-width: 1100px){
  .card:nth-child(3),
  .card:nth-child(4){
    grid-column: span 2;
  }
  .card:nth-child(1){
    grid-row: span 2;
  }
}

/* SCHRIFTEN */
.news_small {
font-weight: 900;
color: #d0114f;
font-size: 18px;
}
.news_title {
font-family: "Roboto", sans-serif;
margin : 1.0vh 0 1.0vh 0;
line-height: 1.1em;
font-weight: 500;
}

/* NEWS */
.news {
  background-color: #fff;
  border-radius: .5rem;
  box-shadow: #0002;
  padding: 1.5rem;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2); 
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
}
.container_news .news {
  background-color: #fff;
}
.news:nth-child(1){
   background-color: #004893;
   color: #fff;
  }
.news:nth-child(1) h2, .news:nth-child(1) a  {
   color: #fff;
  }
 .news:nth-child(1) h2, .news:nth-child(1) a  {
   color: #fff;
  }
.news:nth-child(1) a:hover  {
   color: #ffe400;
  }
 .news:nth-child(1) .news_small {
   color: #ffe400;
  }

@media (min-width:580px) and (max-width:880px){
.news:nth-child(1){
   grid-column: span 2222222;
	background-color: #fff;
   color : #004893;
  }
}  
@media only screen and (min-width: 900px){
.news:nth-child(11111){
    grid-row: span 2;
  }
}
@media only screen and (min-width: 1100px){ 
.news:nth-child(1), .news:nth-child(2), .news:nth-child(4), .news:nth-child(6), .news:nth-child(7), .news:nth-child(8),
.news:nth-child(9n+1), .news:nth-child(9n+2), .news:nth-child(4), .news:nth-child(6), .news:nth-child(7), .news:nth-child(8) {
    grid-column: span 1;
  }
.news:nth-child(3), .news:nth-child(5), .news:nth-child(9),
.news:nth-child(6n-1), .news:nth-child(4n+9) {
    grid-column: span 2;
  }
}
@media (min-width:200px) and (max-width:900px){
.news_title {font-size: calc(18px + (20 - 18) * ((100vw - 200px) / (800 - 200)));}
}
@media (min-width:900px){
.news_title {font-size: 22px;}
}
/* CARD PROFILE */
.profile{
  align-items: center;
  display: grid;
  grid-column-gap: 0rem;
  grid-template-columns: auto 1fr;
  margin-bottom: 1.5rem;
}
.profile__figure{
/*   border-radius: 100%;  */
  height: 10em;
  width: 100%;
  overflow: hidden;
}