/* 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. */
/* Breadcrumbs wie die Verweise der Fusszeile: eine durchsichtige Unterlinie,
   die sich beim Ueberfahren zusammen mit dem Text violett faerbt. Der
   Bestand faerbte nur den Text dunkler. */
.breadcrumb a{border-bottom:1px solid transparent;padding-bottom:1px;
  transition:color .25s var(--k-weich),border-color .25s var(--k-weich)}
.breadcrumb a:hover,.breadcrumb a:focus-visible{color:var(--primary) !important;
  border-bottom-color:var(--primary)}
/* Verweise in den Kennzahlen "Ueber das Unternehmen", gleiche Bewegung. */
.un-meta-link{color:inherit;text-decoration:none;
  border-bottom:1px solid transparent;padding-bottom:1px;
  transition:color .25s var(--k-weich),border-color .25s var(--k-weich)}
.un-meta-link:hover,.un-meta-link:focus-visible{color:var(--primary);
  border-bottom-color:var(--primary)}
@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}
}
#b2b{--text-2:color-mix(in srgb,var(--text) 76%,transparent);--text-3:color-mix(in srgb,var(--text) 56%,transparent);
  --b2b-stage-1:rgba(124,58,237,.16);--b2b-stage-2:rgba(16,185,129,.14);--b2b-stage-bg:#f5f3ff;
  --b2b-ink:#3f3d56;--b2b-line:#e6e6e6;--b2b-card:#ffffff;--b2b-hair:#2f2e41;
  --b2b-shadow:0 30px 80px -20px rgba(12,10,9,.35);
  --b2b-serif:"Source Serif 4",ui-serif,Georgia,"Times New Roman",serif;--b2b-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
[data-theme="dark"] #b2b{--b2b-stage-1:rgba(139,92,246,.28);--b2b-stage-2:rgba(16,185,129,.22);--b2b-stage-bg:#141418;
  --b2b-ink:#a1a1aa;--b2b-line:#3f3f46;--b2b-card:#1f1f23;--b2b-hair:#52525b;--b2b-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
.nav-b2b{background:none;border:0;color:inherit;opacity:.72;font:inherit;font-size:13px;padding:6px 10px;border-radius:6px;cursor:pointer;transition:opacity .15s,background .15s}
.nav-b2b:hover{opacity:1;background:var(--bg-3)}
#b2b,#b2b *,#b2b *::before,#b2b *::after{box-sizing:border-box}
#b2b{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:rgba(10,10,11,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;visibility:hidden;transition:opacity .25s var(--k-weich),visibility 0s .25s;font:15px/1.55 var(--b2b-sans);color:var(--text)}
#b2b.b2b-open{opacity:1;visibility:visible;transition:opacity .25s var(--k-weich)}
#b2b.b2b-instant,#b2b.b2b-instant *,#b2b.b2b-instant *::before,#b2b.b2b-instant *::after{transition:none!important}
#b2b button,#b2b input,#b2b select,#b2b textarea{font:inherit;color:inherit}
#b2b :focus-visible{outline:2px solid var(--cta);outline-offset:2px;border-radius:6px}
#b2b .b2b-step:focus{outline:none}
.b2b-sheet{position:relative;width:min(960px,100%);height:min(720px,calc(100dvh - 48px));display:grid;grid-template-columns:42% 58%;background:var(--bg-2);border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--b2b-shadow);transform:translateY(14px) scale(.985);transition:transform .45s var(--k-weich)}
#b2b.b2b-open .b2b-sheet{transform:none}
.b2b-x{position:absolute;top:14px;right:14px;z-index:3;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--text-3);cursor:pointer;display:grid;place-items:center}
.b2b-x:hover,.b2b-back:hover{background:var(--bg-3);color:var(--text)}
.b2b-back{position:absolute;top:14px;left:14px;z-index:3;width:36px;height:36px;border-radius:50%;border:0;background:transparent;color:var(--text-3);cursor:pointer;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .25s}
.b2b-back svg{width:18px;height:18px}
#b2b[data-step="1"] .b2b-back,#b2b[data-step="2"] .b2b-back{opacity:1;visibility:visible}
.b2b-x svg{width:18px;height:18px}
.b2b-stage{position:relative;background:var(--bg);border-right:1px solid var(--border);overflow:hidden}
.b2b-mark{position:absolute;top:28px;left:30px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
.b2b-mark svg{width:22px;height:22px}
.b2b-center{position:absolute;inset:0}
.b2b-kicker,.b2b-note,.b2b-ill{position:absolute;left:36px;right:36px;display:flex;justify-content:center;text-align:center}
.b2b-kicker{top:22%}.b2b-note{top:72%}.b2b-ill{top:50%;transform:translateY(-50%);max-width:none;margin:0 auto}
.b2b-ill svg{max-width:360px}
.b2b-kicker span{display:flex;align-items:center;gap:14px;font:500 18px/1.2 var(--b2b-serif);letter-spacing:0;color:var(--text-3)}
.b2b-kicker span::before,.b2b-kicker span::after{content:"";width:30px;height:1px;background:currentColor;opacity:.5}
.b2b-note p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-2);max-width:34ch}

