.aventini-header {
	position: relative;
}

.job-listing-inititiativ {
	order: 2;
}
.job-listing-wrapper {
	order: 3;
}

.job-listing-filter-seperator {
	padding-top: 32px;
	padding-bottom: 8px;
}
.job-listing-filter-seperator,
.job-listing-filter-seperator .d-flex {
	gap: 16px;
	text-align: left;
	font-size: 14px;
	align-items: center;
}
.job-listing-filter-seperator span {
	flex: 1 1 auto;
	white-space: nowrap;
	color: #002EFF;
}
.job-listing-filter-seperator hr {
	border-color: #002EFF;
	width: 100%;
}

.aventini-header>img {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.aventini-header .background-gradient {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}

#job-listings {
	display: flex;
	flex-flow: column;
	gap: 16px;
}

select.aventini-filter {
	width: 100%;
	max-width: 100%;
		text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

select.aventini-filter option {
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.job-listing-infofield {
	border-radius: 20px;
	border: 1px solid var(--color-blue);
	padding: 40px;
}
.job-listing-infofield .infofield-inner {
	display: flex;
	gap: 60px;
}
.job-listing-infofield .infofield-image {
	flex: 1 1 180px;
	max-width: 180px;
}
.job-listing-infofield .infofield-content {
	flex: 1 1 60%;
}
.job-listing {
	position: relative;
	background: #F7F7F8;
	cursor: pointer;
	transition: 100ms ease-in-out all;
	border-radius: 20px;
	overflow: hidden;
	color: #404040;
}

.job-listing-hover {
	opacity: 0;
	transition: 100ms ease-in-out all;
}
.job-listing:hover .job-listing-hover {
	opacity: 1;
}

.job-listing:hover {
	background: var(--color-blue);
	color: #00CCFF;
}

.job-listing-headline {
	transition: 100ms ease-in-out all;
}

.job-listings-infos {
	gap: 16px;
}

.job-listing:hover .job-listing-headline {
	color: var(--color-white);
	text-decoration: underline;
}

.job-listing-skeleton {
	height: 157px;
		border: 1px solid #E5E5E5;
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
}
.job-listing-skeleton:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: translateX(-100%);
background: linear-gradient(93deg, rgba(255,255,255,0.5046393557422969) 0%, rgba(229,229,229,0.4990371148459384) 50%, rgba(255,255,255,0) 100%);
	animation: shimmer 3s infinite;
	content: '';
}

  @keyframes shimmer {
    100% {
      transform: translateX(100%);
    }
  }