body { font-size: 18px; margin: 0; padding: 0; overflow-x: hidden; }
.no-padding { padding: 0 !important; }
a:active, a:focus, .no-touch a:active, .no-touch a:focus { color: inherit !important; }

section#hero-wrapper, .module-background { background-color: #ecf4ed !important; }
/*section#content-wrapper { margin-top: -35px; }*/

section#content-wrapper a { text-decoration: underline; }
.no-deco a { text-decoration: none !important; }

h2.as-h1, .text-module .copy h1, .text-module .copy h2, .text-module .copy h3, .text-module .copy h4, .text-module .copy h5, .text-module .copy h6 { margin-bottom: 0px; }

h1,h2.as-h1 {
	font-size: 36px;
	line-height:39px;
}

h1.lead { font-weight: 600; letter-spacing: 0.2px; }

h2 { padding-bottom: 10px; padding-top: 5px; }

h3 { font-size: 23px; margin-bottom: 5px !important; }

h4 {
	font-weight: 800;
	font-size:17px;
	font-style: normal !important;
	letter-spacing: 0.7px;
	color: #fc7753;
	margin-bottom: 0px !important;
	line-height: 20px;
}	

h2.as-h1 span, .box a span { color: #fc7753; }

.text-center { text-align: center; }
.mintgreen { color: #87c38f !important; }
.darkpurple { color: #5d5696 !important; }
.orange { color: #fc7753 !important; }

.button {
	border-radius: 10px;
	border: none;
	background-color: #fc7753;
	color: #fff !important;
	text-decoration: none !important;
	font-weight: 900;
	font-size: 20px;
	letter-spacing: 0.8px;
	padding: 10px 20px;
	margin: 10px 0;
}
.button:hover { background-color: #5d5696; }
a.button:active, a.button:focus, .no-touch a.button:active, .no-touch a.button:focus { color: #fff !important; }

.bg-mintgreen { background-color: #d9ede4 !important; }
.bg-lightmintgreen { background-color: #f3f8f4 !important; }
.bg-orange { background-color: #f4eae8 !important; }

.with-dash { border-top: 3px dashed #fff !important;  border-bottom: 3px dashed #fff !important; }
.b-large { font-size:31px; padding: 0 3px; }

.module ul { margin: 20px 0 0 0; padding: 0 0 0 25px; list-style-position: inside; }
.module ul li { text-indent: 0; list-style-type: square;  }
.module ul li::before { margin-right: 0px !important; }
.module ul li::marker { color: #87c38f;  }

.module ul.hyper li { list-style-type: none; }
.module ul.hyper li::before {
	content: counters(list-item,'.') ':';
	color: #87c38f;
	font-size: 19px;
	font-weight: bold;
	padding-right: 10px;
}

.creditbundels {
	position: relative;
	width: 100%;
}
.creditbundels tr td { position: relative; }
.creditbundels th { background-color: white; }
.meestgekozen { 
	position: absolute;
	right: -30px;
	top: 11px;
	background-color: #2cb9c4;
	border-radius: 10px;
	height: 26px;
	line-height: 26px;
	padding: 0 5px;
	font-size: 9px;
	font-weight: bold;
	color: white;
}

.compact-menu .main-d-nav { background-color: #87c38f; }
.no-touch .compact-menu .main-d-nav ul li a:hover, .compact-menu .main-d-nav .menu-footer p .copy-highlight, .compact-menu .main-d-nav ul li.current > a { color: #fff !important; }
.compact-menu .main-d-nav .c-close-btn span, .actions-bottom .sticky-head-elmnts .hero-sticky-title, .actions-bottom .sticky-head-elmnts .action-scroll-top a i, .share-wdgt span, .overlay .close-btn span, .pagination .prev-post a, .woocommerce-pagination .page-numbers a:hover { background-color: #fff !important; }

footer.footer { padding: 3% 25px; border-top: 2px dashed #fff !important; box-sizing: border-box; background-color: #a7b9a9; font-family: 'Muli', sans-serif !important; }
footer.footer .credits { font-family: 'Muli', sans-serif !important; font-size: 12px; font-weight: normal; color: #000; letter-spacing: 0.5px; }
footer a, footer a:visited, footer a:focus, footer a:active { color: #000 !important; }
footer i { font-weight: normal; }
footer h4 { color: #000 !important; margin-bottom: 10px !important; }
footer span { color: #cecece; }
footer .sub { opacity: 0.3; }
#header .main-d-nav, #header.sticky #nav-wrapper .main-d-nav { background-color: #ecf4ed !important; height: 90px; }
#header .main-d-nav ul li a { font-weight: normal; font-size: 14px; }

.container {
    display: flex;            
    flex-wrap: wrap;           
    gap: 16px;     
}

.box {
    flex: 1 1 calc(50% - 16px); 
    background-color: #f0f0f0; 
    padding: 25px 15px 35px 15px;
    box-sizing: border-box;   
    text-align: center;  
	font-size: 19px; 
	line-height: 33px;
}

.box h3 { margin-bottom: 15px !important; }
.box a { text-decoration: none !important; }
.box a:hover { text-decoration: underline !important; }

.panel {
    background-color: #f9f9f9; 
    border: 1px solid #ddd;  
    border-radius: 8px;     
    padding: 20px;           
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
    max-width: 600px;         
    margin: 20px auto;        
    text-align: center;  
	font-size:16px;	
}
a[name] {
	scroll-margin-top: 90px;
}

.compact-menu .main-d-nav ul li a { font-family: 'Muli', sans-serif !important; }
.main-d-nav .current > a { font-weight: normal !important; }
.main-d-nav.zifix { z-index: 9999999999; }

.module { position: relative; }

.arrow-up {
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 55px solid #9c96d2; /* Kleur van de pijl */
	margin: 0px;
	position: absolute;
	right: 20px;
	bottom: 0;
	opacity: 0.3;
	display: inline-block;
	transition: border-bottom-color 0.6s ease-in-out, opacity 0.6s ease-in-out;
}
.arrow-up:hover { border-bottom-color: #333; }

table { max-width: 100%; }
.compact-menu-open .main-d-nav { z-index: 999999; }
.compact-menu-open .sub-menu { display: none !important; }


@media (max-width: 768px) { /* Breakpoint voor mobiel */
	h1.lead { font-size:20px !important; line-height: 30px !important; }
	h1,h2.as-h1 { font-size: 30px !important; }
	h2 { font-size: 23px !important; }
	.capt { font-size: 16px; line-height: 20px; }
	h4 { font-size:15px; }
	h4 + h2.as-h1 { margin-top: -5px; }
	.logo { top: 20px; left: 20px; }
    .box { flex: 1 1 100%; font-size: 17px;  }	
	.menu-firer .icon-menu { top: 5px; }
	.button { display: block; }
	.creditbundels { font-size: 12px; }
}

@media (max-width: 960px) { /* Breakpoint voor mobiel navigatiemenu */
	#header.sticky { height: 90px; background-color: #ecf4ed !important; }
	.compact-menu .menu-firer { z-index: 999998; top: 30px; position: fixed; }
	.compact-menu .main-d-nav { width: 70%; }
	.compact-menu .main-d-nav ul li a { font-size: 19px !important; opacity: 1; }
	.compact-menu .main-d-nav .sf-menu ul li a { font-size: 17px !important; opacity: 0.9; line-height: 10px; }
	a:active, a:focus, .no-touch a:active, .no-touch a:focus { color: #fff !important; }
	footer.footer .credits { font-size: 14px !important; }
	footer.footer .credits i { font-size: 12px !important; }
}

@media (min-width: 576px) {
	.meestgekozen { 
		padding: 0 10px;
		font-size: 13px;
		line-height: 32px;
		height: 32px;
		top: 8px;
	}
}