/* Support Centers Suche */
form {
		--border-color: #c7c7c7;
			display: grid;
			max-width: 45em;
			z-index: 20;
			padding: var(--spacing) 1rem;
	}

	 .search-widget {
		display: grid;
  		justify-content: space-between;
		justify-self: center;
		gap: .5rem 1.625rem;
		max-width: 96dvw;
		width: 100%;
		padding: 0;
		border: none;
	}

	 .search-item select {
		background-size: 1em;
		background-image: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" stroke=\"%23000\" fill=\"none\" stroke-width=\"2\" stroke-linecap=\"round\"><polyline points=\"1 9 12 20 23 9\" /></svg>");
		background-position: 95% center;
		background-repeat: no-repeat;
		text-overflow: ellipsis;
	}

	 .search-widget:focus,
	 .search-widget:focus-within {
			opacity: 1;
		}

	 .search-widget input {
		margin-top: unset;
		max-width: unset;
	}

	 .search-widget button {
		margin-right: var(--spacing);
	}
	 .search-item {
			display: grid;}

	 .search-item > input,
	 .search-item > select {
		display: block;
		width: 100%;
		padding: var(--sizex-3);
		transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
		color: currentColor;
		border: var(--border-width) solid var(--border-color);
  		border-radius: var(--border-radius);
		background-color: var(--surface-10);
		font-weight: inherit;
		appearance: none;
		overflow: visible;
		font-size: inherit;
		
	}

	@media (min-width: 36em) {

	 .search-item {
		grid-template-rows: auto 1fr;
		grid-template-areas: "label" "input";
		grid-template-columns: 1fr;
		height: 100%;
	}
	

	 .search-item > b {
		justify-self: start;
		grid-area: label; 
		margin-bottom: .5rem;
		font-weight: 600;
	}

	 .search-item > input,
	 .search-item > select {
		grid-area: input;
		border: var(--border-width) solid var(--border-color);
		border-radius: var(--border-radius);
	}

	 .search-item details > summary > span,
	 .search-item details > summary {
		padding-left: 1px;
		margin-left: 0px;
	}

	 .dropdown-popup {
	overflow-x: scroll;
		}

	 .dropdown-values {
	--icon-pos-end: 10ch center;
		}

}

@media (max-width: 35.99em) {

 .search-item {
	gap: var(--spacing);
}
}
	/* Introseiten */

	 .c_search-header {
		--fallback-bg:rgba(202, 230, 240, .8); /*brand-accent-900*/
		--search-bg: hsl(var(--title-hue, 37), 15%, 90%, var(--title-opac, 85%));
		display: grid;
		max-width: 100%;
		z-index: 50;
		margin-top: var(--spacing);
		margin-inline: auto;
		background-color: var(--search-bg);
		box-shadow: var(--shadow-dark);

	}

	@media (max-width: 35.99em) {
		 .c_search-header{
			width: auto;
			/* background-color: unset; */
			border: unset;
			border-radius: unset;
			box-shadow: unset;
		}
	}

	 .c_search-header .search-widget {
		grid-template-columns: 1fr;
		align-items: end;
		max-width: 45em;
		justify-items: center;
	}

	 .c_search-header .search-item input,
	 .c_search-header .search-item select {
		padding-left: var(--sizex-3);
	}

	 .c_search-header .search-item input:focus,
	 .c_search-header .search-item input:focus-within
	 .c_search-header .search-item select:focus,
	 .c_search-header .search-item select:focus-within {
		outline: 2px solid #2c908a;
		outline-offset: 2px;
		border-radius: 40px;
		}

	 #wia-listing-search-link {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		gap: 1ex 1rem;
		height: auto;
		padding: var(--button-spacing-block, var(--sizex-3)) var(--button-spacing-inline, var(--size-3));
		font-size: 1em;
		font-weight: var(--font-weight-strong);
		line-height: normal;
		-webkit-user-select: none;
		user-select: none;
		color: var(--color-10);
		background-color: var(--brand-secondary-500);
		border-width: 2px;
		border-style: solid;
		border-color:var(--brand-secondary-500);
		border-radius: .8em;
		text-decoration: none;
	}

	 #wia-listing-search-link:hover {
		color: var(--brand-secondary-200);
  		background-color: var(--brand-secondary-800);
	}

@media (max-width: 35.99em) {

	 form {padding: var(--spacing);}
	 .c_search-header .search-item input,
	 .c_search-header .search-item select	{height: 3rem;}

	 .c_search-header .search-item:focus,
	 .c_search-header .search-item:focus-within {
		outline: unset;
	}

	 .c_search-header .search-item input:focus,
	 .c_search-header .search-item input:focus-within,
	 .c_search-header .search-item select:focus,
	 .c_search-header .search-item select:focus-within {
		outline: 2px solid #2c908a;
		outline-offset: 2px;
		border-radius: var(--border-radius);
	}
	 .c_search-header .search-item select {background-position: 98%;}
	 .c_search-header #wia-listing-search-link {
		margin-right: unset;
		padding: calc( 1.4 * var(--sizex-3));
	}
	
	 .c_search-header .search-widget {
	grid-template-columns: 1fr;
	justify-content: unset;
	width: 100%;
	min-width: 100%;	
	gap: calc(var(--spacing) * 2.5);
	}
}