@media all and (min-width: 890px) {
	header nav.desktop a {
		font-size: var(--digitalmdma-menu-schriftgroesse-desktop);
		text-transform: var(--digitalmdma-menu-text-transform-desktop);
	}
}

@media all and (min-width: 481px) and (max-width: 889px) {
	header .mobile-menu #primary-menu-list a {
		font-size: var(--digitalmdma-menu-schriftgroesse-tablet);
		text-transform: var(--digitalmdma-menu-text-transform-tablet);
	}
}

@media all and (max-width: 480px) {
	header .mobile-menu #primary-menu-list a {
		font-size: var(--digitalmdma-menu-schriftgroesse-mobil);
		text-transform: var(--digitalmdma-menu-text-transform-mobil);
	}
}

header nav.desktop > ul.navigation > li.current-menu-item > a,
header nav.desktop > ul.navigation > li.current-menu-ancestor > a,
header nav.desktop > ul.navigation > li.current_page_item > a,
header .mobile-menu #primary-menu-list > li.current-menu-item > a,
header .mobile-menu #primary-menu-list > li.current-menu-ancestor > a,
header .mobile-menu #primary-menu-list > li.current_page_item > a {
	text-decoration-line: var(--digitalmdma-menu-unterstrich);
	text-decoration-thickness: 2px;
	text-underline-offset: 6px;
}

header nav.desktop > ul.navigation > li.menu-item-has-children > a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}

header nav.desktop > ul.navigation > li.menu-item-has-children > a::after {
	content: var(--digitalmdma-menu-pfeil);
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-top: -2px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	flex: 0 0 auto;
}