/* App-Button 27.10.2026 – gleiche Form wie der Sprachwähler, Verlaufs-Icon der ecorpus-App */
.hdr .cj-app{display:inline-flex;align-items:center;gap:.45rem;flex:none;min-height:40px;padding:0 .9rem 0 .4rem;border:1.5px solid var(--c-line);border-radius:999px;background:#fff;color:var(--c-ink);font-size:.82rem;font-weight:650;line-height:1;white-space:nowrap;text-decoration:none;transition:background-color .2s,border-color .2s}
.hdr .cj-app:hover,.hdr .cj-app:focus-visible{background:var(--c-tint);border-color:var(--c-lilac-200);color:var(--c-ink)}
.hdr .cj-app:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
.cj-app__ico{width:24px;height:24px;border-radius:7px;flex:none;display:block}
.cj-app__s{display:none}
/* Sprachwähler rückt direkt an den App-Button */
.hdr .cj-app + .lang-dd{margin-inline-start:-.6rem}
@media (max-width:1100px){.hdr .cj-app{margin-inline-start:auto}.hdr .cj-app + .lang-dd{margin-inline-start:0}}
/* Desktop: lange Beschriftung nur wenn Platz (ab 1600 px und ohne Engstufe), sonst kurz */
@media (max-width:1599px){.cj-app__l{display:none}.cj-app__s{display:inline}}
html.hdr-t1 .cj-app__l{display:none}html.hdr-t1 .cj-app__s{display:inline}
/* Ab 1321 px steht zusätzlich "Für Arbeitgeber: anfragen" im Kopf: dort nur das runde App-Icon (Beschriftung als Tooltip/aria-label),
   etwas engere Abstände, damit der Kopf nicht in die Engstufe kippt */
@media (min-width:1321px){.hdr .wrap:has(.cj-app){gap:1rem}.hdr .wrap:has(.cj-app) .nav{gap:1.15rem}
 .hdr .cj-app{padding:0;width:40px;justify-content:center}.hdr .cj-app .cj-app__l,.hdr .cj-app .cj-app__s{display:none}}
html.hdr-t3 .hdr .cj-app{margin-inline-start:auto}
/* Handy: kurzes Label; reicht der Platz nicht (cj.js-Stufe t2/t3), nur das Icon */
@media (max-width:760px){.hdr .cj-app{padding-inline-end:.75rem;gap:.35rem}.hdr .cj-app + .lang-dd{margin-inline-start:-.65rem}
 html.hdr-t2 .cj-app__s,html.hdr-t3 .cj-app__s{display:none}html.hdr-t2 .hdr .cj-app,html.hdr-t3 .hdr .cj-app{padding:0;width:40px;justify-content:center}}
@media (prefers-reduced-motion:reduce){.hdr .cj-app{transition:none}}