.index_regel_metachtergrond {
width: 100%;
margin: -12px 0 12px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-color: rgb(31,45,90);
color: rgb(255,255,255);
}

.index_regel_metachtergrond2 {
width: calc(100% - 24px);
margin: 12px 12px 24px;
}

.index_regel {
width: calc(100% - 24px);
margin: 0 12px 24px 0;
}

.index_regel_binnen {
width: 100%;
margin-top: -12px;
}

#index_regel_recent {
min-height: 380px;
width: calc(100% - 12px);
margin-left: 0;
}

#index_regel_recent h2 {
margin: 0 0 0 12px;
}

#index_regel_recent #grid {
width: 100%;
margin-top: -12px;
}



/*-- Regel --*/
.regel_index_bst {
width: calc(25% - 12px);
margin: 12px 0 0 12px;
}
@media screen and (max-width:1012px) {
	.regel_index_bst {
	width: calc(33.333333% - 12px);
	}
}
@media screen and (max-width:766px) {
	.regel_index_bst {
	width: calc(50% - 12px);
	}
}
@media screen and (max-width:520px) {
	.regel_index_bst {
	width: calc(100% - 12px);
	}
}

.regel_index_bst .regel_boven {
height: 130px;
}

.regel_index_bst .regel_onder .regel_onder_l_lijst {
width: auto;
}

.indexrecent_aanbeveling_nieuw {
background-color: rgb(243,243,158);
}
.indexrecent_aanbeveling_nieuw:after {
border-left-color: rgb(243,243,158);
}

.indexrecent_aanbeveling_nieuw p {
color: rgb(51,51,0);
}

.indexrecent_recensie_verwante {
background-color: rgb(243,170,170);
}
.indexrecent_recensie_verwante:after {
border-left-color: rgb(243,170,170);
}

.indexrecent_recensie_verwante p {
color: rgb(64,0,0);
}

.indexrecent_recensie_recensent {
background-color: rgb(219,170,243);
}
.indexrecent_recensie_recensent:after {
border-left-color: rgb(219,170,243);
}

.indexrecent_recensie_recensent p {
color: rgb(51,0,77);
}

.indexrecent_blogpost {
background-color: rgb(170,219,243);
}
.indexrecent_blogpost:after {
border-left-color: rgb(170,219,243);
}

.indexrecent_blogpost p {
color: rgb(5,36,51);
}

.indexrecent_uitgelicht {
background-color: rgb(243,207,170);
}
.indexrecent_uitgelicht:after {
border-left-color: rgb(243,207,170);
}

.indexrecent_uitgelicht p {
color: rgb(77,38,0);
}

.regel_midden_blogpost p, .regel_midden_recensie_recensent p, .regel_midden_recensie_verwante p, .regel_midden_uitgelicht p {
margin: 4px 8px;
color: rgb(10,10,10);
}

.regel_midden_blogpost a, .regel_midden_recensie_recensent a, .regel_midden_recensie_verwante a, .regel_midden_uitgelicht a {
font-weight: 600;
}

.regel_midden_recensie {
width: 100%;
border-bottom: 1px solid rgb(235,235,235);
}


/*-- Trending --*/
#inhoud_regel_trending {
min-height: 466px;
margin-top: -36px;
margin-bottom: 24px;
}

#index_regel_trending {
width: calc(100% - 12px);
}

#index_regel_trending h2 {
margin-left: 12px;
}

.regel_trending {
width: calc(25% - 12px);
margin: 12px 0 0 12px;
}

.regel_trending .regel_boven .regel_boven_hoofding {
width: calc(100% - 72px);
}

#index_regel_trending .regel_boven {
height: 180px;
}

.vak_index_trending {
position: relative;
height: 60px;
width: 60px;
margin-top: -72px !important;
margin-left: calc(100% - 72px) !important;
}

.vak_index_trending p {
line-height: 60px !important;
font-size: 36px;
}

.beoordelingverdeling {
height: 9px;
width: 100%;
}

.beoordelingverdeling_deel {
height: 9px;
}