/* ============================================================
   Kopfzeile SET Stromerzeuger (AWEOS, 17.09.2026)
   Rein gestalterisch: Markup, Mega-Menü-Logik und Mobilpanel des Themes
   bleiben unangetastet. Ziel: ruhig, in einer Flucht mit dem Inhalt,
   Schreibweise und Farben wie auf der neuen Startseite.
   ============================================================ */

/* --- Kopf: Fläche --- */
.top-header { background: #fff !important; box-shadow: inset 0 -1px 0 rgba(11, 31, 58, 0.08); }
.top-header.stuck { background: rgba(255, 255, 255, 0.96) !important; box-shadow: 0 8px 28px rgba(11, 31, 58, 0.10); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }

/* --- Menü in einer Flucht mit dem Inhalt (rechts fehlte der Innenabstand) --- */
@media (min-width: 1025px) {
	.header-elements .header-right .main-navigation { margin-right: 30px !important; }
}

/* --- Hauptmenü: Schrift und Abstände --- */
nav.main-navigation { text-transform: none !important; }
#navigation > li > a { padding: 0 !important; margin: 0 0 0 26px !important; }
#navigation > li:first-child > a { margin-left: 0 !important; }
#navigation > li > a > span,
div.header-elements .menu > li > a > span {
	font-family: 'Montserrat', system-ui, sans-serif !important; font-size: 15px !important; font-weight: 600 !important;
	text-transform: none !important; letter-spacing: 0 !important; color: #14202e !important;
	background: transparent !important; padding: 0 !important; border: 0 !important; transition: color .18s ease;
}
#navigation > li > a:hover > span, #navigation > li:hover > a > span,
div.header-elements .menu > li:hover > a > span, div.header-elements .menu > li a:hover > span { color: #1673c6 !important; background: transparent !important; }
#navigation > li.current-menu-item > a > span, #navigation > li.current-menu-ancestor > a > span, #navigation > li.current_page_parent > a > span { color: #1673c6 !important; }
/* Unterstrich (vom Theme animiert) */
#navigation > li > a:after { border-bottom: 2px solid #21a6ff !important; bottom: 28px !important; border-radius: 2px; }
.top-header.stuck #navigation > li > a:after { bottom: 18px !important; }
#navigation > li.current-menu-item > a:after, #navigation > li.current-menu-ancestor > a:after { width: 100% !important; }
/* Pfeil bei Untermenüs feiner */
#navigation > li.menu-item-has-children > a > span:after { font-size: 10px !important; padding-left: 6px !important; opacity: 0.55; position: relative; top: -1px; }
/* „Anmelden“ zurückhaltender */
#navigation > li#menu-item-15189 > a > span { color: #5b6b7d !important; font-weight: 500 !important; }
#navigation > li#menu-item-15189 > a:after { display: none !important; }

/* --- Händler-Knopf (per Filter angehängt) --- */
#navigation > li.aweos-cta > a { margin-left: 22px !important; }
#navigation > li.aweos-cta > a > span {
	display: inline-block !important; vertical-align: middle; line-height: 42px !important; padding: 0 20px !important; border-radius: 999px !important;
	background: #1673c6 !important; color: #fff !important; box-shadow: 0 8px 20px rgba(22, 115, 198, 0.30);
	transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
#navigation > li.aweos-cta > a:hover > span, #navigation > li.aweos-cta:hover > a > span { background: #1265ae !important; color: #fff !important; transform: translateY(-1px); }
#navigation > li.aweos-cta > a:after { display: none !important; }

/* --- Dropdowns --- */
#navigation ul.sub-menu {
	width: 260px !important; padding: 8px !important; background: #fff !important; border-radius: 14px !important;
	box-shadow: 0 18px 50px rgba(11, 31, 58, 0.16), 0 0 0 1px rgba(11, 31, 58, 0.06) !important; margin-top: -8px;
}
#navigation ul ul { margin-left: 262px !important; }
#navigation > li.o-direction .sub-menu ul { margin-right: 262px !important; }
#navigation ul li a, div.header-elements .menu > li li a {
	font-family: 'Noto Sans', system-ui, sans-serif !important; font-size: 15px !important; font-weight: 500 !important;
	text-transform: none !important; letter-spacing: 0 !important; color: #14202e !important; line-height: 1.4 !important;
	padding: 10px 14px !important; border: 0 !important; border-radius: 9px !important; background: transparent !important; transition: background-color .15s ease, color .15s ease;
}
#navigation ul li a:hover, #navigation ul li.current-menu-item > a, #navigation ul li.current-menu-ancestor > a,
div.header-elements .menu > li li:hover > a, div.header-elements .menu > li li a:hover { background: #eef6fd !important; color: #1673c6 !important; }
#navigation > li li.menu-item-has-children:after { color: #8a97a6 !important; right: 14px !important; }
#navigation > li.o-direction .sub-menu { text-align: left !important; }
#navigation > li.o-direction .sub-menu li.menu-item-has-children:after { left: auto !important; right: 14px !important; content: "\f105" !important; }

/* --- Mobil: Burger und Aufklappmenü (das Theme klappt es weiß unter dem Kopf auf) --- */
.mobile-menu-button { right: 26px !important; }
.mobile-menu-button span { background: #0b1f3a !important; height: 2px !important; }
.mobile-nav { background: #fff !important; box-shadow: 0 18px 40px rgba(11, 31, 58, 0.12); }
#mobile-navigation li a {
	font-family: 'Montserrat', system-ui, sans-serif !important; font-size: 17px !important; font-weight: 600 !important;
	color: #0b1f3a !important; text-transform: none !important; letter-spacing: 0 !important;
	border-color: rgba(11, 31, 58, 0.08) !important; padding-left: 30px !important;
}
#mobile-navigation li li a { font-family: 'Noto Sans', system-ui, sans-serif !important; font-weight: 400 !important; font-size: 15px !important; color: #5b6b7d !important; padding-left: 42px !important; }
#mobile-navigation li.menu-item-has-children > a:before, #mobile-navigation li.menu-item-has-children > a:after,
#mobile-navigation li.menu-item-has-children > a > span:after { color: #21a6ff !important; border-color: transparent !important; }
#mobile-navigation li.current-menu-item > a, #mobile-navigation li.current-menu-ancestor > a { color: #1673c6 !important; }
#mobile-navigation li.aweos-cta { padding: 18px 30px 26px; border: 0 !important; background: transparent !important; }
#mobile-navigation li.aweos-cta a, #mobile-navigation li.aweos-cta a span { display: block !important; text-align: center; background: #1673c6 !important; color: #fff !important; border-radius: 999px !important; padding: 13px 18px !important; border: 0 !important; line-height: 1.3 !important; }
#mobile-navigation li.aweos-cta a span { padding: 0 !important; background: transparent !important; }

/* Geschrumpfter Kopf: das Theme blendet dort ein eigenes Sticky-Logo ein, das WP Rocket lazy laedt
   und das deshalb nie erscheint (es war nie im sichtbaren Bereich). Stattdessen das Hauptlogo verkleinert zeigen. */
.top-header.stuck .site-logo img.main_logo { display: inline-block !important; height: 46px !important; width: auto !important; margin-top: 12px; }
.top-header.stuck .site-logo img.sticky_logo { display: none !important; }

/* Footer-Spaltentitel sind jetzt h4 (Ueberschriften-Reihenfolge), Optik wie vorher h5 */
#footer .footer_widget h4, #footer .textwidget h4 { font-family: 'Montserrat', sans-serif; font-size: 17px; font-weight: 400; line-height: 1.1; letter-spacing: 1px; text-transform: uppercase; color: #fff; margin: 0 0 10px; }