/* SUB-HEAD STYLES */
.subhead-de,
.subhead-en,
.subhead-fr {
  margin-top: 2rem;
}

.subhead p {
  font-weight: 700;
}

/* DESKTOP STYLES - MEDIA QUERIES (1270px) */
@supports (display: grid) {
  @media (min-width: 1024px) {
    /* GLOBAL STYLES */
    body {
      font-size: 80%;
      max-width: 98%;
      padding: 0;
    }

    #wrapper {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: auto;
      grid-column-gap: 24px;
    }

    h1 {
      margin-bottom: 0;
      grid-column: 2 /5;
      grid-row: 1 / 2;
    }

    p {
      font-weight: 700;
    }

    /* IMAGE STYLES */
    img {
      grid-column: 1 / 5;
      grid-row: 3 / 4;
    }

    /* SUB-HEAD STYLES */
    .subhead-de,
    .subhead-en,
    .subhead-fr {
      margin-top: 0;
      margin-bottom: 6rem;
    }

    .subhead-de {
      grid-column: 2 / 3;
      grid-row: 2 / 3;
    }

    .subhead-en {
      grid-column: 3 / 4;
      grid-row: 2 / 3;
    }

    .subhead-fr {
      grid-column: 4 / 5;
      grid-row: 2 / 3;
    }

    /* BODYTEXT STYLES */
    .bodytext-de,
    .bodytext-en,
    .bodytext-fr {
      margin-top: 1rem;
    }

    .bodytext-de {
      grid-column: 2 / 3;
      grid-row: 4 / 5;
    }

    .bodytext-en {
      grid-column: 3 / 4;
      grid-row: 4 / 5;
    }

    .bodytext-fr {
      grid-column: 4 / 5;
      grid-row: 4 / 5;
    }
  }

  /* DESKTOP STYLES - MEDIA QUERIES (1280px) */

  @media (min-width: 1280px) {
    /* GLOBAL STYLES */
    body {
      font-size: 100%;
    }
  }
}

.responsive-image {
  width: 100%; /* Asegura que ocupe el 100% del ancho del contenedor */
  height: 600px; /* Define una altura fija para recortar la imagen */
  object-fit: cover; /* Ajusta la imagen al contenedor y recorta el exceso */
  object-position: center; /* Centra la parte visible de la imagen */
  display: block; /* Elimina cualquier espacio debajo de la imagen (por inline-block) */
}