/*===============================================*/
   /* MEDIA QUERIE 768 */
/*===============================================*/
@media screen and (min-width: 768px){

	h1 { font-size: 1.75rem;}
		
	#wrapper { padding: 2rem; }
		
	section article {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between; }
	
	.storiesWrapper2 {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between; }
	
	
/*--------CARDS OPMAAK EN INHOUD VARIANTEN-----------------------*/
	.card {
		display: flex;
		flex-flow: column wrap;
		flex: 0 0 48%; }
	
	.card h3 { align-self: flex-start; }
	
	.thumbs div { flex-basis: 15%; }
	
	/*test test test*/
	.storiesConbi { flex-flow: column; } 
	
	.boeken1, .boeken2, .boeken3 { min-height: 420px; }
	
	
/*--------ALLE TEKSTBLOKKEN-------------------------------------*/
	.receptIngredienten       { flex: 0 0 38%; padding-left: 2.5rem; }
	.receptIngredienten .card {flex: 0 0 100%; padding: 0; margin: 0; }
	
	.receptIcon li { padding: 0 0.6rem 0 0; margin: 0 0 0 0.8rem; }
			
	/* bereiding recepten pagina */
	.receptBereiding { order: 0; }
	
	
/*--------ASIDE---------------------------------*/
	aside {
		flex-flow: row nowrap;
		justify-content: flex-start;
		align-content: center; }
	
	#receptOpties {
    flex-flow: row wrap;
    justify-content: space-between;
    display: flex;
    align-items: baseline;
		padding: 0.5rem 1rem 0 1rem; }
	
	.radioBtn {
    flex-flow: row nowrap;
    justify-content: center;
    display: flex;
    flex-basis: 100%; }
	
	
/*--------FOOTER ONDERDELEN----------------------------*/
	footer { padding: 1rem 2rem; }
	.navigatie { padding: 0.5rem 0 0 0; }
	
	address {
		align-self: flex-end;
		position: absolute;
		bottom: 25px; }
	
	
/*--------DE REST ---------------------------------------*/	
/* extra uitlijning pager db items */
	.shop { transform: translateX(5%); }
	
	
/*--------HIDE/SHOW ITEMS IN VP--------------------------------------------*/
	#nieuws .card:nth-of-type(n+4),			
	#campagne .card:nth-of-type(n+2),
	#boeken .card:nth-of-type(n+2),
	#recipesContainer a:nth-of-type(n+3), 
	#productsContainer a:nth-of-type(n+4) { display: block; }	
	
	#nieuws .card:nth-of-type(n+5),
	#campagne .card:nth-of-type(n+3),
	#boeken .card:nth-of-type(n+3),
	#recipesContainer a:nth-of-type(n+5),
	#productsContainer a:nth-of-type(n+5) { display: none; }
		
	} 


/*====================================================*/
   /* MEDIA QUERIE 1024 */
/*====================================================*/
@media screen and (min-width: 1024px){

	#receptOpties { padding: 0; }
	
	#wrapper { padding: 2.5rem; }
		
	.articleOuterWrapper {
    display: flex;
    flex-flow: row nowrap; }	/* nowrap nodig daarom apart */
	
	.articleInnerWrapper {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start; }
	
	
/*--------CARDS OPMAAK EN INHOUD VARIANTEN-----------------------*/
	.card { flex: 0 0 32%; }
	
	.smallCard { 
		flex-basis: 23%;
		justify-content: center;
		text-align: center	}
	
	.mediumCard { flex: 0 0 48%; }
	
	
/*--------ALLE TEKSTBLOKKEN-------------------------------------*/	
	.textual div { flex-basis: 48%; }
	.thumbs div { flex-basis: 15%; }
	
	.storiesCombi { flex-flow: column wrap;}
	.storiesCombi > div + div { padding-left: 0; }
	
	.trailer { order: 2; }
	
	.storiesWrapper > div + div { padding-top: 0; order: 1; }
	
	/*voor tekst met alleen een img en geen tekst ernaast*/
	.largeImg { width: 100%; }
	
	
/*--------ASIDE ---------------------------------------*/
	aside {
		flex-basis: 32%;
		flex-flow: column nowrap;
		justify-content: flex-start; /* midden of top */ 
		border: none;
		padding: 1rem 2rem 1rem 0; }
		
	#receptOpties {flex-flow: column nowrap; }
	aside #receptOpties div { text-align: left; border: none; }
	
	.radioBtn { flex-flow: column nowrap; }
	
	.card.reviews { padding: 0; }
	.card.reviews:last-child { margin-top: 4rem; }
	
	.asideCategorie ul { display: block; padding-left: 1rem; }
	
	
/*--------DE REST ---------------------------------------*/	
	.receptIcon li { margin: 0 0 0 1rem; padding: 0 0.5rem; }
		
	/* extra uitlijning pager db items */
	.shop { transform: translateX(139%); }
	
	
/*--------HIDE/SHOW ITEMS IN VP--------------------------------------------*/
	#home .card:nth-of-type(n+3),
	#home1 .card:nth-of-type(n+3),
	#campagne .card:nth-of-type(n+2),	
	#nieuws .card:nth-of-type(n+2),
	#nieuws .card:nth-of-type(n+5),	
	#boeken .card:nth-of-type(n+3) { display: block; }			
	
} 


/*====================================================*/
   /* MEDIA QUERIE 1280 */
/*====================================================*/
@media screen and (min-width: 1280px){		
	
/* extra uitlijning pager db items */
.shop { transform: translateX(175%); }
	
	
	/*--------HIDES IN VP--------------------------------------------*/	
	#campagne .card:nth-of-type(n+3),
	#recipesContainer a:nth-of-type(n+5),
	#productsContainer a:nth-of-type(n+5) { display: block; }	
	
	.radioBtn {padding-top: 1.5rem; }
	.radioBtn span { margin: 0; }
	
}