/* =========================================================
   HEADER + NAV — fase 2 redesign (vervangt de fase 1-versie)
   ========================================================= */
.site-header{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	background:#fff;
	position:sticky;
	top:0;
	z-index:999;
	box-sizing:border-box;
}
.site-header__inner{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1.5rem;
	width:100%;
	max-width:80rem;
	margin:0 auto;
	padding-top: 15px;
	padding-bottom: 15px;
	box-sizing:border-box;
}

.site-header__logo{
	display:flex;
	align-items:center;
	gap:.625rem;
	text-decoration:none;
	color:#1a1a1a;
	font-family:"Gilroy","Open Sans","Arial";
	font-weight:900;
	font-size:1.125rem;
	letter-spacing:.01em;
	white-space:nowrap;
}
.site-header__logo-mark{
	width:.875rem;
	height:.875rem;
	background:#ffe600;
	flex:none;
}
.site-header__logo .yellow{color:#ffe600}

.site-header__nav{
	display:flex;
}
.site-header__nav ul{
	display:flex;
	align-items:center;
	gap:2.5rem;
	list-style:none;
	margin:0;
	padding:0;
}
.site-header__nav a{
	font-family:"Gilroy","Open Sans","Arial";
	font-weight:500;
	font-size:1rem;
	color:#1a1a1a;
	text-decoration:none;
}
.site-header__nav a:hover{color:#ffe600}

.site-header__cta{
	font-family:"Gilroy","Open Sans","Arial";
	font-weight:700;
	font-size:.875rem;
	letter-spacing:.02em;
	color:#fff;
	background:#1a1a1a;
	text-decoration:none;
	padding:.875rem 1.5rem;
	white-space:nowrap;
}
.site-header__cta:hover{background:#333}
.site-header__nav-cta{display:none}

.site-header__burger{
	display:none;
	flex-direction:column;
	justify-content:center;
	gap:.3125rem;
	width:2rem;
	height:2rem;
	background:none;
	border:0;
	padding:0;
	cursor:pointer;
}
.site-header__burger span{
	display:block;
	width:100%;
	height:.1875rem;
	background:#1a1a1a;
	transition:.25s ease;
}
.site-header__burger[aria-expanded="true"] span:nth-child(1){transform:translateY(.5rem) rotate(45deg)}
.site-header__burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.site-header__burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-.5rem) rotate(-45deg)}

@media(max-width: 1150px){
	.site-header__logo-mark{display:none}
	.site-header__cta{display:none}
	.site-header__burger{display:flex}
	.site-header__nav{
		position:absolute;
		top:100%;
		left:0;
		right:0;
		flex-direction:column;
		background:#fff;
		max-height:0;
		overflow:hidden;
		transition:max-height .25s ease;
	}
	.site-header__nav.is-open{max-height:28rem}
	.site-header__nav ul{
		flex-direction:column;
		align-items:flex-start;
		gap:0;
		width:100%;
	}
	.site-header__nav li{width:100%}
	.site-header__nav a{
		display:block;
		padding:1rem 2rem;
		border-top:1px solid #eee;
	}
	.site-header__nav-cta{
		display:block;
		font-family:"Gilroy","Open Sans","Arial";
		font-weight:700;
		font-size:.9375rem;
		letter-spacing:.02em;
		text-align:center;
		color:#1a1a1a;
		background:#ffe600;
		text-decoration:none;
		margin:1rem 1.25rem;
		padding:1rem;
	}
	.site-header__nav-cta:hover{background:#f5d800}
}

/* =========================================================
   FOOTER — fase 2 redesign (vervangt de fase 1-versie)
   ========================================================= */
.site-footer{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	background:#121212;
	color:#fff;
	padding:4rem 0;
	box-sizing:border-box;
	margin-top: 30px;
}
.site-footer__inner{
	width:100%;
	max-width:80rem;
	margin:0 auto;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	gap:2.5rem 12rem;
}

.site-footer__brand{
	font-family:"Gilroy","Open Sans","Arial";
	font-weight:900;
	font-size:3rem;
	line-height:1.05;
	text-transform:uppercase;
	flex:none;
}
.site-footer__brand .yellow{color:#ffe600}

.site-footer__columns{
	display:grid;
	grid-template-columns:repeat(3, minmax(0, 1fr));
	gap:1.5rem;
	max-width:56rem;
	flex:1 1 20rem;
}

.site-footer__heading{
	font-family:"Gilroy","Open Sans","Arial";
	font-weight:700;
	font-size:.8125rem;
	letter-spacing:.05em;
	text-transform:uppercase;
	color:#8a8a8a;
	margin:0 0 1rem;
}

.site-footer__menu{
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:.875rem;
}
.site-footer__menu a{
	font-family:"Gilroy","Open Sans","Arial";
	font-weight:400;
	font-size:1rem;
	color:#d4d4d4;
	text-decoration:none;
}
.site-footer__menu a:hover{color:#ffe600}

/* Onder 780px: terug naar gestapeld (merk boven, kolommen eronder) —
   naast elkaar past niet meer op een smaller scherm. */
@media(max-width: 780px){
	.site-footer__inner{flex-direction:column;gap:0}
	.site-footer__brand{margin-bottom:2.5rem}
}
@media(max-width: 640px){
	.site-footer{padding:3rem 0}
	.site-footer__inner{padding:0 1.25rem}
	.site-footer__brand{font-size:2.25rem;margin-bottom:2.5rem}
	.site-footer__columns{gap:.75rem}
	.site-footer__heading{font-size:.6875rem}
	.site-footer__menu{gap:.625rem}
	.site-footer__menu a{font-size:.875rem}
}


.footer-text {
	font-size: 12px;
	color: #CCC;
	border-top: 1px solid #CCC;
	padding-top: 30px;
	margin-top: 30px;
}

.footer-text-left {
	float: left;
	width: 50%;
}

.footer-text-right {
	float: right;
	text-align: right;
	width: 50%;
}

.socials {
	margin-top: 20px;
	font-size: 20px;
}

.socials i {
	margin-right: 10px;
}

.socials a {
	color: #FFF !important
}