/********************************
* Module Jobs
********************************/
@media only screen and (min-width: 768px) {
    .sbb-module-jobs {
        background:linear-gradient(to right,var(--enfold-main-color-primary) 50%,transparent 50%);
    }
}

.sbb-jobs {
    padding: 0;
}

.sbb-jobs-item {
    display: grid;
    grid-template-columns: 30% 120px 1fr;
    align-items: center;
    min-height: 170px;
    padding:20px 0;
    background:linear-gradient(to right,var(--enfold-main-color-primary) calc(30% + (170px / 2)),var(--enfold-main-color-bg) calc(30% + (170px / 2)));
}
.sbb-jobs-item:first-child {
    padding-top:50px;
}
.sbb-jobs-item:last-child {
    padding-bottom: 50px;
}
.sbb-jobs-item:first-child::before {
    content: "";
    display: block;
    width: 600px;
    height: 165px;
    background: url(/wp-content/uploads/2026/04/SBB-Dreiklang_hellgrau.svg) no-repeat center right;
    position: absolute;
    left: calc(30% - 32px);
    top: -126px;
    opacity: 0;
    animation: sbbModuleOneFadeInBg 1.5s ease .5s forwards;
}
.sbb-jobs-item:first-child::after {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background:var(--enfold-main-color-primary);
    position: absolute;
    left: calc(30% + (170px / 2) - 48px);
    top:0px;
}
@media only screen and (max-width: 767.9px) {
    .sbb-jobs-item:first-child::before {
        height: 135px;
        left: calc(20% - 32px);
        top: -110px;
        z-index:-1;
    }
    .sbb-jobs-item:first-child::after {
        display:none;
    }
}
@media only screen and (max-width: 479.9px) {
    .sbb-jobs-item:first-child::before {
        height: 90px;
        left: -235px;
        top: -80px;
    }
}

.sbb-jobs-title {
    color: #fff;
    text-transform: uppercase;
    font-weight:normal;
    font-size: 24px;
    padding-left: 30px;
    hyphens: auto;
    text-wrap: balance;
}
/* m/w/d */
.sbb-jobs-title > span > span {
    font-size:.8em;
    text-transform: none;
}
.main_color .sbb-jobs-title strong {
    display:block;
    color:#fff;
}

.sbb-jobs-title > span::after {
    content: "";
    display: block;
    width: 86px;
    height: 4px;
    background: #31565d;
    margin-top: 18px;
    margin-left:22px;
}

.sbb-jobs-marker {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sbb-jobs-circle {
    width: 66px;
    height: 66px;
    background:url('/wp-content/uploads/2026/04/SBB-Einzelelement_rot.svg') no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0;
    z-index: 1;
}


.sbb-jobs-content {
    font-size: 16px;
    line-height: 1.55;
    padding-left: 60px;
}
#top .sbb-jobs-content > strong {
    color:#fff;
}

#top .sbb-jobs-link a {
    font-size:13px;
    display:inline-block;
    background: var(--enfold-main-color-primary);
    color: #fff;
    border:none;
    text-transform: uppercase;
    margin:1em 0 0 0;
    padding: 7px 10px;
    border-radius: 2px;
    transition: all .25s ease-in-out;
}
#top .sbb-jobs-link a:hover {
    opacity: .8;
}

@media (max-width: 767px) {
    .sbb-jobs {
        background:var(--enfold-main-color-primary);
        padding: 30px 20px;
    }

    .sbb-jobs-item:first-child {
        padding-top:25px;
    }
    .sbb-jobs-item > * {
        min-width:0;
    }
    .sbb-jobs-item {
        grid-template-columns:fit-content(20%) fit-content(80%);
        gap: 1em;
        min-height: auto;
        margin-bottom:25px;
        background:none;
    }
    .sbb-jobs-item .sbb-jobs-title {
        grid-column:1 / -1;
    }
    .sbb-jobs-item:last-child {
        padding-bottom: 0px;
    }

    .sbb-jobs-title {
        padding-left: 0;
    }

    .sbb-jobs-marker {
        height:100%;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .sbb-jobs-marker::after {
        display: none;
    }

    .sbb-jobs-circle {
        position: relative;
        right: auto;
        margin-left:10px;
    }

    .sbb-jobs-content {
        padding-right: 0;
        padding-left:2em;
    }

    #top .sbb-jobs-link {
        text-align:right;
        padding-right:clamp(0px,1vw,2em);
    }
    #top .sbb-jobs-link a {
        background:rgba(255,255,255,.9);
        color: var(--enfold-main-color-primary);
    }
}
@media (min-width: 768px) and (max-width:990px) {
    .sbb-jobs-title {
        padding-left:clamp(0px,4vw,90px);
        font-size: clamp(18px,2.4vw,24px);
    }
}
@media (max-width: 479.9px) {
    .sbb-jobs-item:first-child {
        padding-top:0px;
    }
    .sbb-jobs-item {
        grid-template-columns:fit-content(20%) fit-content(80%);
        margin-bottom:0px;
    }
    .sbb-jobs-item .sbb-jobs-title {
        font-size: clamp(19px,2.8vw,23px);
    }
    .sbb-jobs-marker {
        position: relative;
        top:-15px;
        left:-20px;
        z-index:1;
    }
    .sbb-jobs-circle {
        margin-left:0px;
    }
    .sbb-jobs-content {
        padding-left:0em;
        font-size:14px;
        z-index:2;
        margin-left:-50px;
    }
}