/* News-Kacheln auf der Startseite werden automatisch aus dem Bretti-Blog
   (dataPosts.php) gespeist. Die Blog-Bilder haben gemischte Formate (jpg/png/webp,
   versch. Seitenverhaeltnisse) — diese Regeln erzwingen EINHEITLICHE, formatfuellende
   Hochformat-Kacheln (wie der bisherige News-Block), egal welches Originalbild.

   Technik: Padding-Hack (universell unterstuetzt) gibt dem Container ein festes
   Verhaeltnis; das Bild fuellt ihn absolut + object-fit:cover (zuschneiden statt verzerren).
   !important schlaegt die globale Regel img{width:100%;height:auto}.

   Eigene Datei + Cache-Buster (?v=filemtime in index.php), damit Aenderungen sofort
   durchschlagen und nicht am immutable-Cache der style.css haengenbleiben. */

.news .item .position-re {
  position: relative;
  width: 100%;
  padding-top: 130%; /* Hochformat ~3:4 — Verhaeltnis bei Bedarf hier feinjustieren */
  overflow: hidden;
}

.news .item .position-re img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
}

/* Datum (Monat/Jahr) ist weiss — auf hellen Bildbereichen sonst unlesbar.
   Dezenter dunkler Hintergrund + Textschatten sichern Lesbarkeit auf JEDEM Bild,
   ohne das Design auf dunklen Bildern stark zu veraendern. */
.news .item .date {
  background: rgba(0, 0, 0, 0.38) !important;
  border-color: rgba(255, 255, 255, 0.75) !important;
}

.news .item .date span,
.news .item .date i {
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65);
}