/* Maskottchen auf der Statusseite des Karriere-Portals */
.mx-sthead { position: relative; min-height: 300px; padding-right: 320px; }
.mx-sthead .mx-hero { right: 0; bottom: 0; }
@media (max-width: 900px) { .mx-sthead { min-height: 0; padding-right: 0; } }

/* Startseite: Zenni und Werki stehen auf den Kennzahl-Karten */
.hBs { position: relative; }
.mx-hbs { position: absolute; bottom: calc(100% - 3px); z-index: 3; }
.mx-hbs.l { left: 22px; } .mx-hbs.r { right: 22px; }
.mx-hbs .mx { height: clamp(110px, 11vw, 150px); }
.mx-hbs.l .mx-b { left: calc(100% + 4px); right: auto; bottom: auto; top: 8px; transform-origin: 0 50%; } .mx-hbs.l .mx-b::after { left: -6px; right: auto; bottom: auto; top: 18px; }
.mx-hbs.r .mx-b { right: calc(100% + 4px); left: auto; bottom: auto; top: 8px; transform-origin: 100% 50%; } .mx-hbs.r .mx-b::after { right: -6px; left: auto; bottom: auto; top: 18px; }
@media (max-width: 700px) { .mx-hbs .mx { height: 92px; } .mx-hbs .mx-b { display: none; } .mx-hbs.l { left: 12px; } .mx-hbs.r { right: 12px; } }
/* Schlussband „Keine passende Stelle dabei?“: Paar steht oben auf dem Rand */
.alarm.mx-al, .sec.paper > .wrap > .alarm.mx-al { position: relative; overflow: visible; margin-top: clamp(170px, 16vw, 200px); }
.mx-alp { position: absolute; right: clamp(24px, 5vw, 70px); bottom: calc(100% - 3px); z-index: 2; display: flex; align-items: flex-end; gap: 6px; }
.mx-alp .mx { height: 150px; } .mx-alp .mx-b { left: auto; right: 0; bottom: calc(100% + 4px); }
@media (max-width: 700px) { .alarm.mx-al, .sec.paper > .wrap > .alarm.mx-al { margin-top: 150px; } .mx-alp { right: 16px; } .mx-alp .mx { height: 112px; } }
/* Stellenseite und Bewerbungsformular: Paar über dem Seitenkasten */
.mx-sidepair { position: relative; z-index: 2; display: flex; justify-content: center; gap: 4px; margin: 0 0 -3px; }
.mx-sidepair .mx { height: 118px; }
@media (max-width: 900px) { .mx-sidepair { display: none; } }

/* Footer-Chip im Portal: eigene Footer-Regeln (Links als Block, Fettschrift als Spaltenüberschrift) zurücksetzen */
.foot a.mx-chip { display: inline-flex; align-items: center; gap: 12px; margin: 18px 0 0; padding: 8px 16px 8px 10px; border-radius: 99px; color: #fff; font-size: 1rem; }
.foot .mx-chip .mx-chip-t b { display: block; margin: 0; color: #fff; font-size: 14px; font-weight: 800; letter-spacing: 0; text-transform: none; line-height: 1.3; }
.foot .mx-chip small { display: block; margin: 0; color: rgba(255, 255, 255, .62); font-size: 12px; line-height: 1.3; }
.foot .mx-chip-av img { width: 40px; height: 40px; }
.fcta.mx-al { position: relative; overflow: visible; margin-top: clamp(170px, 16vw, 200px); }
@media (max-width: 700px) { .fcta.mx-al { margin-top: 150px; } }