.textmedia-fullscreen__image {
  aspect-ratio: 16 / 6;
  overflow: hidden;
  margin-left: -4vw;
  margin-right: -4vw;

  & .gallery__image {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
}

.textmedia-fullscreen__text {
  display: grid;
  grid-gap: var(--g-gap);
  text-align: center;
  background: rgb(var(--c-neutral-lightest));
  border-radius: var(--b-radius-s);
  padding: 2rem 3rem;
  -webkit-box-shadow: 0 3px 7px rgba(var(--c-neutral-darkest), 0.1);
  -moz-box-shadow: 0 3px 7px rgba(var(--c-neutral-darkest), 0.1);
  -o-box-shadow: 0 3px 7px rgba(var(--c-neutral-darkest), 0.1);
  box-shadow: 0 3px 7px rgba(var(--c-neutral-darkest), 0.1);
  max-width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  margin-top: -2rem;

  & .textmedia-fullscreen__bodytext {
    text-wrap: balance;
  }
}

.textmedia-fullscreen__buttonlist {
  display: flex;
  flex-wrap: wrap;
  gap: var(--g-gap-s);
  justify-content: center;
  align-items: center;
}

/* =============================================================================
   Media Queries
   ========================================================================== */

@media (min-width: 640px) {
  .textmedia-fullscreen__text {
    margin-top: -4rem;
    max-width: 90%;
  }

  .textmedia-fullscreen__image {
    border-radius: var(--b-radius-s);
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 800px) {
  .textmedia-fullscreen__text {
    grid-template-columns: repeat(2, 1fr);
    text-align: left;
    align-items: center;
    margin-top: -6rem;

    & .-likeh1 {
      text-align: right;
    }
  }

  .textmedia-fullscreen__buttonlist {
    grid-column: span 2;
  }
}

@media (min-width: 1280px) {
  .textmedia-fullscreen__text {
    padding: 3.5rem 6rem;
    margin-top: -8rem;
    max-width: 1190px;
  }
}

@media (min-width: 1700px) {
  .textmedia-fullscreen__image {
    margin-right: -120px;
    margin-left: -120px;
  }
}