/* ==========================================================================
   Hauptmenü
   ========================================================================== */

/*
 * "text-decoration: none !important" (30.8. ergaenzt, Nutzerfeedback
 * "Menu-punkte sind unterstrichen"): hpl-site.css setzt seit
 * demselben Tag "text-decoration: underline ... !important" global
 * auf jedes <a>-Element (siehe dortiger Kommentar) - zuvor war
 * .ct-menu-link ueber die Ausnahme "a:not(.ct-menu-link)" davon
 * verschont, die inzwischen durch ".ct-header a" (nur fuer die
 * Farbe) ersetzt wurde. Menuepunkte sind Navigations-, keine
 * Inhalts-Links und sollen deshalb nie unterstrichen sein
 * (Nutzerentscheidung: nur gewoehliche Links zentral unterstrichen).
 */
/* Normal */
.ct-header [data-id="menu"] > ul > li > a.ct-menu-link {
	color: var(--hpl-menu-color);
	font-size: var(--hpl-menu-font-size);
	font-weight: var(--hpl-menu-font-weight);
	text-shadow: none;
	transition: none;
	text-decoration: none !important;
}

/* Submenu - text-decoration: none !important, gleicher Grund wie oben bei "Normal" (30.8.) */
.ct-header [data-id="menu"] .sub-menu a.ct-menu-link {
	color: var(--hpl-sub-menu-color);
	font-size: var(--hpl-sub-menu-font-size);
	font-weight: var(--hpl-sub-menu-font-weight);
	text-shadow: none;
	transition: none;
	text-decoration: none !important;
}

/* Hover */
.ct-header [data-id="menu"] > ul > li > a.ct-menu-link:hover {
	font-size: var(--hpl-menu-font-size);
	text-shadow: var(--hpl-menu-text-shadow);
}

/* Aktiv */
.ct-header [data-id="menu"] > ul > li.current-menu-item > a.ct-menu-link,
.ct-header [data-id="menu"] > ul > li.current_page_item > a.ct-menu-link {
	font-size: var(--hpl-menu-font-size);
	text-shadow: var(--hpl-menu-text-shadow);
}