/* CSS für das Job-Posting */
.job-postings-wrapper{
	display: grid;
	grid-template-rows: 1fr;
	gap: 2rem;
}

.job-posting {
	display: grid;
	gap:1rem;
	align-items: end;
    padding: 0 0 1rem;
    border-bottom: var(--default-border-width) solid var(--e-global-color-text);
}

@media screen and (min-width: 1025px) {
	.job-posting{
		grid-template-columns: 3fr 1fr;
	}
}
@media screen and (max-width: 1024px) and (min-width: 767px) {
	.job-posting{
		grid-template-columns: 2fr 1fr;
	}
}
@media screen and (max-width: 767px){
	.job-posting{
		grid-template-columns: 1fr;
	}
}

.job-info .job-title{
	margin:0 0 .5rem;
	font-size: var( --e-global-typography-8723f6c-font-size );
	font-weight: var( --e-global-typography-8723f6c-font-weight );
	text-transform: var( --e-global-typography-8723f6c-text-transform );
	font-style: var( --e-global-typography-8723f6c-font-style );
	text-decoration: var( --e-global-typography-8723f6c-text-decoration );
	line-height: var( --e-global-typography-8723f6c-line-height );
	letter-spacing: var( --e-global-typography-8723f6c-letter-spacing );
	word-spacing: var( --e-global-typography-8723f6c-word-spacing );
}

.job-posting .elementor-button-wrapper {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.job-posting .elementor-button-content-wrapper {
    gap: clamp(.5rem, 5vw, 4.5rem);
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}

.job-posting .elementor-button-icon svg {
    width: .8rem;
}

.job-posting .elementor-button {
    background-color: #02010100;
    fill: var(--e-global-color-text);
    color: var(--e-global-color-text);
}

.job-posting .elementor-button:hover{
	color: currentcolor;
}
.job-posting .elementor-button:visited{
	color: currentcolor;
}