/*Globale overwrite voor border-radius op alle elementen (deze is nu conform huisstijl op 0) & voor text kleur*/
:root {
	--border-radius: 0px;
	--utrecht-document-color: #333 !important;
}

/*Font aanpassing van producten/diensten blokje / CTA*/
h3 span.link.link__text {
	font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
}

/*Iets meer ruimte aan het witte welkomst blok;*/
.grid__welcome.plugin {
	padding: 2rem;
}

/*Fix voor raar haakje bij dropdowns*/
.header .primary-navigation.primary-navigation__authenticated .subpage-list:before {
	display: none;
}

.primary-navigation.primary-navigation__main .subpage-list:before,
.primary-navigation.primary-navigation__authenticated .subpage-list:before {
	display: none;
}

.header .primary-navigation .button--transparent.primary-navigation--toggle.flatpickr-clear,
.primary-navigation .button.button--transparent.primary-navigation--toggle {
	color: #FFF;
}

.header .primary-navigation:not(.primary-navigation--dismissed)[class*="--open"] .primary-navigation__list-item .button.primary-navigation--toggle,
.primary-navigation:not(.primary-navigation--dismissed)[class*="--open"] .primary-navigation__list-item .primary-navigation--toggle.flatpickr-clear {
	color: #FFF;
}

/*Fix voor menubalk bugs*/
.header nav.header__actions {
	padding: 0;
}

.header nav.header__actions .form {
	gap: 0;
}

/*Header afbeelding border*/
.main-image {
	border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
}

/*Banner styling voor zogenoemde park lijn*/
.banner {
	position: relative;
}

/*Styling voor bolletjes die voorkomen in een lijst (ul li structure)*/
li::marker {
	color: #e20d18;
}

/*Primary button styling (en hover)*/
.button.button--primary {
font-family: var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));
    color: #fff;
    background: #e8308a;
    
    padding: 21px 33px;
    border-bottom-left-radius: 40px;
    transition: background .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.button.button--primary:hover {
	    text-decoration: none;
    background: #26b8e6;
}

.cta-button {
	margin-top: 1rem;
}

/* Verplaats bovenste balk naar rechts  */
@media screen and (min-width: 768px) {
	.accessibility-header {
		padding-right: 100px;
	}

	.accessibility-header__list {
		justify-content: flex-end;
	}
}

@media screen and (max-width: 768px) {
	.grid__main .plugin {
		padding-top: 10px;
	}

.main-image {
	border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
}

	/*Banner aanpassing mobiel*/
	.banner:before {
display:none;
		top: -130px;
		z-index: 0;
	}

	.banner:after {
display:none;
	}

	.main-image {
		height: 200px;
	}

	.search__mobile .form {
		gap: 0;
		padding: 0;
	}

}

/*Pas marge van zoekbalk aan op mobiel */
.search__mobile {
	margin: unset;
}
.header {
background-color: #00305e;
margin-bottom: 0px;
}
.logo__image {
background-color: #00305e;
}
.accessibility-header {
    background-color: #00305e;
}
h1, h2, h3, h4 {
    color: #00377a !important;
}
.grid__welcome.plugin {
    border-radius: 40px;
}