/* PKZ – Ergänzungen für Jobs & Karriere, Kontakt, Danke (nur CI-Variablen) */

/* Karriere = anthrazit (Farblogik) */
.phead--anthrazit{--c:var(--anthrazit)}
.phead--anthrazit .kicker{color:var(--anthrazit)}

/* Aktionen direkt im Seitenkopf */
.phead__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:1.2rem}
.phead__btns .btn,.cta__btns .btn,.weiter__btns .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-left:0}
.phead__btns .btn:focus-visible,.cta__btns .btn:focus-visible,.weiter__btns .btn:focus-visible{outline:3px solid var(--gruen-text);outline-offset:3px}
.cta__btns .btn:focus-visible{outline-color:#fff}

/* Brotkrumen als Navigation */
nav.crumb [aria-current]{color:var(--ink-2)}

/* Ablauf in Schritten */
.schritte{list-style:none;counter-reset:schritt;margin:0 0 1.2rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:980px}
.schritte li{counter-increment:schritt;position:relative;background:#fff;border:1px solid var(--line);border-top:4px solid var(--c,var(--anthrazit));padding:18px 18px 16px 62px;border-radius:4px}
.schritte li::before{content:counter(schritt);position:absolute;left:16px;top:16px;width:34px;height:34px;border-radius:50%;background:var(--c,var(--anthrazit));color:#fff;font-family:"Archivo",sans-serif;font-weight:800;display:flex;align-items:center;justify-content:center}
.schritte strong{display:block;font-family:"Archivo",sans-serif;font-weight:800;margin-bottom:.2rem}
.schritte p{margin:0;color:var(--ink-2)}
.schritte--gruen{--c:var(--gruen-text)}

/* Bild neben Text */
.bild{margin:0}
.bild img{display:block;width:100%;height:auto;border-radius:4px}
.bild figcaption{font-size:.9rem;color:var(--ink-2);margin-top:.5rem}

/* Querverweise mit Bereichsfarbe */
.quer{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;max-width:1000px}
.quer a{display:block;min-height:48px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--c,var(--anthrazit));padding:14px 16px;text-decoration:none;color:var(--grau-dunkel);border-radius:4px;height:100%;box-sizing:border-box}
.quer a strong{display:block;font-family:"Archivo",sans-serif;font-weight:800;color:var(--anthrazit)}
.quer a span{display:block;font-size:.95rem;color:var(--ink-2);margin-top:.15rem}
.quer a:hover strong{text-decoration:underline}
.quer a:focus-visible{outline:3px solid var(--gruen-text);outline-offset:3px}
.quer .q-gelb{--c:var(--gelb)}.quer .q-magenta{--c:var(--magenta)}.quer .q-gruen{--c:var(--gruen)}.quer .q-anthrazit{--c:var(--anthrazit)}

/* Formular-Hilfen */
.form__hilfe{display:block;font-size:.92rem;color:var(--ink-2);font-weight:400;margin-top:.25rem}
.form__pflicht{margin:0;font-size:.95rem;color:var(--ink-2)}
.form__danach{margin:.4rem 0 0;font-size:.95rem;color:var(--ink-2)}

/* Gehaltstabelle: Scrollbereich per Tastatur erreichbar */
.tabelle-scroll:focus-visible{outline:3px solid var(--gruen-text);outline-offset:3px}

/* Kontaktkarte und Anfahrt */
.contact__card .btn{margin-top:.4rem}
.anfahrt{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
.anfahrt address{font-style:normal;margin:0 0 1rem}

/* Danke: weiterführende Aktionen */
.weiter__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}

@media (max-width:820px){.anfahrt{grid-template-columns:1fr}.schritte li{padding-left:58px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Groesseres Tap-Ziel fuer Quellen-Links in der Gehaltstabelle (mobil), ohne Layoutverschiebung */
.gehalt a{display:inline-block;padding-block:11px;margin-block:-11px}

/* 2026-10: Liste offener Stellen */
.stellen{list-style:none;margin:.6rem 0 1.4rem;padding:0;display:grid;gap:10px}
.stellen li{display:grid;grid-template-columns:1fr auto;gap:2px 16px;align-items:center;padding:14px 16px;border:1.5px solid var(--line);border-left:5px solid var(--gruen);border-radius:6px;background:#fff}
.stellen strong{font-size:1.08rem}
.stellen span{grid-column:1;color:var(--ink-2)}
.stellen a{grid-column:2;grid-row:1/span 2;font-weight:700;min-height:44px;display:inline-flex;align-items:center}
@media (max-width:600px){.stellen li{grid-template-columns:1fr}.stellen a{grid-column:1;grid-row:auto}}