.hb_cards {
	display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 50px auto;
  gap: 16px 1%;
  padding: 0 16px;
}



.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-1) {
  width: 32.66%;
  margin-top: 0px !important;
  margin-left: 0;
  margin-right: 0;
  align-self: stretch;
}

.hb_cards .nav-spots--count-1, .hb_cards .nav-spots__items, .hb_cards .nav-spots__item, .hb_cards article, .hb_cards a {
	height: 100%;
}

@media only screen and (min-width: 1024px) {
	.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-1):first-child:nth-last-child(2), .hb_cards .paragraphs__item:first-child:nth-last-child(2) ~ .paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-1) {
	    width: 49.5%;
	}
	
	/* SÆRLIG LØSNING TIL CARDS MED BØGER TIL KLASSETRIN */
	.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-1 a[href*="boger-til-klassetrin"]) {
    width: 15.8%;
	}
	.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-1 a[href*="boger-til-klassetrin"]) h2 {
		font-size: clamp(1.625rem, 0.5494rem + 1.6807vw, 2.125rem) !important;
	}
	
	.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-1 a[href*="boger-til-klassetrin"]) svg {
		max-width: 80%;
	}
}

@media only screen and (min-width: 720px) and (max-width: 1023px) {
	.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-1) {
  	width: 49.5%;
	}
	.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-1):nth-child(3n) {
		width: 100%;
	}
	.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-1):nth-child(3n) a {
		flex-direction: row;
	}
	.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-1):nth-child(3n) a figure.nav-spot__media {
		width: 110%;
	}
	
	.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-1):nth-child(6n +6) a {
    flex-direction: row-reverse;
	}
	
	.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-1):nth-child(6n +6) a .nav-spot__text {
    text-align: center;
    padding: 5%;
	}
}

@media only screen and (max-width: 720px) {
	.hb_cards {
  	flex-direction: column;
	}
	.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual:has(.nav-spots--count-1) {
		width: 100%;
  	//padding: 16px;
	}
	/*
	.paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots--count-1 a {
		aspect-ratio: unset !important;
	}
	*/
}



.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots--count-1 a {
	display: flex;
	flex-direction: column;
}

.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots--count-1 .nav-spot__media {
	width: 100%;
	aspect-ratio: unset;
}

.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots--count-1 .nav-spot__media figcaption.image-credited__info {
	display: none;
}

.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots--count-1 a .nav-spot__text {
	width: 100%;
	text-wrap-style: balance;
	padding: 5%;
}

.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots--count-1 a .nav-spot__text h2 {
	font-size: clamp(1.75rem, 0.8793rem + 1.3605vw, 2.125rem);
}

.hb_cards .paragraphs__item.paragraphs__item--nav_spots_manual .nav-spots--count-1 a .nav-spot__text h2 + p {
	font-size: clamp(1.125rem, 1.4152rem + -0.4535vw, 1rem);
}