/**
 * Searchform Styling
 *
 * @format
 */

.acf__section-search {
	margin-top: var(--header-dynamic-height);
	padding: calc(var(--universal-gap) * 2) 0;
}
.acf__section-search header.header,
.acf__section-search .search-form {
	margin-bottom: var(--universal-gap);
}

.acf__section-search .search-submit {
	margin-left: auto;
}

.acf__section-search .article {
	padding: calc(var(--universal-gap) / 1.5) 0;
}

.acf__section-search .header {
	position: inherit;
}

.acf__section-search .search-form {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--universal-gap);
}

.acf__section-search .search-form label[for='post_type_select'] {
	padding-inline-end: calc(var(--universal-gap) / 2);
}

.acf__section-search .search-label {
	flex-grow: 1;
	padding: 0;
}
.acf__section-search .search-label .search-field {
	width: 100%;
}

.search-result {
	display: flex;
	border-bottom: solid var(--color-black) 1px;
}

.search-result .search-result__content {
	width: 100%;
	display: flex;
	flex-direction: column;
	column-gap: var(--universal-gap);
	margin: calc(var(--universal-gap) / 1.5) 0;
	gap: calc(var(--universal-gap) / 3);
}

.search-result::after {
	padding: 0.5rem;
	content: var(--arrow-right);
	font-family: var(--ff-icon-font);
	font-size: 1.5rem;
	transform: rotate(-45deg);
	transition: all var(--button-animation-timing) ease;
	width: min-content;
	align-self: center;
}

.search-result:hover::after {
	transform: rotate(0deg);
}

.search-result .result__title {
	display: inline-block;
	width: 100%;
}
.search-result .top__row {
	display: flex;
	flex-wrap: wrap;
	gap: calc(var(--universal-gap) / 2);
}

.news_date {
	align-self: center;
	font-size: var(--fs-3);
}
.result__type {
	font-weight: var(--fw-bold);
	display: inline-block;
	background-color: var(--color-grey);
	border: 0.1em solid var(--color-black);
	border-radius: 99em;
	padding: 0.25em 1em;
	font-size: var(--fs-3);
	background-color: transparent !important;
}
.result__type-news {
	background-color: var(--color-news);
	border-color: var(--color-news);
	color: var(--color-news);
}
.result__type-standorte {
	background-color: var(--color-location);
	border-color: var(--color-location);
	color: var(--color-location);
}
.result__type-reference {
	background-color: var(--color-reference);
	border-color: var(--color-reference);
	color: var(--color-reference);
}
.result__type-jobs {
	background-color: var(--color-jobs);
	border-color: var(--color-jobs);
	color: var(--color-jobs);
}
.result__type-page {
	background-color: var(--color-blue);
	border-color: var(--color-blue);
	color: var(--color-blue);
}

.result__type-attachment {
	background-color: var(--color-attachment);
	border-color: var(--color-attachment);
	color: var(--color-attachment);
}