#site-search-result {
	list-style: none;
	padding-left: unset;
}

#site-search-dialog {
	position: absolute;
	right: 0;
	left: auto;
	z-index: 60;
	max-width: 500px;
	background-color: var(--surface-10);
	border: none;
	padding: var(--space-inside);
	padding-top: unset;

	@media (max-width: 29.99em) {
		width: 100%;
		hyphens: auto;
	}
	
}

@media (max-width: 29.99em) {
	form[name=site-search] {
	  right: calc((var(--menu-padding-inline) + 3.5em ) * 2.5 * -1);
	}
  }

.result-item {
	display: grid;
	grid-template-columns: 30% auto;
  	grid-template-areas: "category result";
  	gap: var(--size-3);
  	justify-items: end;
	padding-top: 1ch;
}

/* Zeilen mit neuer Suchergebniskategorie + Ergebnis */
.result-item span:first-of-type:not(:only-child),
.result-item span:not(:first-of-type) {
	padding-top: 2ch;
}

/* Kategorie */
.result-item span:first-of-type:not(:only-child) {
	grid-area: category;
	font-weight: 800;
	color:  var(--color-1);
	text-align: left;
}

/* Ergebnis */
.result-item span:not(:first-of-type),
.result-item span:only-child {
	grid-area: result;
	text-align: left;
	justify-self: start;
}

.result-item span > a {
	text-decoration: none;
}

/* Kein Surchergenis gefunden */
#site-search-result > li:only-child {
	padding-top: var(--spacing);
	text-align: left;
}