/* Karriere */
.hero{--hero-img:url(../img/inhaber.jpg);--hero-pos:center 25%;min-height:clamp(420px,58vh,640px);min-height:clamp(420px,58svh,640px);background:linear-gradient(100deg,rgba(4,12,22,.6),rgba(4,12,22,0) 62%),linear-gradient(0deg,rgba(6,16,28,.94),rgba(6,16,28,.55) 55%,rgba(6,16,28,.18)),var(--hero-img) var(--hero-pos)/cover}
.hero-inner{padding:72px 31px 64px}
.hero h1{font-size:44px;line-height:1.1;max-width:700px;margin-bottom:14px}
section.section{padding:88px 0}
.section-alt{background:var(--surface)}
.longtext{max-width:760px;margin:0 auto}
.longtext p{font-size:17px;line-height:1.8;color:var(--ink-soft);margin-bottom:18px}

/* Stellen-Übersicht */
.jobs{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:900px;margin:0 auto}
.job-card{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:30px 32px;color:var(--ink)}
.job-card-top{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.job-tag{display:inline-block;background:#E4EEF8;color:var(--brand-dark);font-size:12.5px;font-weight:600;letter-spacing:.02em;border-radius:100px;padding:4px 12px}
.job-card h3{font-size:21px;margin:0 0 12px;color:var(--ink)}
.job-card-teaser{font-size:15px;line-height:1.6;color:var(--ink-soft);margin:0 0 18px}
.job-card .job-more{margin-top:auto;font-weight:600;color:var(--brand-dark)}
.job-card:hover .job-more{color:var(--brand-bright)}
.jobs-empty{max-width:620px;margin:0 auto;text-align:center;background:var(--bg);border:1px solid var(--line);border-radius:4px;padding:40px 32px}
.jobs-empty p{font-size:16.5px;line-height:1.7;color:var(--ink-soft);margin:0 0 22px}

/* Stellen-Detailseite */
.job-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.job-full{max-width:800px;margin:0 auto;padding:56px 24px 80px}
.job-lead{font-size:19px;line-height:1.7;color:var(--ink);margin:0 0 28px;font-weight:500}
/* Redaktioneller Inhalt: lange Wörter/URLs brechen statt zu ueberlaufen. */
.job-body{font-size:17px;line-height:1.8;color:var(--ink-soft);overflow-wrap:anywhere}
.job-body h2,.job-body h3{color:var(--ink);margin:30px 0 12px;font-family:var(--font-serif);font-weight:400}
.job-body h2{font-size:26px}
.job-body h3{font-size:20px}
.job-body p{margin:0 0 16px}
.job-body ul{margin:0 0 20px;padding-left:22px}
.job-body li{margin-bottom:8px}
.job-apply{margin-top:44px;background:var(--brand);color:var(--surface);border-radius:6px;padding:40px}
.job-apply h2{color:var(--surface);font-size:26px;margin:0 0 12px}
.job-apply p{color:#CFE2F3;font-size:16px;line-height:1.7;margin:0 0 24px}
.job-apply p a{color:#fff;text-decoration:underline}
.job-apply-actions{display:flex;gap:14px;flex-wrap:wrap}
.job-apply .btn{background:var(--surface);color:var(--brand-dark)}
.job-apply .btn:hover{background:#E2EDF8;color:var(--brand-dark)}
.job-apply .btn.ghost-dark{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff}
.job-apply .btn.ghost-dark:hover{background:rgba(255,255,255,.12);color:#fff}
.job-back{margin-top:36px}
.job-back a{font-weight:600}

@media(max-width:900px){.jobs{grid-template-columns:1fr}.hero h1{font-size:30px}.job-apply{padding:32px 26px}}
@media(max-width:600px){
  .hero-inner{padding:52px 18px 44px}
  .hero h1{font-size:26px}
  section.section{padding:52px 0}
  .longtext p{font-size:16px}
  .jobs{gap:20px}
  .job-card{padding:22px 20px}
  .job-card h3{font-size:19px}
  .job-tag{font-size:12px;padding:4px 10px}
  .jobs-empty{padding:30px 22px}
  .job-full{padding:40px 18px 60px}
  .job-lead{font-size:17px}
  .job-body{font-size:16px}
  .job-body h2{font-size:22px}
  .job-body h3{font-size:18.5px}
  .job-apply{padding:26px 20px}
  .job-apply h2{font-size:22px}
  .job-apply-actions{gap:10px}
  .job-apply-actions>*{flex:1 1 100%}
}
@media(max-width:400px){
  .hero-inner{padding:40px 12px 34px}
  .hero h1{font-size:22px}
  section.section{padding:40px 0}
  .longtext p{font-size:15.5px}
  .job-card{padding:18px 14px}
  .job-card h3{font-size:17.5px}
  .job-card-teaser{font-size:14.5px}
  .job-tag{font-size:11.5px;padding:3px 9px}
  .job-full{padding:30px 12px 44px}
  .job-lead{font-size:16px}
  .job-body{font-size:15.5px}
  .job-body h2{font-size:20px}
  .job-body ul{padding-left:20px}
  .job-apply{padding:20px 14px}
  .job-apply h2{font-size:20px}
}