/* BRØDKRUMME PÅ MATERIALER */
nav.breadcrumb.breadcrumb_material a:first-letter {
	text-transform:capitalize;
}
@media screen and (max-width: 767px) {
	nav.breadcrumb.breadcrumb_material a:first-child, nav.breadcrumb.breadcrumb_material a:last-child {
	    display: inline-block;
	}
}


/* YOUTUBE TRAILERE */
div.youtube_trailer {
	/*display:none;*/
	margin: auto;
  width: 1080px;
  max-width: 100%;
  margin-bottom: 100px;
  position: relative;
  border: 4px solid #00292d;
  background: #00292d;
  color: #FFF;
  font-family: "noto sans", sans-serif;
  box-sizing: border-box;
}
div.youtube_trailer h2 {
	font-size: clamp(0.9375rem, 0.7095rem + 0.973vw, 1.5rem);
	position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  color: #FFF;
  padding: 10px 20px;
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.75) 5%, rgba(255, 255, 255, 0) 96%);
}
div.youtube_trailer #placeholder-video {
	position: relative;
	cursor:pointer;
}
div.youtube_trailer #placeholder-video picture img {
	width: 100%;
}
div.youtube_trailer #icon-play {
	position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  cursor: pointer;
  max-width:24%;
}
#placeholder-video:hover #icon-play {
    filter: drop-shadow(5px 5px 10px #000000);
}
div.youtube_trailer #text-trailer, div.youtube_trailer #trailer-disclaimer {
	width: 100%;
	padding: 5px 20px;
}



/* RELATEREDE */


@media screen and (min-width: 1400px) {
	div.relaterede_materialer .grid-small ul.material-grid__items {
		grid-template-columns: repeat(4, 1fr);
	}
	div.relaterede_materialer .grid-small .recommended-material.recommended-material--in-grid {
		grid-template-rows: min-content 280px 1fr;
	}
	
	div.relaterede_materialer .grid-medium ul.material-grid__items {
		grid-template-columns: repeat(6	, 1fr);
	}
	div.relaterede_materialer .grid-medium .recommended-material.recommended-material--in-grid {
		grid-template-rows: min-content 240px 1fr;
	}
	
	div.relaterede_materialer .grid-big ul.material-grid__items {
		grid-template-columns: repeat(8	, 1fr);
	}
	div.relaterede_materialer .grid-big .recommended-material.recommended-material--in-grid {
		grid-template-rows: min-content 190px 1fr;
	}
	
	div.relaterede_materialer .grid-big .material-grid {
    max-width: 1760px;
	}
}

div.relaterede_materialer .recommended-material.recommended-material--in-grid {
	padding: 0px 10px 15px 10px;
	row-gap: 14px;
	/*grid-template-rows: min-content 190px 1fr;*/
}

div.relaterede_materialer div.nav-spots__item a {
	text-decoration: none;
}

div.relaterede_materialer div.nav-spots__item .nav-spot__text {
    padding-top: 3px;
}

div.relaterede_materialer div.nav-spots__item .material-grid__text-wrapper {
	margin-bottom: 0;
}

div.relaterede_materialer .nav-spot .nav-spot__title {
	text-wrap: balance;
}

div.relaterede_materialer .material-grid__text-wrapper {
	flex-direction: row;
  align-items: baseline;
}

div.relaterede_materialer .recommended-material__texts {
    width: 100%;
}

div.relaterede_materialer .recommended-material__texts * {
    text-align: center;
}

@media screen and (max-width: 760px) {
	div.relaterede_materialer .material-grid__text-wrapper {
		flex-direction: column;
    gap: 5px;
	}	
}

@media screen and (min-width: 1024px) {
    div.relaterede_materialer .nav-spot .nav-spot__title {
        font-size: 30px;
    }
}