.pageelement-job-detail .content-container {
    flex-direction: column;
}

.pageelement-job-detail .apply-online {
    display: flex;
    gap: var(--spacing-20px);
}

.pageelement-job-detail .apply-online .icon:before {
    content: '\f0e0';
    font-family: 'Font Awesome 7 Pro', sans-serif;
    font-size: var(--font-size-30px);
    display: inline-block;
    color: var(--color-primary);
}

.pageelement-job-detail .apply-online .text {
    color: var(--color-primary);
    font-size: var(--font-size-24px);
    font-weight: var(--font-weight-bold);
}

.pageelement-job-detail .apply-online .text:hover {
    text-decoration: underline;
    text-decoration-thickness: var(--border-width-2px);
}

.pageelement-job-detail .download-item {
    margin-bottom: var(--spacing-50px);
}

.pageelement-job-detail .download-item .download-link {
    font-size: var(--font-size-20px);
    font-weight: 400;
    color: var(--color-primary);
    width: fit-content;
}

.pageelement-job-detail .download-item .download-link::before {
    color: var(--color-primary);
    font-size: var(--font-size-24px);
    width: fit-content;
    margin-right: var(--spacing-15px);
}

.pageelement-job-detail .download-item .download-link:hover {
    text-decoration: underline;
    text-decoration-thickness: var(--border-width-2px);
}

.pageelement-job-detail .contact-text {
    margin-bottom: var(--spacing-50px);
}

.pageelement-job-detail .links {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pageelement-job-detail .layout {
    display: flex;
    margin-top: var(--spacing-50px);
    margin-bottom: var(--spacing-30px);
    flex-direction: column;
}

.pageelement-job-detail .layout .description-text {
    margin-bottom: var(--spacing-50px);
}

.contact-text strong {
    margin-bottom: var(--spacing-15px);
    display: block;
}

.pageelement-job-detail .contact-text .contact-links {
    margin-top: var(--spacing-15px);
}

.pageelement-job-detail .contact-text a {
    display: block;
    font-weight: normal;
    line-height: var(--line-height-normal);
    width: fit-content;
    color: var(--color-text);
}

.pageelement-job-detail .contact-text a:hover {
    text-decoration: underline;
}

.pageelement-job-detail .contact-text a i {
    color: var(--color-primary);
    width: var(--spacing-35px);
    font-size: var(--font-size-20px);
    text-align: start;
}

.pageelement-job-detail .back-link {
    color: var(--color-black);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-20px);
}

.pageelement-job-detail .back-link span {
    font-weight: var(--font-weight-bold);
}

.pageelement-job-detail .registration .button {
    margin-top: 1.2rem;
}

.pageelement-job-detail .back-link {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-10px);
    color: var(--color-black);
    font-size: var(--font-size-18px);
    font-weight: var(--font-weight-bold);
}

.pageelement-job-detail .back-link i {
    color: var(--color-primary);
}

.pageelement-job-detail .back-link span {
    font-weight: var(--font-weight-bold);
}

.pageelement-job-detail .back-link:hover,
.pageelement-job-detail .back-link:active {
    color: var(--color-black);
}

.pageelement-job-detail .back-link:hover span,
.pageelement-job-detail .back-link:active span {
    text-decoration: underline;
    text-decoration-thickness: var(--border-width-2px);
    text-underline-offset: var(--spacing-3px);
}

.pageelement-job-detail .back-link:hover i,
.pageelement-job-detail .back-link:active i {
    color: var(--color-primary);
}

.pageelement-job-detail .back-link:focus-visible {
    outline: var(--outline);
    outline-offset: var(--outline-offset);
}

@media screen and (max-width: 47.5rem) {
    .pageelement-job-detail .description-text {
        margin-right: 0;
    }
}

@media screen and (max-width: 32.5rem) {
    .pageelement-job-detail .apply-online .text {
        color: var(--color-primary);
        font-size: var(--font-size-20px);
    }

    .icon::before {
        font-size: var(--font-size-24px);
    }
}