@media (min-width: 580px) {
	
	  #kirstentekst,
  #keepcalmtekst,
  #linotekst,
  #dageneiparadistekst,
  #majtekst,
  #falcktekst {
    margin-top: 2px;
  }
	
	  .header-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 5px;
    align-items: center;
	margin-bottom: 15px;	  
  }

.header-container h1 {
  grid-column: 2 / 4;
  justify-self: start;
  margin: 0;
}
	
  .header-container .back-arrow {
    grid-column: 1 / 2;
  }
	
@media (min-width: 580px) {
  .page-layout {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 10px; /* afstand mellem kolonner og rækker */
    margin: 5px;
    align-items: start;
	column-gap: 0px;
	gap: 0px;  
  }

  /* Sticky tekst kun i første række */
  .page-text {
    grid-column: 1 / 2;
    grid-row: 1;
    position: sticky;
    top: 70px;
    margin: 0;
  }

  /* Billedsektion højre kolonne */
  .page-images.first {
    grid-column: 2 / 3;
    grid-row: 1; /* første række i højre kolonne */
  }
  .page-images.last {
    grid-column: 2 / 3;
    grid-row: 2; /* næste række i højre kolonne */
  }

  /* Indre grid for billeder */
  .page-images .forside {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    gap: 0px 10px; /* afstand mellem billeder */
  }

  /* Topbilleder side om side */
  .page-images.first .forside img:nth-child(1) { grid-column: 1; }
  .page-images.first .forside img:nth-child(2) { grid-column: 2; }

  /* Bredformat fylder begge kolonner */
  .page-images.last .forside img.wide { grid-column: 1 / span 2; }

  .page-images .forside img {
    width: 100%;
    height: auto;
    display: block;
  }
}