/* ==========================================================================
   Share2Flow — Karriereseite (v8). Gescopt unter .s2f-kar, Klassen mit k-
   Prefix, damit nichts mit Bootstrap/style.css kollidiert. Schriften kommen
   global aus s2f-fonts.css (Poppins + Libre Caslon Text).
   ========================================================================== */
.s2f-kar{
  --paper:#F4F7FF;--paper-2:#E6EDFF;--white:#fff;--ink:#0B192F;
  --text:#48546C;--muted:#8790A6;--line:rgba(11,25,47,.12);
  --blue:#3B5BDB;--cyan:#6B9AEB;--amber:#F9D149;--coral:#EF7A6B;--mint:#4FC38C;
  --kmax:1180px;--ease:cubic-bezier(.16,1,.3,1);
  --sh:0 20px 50px rgba(11,25,47,.10);--sh-sm:0 2px 10px rgba(11,25,47,.06);
  background:var(--paper);color:var(--ink);font-family:Poppins,system-ui,sans-serif;line-height:1.5;
}
.s2f-kar *{box-sizing:border-box}
.s2f-kar .k-serif{font-family:"Libre Caslon Text",Georgia,serif}
.s2f-kar .k-wrap{max-width:var(--kmax);margin-inline:auto;padding-inline:clamp(20px,5vw,44px)}
.s2f-kar .k-sec{position:relative;padding:clamp(56px,8vw,112px) 0}
.s2f-kar .k-sec--white{background:var(--white)}
.s2f-kar .k-eyebrow{display:inline-flex;align-items:center;gap:12px;margin:0 0 20px;color:var(--blue);font-size:13.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.s2f-kar .k-eyebrow::before{content:"";width:26px;height:2px;background:var(--blue);border-radius:2px}
.s2f-kar .k-h1{margin:0;font-size:clamp(40px,6.2vw,74px);font-weight:800;letter-spacing:-.045em;line-height:1;text-wrap:balance;color:var(--ink)}
.s2f-kar .k-h1 .k-accent,.s2f-kar .k-h1 .serif-i{display:block;color:var(--blue);font-family:"Libre Caslon Text",Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.03em}
.s2f-kar .k-h2{margin:0;font-size:clamp(28px,3.8vw,50px);font-weight:700;letter-spacing:-.038em;line-height:1.04;text-wrap:balance;color:var(--ink)}
.s2f-kar .k-h2 .serif-i{font-family:"Libre Caslon Text",Georgia,serif;font-style:italic;font-weight:400;color:var(--blue)}
.s2f-kar .k-lead{margin:22px 0 0;max-width:56ch;color:var(--text);font-size:clamp(17px,1vw + .7rem,20px);line-height:1.62}
.s2f-kar svg{display:block}

/* buttons */
.s2f-kar .k-btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.s2f-kar .k-btn{position:relative;display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;font:700 16px/1 Poppins,sans-serif;text-decoration:none;cursor:pointer;border:0;transition:transform .25s var(--ease),box-shadow .3s var(--ease)}
.s2f-kar .k-btn .k-arw{transition:transform .3s var(--ease)}
.s2f-kar .k-btn:hover .k-arw{transform:translateX(5px)}
.s2f-kar .k-btn--amber{background:var(--amber);color:#0B192F;box-shadow:0 16px 40px rgba(249,209,73,.32)}
.s2f-kar .k-btn--blue{background:var(--blue);color:#fff;box-shadow:0 16px 40px rgba(59,91,219,.34)}
.s2f-kar .k-btn--amber:hover,.s2f-kar .k-btn--blue:hover{transform:translateY(-3px)}
.s2f-kar .k-btn--ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.s2f-kar .k-btn--ghost:hover{transform:translateY(-3px);border-color:var(--blue);color:var(--blue)}

/* hero */
.s2f-kar .k-hero{padding-top:clamp(48px,7vw,96px);overflow:hidden}
.s2f-kar .k-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center}
@media(max-width:880px){.s2f-kar .k-hero__grid{grid-template-columns:1fr}.s2f-kar .k-art{order:-1;max-width:440px}}
.s2f-kar .k-art{position:relative}
.s2f-kar .k-halo{position:absolute;inset:-12% -8% -12% -8%;background:radial-gradient(60% 60% at 62% 38%,rgba(107,154,235,.28),transparent 70%);filter:blur(4px);z-index:0}
.s2f-kar .k-art svg{position:relative;z-index:1;width:100%;height:auto}

/* section head + icon */
.s2f-kar .k-shead{display:flex;align-items:center;gap:18px;margin-bottom:6px}
.s2f-kar .k-sicon{flex:0 0 auto;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:var(--paper-2);color:var(--blue);box-shadow:var(--sh-sm)}
.s2f-kar .k-sicon svg{width:26px;height:26px}

/* why cards */
.s2f-kar .k-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:22px;margin-top:48px}
.s2f-kar .k-card{position:relative;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:30px 26px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.s2f-kar .k-sec--white .k-card{background:var(--white)}
.s2f-kar .k-card:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.s2f-kar .k-card .k-ico{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;margin-bottom:18px}
.s2f-kar .k-card .k-ico svg{width:24px;height:24px}
.s2f-kar .k-card:nth-child(3n+1) .k-ico{background:rgba(59,91,219,.12);color:var(--blue)}
.s2f-kar .k-card:nth-child(3n+2) .k-ico{background:rgba(249,209,73,.20);color:#9a7b12}
.s2f-kar .k-card:nth-child(3n+3) .k-ico{background:rgba(79,195,140,.16);color:#1f7a4d}
.s2f-kar .k-card h3{margin:0 0 8px;font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.s2f-kar .k-card p{margin:0;color:var(--text);font-size:16px;line-height:1.62}

/* how split */
.s2f-kar .k-split{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,5vw,72px);align-items:start;margin-top:14px}
.s2f-kar .k-statement{margin:0;font-family:"Libre Caslon Text",Georgia,serif;font-size:clamp(24px,1.2vw+.9rem,34px);line-height:1.28;color:var(--ink);letter-spacing:-.01em}
.s2f-kar .k-prose p{margin:0 0 16px;color:var(--text);font-size:17px;line-height:1.72}
.s2f-kar .k-prose p:last-child{margin-bottom:0}
@media(max-width:760px){.s2f-kar .k-split{grid-template-columns:1fr}}

/* features (remote) */
.s2f-kar .k-features{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:44px}
@media(max-width:720px){.s2f-kar .k-features{grid-template-columns:1fr}}
.s2f-kar .k-feat{display:flex;gap:16px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.s2f-kar .k-sec--white .k-feat{background:var(--white)}
.s2f-kar .k-feat:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.s2f-kar .k-feat .k-fi{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:grid;place-items:center}
.s2f-kar .k-feat .k-fi svg{width:23px;height:23px}
.s2f-kar .k-feat:nth-child(4n+1) .k-fi{background:rgba(239,122,107,.16);color:#a4392c}
.s2f-kar .k-feat:nth-child(4n+2) .k-fi{background:rgba(59,91,219,.12);color:var(--blue)}
.s2f-kar .k-feat:nth-child(4n+3) .k-fi{background:rgba(79,195,140,.16);color:#1f7a4d}
.s2f-kar .k-feat:nth-child(4n+4) .k-fi{background:rgba(249,209,73,.22);color:#9a7b12}
.s2f-kar .k-feat h4{margin:0 0 6px;font-size:17.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.s2f-kar .k-feat p{margin:0;color:var(--text);font-size:15.5px;line-height:1.6}

/* role */
.s2f-kar .k-rolewrap{position:relative;background:var(--white);border:1px solid var(--line);border-radius:26px;padding:clamp(28px,4vw,46px);margin-top:24px;box-shadow:var(--sh);overflow:hidden}
.s2f-kar .k-corner{position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(249,209,73,.22),transparent 65%);pointer-events:none}
.s2f-kar .k-roletop{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.s2f-kar .k-roletop .k-h2{font-size:clamp(26px,3vw,38px)}
.s2f-kar .k-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--white);border:1px solid var(--line);color:var(--blue);font-size:13.5px;font-weight:600}
.s2f-kar .k-tag svg{width:15px;height:15px}
.s2f-kar .k-rolegrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);margin-top:32px}
@media(max-width:760px){.s2f-kar .k-rolegrid{grid-template-columns:1fr}}
.s2f-kar .k-rolegrid h3{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:17px;font-weight:700;color:var(--ink)}
.s2f-kar .k-rolegrid h3 svg{width:20px;height:20px;color:var(--blue)}
.s2f-kar .k-desc{margin:0;color:var(--text);font-size:16px;line-height:1.72}
.s2f-kar .k-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}
.s2f-kar .k-checklist li{position:relative;padding-left:34px;color:var(--text);font-size:16px;line-height:1.5}
.s2f-kar .k-checklist li svg{position:absolute;left:0;top:0;width:22px;height:22px}
.s2f-kar .k-rolefoot{margin-top:34px;display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.s2f-kar .k-hint{color:var(--muted);font-size:15px}

/* initiativ */
.s2f-kar .k-initiativ{display:flex;gap:18px;align-items:flex-start;margin-top:42px;padding:26px 28px;border:1px dashed var(--line);border-radius:20px;background:var(--white)}
.s2f-kar .k-initiativ .k-ico{flex:0 0 auto;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(59,91,219,.10);color:var(--blue)}
.s2f-kar .k-initiativ .k-ico svg{width:23px;height:23px}
.s2f-kar .k-initiativ h3{margin:0 0 6px;font-size:19px;font-weight:700;color:var(--ink)}
.s2f-kar .k-initiativ p{margin:0;color:var(--text);font-size:16px;line-height:1.62;max-width:64ch}

/* CTA */
.s2f-kar .k-cta{position:relative;background:linear-gradient(150deg,#0B192F,#16264a);color:#fff;border-radius:30px;padding:clamp(44px,6vw,80px);text-align:center;overflow:hidden}
.s2f-kar .k-cta .k-bloom{position:absolute;inset:auto -80px -140px auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(249,209,73,.34),transparent 60%);pointer-events:none}
.s2f-kar .k-cta .k-bloom2{position:absolute;inset:-120px auto auto -100px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(107,154,235,.30),transparent 62%);pointer-events:none}
.s2f-kar .k-cta .k-h2{color:#fff;position:relative}
.s2f-kar .k-cta .k-h2 .serif-i{color:var(--amber)}
.s2f-kar .k-cta p{position:relative;margin:16px auto 0;max-width:54ch;color:rgba(255,255,255,.86);font-size:18px;line-height:1.6}
.s2f-kar .k-cta .k-btns{position:relative;justify-content:center}

/* reveal */
.s2f-kar .k-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.s2f-kar .k-reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.s2f-kar .k-reveal{opacity:1;transform:none;transition:none}.s2f-kar .k-card,.s2f-kar .k-btn,.s2f-kar .k-feat{transition:none}}