.b2b-ill svg{width:100%;height:auto;display:block;overflow:visible}
.b2b-ill .ill-card{fill:var(--b2b-card)}.b2b-ill .ill-line{fill:var(--b2b-line)}.b2b-ill .ill-ink{fill:var(--b2b-ink)}.b2b-ill .ill-hair{fill:var(--b2b-hair)}.b2b-ill .ill-accent{fill:var(--cta)}
.b2b-foot{position:absolute;left:30px;right:30px;bottom:34px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.b2b-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:var(--bg-2);border:1px solid var(--border);font-size:13px;font-weight:500}
.b2b-badge i{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent)}
.b2b-cap{margin:0;font-size:13px;line-height:1.45;color:var(--text-3);max-width:30ch}
.b2b-pane{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0}
.b2b-steps{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:24px;pointer-events:none;user-select:none;z-index:2;font-size:12.5px;line-height:1.2;color:var(--text-3)}
.b2b-steps span{position:relative;padding-bottom:7px;transition:color .3s}
.b2b-steps span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--primary);opacity:0;transition:opacity .3s}
.b2b-steps span.b2b-on{color:var(--text)}
.b2b-steps span.b2b-on::after{opacity:1}
.b2b-track{flex:1;display:flex;width:400%;transition:transform .5s var(--k-weich);min-height:0}
.b2b-step{width:25%;padding:40px 40px 64px;overflow:hidden;display:flex;flex-direction:column}
.b2b-step h2{font:600 clamp(24px,2.4vw,30px)/1.18 var(--b2b-serif);margin:10px 0 10px;letter-spacing:-.01em;max-width:20ch;color:var(--text)}
.b2b-sub{color:var(--text-2);margin:0 0 18px;max-width:46ch}
.b2b-kpis{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 0 22px}
.b2b-kpi{padding:14px 0 14px 14px}.b2b-kpi:first-child{padding-left:0}.b2b-kpi+.b2b-kpi{border-left:1px solid var(--border)}
.b2b-kpi b{display:block;font:600 26px/1 var(--b2b-serif);font-variant-numeric:tabular-nums}
.b2b-kpi span{display:block;font-size:12.5px;color:var(--text-3);margin-top:6px;line-height:1.35}
.b2b-perks{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:12px}
.b2b-perks li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;font-size:14px;color:var(--text-2)}
.b2b-perks svg{width:20px;height:20px;color:var(--primary);margin-top:1px}
.b2b-perks strong{color:var(--text);font-weight:600}
.b2b-quote{position:relative;margin:0 0 24px;padding:16px 18px 14px;border-radius:14px;background:var(--bg-3);min-height:118px}
.b2b-quote h3{margin:0 0 8px;font-size:12.5px;font-weight:500;color:var(--text-3)}
.b2b-qslides{position:relative;min-height:66px}
.b2b-qslide{position:absolute;inset:0;margin:0;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .5s}
.b2b-qslide.b2b-on{opacity:1;transform:none;position:relative}
.b2b-qslide p{margin:0 0 6px;font:500 15px/1.5 var(--b2b-serif)}
.b2b-qslide cite{font-style:normal;font-size:12.5px;color:var(--text-3)}
.b2b-qdots{position:absolute;right:14px;top:14px;display:flex;gap:5px}
.b2b-qdots button{width:7px;height:7px;padding:0;border-radius:50%;border:0;background:var(--border-strong);cursor:pointer}
.b2b-qdots button.b2b-on{background:var(--text-3)}
.b2b-actions{margin-top:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.b2b-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:13px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .15s,background .15s}
.b2b-primary{background:var(--cta);color:var(--cta-fg,#fff)}.b2b-primary:hover{transform:translateY(-1px)}
.b2b-ghost{background:transparent;color:var(--text-2);padding:13px 12px}.b2b-ghost:hover{background:var(--bg-3)}
.b2b-fine{font-size:12.5px;color:var(--text-3)}
.b2b-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}
.b2b-field{display:flex;flex-direction:column;gap:6px}.b2b-full{grid-column:1/-1}
.b2b-field label{font-size:13px;font-weight:500;color:var(--text-2);text-transform:none;letter-spacing:0;margin:0}
.b2b-field label em{font-style:normal;font-weight:400;color:var(--text-3)}
.b2b-field input,.b2b-field select,.b2b-field textarea{width:100%;padding:11px 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-2);outline:none;transition:border-color .15s,box-shadow .15s}
.b2b-field textarea{min-height:76px;resize:vertical}
.b2b-field input:focus,.b2b-field select:focus,.b2b-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}
.b2b-err input,.b2b-err select{border-color:#dc2626}
.b2b-msg{display:none;font-size:12px;color:#dc2626}.b2b-err .b2b-msg{display:block}
.b2b-consent{font-size:12.5px;color:var(--text-3);margin:0 0 18px;max-width:58ch}.b2b-consent a{color:inherit}
.b2b-done{justify-content:center;align-items:flex-start}
.b2b-tick{width:64px;height:64px;border-radius:50%;background:#059669;display:grid;place-items:center;margin-bottom:8px}
[data-theme="dark"] #b2b .b2b-tick{background:#10b981}
.b2b-tick svg{width:30px;height:30px;stroke:#fff;stroke-dasharray:30;stroke-dashoffset:30}
[data-theme="dark"] #b2b .b2b-tick svg{stroke:#052e1f}
.b2b-done.b2b-show .b2b-tick svg{animation:b2bDraw .6s .15s var(--k-weich) forwards}
@keyframes b2bDraw{to{stroke-dashoffset:0}}
.b2b-sig{display:flex;align-items:center;gap:12px;margin:6px 0 26px;padding-top:16px;border-top:1px solid var(--border);width:100%}
.b2b-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#10b981);color:#fff;display:grid;place-items:center;font-weight:600;font-size:14px}
.b2b-sig b{display:block;font-size:14px}.b2b-sig span{font-size:12.5px;color:var(--text-3)}

.b2b-intro{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;text-align:center}
.b2b-intro h2{grid-row:1}.b2b-intro .b2b-sub,.b2b-intro .b2b-mid{grid-row:2}.b2b-intro .b2b-actions{grid-row:3}
.b2b-intro h2{text-wrap:balance}
.b2b-intro h2{font-size:clamp(28px,2.7vw,34px);line-height:1.15;max-width:none;margin:0;letter-spacing:-.02em}
.b2b-intro .b2b-sub{font-size:16px;max-width:44ch;margin:0 auto}
.b2b-intro .b2b-actions{justify-content:center;margin-top:0}
#b2b .b2b-cta-blue{display:inline-flex;align-items:center;gap:8px;background:#2563eb;color:var(--bg);border:none;border-radius:10px;padding:12px 22px;font:600 14px 'Inter';cursor:pointer;transition:transform .15s;text-decoration:none;white-space:nowrap}
#b2b .b2b-cta-blue:hover{transform:translateY(-1px)}
#b2b .b2b-cta-blue .b2b-ic{width:14px;height:14px}
[data-theme="dark"] #b2b .b2b-cta-blue{color:#fff}
.b2b-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
.b2b-fact{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:12px 14px}
.b2b-fact-top{display:flex;align-items:baseline;gap:8px}
.b2b-fact-n{font:600 28px/1 var(--b2b-serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.b2b-fact-n small{font:400 15px/1 var(--b2b-serif);color:var(--text-3);margin-left:3px}
.b2b-fact-unit{font:400 13px/1.2 var(--b2b-serif);color:var(--text-3)}
.b2b-fact h3{display:flex;align-items:center;gap:7px;margin:9px 0 3px;font-size:13.5px;font-weight:600;color:var(--text)}
.b2b-fact h3 svg{width:16px;height:16px;color:var(--text-3);flex:none}
.b2b-fact p{margin:0;font-size:12.5px;line-height:1.45;color:var(--text-2)}
.b2b-step .b2b-quote{margin-bottom:16px;min-height:0;padding:12px 16px}
.b2b-step .b2b-quote h3{margin-bottom:6px}
.b2b-step .b2b-qslides{min-height:60px}
.b2b-qslide p{font-size:14px}
.b2b-form .b2b-field textarea{min-height:62px}
.b2b-form{margin-bottom:12px}
.b2b-consent{margin-bottom:14px}
@media (max-width:760px){
  .b2b-step{overflow-y:auto}
  .b2b-facts{gap:8px}
  .b2b-fact p{display:none}
  .b2b-intro h2{font-size:26px}
}

.b2b-ill{transition:opacity .45s var(--k-weich)}
#b2b[data-step="1"] .b2b-ill:not(.b2b-ill2),#b2b[data-step="2"] .b2b-ill:not(.b2b-ill2){opacity:0}
.b2b-ill2 svg{width:100%!important;max-width:360px;height:auto;max-height:236px;margin:0 auto}
.b2b-ill2{opacity:0}
#b2b[data-step="2"] .b2b-ill2,#b2b[data-step="3"] .b2b-ill2{opacity:1}
#b2b[data-step="3"] .b2b-ill:not(.b2b-ill2){opacity:0}

.b2b-voices{position:absolute;left:46px;right:46px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;opacity:0;visibility:hidden;transition:opacity .45s var(--k-weich),visibility 0s .45s}
#b2b[data-step="1"] .b2b-voices{opacity:1;visibility:visible;transition:opacity .5s var(--k-weich) .15s}
.b2b-qmark{font:500 64px/.6 var(--b2b-serif);color:var(--text-3);opacity:.45;height:30px;margin-bottom:6px}
.b2b-voices .b2b-qslides{display:grid;width:100%}
.b2b-voices .b2b-qslide{grid-area:1/1;margin:0;opacity:0;transition:opacity .6s var(--k-weich);display:flex;flex-direction:column;align-items:center;justify-content:center;position:static;transform:none}
.b2b-voices .b2b-qslide.b2b-on{opacity:1}
.b2b-voices .b2b-qslide p{margin:0 0 14px;font:500 15px/1.55 var(--b2b-serif);color:var(--text);max-width:38ch}
.b2b-voices footer{display:block;text-align:center}
.b2b-qav{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600;color:var(--text-2);border:1px solid var(--border-strong);background:var(--bg-2);flex:none}
.b2b-voices footer b{display:block;font-size:13px;font-weight:600;color:var(--text)}
.b2b-voices footer small{display:block;font-size:11.5px;color:var(--text-3)}
.b2b-voices .b2b-qdots{position:static;display:flex;gap:6px;margin-top:22px}
.b2b-voices .b2b-qdots button{width:6px;height:6px;padding:0;border:0;border-radius:6px;background:var(--border-strong);cursor:pointer;transition:width .3s,background .3s}
.b2b-voices .b2b-qdots button.b2b-on{width:18px;background:var(--text-3)}
.b2b-facts{gap:14px;margin:6px 0 0}
.b2b-fact{padding:16px 18px}
.b2b-fact-n{font-size:32px}
.b2b-fact h3{margin:12px 0 4px;font-size:14px}
.b2b-fact p{font-size:13px}
@media (max-width:760px){.b2b-voices{display:none}#b2b[data-step="1"] .b2b-ill:not(.b2b-ill2){opacity:1}.b2b-ill2 svg{max-height:120px}}

.b2b-mid{width:100%;align-self:center}
.b2b-kpis4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:480px;margin:0 auto}
.b2b-kpi4+.b2b-kpi4{border-left:1px solid var(--border)}
.b2b-kpi4{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4px 10px}
.b2b-kpi4-n{font:400 32px/1 var(--b2b-serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);white-space:nowrap}
.b2b-kpi4-u{font:400 13.5px/1.3 var(--b2b-serif);color:var(--text-3);margin-top:8px;white-space:nowrap}
.b2b-kpi4-ic{color:var(--text-3);margin:8px 0 10px;display:flex}
.b2b-kpi4-ic svg{width:20px;height:20px}
.b2b-kpi4 p{margin:0;font-size:12.5px;line-height:1.45;color:var(--text-2)}
.b2b-intro .b2b-form{gap:10px;margin:0 0 10px}
.b2b-intro .b2b-field input,.b2b-intro .b2b-field select{padding:10px 12px}
.b2b-intro .b2b-field select:invalid{color:var(--text-3)}
.b2b-intro .b2b-msg{text-align:left}
.b2b-intro .b2b-consent{margin:0 auto;font-size:12px;line-height:1.45;max-width:52ch;text-align:center}
.b2b-intro .b2b-mid{text-align:left}

#b2b .b2b-intro .b2b-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin:0 0 12px}
#b2b .b2b-field{display:block;margin:0}
#b2b .b2b-field label{display:block;font-size:12px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;margin:0 0 6px;text-align:left}
#b2b .b2b-req{color:var(--text)}
#b2b .b2b-opt{color:var(--text-3);font-weight:400;font-size:12px;text-transform:none;letter-spacing:0}
#b2b .b2b-field input{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;transition:border-color .25s;outline:none;box-shadow:none}
#b2b .b2b-field textarea{width:100%;padding:11px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-family:inherit;font-size:14px;line-height:1.5;min-height:65px;max-height:129px;overflow-y:auto;resize:none;field-sizing:content;transition:border-color .25s;outline:none;box-shadow:none;display:block}
#b2b .b2b-field textarea:focus{border-color:var(--primary)}
#b2b .b2b-lbl-row{display:flex!important;justify-content:space-between;align-items:baseline;gap:12px}
#b2b .b2b-count{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-3);opacity:0;transition:opacity .25s;font-variant-numeric:tabular-nums}
#b2b .b2b-count.on{opacity:1}
#b2b .b2b-count.max{color:var(--primary)}

#b2b .b2b-field textarea::placeholder{color:#a8a29e}
#b2b .b2b-field input::placeholder{color:#a8a29e}
#b2b .b2b-field input:focus{border-color:var(--primary);box-shadow:none}
#b2b .b2b-dd{position:relative}
#b2b .b2b-dd-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-3);color:var(--text);font-family:inherit;font-size:14px;cursor:pointer;text-align:left;transition:border-color .25s}
#b2b .b2b-dd-trigger:hover{border-color:var(--border-strong)}
#b2b .b2b-dd.open .b2b-dd-trigger{border-color:#8b5cf6}
#b2b .b2b-dd-ph{color:#a8a29e}
#b2b .b2b-dd-chev{width:16px;height:16px;color:var(--text-3);flex-shrink:0;transition:transform .25s}
#b2b .b2b-dd.open .b2b-dd-chev{transform:rotate(180deg)}
#b2b .b2b-dd-panel{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px rgba(0,0,0,.14);max-height:240px;overflow-y:auto;padding:6px;display:none;text-align:left}
#b2b .b2b-dd.open .b2b-dd-panel{display:block}
#b2b .b2b-dd-panel::before{content:"";position:absolute;top:0;left:8px;right:8px;height:1px;background:linear-gradient(90deg,transparent,var(--primary),var(--accent),transparent);pointer-events:none}
#b2b .b2b-dd-opt{position:relative;padding:10px 34px 10px 12px;border-radius:7px;font-size:14px;color:var(--text);cursor:pointer;transition:background .15s}
#b2b .b2b-dd-opt:hover{background:var(--bg-3)}
#b2b .b2b-dd-opt.sel::after{content:"\2713";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--primary);font-weight:600}
#b2b .b2b-err input,#b2b .b2b-err textarea,#b2b .b2b-dd.b2b-err .b2b-dd-trigger{border-color:#dc2626}
#b2b .b2b-err-msg{font-size:12.5px;color:#dc2626;margin-top:6px;line-height:1.4;text-align:left;animation:b2bErrIn .25s var(--k-weich)}
@keyframes b2bErrIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media (max-width:760px){#b2b .b2b-intro .b2b-form{grid-template-columns:1fr}}
.b2b-actions-wide{position:relative;width:100%;justify-content:center}
#b2b .b2b-cta-wide{width:100%;justify-content:center;padding:13px 22px}
#b2b .b2b-cta-wide .b2b-ic{width:16px;height:16px}
.b2b-under{margin:0;font-size:13.5px;line-height:1.5;color:var(--text);text-align:center}
.b2b-under a{color:inherit}
#b2b .b2b-intro.b2b-s3{display:flex;flex-direction:column;justify-content:space-evenly;align-items:stretch;padding:28px 40px 46px}
#b2b .b2b-s3 h2{text-align:center;margin:0}
#b2b .b2b-s3 .b2b-mid{width:100%}
#b2b .b2b-s3 .b2b-form{margin:0}
#b2b .b2b-s3 .b2b-actions-wide{flex-direction:column;align-items:stretch;gap:12px;margin:0}
.b2b-av-img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;background:var(--bg-3)}
.b2b-sig{align-items:flex-start;gap:14px}
.b2b-sig-txt b{display:block;font-size:15px}
.b2b-sig-txt>span{display:block;font-size:13px;color:var(--text-3);margin-top:2px}
.b2b-sig-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px}
.b2b-sig-links a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text-2);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .25s var(--k-weich),border-color .25s var(--k-weich)}
.b2b-sig-links a:hover{color:var(--primary)!important;border-bottom-color:var(--primary)}
.b2b-ic2{width:15px;height:15px;flex:none}
#b2b .b2b-done{justify-content:initial;align-items:center}
#b2b .b2b-done .b2b-done-top{grid-row:1;display:flex;flex-direction:column;align-items:center;gap:14px}
#b2b .b2b-done .b2b-tick{margin:0}
#b2b .b2b-done h2{margin:0}
#b2b .b2b-done .b2b-mid{display:flex;flex-direction:column;align-items:center;gap:22px}
#b2b .b2b-done .b2b-sub{margin:0 auto;text-align:center}
#b2b .b2b-done .b2b-sig{width:auto;margin:0;padding-top:18px;justify-content:center;text-align:left}
#b2b .b2b-done .b2b-done-h{grid-row:1;margin:0}
#b2b .b2b-done .b2b-mid{gap:16px}
#b2b .b2b-done .b2b-tick{width:52px;height:52px;margin:0}
#b2b .b2b-done .b2b-tick svg{width:26px;height:26px}
#b2b .b2b-done .b2b-sig{flex-direction:column;align-items:center;text-align:center;gap:10px;width:100%;max-width:440px}
#b2b .b2b-done .b2b-sig-txt{display:flex;flex-direction:column;align-items:center}
#b2b .b2b-sig-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;margin-top:12px;text-align:left}
#b2b .b2b-sig-col{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
#b2b .b2b-sig-col+.b2b-sig-col{align-items:flex-end;text-align:right}
#b2b .b2b-sig-ctx{font-size:12.5px;line-height:1.4;color:var(--text-3)}
@media (max-width:760px){#b2b .b2b-sig-links{grid-template-columns:1fr}#b2b .b2b-sig-col+.b2b-sig-col{align-items:flex-start;text-align:left}}
#b2b .b2b-intro.b2b-done{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:28px 40px 46px}
#b2b .b2b-intro.b2b-done .b2b-mid,#b2b .b2b-intro.b2b-done .b2b-actions{grid-row:auto}
#b2b .b2b-done .b2b-sig-links a{white-space:nowrap}
#b2b .b2b-done .b2b-mid{gap:20px}
#b2b .b2b-done .b2b-sig{padding-top:20px;gap:12px}
#b2b .b2b-done .b2b-sig-txt>span{margin-top:3px}
#b2b .b2b-done .b2b-sig-links{margin-top:8px;gap:12px 24px}
#b2b .b2b-done .b2b-sig-col{gap:6px}
#b2b .b2b-done .b2b-sig-ctx{white-space:nowrap}
#b2b .b2b-done .b2b-sig-rows{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:6px;text-align:center}
#b2b .b2b-sig-row{margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px}
#b2b .b2b-sig-row .b2b-sig-ctx{font-size:13.5px}
#b2b .b2b-done .b2b-sig.b2b-card{flex-direction:row;align-items:center;text-align:left;gap:16px;width:100%;max-width:460px;margin:4px 0 0;padding:16px 18px;border:1px solid var(--border);border-radius:14px;background:var(--bg)}
#b2b .b2b-card .b2b-av-img{width:64px;height:64px}
#b2b .b2b-done .b2b-card .b2b-sig-txt{align-items:flex-start;min-width:0}
#b2b .b2b-done .b2b-card .b2b-sig-rows{align-items:flex-start;text-align:left;margin-top:10px;gap:5px}
#b2b .b2b-card .b2b-sig-row{justify-content:flex-start}
#b2b .b2b-card .b2b-sig-row .b2b-sig-ctx{font-size:13px}
#b2b .b2b-card .b2b-sig-links a{font-size:13px}
@media (max-width:760px){#b2b .b2b-done .b2b-sig.b2b-card{align-items:flex-start}#b2b .b2b-card .b2b-av-img{width:48px;height:48px}}
#b2b .b2b-done .b2b-sig.b2b-card{align-items:flex-start}
#b2b .b2b-card .b2b-av-img{margin-top:2px}
.b2b-src a{display:inline-flex;align-items:center;gap:3px;color:inherit;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .25s var(--k-weich),border-color .25s var(--k-weich)}
.b2b-src a:hover{color:var(--primary)!important;border-bottom-color:var(--primary)}
.b2b-ext{width:10px;height:10px;flex:none}
.b2b-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.b2b-src{margin:22px 0 0;font-size:11.5px;color:var(--text-3);text-align:center}
@media (max-width:760px){.b2b-kpi4{padding:4px 2px}.b2b-kpi4-n{font-size:21px}.b2b-kpi4-u{font-size:12px;white-space:normal}}
@media (max-width:760px){
  #b2b{padding:0;place-items:end center}
  .b2b-sheet{width:100%;height:calc(100dvh - 40px - env(safe-area-inset-top,0px));grid-template-columns:1fr;grid-template-rows:170px 1fr;border-radius:22px 22px 0 0;transform:translateY(40px)}
  .b2b-mark,.b2b-cap{display:none}
  .b2b-kicker{top:16px!important}
  .b2b-ill{top:56%!important}
  .b2b-ill svg{max-width:200px}
  .b2b-note{display:none}
  .b2b-steps{bottom:calc(14px + env(safe-area-inset-bottom,0px));gap:16px;font-size:12px}
  .b2b-step{padding:20px 20px calc(52px + env(safe-area-inset-bottom,0px))}
  .b2b-intro h2 br{display:none}
  .b2b-form{grid-template-columns:1fr}
  .b2b-kpi b{font-size:22px}
}
@media (prefers-reduced-motion:reduce){#b2b,#b2b *{transition-duration:.01ms!important;animation-duration:.01ms!important}}
.ti-invalid{border-color:#dc2626!important;box-shadow:none!important}
.ti-err-msg{font-size:12.5px;color:#dc2626;margin:6px 0 0;line-height:1.4;text-align:left;animation:tiErrIn .25s var(--k-weich)}
@keyframes tiErrIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@media (min-width:761px) and (prefers-reduced-motion:no-preference){
  .modal-overlay{display:flex!important;opacity:0;visibility:hidden;pointer-events:none;background:rgba(10,10,11,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .25s var(--k-weich),visibility 0s .25s}
  .modal-overlay.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s var(--k-weich);animation:none}
  .modal-overlay .modal{transform:translateY(14px) scale(.985);transition:transform .45s var(--k-weich);animation:none}
  .modal-overlay.active .modal{transform:none}
}
.modal-overlay{z-index:1100!important}
#fb-overlay .modal:focus{outline:none}
#fb-overlay .fb-send,#fb-overlay .fb-send:hover,#fb-overlay .fb-send:active,#fb-overlay .fb-send:focus{-webkit-appearance:none;appearance:none;border:none;background:#2563eb!important;color:#fff!important}
[data-theme="dark"] #fb-overlay .fb-send,[data-theme="dark"] #fb-overlay .fb-send:hover,[data-theme="dark"] #fb-overlay .fb-send:active,[data-theme="dark"] #fb-overlay .fb-send:focus{background:#3b82f6!important;color:#fff!important}
.ti-legal-hint{font-size:12px;line-height:1.5;color:color-mix(in srgb,var(--text) 56%,transparent);margin:10px 0 0;text-align:center}
.ti-legal-hint a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (max-width:760px){
  .footer .footer-links a[href="/impressum/"]{order:1}
  .footer .footer-links a[href="/datenschutz/"]{order:2}
  .footer .footer-links a[href^="mailto:"]{order:3}
  .footer .footer-links::after{content:"";flex-basis:100%;height:0;order:4}
  .footer .footer-links a[href="/ueber-uns/"]{order:5}
  .footer .footer-links a[data-b2b-open]{order:6}
}