/* Seite "Für Bewerber": Page-Hero + Ablauf-Schritte + Job-Liste + Bewerbungsformular (Basis in styles.css) */

.page-hero{padding:72px 0 56px; text-align:center;}
h1{font-size:clamp(30px,4.5vw,44px); line-height:1.2; font-weight:400; max-width:640px; margin:0 auto; color:var(--ink);}
.page-hero p.lede{max-width:520px; margin:20px auto 0; font-size:17.5px; line-height:1.65; color:var(--ink-soft);}

.jobs{padding:76px 0 24px;}
.section-head{text-align:center; max-width:520px; margin:0 auto 12px;}
.section-head h2{font-size:26px; font-weight:400;}
.section-note{text-align:center; font-size:12.5px; color:var(--ink-soft); font-style:italic; margin-bottom:44px;}
.job-list{border-top:1px solid var(--hairline);}
.job-row{display:grid; grid-template-columns:56px 1fr auto; gap:20px; align-items:start; padding:28px 0; border-bottom:1px solid var(--hairline);}
@media (max-width:700px){ .job-row{grid-template-columns:32px 1fr; grid-template-areas:"num title" "num meta" "num desc" "num cta";} .job-row .apply{grid-area:cta; margin-top:14px; justify-self:start;} }
.job-row .num{font-family:'Libre Caslon Display', serif; font-size:20px; color:var(--brass);}
.job-row .title{font-size:18px; font-weight:600;}
.job-row .meta{font-size:12px; color:var(--brass); letter-spacing:0.06em; text-transform:uppercase; margin-top:4px;}
.job-row .desc{font-size:16px; color:var(--ink-soft); margin-top:8px; max-width:480px;}
.job-row .apply{font-size:13px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; border-bottom:1px solid var(--burgundy); padding-bottom:4px; white-space:nowrap; align-self:center;}
.job-row .apply:hover{color:var(--burgundy);}