@media (min-width: 580px) {
	#kirstentekst {
		margin-top: 2px;
}

	#keepcalmtekst {
		margin-top: 2px;
}

	#linotekst {
		margin-top: 2px;
}

	#dageneiparadistekst {
		margin-top: 2px;
}

	#majtekst {
		margin-top: 2px;
}

	#falcktekst {
		margin-top: 2px;
}
	
  .header-container {
    display: grid;
    grid-template-columns: 1fr 2fr; /* SAMME som .page-layout */
    margin: 15px;
    align-items: center;
  }

  .header-container .back-arrow {
    grid-column: 1 / 2;
  }

  .header-container h1 {
    grid-column: 2 / 3;      /* starter ved billedkolonnen */
    justify-self: start;     /* venstre-align */
    text-align: left;
    margin: 0;
  }	
	
  /* Grid layout for hele siden */
  .page-layout {
    display: grid;
    grid-template-columns: 1fr 2fr; /* venstre kolonne = tekst, højre kolonne = billeder */
    gap: 0;
    margin: 5px;
    align-items: start;
  }

  /* Sticky tekst i venstre kolonne */
  .page-text {
    grid-column: 1 / 2; /* venstre kolonne */
    grid-row: 1 / 2;    /* tving teksten til første række */
    position: sticky;
    top: 70px;
    align-self: start;
    margin: 0;
  }

  /* Billedgalleri */
  .page-images.first {
    grid-column: 2 / 3;  /* højre kolonne */
    grid-row: 1;         /* første række i højre kolonne */
    margin: 0;
  }

  .page-images.last {
    grid-column: 2 / 3;  /* højre kolonne */
    grid-row: 2;         /* næste række i højre kolonne */
    margin: 0;
  }

  /* Forside container som grid for billeder */
  .page-images .forside {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2 kolonner */
    grid-auto-rows: auto;
    gap: 10px;
  }

  /* Manuel placering af billeder */
  .page-images.first .forside img:nth-child(1) { grid-column: 1; grid-row: 1; }
  .page-images.first .forside img:nth-child(2) { grid-column: 2; grid-row: 1; }
  .page-images.first .forside img.wide      { grid-column: 1 / span 2; grid-row: 2; }

  .page-images.last .forside img:nth-child(1) { grid-column: 1; grid-row: 1; }
  .page-images.last .forside img:nth-child(2) { grid-column: 2; grid-row: 1; }
  .page-images.last .forside img:nth-child(3) { grid-column: 2; grid-row: 2; }

  /* Gør billeder responsive */
  .page-images .forside img {
    width: 100%;
    height: auto;
    display: block;
  }
}