/* ================================
   Grundlayout der gesamten Seite
   ================================ */

body {
  /* Entfernt Standard-Abstände des Browsers (kein Rand um die Seite) */
  margin: 0;

  /* Setzt den Hintergrund auf Weiss */
  background: #ffffff;

  /* Aktiviert Flexbox-Layout für einfache Zentrierung */
  display: flex;

  /* Zentriert Inhalte horizontal (links/rechts) */
  justify-content: center;

  /* Zentriert Inhalte vertikal (oben/unten) */
  align-items: center;

  /* Setzt die Höhe des Viewports (100% der Bildschirmhöhe) */
  height: 100vh;
}


/* ================================
   Bilddarstellung
   ================================ */

img {
  /* Bild wird nie breiter als sein Container (verhindert Überlauf) */
  max-width: 100%;

  /* Bild wird nie höher als sein Container (verhindert Überlauf) */
  max-height: 100%;
}