@font-face {
	font-display: swap;
	font-family: 'Fredoka';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/fredoka-v17-latin-regular.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Fredoka';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/fredoka-v17-latin-600.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/nunito-v32-latin-regular.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/nunito-v32-latin-600.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Nunito';
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/nunito-v32-latin-800.woff2') format('woff2');
}

body {
	font-family: 'Nunito', sans-serif;
	background-color: #f4fbf4;
	color: #2c3e50;
}

.padding_top {
	padding-top: 30px;
}

h1, h2, h3, .navbar-brand {
	font-family: 'Fredoka', sans-serif;
}

/* Hoofdmenu bovenaan */
.navbar {
	background-color: #4caf50 !important;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
.navbar-brand, .nav-link {
	color: #ffffff !important;
	font-weight: 600;
}
.nav-link:hover {
	color: #fff275 !important;
}
.navbar .active {
	color: #fff275 !important;
	border-bottom: 2px solid #fff275;
}

/* Header / Banner */
.garden-banner {
	background: linear-gradient(135deg, #8bc34a, #4caf50);
	color: white;
	padding: 40px 20px;
	border-radius: 0 0 20px 20px;
	margin-bottom: 30px;
}

.breadcrumb-container {
	background-color: #e8f5e9;
	border-radius: 10px;
	padding: 10px 20px;
	margin-bottom: 20px;
	border: 1px solid #c8e6c9;
}
.breadcrumb {
	margin-bottom: 0;
	align-items: center;
}
.breadcrumb-item a {
	color: #2e7d32;
	text-decoration: none;
	font-weight: 600;
}
.breadcrumb-item a:hover {
	color: #ffb300;
	text-decoration: underline;
}

.breadcrumb-item.active {
	color: #ffb300;
	font-weight: 600;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: #8bc34a;
	content: "➔"; 
}

.sidebar-container {
	background-color: #ffffff;
	border: 2px solid #c8e6c9;
	border-radius: 15px;
	padding: 15px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}
.sidebar-heading {
	color: #2e7d32;
	font-size: 1.1rem;
	font-weight: 600;
	margin-top: 15px;
	margin-bottom: 8px;
	padding-left: 5px;
	border-bottom: 2px dashed #c8e6c9;
	padding-bottom: 4px;
}
.sidebar-heading:first-child {
	margin-top: 0;
}
.sidebar-menu .list-group-item {
	border: none;
	padding: 8px 12px;
	font-weight: 700;
	color: #666;
	font-size: 0.95rem;
	border-radius: 8px !important;
	margin-bottom: 2px;
	transition: all 0.2s ease;
}
.sidebar-menu .list-group-item:hover {
	background-color: #e8f5e9;
	color: #2e7d32;
	padding-left: 18px;
}
.sidebar-menu .list-group-item.active {
	background-color: #ffb300;
	color: #ffffff;
}

.content-card {
	background-color: #ffffff;
	border-radius: 15px;
	padding: 30px;
	border: 2px solid #e8f5e9;
	box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.content-card p {
	line-height: 1.75;
}
footer {
	background-color: #333333;
	color: #cccccc;
	padding: 20px 0;
	margin-top: 50px;
	font-size: 0.9rem;
}
footer a {
	color: #8bc34a;
	text-decoration: none;
	margin: 0 10px;
}
footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.lead {
	max-width: 1000px;
	margin: 0 auto;
}

.inset_image_right {
	border: 1px solid #333;
	border-radius: 10px;
	box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
}

.inset_image_left {
	border: 1px solid #333;
	border-radius: 10px;
	box-shadow: rgba(136, 165, 191, 0.48) -6px 2px 16px 0px, rgba(255, 255, 255, 0.8) 6px -2px 16px 0px;
}