.footer-nav a,.footer-links a{border-bottom:1px solid transparent;padding-bottom:1px;transition:color .2s ease,border-color .2s ease}
.footer-nav a:hover,.footer-links a:hover{color:var(--primary) !important;border-bottom-color:var(--primary)}
.floating-btn-stack .floating-btn-spark{width:16px !important;height:16px !important;color:var(--text) !important;flex-shrink:0 !important;display:block}
.floating-btn-stack .floating-btn-discover{padding-left:18px !important;gap:8px !important;position:relative !important}
.detail-hero-2col .dh-right .dh-illustration{width:100%;display:flex;align-items:center;justify-content:center}
.detail-hero-2col .dh-right .dh-illustration svg{width:100%;max-width:440px;height:auto}
@keyframes dhFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(prefers-reduced-motion:reduce){.dh-illustration svg{animation:none}}
@media(max-width:1023px){.detail-hero-2col .dh-right .dh-illustration{padding:0 12px;box-sizing:border-box}.detail-hero-2col .dh-right .dh-illustration svg{max-width:185px}}
@media(min-width:1024px){
header.hero.detail-hero-2col .dh-grid > .dh-left{grid-row:1 / span 2 !important;align-self:start !important;padding-top:36px !important}
header.hero.detail-hero-2col .dh-left .live-pill{margin:0 auto 14px !important;justify-content:center}
header.hero.detail-hero-2col .dh-left h1{margin-top:0 !important}
}
/* Datenschutz-Links wie Footer: initial nicht unterstrichen, hover lila+unterstrichen */
a[href^="/datenschutz"]{color:var(--text) !important;text-decoration:none !important;border-bottom:1px solid transparent !important;padding-bottom:1px;transition:color .2s ease,border-color .2s ease}
a[href^="/datenschutz"]:hover{color:var(--primary) !important;border-bottom-color:var(--primary) !important}
/* Absprung-Links (title-link): initial nicht unterstrichen, hover lila+unterstrichen */
.title-link{text-decoration-color:transparent !important}
.title-link:hover{color:var(--primary) !important;text-decoration-color:var(--primary) !important}
/* Insider-Beitrag Button wie Footer */
.data-update-trigger{color:var(--text) !important;border-bottom-color:transparent !important}
.data-update-trigger:hover{color:var(--primary) !important;border-bottom-color:var(--primary) !important}
/* Extern-Symbol springt nicht mehr */
.title-link::after{transition:color .15s ease !important}
.title-link:hover::after{transform:none !important;color:var(--primary) !important}
.related-card-company{font-family:'Inter',sans-serif !important}
.related-card-name{font-family:'Source Serif 4',ui-serif,Georgia,serif !important}
.related-card-meta{font-family:'Inter',sans-serif !important}
.related-card-gehalt{font-family:'Source Serif 4',ui-serif,Georgia,serif !important}
.mw-bento-card-company{font-family:'Inter',sans-serif !important}
.mw-bento-card-name{font-family:'Source Serif 4',ui-serif,Georgia,serif !important}
.mw-bento-card-meta{font-family:'Inter',sans-serif !important}
.mw-bento-card-gehalt{font-family:'Source Serif 4',ui-serif,Georgia,serif !important}
.related-card-pill.pill-green{background:transparent !important;color:var(--accent) !important;box-shadow:inset 0 0 0 1.5px var(--accent) !important;padding:3px 10px !important;font-size:11px !important}
.related-card-pill.pill-closed{background:transparent !important;color:var(--closed) !important;box-shadow:inset 0 0 0 1.5px var(--closed) !important;padding:3px 10px !important;font-size:11px !important}
.related-card-pill .pill-dot{display:none !important}
.mw-bento-card-pill.pill-green{background:transparent !important;color:var(--accent) !important;box-shadow:inset 0 0 0 1.5px var(--accent) !important;padding:3px 10px !important;font-size:11px !important}
.mw-bento-card-pill.pill-closed{background:transparent !important;color:var(--closed) !important;box-shadow:inset 0 0 0 1.5px var(--closed) !important;padding:3px 10px !important;font-size:11px !important}
.mw-bento-card-pill .pill-dot{display:none !important}
.related-grid .related-card:hover .related-card-name{color:var(--primary) !important;transition:color 0.15s ease}
.related-grid .related-card:hover::after{background:var(--primary) !important;transform:translate(2px,-2px) !important;opacity:1 !important}
.v4-step-num{font-family:'Source Serif 4',ui-serif,Georgia,serif !important;font-size:11px !important;font-weight:700 !important}
.v4-step-skip{font-family:'Source Serif 4',ui-serif,Georgia,serif !important}
.related-card-name,.mw-bento-card-name,.branchen-explore-card-name,.hrange-legend-text,.hrange-legend-item,.vbar-median-legend,.vbar-median-legend-item{font-weight:400 !important}
.ti-chart2-value.ti-chart2-value,.ti-chart3-tick.ti-chart3-tick{font-weight:400 !important}
.halfdonut-prog-name.halfdonut-prog-name{font-family:'Inter',sans-serif !important;font-weight:500 !important}
.ti-navbar-search-result-name{font-family:'Source Serif 4',ui-serif,Georgia,serif !important;font-weight:400 !important}
.ti-navbar-search-result-company{font-family:'Inter',sans-serif !important}
.ti-search-result-name,.ti-mobile-hero-search-result-name,.nav-search-result-line1,.program-name{font-family:'Source Serif 4',ui-serif,Georgia,serif !important;font-weight:400 !important}
.ti-search-result-company,.ti-mobile-hero-search-result-company,.nav-search-result-line2,.program-company,.ti-sr-company{font-family:'Inter',sans-serif !important}
.filter-option{font-family:'Source Serif 4',ui-serif,Georgia,serif !important;font-weight:400 !important}
.filter-option-count{font-family:'Inter',sans-serif !important;font-weight:400 !important}
.branchen-explore-card-name{font-family:'Source Serif 4',ui-serif,Georgia,serif !important;font-weight:400 !important}
.branchen-explore-card-count{font-family:'Inter',sans-serif !important}
.mobile-menu-cta,.modal-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.mobile-menu-cta .nav-cta-ic,.modal-submit .nav-cta-ic{width:15px;height:15px;flex-shrink:0}
.ti-im-animation .toast-illustration{display:flex;align-items:center;justify-content:center;width:100%}
.ti-im-animation .toast-illustration svg{width:100%;max-width:130px;max-height:110px;height:auto;object-fit:contain}
/* Schwebende Kapsel wie die Navigationsleiste: gleicher Randabstand,
   gleicher Radius, gleicher Rahmen und Schatten, nur unten statt oben. */
