/* Statuspillen mit Schloss statt Punkt, ohne Rahmen. Der Bestand zieht den
   Rahmen ueber box-shadow aus Regeln mit zwei Klassen, deshalb steht hier
   dieselbe Kombination; eine Regel mit einer Klasse verliert, auch mit
   !important. */
.related-card-pill,.mw-bento-card-pill,.pill{display:inline-flex !important;
  align-items:center;gap:5px}
.related-card-pill.pill-green,.related-card-pill.pill-closed,
.mw-bento-card-pill.pill-green,.mw-bento-card-pill.pill-closed,
.pill.pill-green,.pill.pill-closed{box-shadow:none !important;
  padding:0 !important;background:transparent !important}
.pill-schloss{display:inline-block;width:11px;height:11px;flex-shrink:0;
  opacity:.95;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Crect%20x='3'%20y='11'%20width='18'%20height='11'%20rx='2'/%3E%3Cpath%20d='M7%2011V7a5%205%200%200%201%2010%200v4'/%3E%3C/svg%3E") no-repeat center/contain;
  mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Crect%20x='3'%20y='11'%20width='18'%20height='11'%20rx='2'/%3E%3Cpath%20d='M7%2011V7a5%205%200%200%201%2010%200v4'/%3E%3C/svg%3E") no-repeat center/contain}
/* Offen: derselbe Rahmen, der Buegel aufgeklappt. Die Form haengt an der
   Klasse der Pille, das Schloss kann also nie dem Status widersprechen. */
.pill-green .pill-schloss{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Crect%20x='3'%20y='11'%20width='18'%20height='11'%20rx='2'/%3E%3Cpath%20d='M7%2011V7a5%205%200%200%201%209.9-1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23000'%20stroke-width='2.4'%20stroke-linecap='round'%3E%3Crect%20x='3'%20y='11'%20width='18'%20height='11'%20rx='2'/%3E%3Cpath%20d='M7%2011V7a5%205%200%200%201%209.9-1'/%3E%3C/svg%3E")}
/* Absendeknoepfe mit Papierflieger, ausgerichtet wie der Newsletter-Knopf
   in der Navigation. */
.notify-form button[type="submit"],#newsletter-cta-submit,
#mw-lp-newsletter-submit{display:inline-flex !important;align-items:center;
  gap:7px;justify-content:center}
.notify-form button[type="submit"] .nav-cta-ic,
#newsletter-cta-submit .nav-cta-ic,
#mw-lp-newsletter-submit .nav-cta-ic{width:15px;height:15px;flex-shrink:0}
/* Mobile Fusszeile: die sieben Verweise als Raster in zwei Spalten.
   Der Bestand blendet sie unter 768 Pixeln mit !important aus, wohl weil
   das Mobilmenue diese Ziele abdeckt. Dort fehlt aber das Verzeichnis, es
   war mobil von Programmseiten und Startseite aus nicht erreichbar.
   Drei Klassen, damit die Regel die Bestandsregel mit zwei schlaegt.

   Reihenfolge mobil: Traineeprogramme und Gehaelter, Insider Match und
   Insider Compare, Branchen und Standorte, darunter Unternehmen mittig.
   Gesetzt ueber order und am Verweisziel festgemacht, nicht an der
   Position, damit ein neuer Eintrag nichts verschiebt. Der Desktop bleibt
   unveraendert; Tastatur und Vorleseprogramme folgen der Reihenfolge im
   Markup. */
@media(max-width:768px){
  .footer .footer-inner .footer-nav{display:grid !important;
    grid-template-columns:1fr 1fr;gap:10px 16px;justify-items:center;
    width:100%;max-width:300px;margin:4px auto 6px;padding-bottom:14px;
    border-bottom:1px solid var(--border)}
  .footer .footer-nav a[href="/"]{order:1}
  .footer .footer-nav a[href="/gehalt/"]{order:2}
  .footer .footer-nav a[href="/insider-match/"]{order:3}
  .footer .footer-nav a[href="/insider-compare/"]{order:4}
  .footer .footer-nav a[href="/branchen/"]{order:5}
  .footer .footer-nav a[href="/standorte/"]{order:6}
  .footer .footer-nav a[href="/unternehmen/"]{order:7;grid-column:1 / -1}
}
/* Werbe-Toasts fuer Insider Match und Insider Compare, mobil senkrecht
   mittig. Sie sassen fest 76 Pixel ueber dem unteren Rand und damit dicht
   an den schwebenden Knoepfen. Die Mitte des Bandes zwischen Navigation
   (endet bei rund 66 Pixeln) und Knoepfen (beginnen rund 64 Pixel ueber
   dem Rand) liegt praktisch in der Bildschirmmitte.

   Die Einblendbewegung des Bestands, 20 Pixel von unten, bleibt erhalten:
   sie laeuft jetzt um die Mitte herum. Das Element im Selektor hebt die
   Spezifitaet ueber die Bestandsregel, unabhaengig von der Reihenfolge der
   Stylesheets. Am Desktop bleibt alles, wie es ist. */
@media(max-width:640px){
  body #ti-im-toast,body #ti-ic-toast{top:50% !important;bottom:auto !important;
    transform:translateY(calc(-50% + 20px)) !important}
  body #ti-im-toast.ti-im-visible,body #ti-ic-toast.ti-ic-visible{
    transform:translateY(-50%) !important}
}