body .klaro {

	--green1: #096ccf; /* override link color */
	--green2: #096ccf;

}

body .klaro .cookie-notice:not(.cookie-modal-notice),
body .klaro #cookieScreen {

	z-index: 1000000;

}

body .klaro #klaro-cookie-notice {

	max-width: 550px;

}

html[lang="nl"] body .klaro #klaro-cookie-notice {

	max-width: 580px;

}

body .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {

	justify-content: space-between;
	align-items: stretch;

}
body .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body #id-cookie-notice {

	margin-bottom: 1.33rem;

}

body .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body #id-cookie-title,
body .klaro .cookie-modal .cm-modal .cm-header h1.title {

	margin: 0 0 0.75em 0;
	padding: 0.75rem 0 0 0;
	font-family: MuseoSlab-500, Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-style: normal;
	font-size: 1.35rem;
	line-height: 120%;
	color: #096CCF;

}
body .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-learn-more {

	flex-grow: 0;

}

body .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons {
	display: flex;
	justify-content: flex-end;
	gap: 1rem;
}

body .klaro .cn-ok .cm-link.cn-learn-more,
body .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn,
body .klaro .cookie-modal .cm-btn,
body .klaro .context-notice .cm-btn,
body .klaro .cookie-notice .cm-btn,
body .klaro .cookie-modal .cm-btn.cm-btn-info,
body .klaro .context-notice .cm-btn.cm-btn-info,
body .klaro .cookie-notice .cm-btn.cm-btn-info,
body .klaro .cookie-modal .cm-btn.cm-btn-success,
body .klaro .context-notice .cm-btn.cm-btn-success,
body .klaro .cookie-notice .cm-btn.cm-btn-success {

	margin: 0;
	padding: 0.5rem 1rem;
	border-radius: 3px;
	background: #3A89D9;
	font-weight: normal;
	color: white;
	transition: opacity linear 100ms;

}

body .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok a,
body .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok div {

	margin: 0;

}

body .klaro .cookie-notice:not(.cookie-modal-notice) .cm-btn,
body .klaro .cookie-notice:not(.cookie-modal-notice) .cm-link {

	margin: 0;
	padding: 0.5rem 1rem;
	border-radius: 3px;
	background: #3A89D9;
	transition: opacity linear 100ms;
	font-weight: normal;
	color: white;

}

body .klaro .cn-ok .cm-link.cn-learn-more:hover,
body .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-buttons button.cm-btn:hover,
body .klaro .cookie-modal .cm-btn:hover,
body .klaro .context-notice .cm-btn:hover,
body .klaro .cookie-notice .cm-btn:hover,
body .klaro .cookie-modal .cm-btn.cm-btn-info:hover,
body .klaro .context-notice .cm-btn.cm-btn-info:hover,
body .klaro .cookie-notice .cm-btn.cm-btn-info:hover,
body .klaro .cookie-modal .cm-btn.cm-btn-success:hover,
body .klaro .context-notice .cm-btn.cm-btn-success:hover,
body .klaro .cookie-notice .cm-btn.cm-btn-success:hover {

	opacity: 0.8;

}