/* --- GLOBAL LAYOUT RESETS --- */
body {
	background-color: #6f1715;
	margin: 0;
	padding: 0;
}

/* --- THE CENTERING WRAPPER (1200px op desktop) --- */
.sint-desktop-container {
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

@media (min-width: 1024px) {
	.sint-desktop-container {
		max-width: 1200px;
	}
}

/* --- HEADER NAVIGATION STYLING --- */
.sint-header {
	background-color: #8c1b15;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 30px 0;
}

.sint-logo img,
.sint-logo .custom-logo {
	width: 48px;
	height: auto;
	display: block;
}

.sint-nav-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
}

.sint-nav-menu li {
	margin-left: 20px;
}

.sint-nav-menu li:first-child {
	margin-left: 0;
}

.sint-nav-menu a {
	color: #ffffff;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.1rem;
	font-family: sans-serif;
}

/* --- MAIN CONTENT AREA STYLING --- */
.sint-main-content {
	background-color: #d91914;
	padding: 0; /* Essentieel: moet op 0 staan zodat de wave de navigatiebalk raakt */
}

.sint-main-content h1 {
	color: #e5c158;
	text-align: center;
	font-size: 3.4rem;
	font-weight: 800;
	letter-spacing: -0.02em;
	margin: 40px 0 3rem;
	padding: 0 40px;
	font-family: sans-serif;
}

.sint-main-content p {
	color: #ffffff;
	font-size: 1.15rem;
	line-height: 1.65;
	margin: 0 0 2rem;
	padding: 0 60px;
	font-family: sans-serif;
}

/* --- IMAGES MANAGEMENT (Header & Footer graphics) --- */
.sint-header-graphic,
.sint-footer-graphic {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}

/* Witruimte boven de footer om hem los te maken van de tekst */
.sint-footer-graphic {
	margin-top: 40px;
}

/* --- FLAT FOOTER BAR STYLING --- */
.sint-flat-footer {
	background-color: #8c1b15;
	padding: 25px 20px;
	text-align: center;
}

.sint-flat-footer p {
	color: #ffffff;
	font-size: 0.95rem;
	letter-spacing: 0.05em;
	margin: 0;
	font-family: sans-serif;
}