.page-section{
	
	padding:3rem 0;
		
	h1{}
	h2{color:$primary-color;}
	h3{color:$primary-color;}
	h4{color:$secondary-color;}
	a{font-weight:500;}
	
	.link{}
	
}

.page-section__legacy{
	
	//border:solid 1px red;
	padding:0 0;
	
	.legacy-container{
		@include xy-grid-container;
		
		padding:0 !important;
		
		section{
			//border:solid 1px red;
	   		@include xy-grid;
			margin:0 -0.5rem;
		
	   		.col24{@include xy-cell(12,null,2rem,padding);}
	   		.col16{
				@include xy-cell(8,null,2rem,padding);
				@include xy-cell-offset(2,$grid-margin-gutters,padding);
				
				@include breakpoint(medium down){
					margin:0;
				}
			}
	   		.col12{@include xy-cell(6,null,2rem,padding);}
	   		.col8{@include xy-cell(4,null,2rem,padding);}
	   		.col6{
				@include xy-cell(3,null,2rem,padding);
				&.offset3{@include xy-cell-offset(3/24,$grid-margin-gutters,padding);}
			}
			.col5{
				width:20%;
				&.offset2{margin-left:10%;}
			}
			.col4{
				@include xy-cell(2,null,2rem,padding);
				&.offset4{margin-left:calc(100%/6);}
			}
	   		.col4-5{
				@include xy-cell(20%,null,2rem,padding);
			}
	   		.col3{
				width:calc(100%/8);float:left;text-align:center;
				&.offset2{margin-left:calc(100%/16);}
				&.offset3{margin-left:calc(100%/8);}
			}
			
			@include breakpoint(small only){
				margin:0 1.125rem;
				div[class^="col"]{width:100%;}
			}
		}
		
	}
}
.page-section__showcase + .page-section__legacy{padding-top:3rem;} 
.page-section__showcase + .page-section__legacy~ .page-section__legacy{margin-bottom:1.5rem;}

 
/* skl-tarieven */
.page-section__skl-tarieven{padding-top:0;}
.page-section__skl-tarieven .column-wrapper{background-color:#00b6ee;text-align:center;}

.page-section__skl-tarieven h1,
.page-section__skl-tarieven h2,
.page-section__skl-tarieven h3,
.page-section__skl-tarieven p{color:#fff;}

.page-section__skl-tarieven h2:before{content:"";clear:both;display:block;height:0.75em;}
.page-section__skl-tarieven a{display:block;border-top:solid 0.25em #fff;background-color:#6ccaf3;color:#fff;padding:0.75em;text-decoration:none;}


	
/* skl-locaties */
.page-section__skl-locaties{background: #e95977 url(../images/bg-pattern-white.png) 0 -1em;}
.page-section__skl-locaties h1, 
.page-section__skl-locaties h2,
.page-section__skl-locaties h3,
.page-section__skl-locaties h4,
.page-section__skl-locaties p{color:#fff;}
.page-section__skl-locaties img{border:solid 0.125em #fff;max-width:100%;max-height:100%;height:auto !important;}


.jarallax__full-width{
	background-color:$light-gray;
}

.page-section__formulieren{padding-bottom:0;}