/* ===========================
   Mitarbeiter gesucht
=========================== */

.career-page{
    background:var(--cream);
}

.career-hero{
    position:relative;
    min-height:72vh;
    display:flex;
    align-items:center;
    overflow:hidden;
    text-align:center;
}

.career-hero-bg,
.career-hero-overlay{
    position:absolute;
    inset:0;
}

.career-hero-bg img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

.career-hero-overlay{
    background:rgba(58,36,21,.62);
}

.career-hero-content{
    position:relative;
    z-index:1;
    max-width:920px;
    padding:120px 0 100px;
    color:var(--white);
}

.career-hero .section-kicker{
    color:var(--cream-light);
}

.career-hero h1{
    margin:20px 0 28px;
    font-size:clamp(52px, 7vw, 86px);
    color:var(--white);
}

.career-hero-content > p:not(.section-kicker){
    max-width:760px;
    margin:0 auto;
    font-size:clamp(20px, 2.5vw, 26px);
    line-height:1.7;
}

.career-hero-buttons,
.career-job-actions,
.career-application-actions{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:18px;
}

.career-hero-buttons{
    margin-top:42px;
}

.btn-outline-light{
    border:2px solid var(--cream-light);
    color:var(--cream-light);
}

.btn-outline-light:hover{
    background:var(--cream-light);
    color:var(--primary);
}

.career-intro{
    padding:110px 0;
}

.career-intro-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:70px;
    align-items:start;
}

.career-intro .section-kicker{
    text-align:left;
}

.career-intro h2,
.career-jobs > .container > h2,
.career-application h2{
    color:var(--primary);
    font-size:clamp(42px, 5.5vw, 64px);
    line-height:1.15;
}

.career-intro h2{
    margin:18px 0 0;
}

.career-intro-text p{
    margin:0 0 22px;
    color:var(--accent);
    font-size:21px;
    line-height:1.8;
}

.career-benefits{
    padding:0 0 110px;
}

.career-benefits-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;
}

.career-benefit{
    padding:36px 30px;
    background:var(--cream-light);
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow-soft);
    text-align:center;
}

.career-benefit span{
    display:block;
    color:var(--accent);
    font-size:42px;
    line-height:1;
}

.career-benefit h2{
    margin:22px 0 14px;
    color:var(--primary);
    font-size:29px;
}

.career-benefit p{
    margin:0;
    color:var(--accent);
    font-size:18px;
    line-height:1.7;
}

.career-jobs{
    padding:110px 0;
    background:var(--cream-light);
    border-top:1px solid var(--border);
    border-bottom:1px solid var(--border);
}

.career-jobs > .container > h2{
    margin:18px 0 55px;
    text-align:center;
}

.career-jobs-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:38px;
    max-width:1100px;
    margin:0 auto;
}

.career-job-card{
    padding:48px;
    background:var(--white);
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow-soft);
}

.career-job-header{
    padding-bottom:26px;
    margin-bottom:28px;
    border-bottom:1px solid var(--border);
}

.career-job-type{
    margin:0 0 12px;
    color:var(--accent);
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:15px;
    font-weight:700;
}

.career-job-card h3{
    margin:0;
    color:var(--primary);
    font-size:clamp(34px, 4vw, 48px);
}

.career-job-start{
    display:inline-block;
    margin:18px 0 0;
    padding:8px 14px;
    border-radius:999px;
    background:var(--cream);
    color:var(--primary);
    font-weight:700;
}

.career-job-card > p{
    color:var(--accent);
    font-size:20px;
    line-height:1.75;
}

.career-job-columns{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:45px;
    margin:34px 0;
}

.career-job-columns h4{
    margin:0 0 16px;
    color:var(--primary);
    font-size:24px;
}

.career-job-columns ul{
    margin:0;
    padding-left:22px;
    color:var(--text);
    font-size:18px;
    line-height:1.8;
}

.career-job-actions{
    justify-content:flex-start;
    padding-top:8px;
}

.career-application{
    padding:110px 0;
}

.career-application-box{
    max-width:950px;
    padding:65px;
    background:var(--cream-light);
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow-soft);
    text-align:center;
}

.career-application h2{
    margin:18px 0 24px;
}

.career-application-box > p:not(.section-kicker){
    max-width:760px;
    margin:0 auto;
    color:var(--accent);
    font-size:21px;
    line-height:1.75;
}

.career-application-actions{
    margin-top:36px;
}

@media (max-width:900px){
    .career-intro-grid,
    .career-job-columns{
        grid-template-columns:1fr;
        gap:35px;
    }

    .career-benefits-grid{
        grid-template-columns:1fr;
    }

    .career-intro .section-kicker{
        text-align:center;
    }

    .career-intro h2{
        text-align:center;
    }
}

@media (max-width:650px){
    .career-hero{
        min-height:68vh;
    }

    .career-hero-content{
        padding:95px 0 80px;
    }

    .career-hero-buttons,
    .career-job-actions,
    .career-application-actions{
        flex-direction:column;
        align-items:stretch;
    }

    .career-intro,
    .career-jobs,
    .career-application{
        padding:80px 0;
    }

    .career-benefits{
        padding-bottom:80px;
    }

    .career-job-card{
        padding:32px 24px;
    }

    .career-application-box{
        padding:46px 24px;
    }

    .career-job-actions .btn,
    .career-application-actions .btn,
    .career-hero-buttons .btn{
        text-align:center;
    }
}