.jobs__page .jobs .job__heading:hover {
    cursor: pointer;
}

.jobs__page .box-content * {
    color: #fff !important;
}

.jobs__page .box-content ul > li:before {
    background-color: #fff !important;
    border-radius: 50%;
}

.jobs__page .box-content{
    background-color: #E5EBF3;
    border-radius: 1.25rem; /* 20px to rem */
}

.jobs__page .box-content * {
    color: #001d6c !important;
}

.jobs__page .box-content ul > li:before {
    background-color: #001d6c !important;
    border-radius: 50%;
}

.jobs__page .benefit{
    border: 0;
    background: #FFF2E9;
    border-radius: 1.875rem; /* 30px to rem */
    color: #FA7F26 !important;
}

.high-contrast .jobs__page .benefit{
    color: #b65205 !important;
}

.jobs__page .initiativbewerbung p {
    margin-bottom: 0 !important;
}

.jobs__page .bg-lightblue.initiativbewerbung:hover * {
    color: #fff;
}

.jobs__page .jobs .bg-lightblue {
    background: #E5EBF3;
    transition: all 0.3s ease-out;
}

.jobs__page .jobs .bg-lightblue:hover {
    background: #001d6c;
}

.jobs__page .jobs .bg-lightblue:hover .accordion-button {
    color: #fff;
}

.jobs__page .jobs .bg-lightblue:hover .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.jobs__page .bg-lightorange {
    background: #E5EBF3;
}

.jobs__page .bg-lightorange {
    background: #FA7F26;
    transition: all 0.3s ease-out;
}

.jobs__page .bg-lightorange * {
    color: #fff;
    transition: all 0.3s ease-out;
}

.jobs__page .bg-lightorange img {
    max-width: 150px;
}

.jobs__page .bg-lightorange:hover {
    background: #FA7F26;
}

.high-contrast .jobs__page .bg-lightorange * {
    color: #b65205;
    transition: all 0.3s ease-out;
}

.high-contrast .jobs__page .bg-lightorange:hover {
    background: #b65205;
}

.jobs__page .bg-lightorange:hover *{
    color: #fff;
}

.jops-hover.border{
    border-color: #E5EBF3 !important;
    background: #E5EBF3;
    border-radius: 1.875rem; /* 30px to rem */
}

.jops-hover:hover{
    background: #001d6c;
    border-color: #001d6c !important;
    transition: all 0s ease-out;
    border-radius: 1.875rem; /* 30px to rem */
}

.jops-hover:hover *{
    color: #fff !important;
    transition: all 0s ease-out;
}

.jops-hover:hover .btn-jobs-icon{
    background-color: #fff !important;
    color: #001d6c !important;
    border-color: #001d6c !important;
    transition: all 0s ease-out;
}

.btn-jobs-icon{
    transition: all 1s ease;
    text-transform: none;
    box-shadow: none !important;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap !important;
    z-index: 1;
    background: #fff;
    color: #001d6c !important;
    position: relative !important;
    border: 0.125rem solid #001d6c !important; /* 2px to rem */
    cursor: pointer;
    border-radius: 4rem; /* 64px to rem */
    text-align: center;
    width: 3.125rem; /* 50px to rem */
    height: 3.125rem; /* 50px to rem */
    font-size: 1.125rem; /* 18px to rem */
    font-weight: 300;
    line-height: 3.125rem; /* 50px to rem */
}

.btn-jobs-icon::after {
    content: '\f061';
    font-family: "Font Awesome 5 Pro" !important;
    font-weight: 700;
    font-size: 1.625rem; /* 26px to rem */
    line-height: 3.125rem; /* 50px to rem */
}

.swiper-button-prev,
.swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.swiper-button-prev {
    color: #01509f;
    left: -50px;
}

.swiper-button-next {
    color: #01509f;
    right: -50px;
}

@media (max-width: 767px) {
    .swiper-button-prev,
    .swiper-button-next {
        display: flex; /* Ensure they are visible */
        width: 30px; /* Adjust size for smaller screens */
        height: 30px;
    }

    .swiper-button-prev {
        left: 10px; /* Position the previous arrow on the left */
        right: auto; /* Reset right positioning */
    }

    .swiper-button-next {
        right: 10px; /* Position the next arrow on the right */
        left: auto; /* Reset left positioning */
    }
}