/* ================= allgemeines ================= */

h1,
h2 {
  margin: 1em 0;
}

img {
  margin-top: -0.4em;
}

/* ================= header ================= */

header {
  margin-bottom: 2em;
}

header div {
  position: static;
  width: 100%;
  padding: 0 1em;
}

/* ================= main & article ================= */

article {
  /* 
  3spaltiges Raster entfernen,
  Layout jetzt einspaltig für schmale Screens 
  */
  display: grid;
  grid-template-columns: 1fr;
}

article div {
  padding: 0.5em 1em 1.5em 1em;
}

/* ================== figure & figcaption ================== */

article figcaption {
  /* nächste 2 Zeilen drinnen lassen! */
  top: auto;
  right: auto;
  /* jetzt nach unten links positionieren */
  bottom: 1em;
  left: 0.4em;
}

/* ================= footer ================= */

footer {
  position: static;
}