/* ==========================================================================
   Kerkemeier Karriere — Bewerbungsseite (bewerben.html). Lädt nach neu2.css.
   Nur das Formular: Titel und Karte mittig über dem Hafenfoto des Abschlusses,
   darunter der Fußbereich. Siehe DESIGNSYSTEM.md, Abschnitt 14.
   ========================================================================== */

/* Weniger Luft oben als im Abschluss — das Formular soll ohne Scrollen ganz zu sehen sein */
.abschluss--seite .abschluss__buehne { padding: var(--s7) 0 var(--s8); }

.bewerben {
  max-width: calc(820px + 2 * var(--rand));
  margin: 0 auto;
  padding: 0 var(--rand);
}

.bewerben__titel {
  margin: 0 0 var(--s3);
  font-family: var(--schrift-titel);
  font-weight: 700;
  font-size: clamp(36px, 4vw, 60px);
  line-height: 1.05;
  letter-spacing: -.01em;
  text-align: center;
}

.bewerben__satz {
  margin: 0 auto var(--s6);
  max-width: 34em;
  font-size: var(--t-gross);
  line-height: 1.5;
  color: rgba(255,255,255,.88);
  text-align: center;
}

/* Im Abschluss sitzt das Formular in einer Rasterspalte mit minmax(0, …); hier steht es frei.
   Ohne die Grenze wird die Bühne so breit wie die längste Stelle (nowrap) und ragt über die Karte. */
.bewerben .formular__buehne { grid-template-columns: minmax(0, 1fr); }

/* ---------- Hinweis unter der Stellenwahl: die Stelle gibt es, hier steht alles dazu ---------- */

.stellenhinweis {
  display: flex;
  align-items: flex-start;
  gap: var(--s2);
  margin-top: var(--s3);
  padding: var(--s3) var(--s4);
  border-radius: var(--r);
  background: var(--flaeche);
  font-size: 15px;
  line-height: 1.5;
  color: var(--tinte);
}

.stellenhinweis[hidden] { display: none; }

.stellenhinweis__zeichen {
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  fill: var(--gruen-akzent);
}

.stellenhinweis p { margin: 0; }

.stellenhinweis a {
  display: inline-flex;
  align-items: center;
  gap: var(--s1);
  font-weight: 700;
  color: var(--gruen);
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.stellenhinweis a svg { width: 12px; height: 12px; fill: currentColor; }

@media (max-width: 860px) {
  .abschluss--seite .abschluss__buehne { padding: var(--s6) 0 var(--s7); }
  .bewerben__satz { margin-bottom: var(--s5); font-size: var(--t-text); }
}