html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #d51317;
}

.center-viewport {
  height: 100vh;
  display: flex;
  align-items: center;      /* vertikal zentriert */
  justify-content: center;  /* horizontal zentriert */
  box-sizing: border-box;
  padding: 2vh 2vw;
}

.image-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;      /* horizontal zentriert für alle Kinder */
  justify-content: center;  /* vertikal als Einheit zentriert */
}

/* Alle Links im Wrapper als Block zentrieren */
.image-wrapper a {
  display: flex;            /* Flex, damit Inhalt horizontal zentriert ist */
  justify-content: center;  /* zentriert das Bild innerhalb des Links */
  width: 100%;              /* Link nimmt gesamte Breite des Wrappers */
  margin: 0;                /* Standard-Margin entfernen */
}

/* Oberes Bild: 90% Breite, max. Höhe 60vh */
.logo {
  width: 90vw;
  max-width: 100%;
  max-height: 60vh;
  height: auto;
  object-fit: contain;
  display: block;
}

/* Unteres Bild: 70% Breite, Abstand nach oben */
.address {
  width: 70vw;
  max-width: 60%;
  height: auto;
  object-fit: contain;
  display: block;
  margin-top: 5em;
}

/* Media Query für kleine Bildschirme */
@media (max-width: 480px) {
  .address {
    max-width: 100vw;
  }
}