.mv-weergave__knop {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	background: none;
	border: none;
	cursor: pointer;
	color: var(--mv-menu);
	font: inherit;
	padding: 0.4em;
	border-radius: var(--mv-radius-klein);
}
.mv-weergave__knop--icoon { font-size: 19px; }
.mv-weergave__knop--icoon .mv-icoon { width: 1em; height: 1em; }
.mv-weergave__knop:hover { color: var(--mv-accent); }
.mv-weergave__knop:focus-visible { outline: 2px solid var(--mv-accent); outline-offset: 2px; }

.mv-footer .mv-weergave__knop { color: #ffffff; font-size: 0.875rem; padding: 0.35em 0.6em; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 999px; }
.mv-footer .mv-weergave__knop .mv-icoon { width: 1.1em; height: 1.1em; }
.mv-footer .mv-weergave__knop:hover { background: rgba(255, 255, 255, 0.12); color: #ffffff; }

.mv-weergave {
	position: fixed;
	top: 88px;
	right: max(16px, calc((100vw - var(--mv-container)) / 2 + var(--mv-marge)));
	z-index: 120;
	width: min(92vw, 340px);
	background: var(--mv-bg);
	color: var(--mv-tekst);
	border: 1px solid var(--mv-rand);
	border-radius: var(--mv-radius-vlak);
	box-shadow: var(--mv-schaduw-hoog);
	padding: var(--mv-ruimte-5);
}

.mv-weergave__kop { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--mv-ruimte-4); }
.mv-weergave .mv-weergave__titel { font-size: 1.0625rem; margin: 0; color: var(--mv-kop-kleur); }
.mv-weergave__sluit { background: none; border: none; cursor: pointer; font-size: 1.5rem; line-height: 1; color: var(--mv-tekst-zacht); padding: 0 0.2em; }
.mv-weergave__sluit:hover { color: var(--mv-accent); }

.mv-weergave__groep { margin-bottom: var(--mv-ruimte-4); }
.mv-weergave__label { display: block; font-size: 0.75rem; letter-spacing: 0.04em; text-transform: uppercase; color: var(--mv-tekst-zacht); margin-bottom: 0.4em; }
.mv-weergave__opties { display: flex; gap: 6px; }
.mv-weergave__nu { display: block; font-size: 0.6875rem; font-weight: 400; opacity: 0.75; line-height: 1.2; }
.mv-weergave__opties button {
	flex: 1 1 0;
	font: inherit;
	font-size: 0.875rem;
	padding: 0.5em 0.4em;
	border: 1px solid var(--mv-rand-sterk);
	border-radius: var(--mv-radius-knop);
	background: var(--mv-bg);
	color: var(--mv-kop-kleur);
	cursor: pointer;
}
.mv-weergave__opties button:hover { border-color: var(--mv-accent); }
.mv-weergave__opties button[aria-pressed="true"] { background: var(--mv-accent); border-color: var(--mv-accent); color: #ffffff; }
.mv-weergave__opties button:focus-visible { outline: 2px solid var(--mv-accent); outline-offset: 2px; }
.mv-weergave__uitleg { margin: 0; font-size: 0.75rem; line-height: 1.5; color: var(--mv-tekst-zacht); }

@media (max-width: 599px) {
	.mv-weergave { top: auto; bottom: 16px; right: 16px; left: 16px; width: auto; }
}

html.mv-tekst-groot { font-size: 112.5%; }

html.mv-contrast-hoog {
	--mv-tekst:        #0b1020;
	--mv-tekst-zacht:  #2f3646;
	--mv-body-kleur:   #0b1020;
	--mv-kop-kleur:    #0b1020;
	--mv-rand:         #6b7280;
	--mv-rand-sterk:   #374151;
	--mv-link:         #1230b8;
	--mv-accent-hover: #6e0f2d;
}
html.mv-contrast-hoog.mv-dark {
	--mv-tekst:        #ffffff;
	--mv-tekst-zacht:  #d5d9e3;
	--mv-body-kleur:   #ffffff;
	--mv-kop-kleur:    #ffffff;
	--mv-rand:         #8b93a5;
	--mv-rand-sterk:   #b4bac8;
	--mv-link:         #b9c6ff;
}
html.mv-contrast-hoog main a:not([class]),
html.mv-contrast-hoog .mv-footer__kolom a,
html.mv-contrast-hoog .mv-footer__bodem-links a { text-decoration: underline; }
html.mv-contrast-hoog .mv-footer { color: #ffffff; }
html.mv-contrast-hoog .mv-footer a,
html.mv-contrast-hoog .mv-footer__contact-label,
html.mv-contrast-hoog .mv-footer__contact-noot,
html.mv-contrast-hoog .mv-footer__intro,
html.mv-contract-hoog .mv-footer__vraag p { color: #ffffff; }
html.mv-contrast-hoog .mv-do-cta__overlay,
html.mv-contrast-hoog .mv-do--blokken .mv-do-cta::before { background: rgba(0, 0, 0, 0.7); }

html.mv-beweging-min *,
html.mv-beweging-min *::before,
html.mv-beweging-min *::after {
	animation-duration: 0.001ms !important;
	animation-iteration-count: 1 !important;
	transition-duration: 0.001ms !important;
	scroll-behavior: auto !important;
}
html.mv-beweging-min .mv-cursor { display: none !important; }
html.mv-beweging-min .mv-do-werkwijze,
html.mv-beweging-min .mv-do-cta { background-attachment: scroll !important; }

html.mv-dark .mv-header .mv-weergave__knop { color: #ffffff; }