/* TILRETTER CARD GRIDS */
.card-grid__item {
	padding-left: 14px;
	padding-bottom: 14px;
}

section.card-grid .card__tag--type, section.card-grid .card__tag--type + .card__tag {
	display: none;
}
.card__tag+.card__tag::before {
	width:0;
}

.card-grid article {
	background: #FFF;
  height: 100%;
}

.card-grid .card-grid__item .card h3.card__title {
  padding: 0.5vw 1vw 30px 1vw;
	line-height: 115%;
	text-wrap-style: balance;
	text-wrap: balance;
  hyphens: auto;
}

section.card-grid .card-grid__items .card-grid__item .card__media .card__override-images {
	display: none !important;
	opacity: 0;
  height: 0;
  width: 0;
}
	
.card-grid .card-grid__item .card .card__media {
	aspect-ratio: 896/670;
}
.card-grid .card-grid__item .card__media img {
	display: block !important;
}

section.card-grid {
  position: relative;
}
section.card-grid a.card-grid__link {
  position: absolute;
  bottom: -70px;
  right: 20px;
}

@media screen and (max-width: 499px) {
	.card-grid .card-grid__item {
		width: 100%;
	}
	.card-grid .card-grid__item .card .card__media {
		aspect-ratio: 15/10;
	}
	.card-grid .card-grid__item .card h3.card__title {
		font-size: clamp(1.5625rem, 0.6174rem + 4.0323vw, 1.875rem);
	}
}

@media screen and (min-width: 500px) and (max-width: 767px) {
	.card-grid .card-grid__item:nth-child(1), .card-grid.card-grid--count-2 .card-grid__item:nth-child(2), .card-grid.card-grid--count-4 .card-grid__item:nth-child(4), .card-grid .card-grid__item:nth-child(6) {
		width: 100%;
		
	}
	.card-grid .card-grid__item:nth-child(1) h3.card__title, .card-grid.card-grid--count-2 .card-grid__item:nth-child(2) h3.card__title, .card-grid.card-grid--count-4 .card-grid__item:nth-child(4) h3.card__title, .card-grid .card-grid__item:nth-child(6) h3.card__title {
		font-size: clamp(1.875rem, 0.7046rem + 3.7453vw, 2.5rem);
	}
	
}

