body {
      background-color:#262626;
  }
 


/* Maximum aspect ratio */
@media (max-aspect-ratio: 16/9) {
    
.forsidecontainer {
      background-color:#262626;
  display: grid;
	grid-template-columns: 0.5fr 4fr 3fr;
	grid-template-areas:
    "datooglogo  programoversigt  programoversigt"
    "datooglogo  ligenu  senere"
    "datooglogo  ligenu  senere"
    "datooglogo  ligenu  senere";
	grid-column-gap: 5vw;
  padding: 0 4% 0 4%;
  color: #fff;
  line-height: 1.1;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  aspect-ratio: 16 / 9;
      -o-object-fit: contain;
    object-fit: contain;
  max-width:100%;
  max-height:100%;
}
.container2 {
      background-color:#FFF;
  display: grid;
	grid-template-columns: 1fr 2fr 2fr;
	grid-template-areas:
    "datooglogo  ligenu  senere";
/*	grid-column-gap: 5%; */
  margin: 0 0 0 0;
  color: #fff;
  line-height: 1.1;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  aspect-ratio: 16 / 9;
}

.datooglogo {
  grid-area: datooglogo;
	text-align: center;
/*	margin: 15% 0 0 0; */
}

  .ligenu {
  grid-area: ligenu;
  font-size: 3vw;
/*font-size: calc(0.625vmin + 0.75rem) */
/*font-size: calc(0.625vh + 0.75vw) */
/*font-size: calc(5% + 3vmin) */
/*font-size: calc(15px + 0.390625vw);*/
/*font-size: calc((75vw - 4.5rem) / 7);*/
/* font-size: calc(2vw + 2vh + 1vmin); */
}


.senere {
  grid-area: senere;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  	grid-template-areas:
    "senerebillede1  senerebillede1  seneretekst1  seneretekst1  seneretekst1"
    "seneretekst2  seneretekst2  seneretekst2  senerebillede2  senerebillede2"
    "senerebillede3  senerebillede3  seneretekst3  seneretekst3  seneretekst3"
    "seneretekst4  seneretekst4  seneretekst4  senerebillede4  senerebillede4";
  grid-column-gap: 3%;
}

.gap {
  grid-area: gap;
}

.programoversigt {
  grid-area: programoversigt;
  font-size: 4.8vw;
margin:1.3vw 0 1.3vw 0;
  line-height: 4.8vw;
/*  aspect-ratio: 20 / 1; */
}

.programtitel
{
font-size: 2vw;
line-height: 0.8vw;
	}

.dato{
/* font-size: 2%; */
	}
	
.senerebillede1 {
  grid-area: senerebillede1;
	}
	
.senerebillede2 {
  grid-area: senerebillede2;
	}
	
.senerebillede3 {
  grid-area: senerebillede3;
	}
	
	.senerebillede4 {
  grid-area: senerebillede4;
	}
	
.seneretekst1 {
  grid-area: seneretekst1;
    font-size: 1.44vw;
	}
		
.seneretekst2 {
  grid-area: seneretekst2;
    font-size: 1.44vw;
  text-align: right;
	}
		
.seneretekst3 {
  grid-area: seneretekst3;
    font-size: 1.44vw;
	}
	
	.seneretekst4 {
  grid-area: seneretekst4;
    font-size: 1.44vw;
    text-align: right;
	}
	
.programtitelsmall
{
font-size: 1vw;
line-height: 0.8vw;
	}
}

/* Minimum aspect ratio */
@media (min-aspect-ratio: 16/9) {
    
    
.forsidecontainer {
      background-color:#262626;
  display: grid;
	grid-template-columns: 0.5fr 4fr 3fr;
	grid-template-areas:
    "datooglogo  programoversigt  programoversigt"
    "datooglogo  ligenu  senere"
    "datooglogo  ligenu  senere"
    "datooglogo  ligenu  senere";
	grid-column-gap: 5%;
  padding: 0 4% 0 4%;
  color: #fff;
  line-height: 1.1;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  aspect-ratio: 16 / 9;
      -o-object-fit: contain;
    object-fit: contain;
  max-width:100%;
  max-height:100%;
}
.container2 {
      background-color:#FFF;
  display: grid;
	grid-template-columns: 1fr 2fr 2fr;
	grid-template-areas:
    "datooglogo  ligenu  senere";
/*	grid-column-gap: 5%; */
  margin: 0 0 0 0;
  color: #fff;
  line-height: 1.1;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  aspect-ratio: 16 / 9;
}

.datooglogo {
  grid-area: datooglogo;
	text-align: center;
/*	margin: 15% 0 0 0; */
}
  .ligenu {
  grid-area: ligenu;
  font-size: 5.8vh;
/*font-size: calc(0.625vmin + 0.75rem) */
/*font-size: calc(0.625vh + 0.75vw) */
/*font-size: calc(5% + 3vmin) */
/*font-size: calc(15px + 0.390625vw);*/
/*font-size: calc((75vw - 4.5rem) / 7);*/
/* font-size: calc(2vw + 2vh + 1vmin); */
}


.senere {
  grid-area: senere;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  	grid-template-areas:
    "senerebillede1  senerebillede1  seneretekst1  seneretekst1  seneretekst1"
    "seneretekst2  seneretekst2  seneretekst2  senerebillede2  senerebillede2"
    "senerebillede3  senerebillede3  seneretekst3  seneretekst3  seneretekst3"
    "seneretekst4  seneretekst4  seneretekst4  senerebillede4  senerebillede4";
/*  grid-column-gap: 3%; */
}

.gap {
  grid-area: gap;
}

.programoversigt {
  grid-area: programoversigt;
  font-size: 9.28vh;
margin:2.51vh 0 2.51vh 0;
  line-height: 9.28vh;
}

.programtitel
{
font-size: 3.87vh;
/* line-height: 3.87vh; */
	}

.dato{
/* font-size: 2%; */
	}
	
.senerebillede1 {
  grid-area: senerebillede1;
	}
	
.senerebillede2 {
  grid-area: senerebillede2;
	}
	
.senerebillede3 {
  grid-area: senerebillede3;
	}
	
	.senerebillede4 {
  grid-area: senerebillede4;
	}
	
.seneretekst1 {
  grid-area: seneretekst1;
    font-size: 2.8vh;
	}
		
.seneretekst2 {
  grid-area: seneretekst2;
    font-size: 2.8vh;
  text-align: right;
	}
		
.seneretekst3 {
  grid-area: seneretekst3;
    font-size: 2.8vh;
	}
	
	.seneretekst4 {
  grid-area: seneretekst4;
    font-size: 2.8vh;
    text-align: right;
	}
	
.programtitelsmall
{
font-size: 1.93vh;
line-height: 1.55vh;
	}




}




/* Aspect ratio */
/* @media (min-aspect-ratio: 16/10) and (max-aspect-ratio: 16/8) { */
/*  .ligenu { */
/*  grid-area: ligenu; */
/*  font-size: 3vw; */
/*font-size: calc(0.625vmin + 0.75rem) */
/*font-size: calc(0.625vh + 0.75vw) */
/*font-size: calc(5% + 3vmin) */
/*font-size: calc(15px + 0.390625vw);*/
/*font-size: calc((75vw - 4.5rem) / 7);*/
/* font-size: calc(2vw + 2vh + 1vmin); */
/* } */
/* } */