.nav-spots--count-3 .nav-spots__items {
  display: grid;
  /* Definerer fleksible kolonner på min. 300px; wrapper hvis pladsen mangler */
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}

@media (min-width: 616px) and (max-width: 1100px) {
  /* Vi tvinger det 3. element til at spænde over begge kolonner */
  .nav-spots--count-3 .nav-spots__item:last-child {
    grid-column: span 2;
  }

  /* Ændrer det indre layout i det 3. element til 2 kolonner */
  .nav-spots--count-3 .nav-spots__item:last-child .nav-spot__content {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Billede til venstre, tekst til højre */
    gap: 2rem;
    align-items: center;
  }

  /* Sørger for at billedet ikke bliver alt for stort i det brede layout */
  .nav-spots--count-3 .nav-spots__item:last-child .nav-spot__media {
    margin-bottom: 0;
  }
}

.nav-spots--count-3 .nav-spots__item {
	background: white;
}

.nav-spots--count-3 .nav-spots__items .nav-spot__media,
.nav-spots--count-3 .media-container .media-container--placeholder {
  /* Fastlåser billedformatet til 4:3 uanset containerens bredde */
  aspect-ratio: 4/3;
}

.nav-spots--count-3 .nav-spots__items .nav-spot__text {
  padding: 1rem;
}

.nav-spots--count-3 .nav-spots__items .nav-spot__text h2 {
  /* Skalerer overskriften flydende mellem 28px og 34px baseret på skærmbredde */
  font-size: clamp(1.75rem, 0.8793rem + 1.3605vw, 2.125rem);
}