@media screen and (min-width: 768px) {
	/* 1 CARD */
	/* card 1 */
	.card-grid.card-grid--count-1 .card-grid__item:nth-child(1) {
		width: 100%;
	}
	.card-grid.card-grid--count-1 .card-grid__item:nth-child(1) .card__media {
		float: left;
    width: 40%;
    height: 100%;
    border-width: 0;
    margin: 0px 14px 0px 0px;
    aspect-ratio: 16 / 10;
	}
	.card-grid.card-grid--count-1 .card-grid__item:nth-child(1) h3.card__title {
		font-size: clamp(2.75rem, 0.5278rem + 4.6296vw, 4rem);
	}
	
	/*-------*/
	
	/* 2 CARDS */
	/* card 1 */
	.card-grid.card-grid--count-2 .card-grid__item:nth-child(1) {
		width: 60%;
	}
	.card-grid.card-grid--count-2 .card-grid__item:nth-child(1) .card__media {
		aspect-ratio: 4.6/3;
	}
	.card-grid.card-grid--count-2 .card-grid__item:nth-child(1) h3.card__title {
    font-size: clamp(1.875rem, 0.7639rem + 2.3148vw, 2.5rem);
	}
	
	/* card 2 */
	.card-grid.card-grid--count-2 .card-grid__item:nth-child(2) {
		width: 40%;
	}
	.card-grid.card-grid--count-2 .card-grid__item:nth-child(2) .card__media {
		aspect-ratio: 1/1;
	}
	.card-grid.card-grid--count-2 .card-grid__item:nth-child(2) h3.card__title {
		font-size: clamp(1.625rem, 0.7361rem + 1.8519vw, 2.125rem);
	}
		
	/*-------*/
	
	/* 3 CARDS */
	/* card 1 */
	.card-grid.card-grid--count-3 .card-grid__item:nth-child(1) {
		width: 40%;
	}
	.card-grid.card-grid--count-3 .card-grid__item:nth-child(1) .card__media {
		aspect-ratio: 896/670;
	}
	.card-grid.card-grid--count-3 .card-grid__item:nth-child(1) h3.card__title {
		font-size: clamp(1.5rem, 0.6111rem + 1.8519vw, 2rem);
	}
	
	/* Card 2 og 3 */
	.card-grid.card-grid--count-3 .card-grid__item:nth-child(2), .card-grid.card-grid--count-3 .card-grid__item:nth-child(3) {
		width: 30%;
	}
	.card-grid.card-grid--count-3 .card-grid__item:nth-child(2) .card__media, .card-grid.card-grid--count-3 .card-grid__item:nth-child(3) .card__media {
		aspect-ratio: 10/10.2;
	}
	.card-grid.card-grid--count-3 .card-grid__item:nth-child(2) h3.card__title, .card-grid.card-grid--count-3 .card-grid__item:nth-child(3) h3.card__title {
		font-size: clamp(1.375rem, 0.7083rem + 1.3889vw, 1.75rem);
	}
	
	/*-------*/
	
	/* 4 CARDS */
	/* card 1 og 4 */
	.card-grid.card-grid--count-4 .card-grid__item:nth-child(1), .card-grid.card-grid--count-4 .card-grid__item:nth-child(4) {
		width: 55%;
	}
	.card-grid.card-grid--count-4 .card-grid__item:nth-child(1) .card__media, .card-grid.card-grid--count-4 .card-grid__item:nth-child(4) .card__media {
		aspect-ratio: 896/670;
	}
	.card-grid.card-grid--count-4 .card-grid__item:nth-child(1) h3.card__title, .card-grid.card-grid--count-4 .card-grid__item:nth-child(4) h3.card__title {
	  font-size: clamp(1.875rem, 0.7639rem + 2.3148vw, 2.5rem);
	}
	
	/* card 2 og 3 */
	.card-grid.card-grid--count-4 .card-grid__item:nth-child(2), .card-grid.card-grid--count-4 .card-grid__item:nth-child(3) {
		width: 45%;
	}
	.card-grid.card-grid--count-4 .card-grid__item:nth-child(2) .card__media, .card-grid.card-grid--count-4 .card-grid__item:nth-child(3) .card__media {
		aspect-ratio: 10/9.2;
	}
	.card-grid.card-grid--count-4 .card-grid__item:nth-child(2) h3.card__title, .card-grid.card-grid--count-4 .card-grid__item:nth-child(3) h3.card__title {
		font-size: clamp(1.625rem, 0.5139rem + 2.3148vw, 2.25rem);
	}
	
	/*-------*/
	
	/* 5 CARDS */
	/* card 1 */
	.card-grid.card-grid--count-5 .card-grid__item:nth-child(1) {
		width: 60%;
	}
	.card-grid.card-grid--count-5 .card-grid__item:nth-child(1) .card__media {
		aspect-ratio: 4.6/3;
	}
	.card-grid.card-grid--count-5 .card-grid__item:nth-child(1) h3.card__title {
	    font-size: clamp(1.875rem, 0.7639rem + 2.3148vw, 2.5rem);
	}
	
	/* card 2 */
	.card-grid.card-grid--count-5 .card-grid__item:nth-child(2) {
		width: 40%;
	}
	.card-grid.card-grid--count-5 .card-grid__item:nth-child(2) .card__media {
		aspect-ratio: 1/1;
	}
	.card-grid.card-grid--count-5 .card-grid__item:nth-child(2) h3.card__title {
		font-size: clamp(1.625rem, 0.7361rem + 1.8519vw, 2.125rem);
	}
	
	/* Card 3 til 5 */
	.card-grid.card-grid--count-5 .card-grid__item:nth-child(3), .card-grid.card-grid--count-5 .card-grid__item:nth-child(4), .card-grid.card-grid--count-5 .card-grid__item:nth-child(5) {
		width: 33.33%;
	}
	.card-grid.card-grid--count-5 .card-grid__item:nth-child(3) .card__media, .card-grid.card-grid--count-5 .card-grid__item:nth-child(4) .card__media, .card-grid.card-grid--count-5 .card-grid__item:nth-child(5) .card__media {
		aspect-ratio: 896/670;
	}
	.card-grid.card-grid--count-5 .card-grid__item:nth-child(3) h3.card__title, .card-grid.card-grid--count-5 .card-grid__item:nth-child(4) h3.card__title, .card-grid.card-grid--count-5 .card-grid__item:nth-child(5) h3.card__title {
		font-size: clamp(1.375rem, 0.7083rem + 1.3889vw, 1.75rem);
	}
	
	/*-------*/
	
	/* 6 CARDS */
	/* card 1 */
	.card-grid.card-grid--count-6 .card-grid__item:nth-child(1) {
		width: 60%;
	}
	.card-grid.card-grid--count-6 .card-grid__item:nth-child(1) .card__media {
		aspect-ratio: 4.6/3;
	}
	.card-grid.card-grid--count-6 .card-grid__item:nth-child(1) h3.card__title {
	    font-size: clamp(1.875rem, 0.7639rem + 2.3148vw, 2.5rem);
	}
	
	/* card 2 */
	.card-grid.card-grid--count-6 .card-grid__item:nth-child(2) {
		width: 40%;
	}
	.card-grid.card-grid--count-6 .card-grid__item:nth-child(2) .card__media {
		aspect-ratio: 1/1;
	}
	.card-grid.card-grid--count-6 .card-grid__item:nth-child(2) h3.card__title {
		font-size: clamp(1.625rem, 0.7361rem + 1.8519vw, 2.125rem);
	}
	
	/* Card 3 til 5 */
	.card-grid.card-grid--count-6 .card-grid__item:nth-child(3), .card-grid.card-grid--count-6 .card-grid__item:nth-child(4), .card-grid.card-grid--count-6 .card-grid__item:nth-child(5) {
		width: 33.33%;
	}
	.card-grid.card-grid--count-6 .card-grid__item:nth-child(3) .card__media, .card-grid.card-grid--count-6 .card-grid__item:nth-child(4) .card__media, .card-grid.card-grid--count-6 .card-grid__item:nth-child(5) .card__media {
		aspect-ratio: 896/670;
	}
	.card-grid.card-grid--count-6 .card-grid__item:nth-child(3) h3.card__title, .card-grid.card-grid--count-6 .card-grid__item:nth-child(4) h3.card__title, .card-grid.card-grid--count-6 .card-grid__item:nth-child(5) h3.card__title {
		font-size: clamp(1rem, 0rem + 2.0833vw, 1.5625rem);
	}
	
	/* Card 6 */
	.card-grid.card-grid--count-6 .card-grid__item:nth-child(6) {
		width: 100%;
	}
	.card-grid.card-grid--count-6 .card-grid__item:nth-child(6) .card__media {
		aspect-ratio: 13/10;
		width: 33.33%;
		float: right;
	}
	.card-grid.card-grid--count-6 .card-grid__item:nth-child(6) h3.card__title {
		font-size: clamp(2.75rem, 0.5278rem + 4.6296vw, 4rem);
	}
}