/* DK-Dach-Plugin: Enfold-Kopfzeile im Look von Variante B
   Wird nur geladen, wenn unter „Farben & Design“ → „Enfold-Menü anpassen“ = Ja.
   Enfold setzt seine Menü-Stile sehr spezifisch, deshalb hier mit !important. */

/* Menüpunkte: Großbuchstaben, weiter Buchstabenabstand */
#top.dki-enfold-kopf #header .av-main-nav > li > a {
	font-family: var(--dki-schrift, inherit) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	letter-spacing: .18em !important;
	text-transform: uppercase !important;
	color: var(--dki-dunkel) !important;
	padding-left: 18px !important;
	padding-right: 18px !important;
}
#top.dki-enfold-kopf #header .av-main-nav > li > a .avia-menu-text { border: 0 !important; padding: 0 !important; }
#top.dki-enfold-kopf #header .av-main-nav > li > a:hover,
#top.dki-enfold-kopf #header .av-main-nav > li > a:focus-visible { color: var(--dki-akzent-text) !important; }

/* Aktive Seite: dunkles Orange mit Unterstrich – aber nur bei echten Seiten-Links.
   Sprung-Links wie /#kontakt zeigen alle auf die Startseite; WordPress markiert sie dort
   alle als „aktiv“, deshalb bleiben sie hier normal. */
#top.dki-enfold-kopf #header .av-main-nav > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a:not([href*="#"]) { color: var(--dki-akzent-text) !important; }
#top.dki-enfold-kopf #header .av-main-nav > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a:not([href*="#"]) .avia-menu-text { border-bottom: 2px solid var(--dki-akzent) !important; padding-bottom: 3px !important; }
#top.dki-enfold-kopf #header .av-main-nav > li:not(.av-menu-button) > a[href*="#"],
#top.dki-enfold-kopf #header .av-main-nav > li:not(.av-menu-button) > a[href*="#"] .avia-menu-text { color: var(--dki-dunkel) !important; border-bottom: 0 !important; text-decoration: none !important; }
#top.dki-enfold-kopf #header .av-main-nav > li:not(.av-menu-button) > a[href*="#"]:hover { color: var(--dki-akzent-text) !important; }
#top.dki-enfold-kopf #header .avia-menu-fx { display: none !important; }

/* Menüpunkt mit Enfold-Option „Button-Stil“: orange Button wie im Entwurf */
#top.dki-enfold-kopf #header .av-main-nav > li.av-menu-button > a .avia-menu-text {
	display: inline-block;
	background: var(--dki-akzent) !important;
	border: 0 !important;
	color: #fff !important;
	border-radius: var(--dki-radius) !important;
	padding: 10px 20px !important;
	font-family: var(--dki-schrift-titel, inherit) !important;
	font-weight: 700 !important;
	font-size: 18px !important;
	letter-spacing: .08em !important;
	line-height: 1.2 !important;
}
#top.dki-enfold-kopf #header .av-main-nav > li.av-menu-button > a:hover .avia-menu-text,
#top.dki-enfold-kopf #header .av-main-nav > li.av-menu-button > a:focus-visible .avia-menu-text { background: var(--dki-akzent-text) !important; }
#top.dki-enfold-kopf #header .av-main-nav > li.av-menu-button > a { background: transparent !important; border: 0 !important; }

/* Instagram & Co.: gleiche Farbe wie das Menü, etwas größer, ohne Trennlinie */
#top.dki-enfold-kopf #header .social_bookmarks,
#top.dki-enfold-kopf #header .social_bookmarks li,
#top.dki-enfold-kopf #header .av-main-nav-wrap + .social_bookmarks { border: 0 !important; background: transparent !important; }
#top.dki-enfold-kopf #header .social_bookmarks li a {
	color: var(--dki-dunkel) !important;
	font-size: 22px !important;
	width: 44px; height: 44px; line-height: 44px !important;
	background: transparent !important;
}
#top.dki-enfold-kopf #header .social_bookmarks li a:hover { color: var(--dki-akzent-text) !important; }
#top.dki-enfold-kopf #header .main_menu ul:first-child > li.av-burger-menu-main,
#top.dki-enfold-kopf #header .avia-menu.av_menu_icon_beside { border: 0 !important; }

/* Mittlere Bildschirme: Menü enger, damit alle Punkte in eine Zeile passen */
@media (max-width: 1279px) {
	#top.dki-enfold-kopf #header .av-main-nav > li > a { font-size: 14px !important; letter-spacing: .1em !important; padding-left: 11px !important; padding-right: 11px !important; }
	#top.dki-enfold-kopf #header .av-main-nav > li.av-menu-button > a .avia-menu-text { font-size: 16px !important; padding: 9px 16px !important; }
}