/* Karriere – nur was die Bausteine (site.css Abschnitt 23) nicht abdecken. Ruhig: keine Animationen, kein Zähl-Effekt. */

/* Seiten-Brett: H1 mit Unterzeile, WhatsApp-Link neben dem Knopf */
.h1-sub{display:block;margin-top:.22em;font-size:var(--fs-head);line-height:1.05;letter-spacing:-.02em;}
.wa-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.28em;}
.wa-link svg{flex:none;width:22px;height:22px;}

/* Wechsel-Bonus: drei Stufen, die letzte (Papier) trägt den Betrag */
.bonus-steps{--step-h:clamp(170px,14vw,220px);--rise:clamp(28px,3.4vw,56px);}
.bonus-steps p{font-size:var(--fs-lead);line-height:1.3;max-width:24ch;}
.bonus-steps__amount{display:block;margin:4px 0 12px;font:600 clamp(56px,6.6vw,104px)/.9 var(--serif);letter-spacing:-.04em;white-space:nowrap;}

/* Zwei Stellen nebeneinander, Aufgaben/Profil als Tonzeilen */
.jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--j);}
.job{display:flex;flex-direction:column;gap:22px;padding:clamp(22px,2.6vw,40px);}
.job__title{font:600 var(--fs-head)/1 var(--serif);letter-spacing:-.025em;}
.job__mwd{font-size:.62em;letter-spacing:0;color:var(--soft);white-space:nowrap;}
.job__cols{display:grid;gap:4px;}
.job__part{display:grid;grid-template-columns:minmax(8.5em,28%) minmax(0,1fr);gap:8px 18px;padding:16px 18px;background:var(--tone-on);}
.job__label{font:600 var(--fs-small)/1.5 var(--sans);letter-spacing:0;padding-top:.15em;}
.job__cta{align-self:flex-start;margin-top:auto;}

/* Team: Foto links zwei Reihen hoch, Text breit, darunter Teamfoto + Kennzahl (ohne Ziffern-Rolle) */
.kteam__pic{grid-column:1 / 5;grid-row:1 / 3;min-height:clamp(520px,44vw,700px);}
.kteam__text{grid-column:5 / 13;grid-row:1;gap:18px;}
.kteam__text h2{max-width:14ch;}
.kteam__text p:not(.lead){max-width:62ch;}
.kteam__side{grid-column:5 / 9;grid-row:2;}
.kteam__fact{grid-column:9 / 13;grid-row:2;}
.kteam__n{font:600 var(--fs-figure)/.85 var(--serif);letter-spacing:-.04em;}
.kteam__fact .tile__end{font-weight:600;line-height:1.4;}

/* Bewerbung: Formular als helle Zellen (Abschnitt 17, hier auf weißem Grund), rechts weitere Wege */
.apply__board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--j);align-items:start;}
.apply__form{grid-column:1 / 9;}
.apply__side{grid-column:9 / 13;display:flex;flex-direction:column;gap:var(--j);}
.form__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin-bottom:var(--j);}
.form__title{font:600 var(--fs-lead)/1.2 var(--serif);letter-spacing:-.01em;}
.form__intro{max-width:46ch;}
.apply .cell{background:var(--tile);color:var(--ink);}
.apply .cell:not(.cell--submit):not(.cell--note):not(.cell--privacy){justify-content:flex-start;}
.apply .cell select option{background:#FFFFFF;color:var(--ink);}
.apply .cell ::placeholder{color:var(--soft);opacity:1;}
/* Eingabe als weiße Mulde in der Zelle (wie die Felder des Aufmaß-Rechners): auf hellem Grund klar als Feld erkennbar */
.apply .cell input:not([type="checkbox"]),.apply .cell select,.apply .cell textarea{min-height:46px;padding:10px 12px;background:var(--bg);}
.apply .cell select{padding-right:44px;}
.apply .cell textarea{min-height:132px;}
.apply .cell--select svg{right:30px;bottom:26px;}
.apply .cell--note,.apply .cell--privacy{justify-content:center;min-height:0;background:var(--tile-2);font-size:var(--fs-small);line-height:1.45;}
.apply .cell--note{font-weight:600;}
.apply .cell--privacy{grid-column:1 / 3;}
.apply .cell--privacy a{font-weight:600;text-decoration-thickness:2px;text-underline-offset:.22em;}
.apply .cell--submit{background:var(--accent);color:var(--on-accent);}
@media (hover:hover) and (pointer:fine){
  .apply .cell:not(:focus-within):not(.cell--submit):hover{background:var(--tile-2);}
  .apply .cell.cell--note:not(:focus-within):hover,.apply .cell.cell--privacy:not(:focus-within):hover{background:var(--tile-2);}
  .apply .cell--submit:hover{background:var(--accent-hover);}
}
/* Fehler: Zelle getönt + roter Rand (site.css), Meldung direkt unter dem Feld (site.js setzt p.field__error) */
.apply .cell:has([aria-invalid="true"]){background:#FBE8E4;}
.field__error{margin-top:6px;font-size:var(--fs-small);font-weight:600;line-height:1.4;color:var(--error);}
.apply .form__note{color:var(--soft);}

.apply .reach__cell{background:var(--tile);}
@media (hover:hover) and (pointer:fine){.apply .reach__cell:hover{background:var(--tile-2);}}
.apply__hours h3{margin-bottom:12px;font:600 var(--fs-lead)/1.15 var(--serif);letter-spacing:-.01em;}
.hours{display:grid;gap:4px;margin:0;}
.hours > div{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;background:var(--tone-on);}
.hours dt{font-weight:600;}
.hours dd{margin:0;font-variant-numeric:tabular-nums;}

/* Tablet */
@media (max-width:1099px){
  .kteam__pic{grid-column:1 / 7;grid-row:1 / 3;min-height:0;}
  .kteam__text{grid-column:7 / 13;grid-row:1 / 3;}
  .kteam__side{grid-column:1 / 7;grid-row:3;}
  .kteam__fact{grid-column:7 / 13;grid-row:3;}
  .apply__form,.apply__side{grid-column:1 / -1;}
  .apply__side{display:grid;grid-template-columns:1fr 1fr;}
}
@media (max-width:899px){
  .jobs{grid-template-columns:1fr;}
}

/* Handy */
@media (max-width:599px){
  .h1-sub{font-size:24px;}
  .page-board__actions .wa-link{width:100%;}
  .bonus-steps p{font-size:var(--fs-body);}
  .bonus-steps__amount{font-size:56px;}
  .job{gap:18px;padding:20px 18px 22px;}
  .job__title{font-size:var(--fs-head);}
  .job__part{grid-template-columns:1fr;padding:14px 14px 16px;}
  .job__cta{align-self:stretch;}
  .kteam__pic,.kteam__text,.kteam__side,.kteam__fact{grid-column:1 / -1;grid-row:auto;min-height:0;}
  .kteam__pic{aspect-ratio:4 / 5;}
  .kteam__text h2{font-size:var(--fs-head);}
  .kteam__fact{flex-direction:row;align-items:flex-end;gap:16px;}
  .kteam__fact .tile__end{margin-top:0;}
  .form__head{display:block;padding:18px;}
  .form__intro{margin-top:6px;}
  .apply .cell--privacy{grid-column:auto;}
  .apply__side{display:flex;}
}