/* =========================================================================
   BVD Header – Variante B  (Styles)
   Wirkt nur, wenn das Skript den Umbau vorgenommen hat (body.bvd-hb).
   --bvd-hdr-accent wird per Plugin gesetzt (Standard #ff0099).
   ========================================================================= */

:root{ --bvd-hdr-accent:#ff0099; }

/* -------------------------------------------------------------------------
   Untere Zeile = magenta Menü-Leiste
   ---------------------------------------------------------------------- */
body.bvd-hb .site-bottom-header-wrap{
	background:var(--bvd-hdr-accent) !important;
}
body.bvd-hb .site-bottom-header-wrap .site-header-bottom-section-center{
	justify-content:center !important;
	padding-top:0 !important;
	padding-bottom:0 !important;
}
/* Menü-Links weiß & kräftig – auch beim Hover / aktiven Punkt weiß */
body.bvd-hb .site-bottom-header-wrap .header-navigation .menu > li > a{
	color:#ffffff !important;
	font-weight:700 !important;
}
body.bvd-hb .site-bottom-header-wrap .header-navigation .menu > li > a:hover,
body.bvd-hb .site-bottom-header-wrap .header-navigation .menu > li:hover > a,
body.bvd-hb .site-bottom-header-wrap .header-navigation .menu > li.current-menu-item > a,
body.bvd-hb .site-bottom-header-wrap .header-navigation .menu > li.current-menu-ancestor > a{
	color:#ffffff !important;
	text-decoration:underline;
	text-underline-offset:4px;
}
/* Etwas Luft zwischen den Menüpunkten */
body.bvd-hb .site-bottom-header-wrap .header-navigation .menu > li{
	margin:0 6px;
}
/* Dropdown-Pfeil (Veranstalter) ebenfalls weiß */
body.bvd-hb .site-bottom-header-wrap .header-navigation .dropdown-nav-toggle svg,
body.bvd-hb .site-bottom-header-wrap .header-navigation .menu > li > a svg{
	color:#ffffff !important; fill:#ffffff !important;
}
/* Untermenüs (Aufklapp) sauber weiß mit dunkler Schrift */
body.bvd-hb .site-bottom-header-wrap .header-navigation ul.sub-menu{
	background:#ffffff !important;
}
body.bvd-hb .site-bottom-header-wrap .header-navigation ul.sub-menu a{
	color:#232838 !important;
	font-weight:600 !important;
}
body.bvd-hb .site-bottom-header-wrap .header-navigation ul.sub-menu a:hover,
body.bvd-hb .site-bottom-header-wrap .header-navigation ul.sub-menu li:hover > a,
body.bvd-hb .site-bottom-header-wrap .header-navigation ul.sub-menu li.current-menu-item > a{
	background:var(--bvd-hdr-accent) !important;
	color:#ffffff !important;
	text-decoration:none;
}

/* -------------------------------------------------------------------------
   Obere Zeile = Logo + prominente Suche + Konto
   ---------------------------------------------------------------------- */
body.bvd-hb .site-main-header-wrap .site-header-main-section-center{
	flex:1 1 auto !important;
	justify-content:center !important;
}
/* Ajax-Search-Lite-Feld in der Hauptzeile: breit, mittig, runder Button-Stil.
   Breite wird über #masthead erzwungen (schlägt die ID-Regel von ASL). */
body.bvd-hb #masthead .site-main-header-wrap .asl_w_container,
body.bvd-hb #masthead .site-main-header-wrap .asl_w{
	width:460px !important;
	max-width:100% !important;
	margin:0 auto !important;
}
/* Ergebnis-Liste (Dropdown) ebenfalls breiter & besser lesbar */
body.bvd-hb #masthead .site-main-header-wrap .wpdreams_asl_results,
body.bvd-hb #masthead .site-main-header-wrap .asl_r{
	width:460px !important; max-width:92vw !important;
}
body.bvd-hb #masthead .site-main-header-wrap .asl_r .item{ padding:10px 12px !important; }
/* Suchbox als abgerundete „Pille" */
body.bvd-hb .site-main-header-wrap .asl_w .probox{
	position:relative !important;
	border-radius:999px !important;
	border:1.6px solid #e2e4ee !important;
	box-shadow:0 6px 18px -12px rgba(20,25,50,.3) !important;
	background:#fff !important;
	height:48px !important;
	padding:0 56px 0 18px !important;
	display:flex !important;
	align-items:center !important;
}
body.bvd-hb .site-main-header-wrap .probox .proinput{ flex:1 1 auto !important; }
body.bvd-hb .site-main-header-wrap .probox .proinput input{
	height:44px !important; border:none !important; box-shadow:none !important;
	background:transparent !important; font-size:15px !important; padding-left:0 !important;
}
/* ASL-eigene Icons ausblenden – wir setzen einen eigenen magenta Button */
body.bvd-hb .site-main-header-wrap .probox .promagnifier,
body.bvd-hb .site-main-header-wrap .probox .prosettings{ opacity:0 !important; }
/* Magenta Rund-Button rechts (dekorativ; ASL sucht beim Tippen/Enter) */
body.bvd-hb .site-main-header-wrap .probox::after{
	content:"" !important; position:absolute !important; right:5px !important; top:50% !important;
	transform:translateY(-50%) !important;
	width:40px !important; height:40px !important; border-radius:999px !important;
	background-color:var(--bvd-hdr-accent, #ff0099) !important;
	background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='white'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Ccircle%20cx='11'%20cy='11'%20r='7'/%3E%3Cpath%20d='m21%2021-4.3-4.3'/%3E%3C/svg%3E") !important;
	background-repeat:no-repeat !important; background-position:center !important; background-size:19px 19px !important;
	pointer-events:none !important;
}