/* Lupe im Kopfmenue, gemessen an Ivory Search: Farbe #848484, 20 x 20. */
.viva-suche svg {
	width: 20px;
	height: 20px;
}
.viva-suche svg path {
	fill: #848484;
}

/* Suchfeld im Popup: Pro rechnet seine Mindesthoehe aus Polster + Groesse
   der Feldsymbole (Lupe 24 px, Loeschen 18 px) - auch wenn gar kein Symbol
   gesetzt ist, und die Regler dafuer erscheinen nur MIT Symbol. Mit 14 px
   bleibt sie unter den 36 px von Ivory (9 + 18 + 9, siehe cli/suche.php). */
.elementor-widget-search.viva-suchfeld {
	--e-search-icon-label-size: 14px;
	--e-search-icon-clear-size: 14px;
}

/* Trefferliste wie Ivory Search (gemessen 2026-10-02): nur die Liste rollt
   (400 px), darunter fest "More Results.. (N)" - weiss, 25 px, mittig,
   Libre Franklin 13 px #313131; Rahmen #e2e2e2 mit 5 px rundum. */
.elementor-widget-search.viva-suchfeld .e-search-results {
	max-height: none;
	overflow: visible;
}
.elementor-widget-search.viva-suchfeld .e-search-results-list {
	max-height: 400px;
	overflow-y: auto;
}
.elementor-widget-search.viva-suchfeld .viva-mehr {
	margin-top: 5px;
	background: #fff;
	color: #313131;
	font: 400 13px/25px "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	text-align: center;
	cursor: pointer;
}
/* Suchwort im Titel: Ivory .is-highlight */
.elementor-widget-search.viva-suchfeld .viva-treffer {
	background-color: #0fe221;
	color: #222;
	font-weight: 500;
}