.dbb-news { background-color: #fff; width: 100%; margin-top: 50px;  padding: 18px 15px; overflow:hidden; /* letztere wegen float:left in der Box Vorteilswelt Bsp bdr-berlin.de */}
.dbb-news ul { margin: 0; padding: 0; list-style: none; width: 100%; }
.dbb-news ul li { overflow: hidden; margin-top: 2em; }
.dbb-news h3 {color: #494949; font-size: 1.4em;  margin-bottom: -10px; }
.dbb-news h4 { font-size: 1.15em;  margin: 12px 0 6px; }

.dbb-news .img img { width: 100%; height: auto; }
.dbb-news .date { font-size: .89em; color: #6e6e6e; margin-top: auto; text-align: right; }

@media (min-width: 768px) {
    .dbb-news { font-size: .8em; }
    .dbb-news ul { display: flex;  gap: 2.5%; }
    .dbb-news ul li { display: flex; flex-flow: column; margin-top: 0; flex: 1;}
    .dbb-news h3 { margin-bottom: 10px; }
    .dbb-news .date { align-self: flex-end; }
}

@media (min-width: 992px) {
    .dbb-news { font-size: .95em; }
}

@media (min-width: 1200px) {
    .dbb-news { font-size: 1em; }
}