.ti-ab{position:fixed;left:16px;right:16px;
  bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  background:var(--bg-2);border:1px solid var(--border);border-radius:20px;
  padding:12px 18px;
  box-shadow:0 8px 28px rgba(0,0,0,.10);
  opacity:0;transform:translateY(20px);pointer-events:none;
  transition:opacity .3s ease,transform .3s ease}
[data-theme="dark"] .ti-ab{box-shadow:0 8px 28px rgba(0,0,0,.45)}
body.ti-ab-on .ti-ab{opacity:1;transform:translateY(0);pointer-events:auto}
/* Nahe der Fusszeile weg, dieselbe Regel wie beim Entdecken-Knopf */
.ti-ab.hidden,.ti-ab.am-formular{opacity:0 !important;
  transform:translateY(20px) !important;pointer-events:none !important}

.ti-ab-links{display:flex;flex-direction:column;min-width:0;gap:4px}
/* Gleiche Schrift wie die Ueberschrift im Hero */
.ti-ab-titel{font-family:'Source Serif 4',ui-serif,Georgia,'Times New Roman',
  serif !important;font-weight:400;font-size:15px;line-height:1.25;
  color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ti-ab-kurz{display:none}
.ti-ab-rechts{display:flex;align-items:center;flex:0 0 auto}
/* Der Knopf uebernimmt Abmessungen und Verhalten des Navigationsknopfs:
   6x14 Innenabstand, 6 Pixel Radius, Schriftgroesse 13, Zeilenhoehe 1.6.
   Beim Ueberfahren hebt er sich und wechselt auf denselben dunkleren Blauton
   wie der Newsletter-Knopf. */
.ti-ab .apply-btn{padding:6px 14px !important;border-radius:6px !important;
  font-size:13px !important;font-weight:400 !important;line-height:1.6;
  transition:transform .15s, background .15s}
.ti-ab .apply-btn:hover{transform:translateY(-1px);background:#1d4ed8}

/* Statuszeile wie im Hero, nur einen Tick kleiner. Die Schriftstaerke wird
   ausdruecklich gesetzt, weil die Leiste sonst eine leichtere erbt. */
.ti-ab .hxs{font-size:12px !important;font-weight:500 !important;
  font-family:inherit}
.ti-ab .hxs svg{width:13px;height:13px}

/* Der Entdecken-Knopf weicht, solange die Leiste sichtbar ist */
body.ti-ab-on .floating-btn-stack{opacity:0;pointer-events:none;
  transform:translateY(20px)}
.floating-btn-stack{transition:opacity .3s ease,transform .3s ease}

@media(max-width:640px){
  .ti-ab{left:10px;right:10px;padding:10px 14px;gap:10px}
  /* Mobil nur der Programmname, dafuer vollstaendig und ueber zwei Zeilen.
     Die Firma steht ohnehin im Kontext der Seite. */
  .ti-ab-voll{display:none}
  .ti-ab-kurz{display:inline}
  .ti-ab-titel{font-size:13px;white-space:normal;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}