.items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Grote schermen: 3 kolommen */
@media (min-width: 900px) {
    .items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr; /* ⭐ drie kolommen ⭐ */
        gap: 1rem; /* kolommen dichter bij elkaar */
    }

    /* Automatische plaatsing per kolom */
    .item:nth-child(3n + 1) { grid-column: 1; } /* 1,4,7,10… */
    .item:nth-child(3n + 2) { grid-column: 2; } /* 2,5,8,11… */
    .item:nth-child(3n)     { grid-column: 3; } /* 3,6,9,12… */
}

.newscontainer { /*groot*/
width:90%; 
min-width: 90%;
height: auto; 
display: flex; 
flex-direction: column align-items: center; 
text-align:center;
margin: auto;
margin-bottom:1em;
}

.inner-newscontainer {
/*groot*/
width:90%; 
min-width: 90%;
height: 95%; 
 text-align:center;
margin: auto;
margin-bottom:1em;
background-color:#f7f7f7;
border-radius: 5px;
padding:0.5em;
}

.newshead { /* groot*/ 
text-align:left;
color: #330000;
font-size:1em;
margin-left:1em;
margin-bottom:0.6em;
}
 
.newsfoto {/*groot*/
width: 40%;
height:auto;
border-radius: 5px;
object-fit: cover; /* of contain, afhankelijk van je doel */
margin: auto;
}
 
 .bronfoto {
 color: #330000;
font-size:0.4em;
 }
 
.newsico {/*groot*/
border-radius:0.8px;
width:2.2em;
height:0.9em;
margin-right:1em;
}

 .newsdatum {/*groot*/
text-align:left;
color: #6b6b6b;
font-size:0.6em;
margin-left:1em;
}

.newstitel {/*groot*/
color: #6b6b6b;
font-size:1,5em;
text-align:left;
font-weight:600;
margin-top:0.5em;
margin-left:0.5em;
}

.newslead{/*groot*/
color: #6b6b6b;
font-size:0.8em;
text-align:left;
margin-top:0.5em;
margin-left:0.5em;
}

.newsart {/*groot*/
color: #6b6b6b;
font-size:1em;
text-align:left;
margin-top:0.5em;
margin-left:0.5em;
}

.arttext {/* oude artikelen*/
font-size:1em;
}

p.adtext {
font-size:1em;
} 

.fisuallink {
font-size:1em;
text-decoration:none;
}

.adcontainer {
text-align:center;
width: 20%;
max-width: 20%;
height:auto;
margin-top: 1em;
margin-bottom: 1em;
} 

.ad-wrapper {
    width: 100%;
    max-width: 100%;   /* of de breedte van jouw nieuwscontainer */
    margin: 0 auto;
    overflow: hidden;
}


@media only screen and (max-width: 600px) {

.newscontainer { /*klein*/
width:99%; 
height: auto; 
text-align: center; 
display: flex; 
flex-direction: column; 
align-items: center; 
margin: auto;
margin-bottom: 2em;
}

.inner-newscontainer {/*klein*/
width:90%; 
min-width: 90%;
height: 100%; 
 text-align:center;
margin: auto;
background-color:#222222;
border-radius: 5px;
}

.newshead { /* klein*/ 
text-align:left;
color: #ffffff;
font-size:1em;
margin-left:1em;
margin-bottom:1em;
}
 
.newsfoto {/*klein*/
width: 60%;
height:auto;
border-radius: 5px;
 object-fit: cover; /* of contain, afhankelijk van je doel */
  /* object-fit: contain; /* of cover , afhankelijk van je doel */
}

.newsico {/*klein*/
border-radius:0.8px;
width:2.2em;
height:0.9em;
margin-right:2em;
}

.newsdatum {/*klein*/
text-align:left;
color: #ffffff;
font-size:0.6em;
}

.newstitel {/*klein*/
color: #ffffff;
font-size:1em;
text-align:left;
margin-top:0.5em;
}

.newslead{/*klein*/
color: #ffffff;
font-size:0.8em;
text-align:left;
margin-top:0.5em;
margin-left:0.5em;
}

.newsart {/*klein*/
color: #ffffff;
font-size:1em;
text-align:left;
margin-top:0.5em;
margin-left:0.5em;
}

}