/* Suchfeld – eine Fassung für die Kopfzeile und für die Beitragssuche im
   Ratgeber. Vorher lagen zwei da: die Kopfzeilensuche mit 2 px Radius und
   durchsichtigem Symbolknopf, die Ratgebersuche ohne Radius links und mit
   rotem Knopf auf 4 px Radius. Auf dem Ratgeber standen beide übereinander
   auf einer Seite. */

.search {
	display: flex;
	align-items: center;
	gap: var(--ffg-space-2);
	width: 100%;
	padding-left: var(--ffg-space-4);
	border: 0.0625rem solid var(--ffg-border-strong);
	border-radius: var(--ffg-radius);
	background: var(--ffg-white);
}

.search:focus-within {
	border-color: var(--ffg-brown-logo);
}

.search input {
	flex: 1;
	min-width: 0;
	height: var(--ffg-tap);
	border: 0;
	background: none;
	color: var(--ffg-charcoal);
	font: inherit;
	font-size: var(--ffg-size-md);
}

.search input::placeholder {
	color: var(--ffg-text);
}

.search input::-webkit-search-cancel-button {
	appearance: none;
}

.search button {
	display: grid;
	place-items: center;
	width: var(--ffg-tap);
	height: var(--ffg-tap);
	border: 0;
	background: none;
}

.search img {
	width: 1rem;
	height: 1rem;
}