/* Baseline: Bilder nie verzerren */
.image-td img {
  max-width: 100%;
  height: auto;
  /*display: block;       /* verhindert kleine Lücken unter Images */
}

/* Handy / kleine Screens: alles untereinander */
@media (orientation: portrait) {

  /* Optional: etwas Luft am Rand */
  body { margin: 0; padding: 8px; }

  /* Table-Layout "entkoppeln" -> wir stapeln die Zellen */
  table, tbody, tr, td {
    display: block;
    width: 100% !important;
  }

  /* Reihenabstand */
  td { margin: 0; padding: 0; }

  /* Bilder-Spalte zuerst */
  td.image-td { margin-bottom: 12px; }

  /* Bilder untereinander, volle Breite */
  td.image-td img {
    width: 100% !important;   /* streckt auf Bildschirmbreite */
    max-width: 100%;
    height: auto;
    margin: 0 0 10px 0;       /* Abstand zwischen Bildern */
  }

  /* Textblock (Quellen/Hinweise/Impressum) ganz unten */
  td[width="250"] {
    width: 100% !important;
  }
}