/*
 * Stellenseite (fitpreneur-collective.com/csm-position), nachgebaut aus den Onepage-
 * Sektionen „Deine Rolle“, „Das erwartet dich“, „Das bringst du mit“ und „Bewirb dich
 * jetzt“ (Stand 14.10.2026). Werte unverändert, nur die Klassennamen sind lesbar.
 * Beworben wird im Hiring (jobs.fitpreneur-collective.com/bewerbung/<stelle>).
 */

/* Weicher Schein hinter den Sektionen */
.stelle-schein { position: absolute; left: 50%; transform: translateX(-50%); border-radius: 50%; pointer-events: none; }

/* ---------- Deine Rolle ---------- */
.stelle-rolle { position: relative; width: 100%; padding: 84px 24px 80px; box-sizing: border-box; overflow: hidden; background: #ffffff; }
.stelle-rolle .stelle-schein { top: -300px; width: 1020px; height: 700px; background: radial-gradient(circle, #e4ebf9 0%, transparent 68%); opacity: 0.9; }
.stelle-rolle__container { position: relative; z-index: 1; max-width: 1000px; margin: 0 auto; width: 100%; }
.stelle-rolle__kopf { display: flex; flex-direction: column; align-items: center; width: 100%; }
.stelle-rolle__kopf > * { min-width: 0; max-width: 100%; }
.stelle-rolle__titel { margin-top: 18px; width: 980px; }
.stelle-rolle__titel h1 { font-size: 54px; line-height: 1.1; text-wrap: balance; overflow-wrap: break-word; }
.stelle-rolle__einleitung { margin-top: 20px; width: 840px; }
.stelle-rolle__einleitung .text { color: #07071acc; }
.stelle-rolle__aufgaben { margin-top: 52px; display: flex; flex-direction: column; align-items: center; width: 100%; }
.stelle-rolle__aufgaben-kopf { max-width: 100%; text-align: center; }
.stelle-rolle__liste { list-style: none; margin: 22px 0 0; padding: 0; width: 100%; max-width: 620px; }
.stelle-rolle__punkt { display: flex; align-items: flex-start; gap: 14px; padding: 7px 0; }
.stelle-rolle__marke { flex: none; width: 7px; height: 7px; border-radius: 50%; margin-top: 9px; background: var(--color-kit-key1, #385cb1); }
.stelle-rolle__aufgabe { font-family: var(--font-kit-text-font), 'Helvetica Neue', Arial, sans-serif; font-size: 17px; line-height: 1.5; color: #07071acc; }
.stelle-cta { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.stelle-rolle .stelle-cta { margin-top: 40px; }
.stelle-cta__hinweis { font-family: var(--font-kit-text-font), 'Helvetica Neue', Arial, sans-serif; font-size: 13.5px; color: #07071a96; text-align: center; }
@media (max-width: 1080px) { .stelle-rolle__titel h1 { font-size: 44px; } }
@media (max-width: 768px) {
  .stelle-rolle { padding: 58px 18px 56px; }
  .stelle-rolle .stelle-schein { top: -220px; width: 620px; height: 460px; }
  .stelle-rolle__titel { margin-top: 14px; }
  .stelle-rolle__titel h1 { font-size: clamp(26px, 7.2vw, 32px); }
  .stelle-rolle__einleitung { margin-top: 16px; }
  .stelle-rolle__einleitung p { font-size: 17px; }
  .stelle-rolle__aufgaben { margin-top: 42px; }
  .stelle-rolle__liste { margin-top: 18px; }
  .stelle-rolle__punkt { gap: 12px; padding: 6px 0; }
  .stelle-rolle__marke { margin-top: 8px; }
  .stelle-rolle__aufgabe { font-size: 15.5px; }
  .stelle-rolle .stelle-cta { order: -1; margin-top: 0; margin-bottom: 34px; }
}

/* ---------- Das erwartet dich ---------- */
.stelle-vorteile { position: relative; width: 100%; padding: 76px 24px 80px; box-sizing: border-box; overflow: hidden; background: var(--color-kit-light, #f7f7f7); }
.stelle-vorteile__container { position: relative; z-index: 1; max-width: 1010px; margin: 0 auto; width: 100%; }
.stelle-vorteile__kopf { max-width: 620px; margin: 0 auto; }
.stelle-vorteile__raster { margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 22px; align-items: start; padding-bottom: 44px; }
.stelle-vorteile__zelle { min-width: 0; }
.stelle-vorteile__zelle:nth-child(even) { transform: translateY(44px); }
.stelle-vorteile__symbol { display: inline-flex; align-items: center; justify-content: center; width: 46px; height: 46px; border-radius: 14px; margin-bottom: 14px; background: #385cb117; color: var(--color-kit-key1, #385cb1); }
.stelle-vorteile__text { margin-top: 10px; }
.stelle-vorteile__text .text, .stelle-anforderungen__text .text { color: #07071abf; }
@media (max-width: 820px) {
  .stelle-vorteile__raster { grid-template-columns: 1fr; gap: 16px; margin-top: 30px; padding-bottom: 0; }
  .stelle-vorteile__zelle:nth-child(even) { transform: none; }
}
@media (max-width: 768px) { .stelle-vorteile { padding: 54px 18px 56px; } }

/* ---------- Das bringst du mit ---------- */
.stelle-anforderungen { position: relative; width: 100%; padding: 76px 24px 60px; box-sizing: border-box; overflow: hidden; background: #ffffff; }
.stelle-anforderungen .stelle-schein { top: -280px; width: 940px; height: 580px; background: radial-gradient(circle, #e4ebf9 0%, transparent 66%); opacity: 0.55; }
.stelle-anforderungen__container { position: relative; z-index: 1; max-width: 940px; margin: 0 auto; width: 100%; }
.stelle-anforderungen__kopf { max-width: 620px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.stelle-anforderungen__liste { margin: 36px auto 0; max-width: 780px; list-style: none; padding: 0; border-top: 1px solid #07071a24; }
.stelle-anforderungen__zeile { display: grid; grid-template-columns: 70px 1fr; gap: 22px; padding: 22px 0; border-bottom: 1px solid #07071a24; align-items: start; }
.stelle-anforderungen__nummer { font-family: var(--font-kit-header-font), 'Helvetica Neue', Arial, sans-serif; font-size: 36px; font-weight: 800; letter-spacing: -0.03em; line-height: 0.98; color: var(--color-kit-key1, #385cb1); }
.stelle-anforderungen__inhalt { max-width: 660px; min-width: 0; }
.stelle-anforderungen__text { margin-top: 7px; }
@media (max-width: 768px) {
  .stelle-anforderungen { padding: 54px 18px 44px; }
  .stelle-anforderungen .stelle-schein { top: -220px; width: 620px; height: 460px; }
  .stelle-anforderungen__liste { margin-top: 26px; }
  .stelle-anforderungen__zeile { grid-template-columns: 48px 1fr; gap: 16px; padding: 18px 0; }
  .stelle-anforderungen__nummer { font-size: 26px; }
}

/* ---------- Bewirb dich jetzt ---------- */
.stelle-bewerben { position: relative; width: 100%; padding: 62px 24px 140px; box-sizing: border-box; overflow: hidden; scroll-margin-top: 24px; background: #ffffff; }
.stelle-bewerben .stelle-schein { bottom: -330px; width: 940px; height: 620px; background: radial-gradient(circle, #e4ebf9 0%, transparent 66%); opacity: 0.8; }
.stelle-bewerben__container { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; width: 100%; }
.stelle-bewerben__innen { display: flex; flex-direction: column; align-items: center; width: 100%; }
.stelle-bewerben__innen > * { min-width: 0; max-width: 100%; }
.stelle-bewerben .stelle-cta { margin-top: 32px; }
@media (max-width: 768px) {
  .stelle-bewerben { padding: 46px 18px 96px; }
  .stelle-bewerben .stelle-schein { bottom: -260px; width: 620px; height: 460px; }
  .stelle-bewerben .stelle-cta { margin-top: 26px; }
}