.b2b-home-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.b2b-home-path { display: flex; flex-direction: column; align-items: flex-start; gap: .75rem; padding: 1.15rem; border: 1px solid #bed2d8; border-radius: 8px; background: #ffffffbf; }
.b2b-home-path--business { background: #e8f1f4; }
.b2b-home-path__title { margin: 0; font-size: 1.125rem; line-height: 1.3; }
.b2b-home-path__copy { margin: 0; font-size: .9375rem; line-height: 1.55; }
.b2b-home-path .button { margin-top: auto; padding: .65rem .8rem; font-size: .875rem; }
.b2b-home-path a:focus-visible { outline: 3px solid #0d6680; outline-offset: 4px; }
.b2b-page { color: #505c62; background: #fff; font-size: 1rem; line-height: 1.7; -webkit-font-smoothing: antialiased; }
.b2b-page .nav_component { position: relative; background: #fff; }
.b2b-page .nav_link[aria-current="page"] { color: #236477; }
.b2b-page h1 { font-size: clamp(2.3rem, 3.6vw, 3.75rem); line-height: 1.13; letter-spacing: -.035em; }
.b2b-page h2 { font-size: clamp(1.9rem, 2.6vw, 2.75rem); line-height: 1.2; letter-spacing: -.025em; }
.b2b-page h3 { font-size: 1.35rem; line-height: 1.3; }
.b2b-page p { margin: 1.1rem 0 0; }
.b2b-page figure { margin: 0; }
.b2b-page a:focus-visible, .b2b-page button:focus-visible, .b2b-page input:focus-visible, .b2b-page textarea:focus-visible, .b2b-page summary:focus-visible { outline: 3px solid #0d6680; outline-offset: 4px; }
.b2b-page .footer_component a:focus-visible, .b2b-page .footer_component button:focus-visible { outline-color: #fff; }
.b2b-skip { position: absolute; top: -6rem; left: 1rem; z-index: 2000; background: #fff; padding: .75rem 1rem; color: #0d1317; }
.b2b-skip:focus { top: 1rem; }
.b2b-section { padding: 6rem 0; scroll-margin-top: 1rem; }
.b2b-section--tint { background: #f1f6f8; }
.b2b-section--compact { padding: 4rem 0; }
.b2b-container { width: min(100% - 4rem, 75rem); margin-inline: auto; }
.b2b-copy { max-width: 49rem; }
.b2b-copy + .b2b-process, .b2b-copy + .b2b-grid, .b2b-copy + .b2b-table { margin-top: 2.75rem; }
.b2b-page .b2b-eyebrow { color: #236477; font-size: .75rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 1rem; }
.b2b-hero { padding: 4.5rem 0; background: #eef2fa; }
.b2b-hero__grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 3.5rem; align-items: center; }
.b2b-page .b2b-hero__lead { color: #0d1317; font-size: 1.18rem; line-height: 1.55; font-weight: 600; margin-top: 1.5rem; }
.b2b-hero__image { width: 100%; aspect-ratio: 4 / 4.1; object-fit: cover; border-radius: 1rem; }
.b2b-image-caption { padding-top: .75rem; font-size: .8rem; color: #505c62; }
.b2b-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.75rem; }
.b2b-page .b2b-trust { margin-top: 1.5rem; font-size: .8rem; color: #236477; }
.b2b-process { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; list-style: none; padding: 0; margin: 0; }
.b2b-process__step { border-top: 2px solid #2e7d8f; padding: 1.5rem 1rem 0 0; }
.b2b-number { display: block; color: #236477; font-size: .8rem; font-weight: 600; letter-spacing: .08em; margin-bottom: 1rem; }
.b2b-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }
.b2b-card { padding: 1.75rem; border: 1px solid #d4e0e4; border-radius: 8px; background: #fff; }
.b2b-page .b2b-card__subline { font-weight: 600; color: #0d1317; }
.b2b-page .b2b-card__uses { border-top: 1px solid #d4e0e4; padding-top: 1rem; font-size: .85rem; }
.b2b-card--image { padding: 0; overflow: hidden; display: flex; flex-direction: column; }
.b2b-card--image img { width: 100%; height: 15rem; flex-grow: 1; object-fit: cover; }
.b2b-card--image figcaption { padding: 1.5rem; font-size: .9rem; }
.b2b-card--image a { display: inline-block; margin-top: .5rem; color: #236477; text-decoration: underline; text-underline-offset: .2em; }
.b2b-combination { padding: 3.5rem; border-radius: 1rem; color: #fff; background: #236477; }
.b2b-combination h2, .b2b-combination .b2b-eyebrow { color: #fff; }
.b2b-combination__flow { list-style: none; padding: 0; margin: 2.5rem 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; }
.b2b-combination__flow li { border-top: 1px solid #ffffff80; padding-top: 1.25rem; }
.b2b-combination__flow span { font-size: .8rem; }
.b2b-combination__flow strong { display: block; font-size: 1.15rem; margin-top: .6rem; line-height: 1.4; }
.b2b-combination__flow p { font-size: .9rem; }
.b2b-combination .b2b-button-light { background: #fff; border-color: #fff; color: #236477; }
.b2b-combination .b2b-button-light:hover { background: #e8f1f4; border-color: #e8f1f4; }
.b2b-combination a:focus-visible { outline-color: #fff; }
.b2b-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 5rem; }
.b2b-split--center { align-items: center; }
.b2b-text-link { display: inline-block; color: #236477; text-decoration: underline; text-underline-offset: .2em; margin-top: 1rem; overflow-wrap: anywhere; }
.b2b-application-list { list-style: none; padding: 0; margin: 0; }
.b2b-application-list li { padding: .9rem 0 .9rem 1.5rem; border-bottom: 1px solid #ccdce2; position: relative; color: #0d1317; }
.b2b-application-list li::before { content: ""; position: absolute; left: 0; top: 1.45rem; width: .4rem; height: .4rem; background: #d93a18; border-radius: 50%; }
.b2b-process-image img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 1rem; }
.b2b-split--center .button { margin-top: 1.5rem; }
.b2b-table { width: 100%; border-collapse: collapse; }
.b2b-table th, .b2b-table td { padding: 1.2rem 1.25rem; text-align: left; border-bottom: 1px solid #c8d9df; vertical-align: top; }
.b2b-table thead { color: #fff; background: #236477; }
.b2b-table tbody th { color: #0d1317; width: 24%; }
.b2b-table tbody tr:nth-child(even) { background: #fff; }
.b2b-inquiry { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 4rem; }
.b2b-inquiry__intro { align-self: start; }
.b2b-form { padding: 2rem; border: 1px solid #d4e0e4; border-radius: .75rem; background: #f7f9fa; }
.b2b-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; margin-top: 1rem; }
.b2b-form__wide { grid-column: 1 / -1; }
.b2b-field { min-width: 0; }
.b2b-field label { display: block; margin-bottom: .5rem; color: #0d1317; font-weight: 600; font-size: .9rem; }
.b2b-field input, .b2b-field textarea { display: block; width: 100%; max-width: 100%; min-width: 0; border: 1px solid #82979f; border-radius: .3rem; background: #fff; color: #0d1317; font: inherit; font-size: 1rem; padding: .75rem; min-height: 3.25rem; }
.b2b-field input::placeholder { color: #626f75; font-size: .85rem; }
.b2b-field textarea { resize: vertical; }
.b2b-page .b2b-form__help { margin-top: .65rem; font-size: .8rem; line-height: 1.6; }
.b2b-form > .b2b-form__help:first-child { margin-top: 0; }
.b2b-form__consent { display: flex; gap: .75rem; align-items: flex-start; margin: 1.5rem 0; font-size: .85rem; font-weight: 400; }
.b2b-form__consent input { flex: 0 0 auto; margin-top: .3rem; width: 1.1rem; height: 1.1rem; accent-color: #236477; }
.b2b-form__consent a { color: #236477; text-decoration: underline; }
.b2b-upload { border-top: 1px solid #d4e0e4; padding-top: 1.25rem; }
.b2b-upload input { font-size: .85rem; padding: .6rem; }
.b2b-upload input::file-selector-button { background: #e8f1f4; border: 1px solid #82979f; color: #0d1317; border-radius: .25rem; font: inherit; padding: .5rem; margin-right: .5rem; cursor: pointer; }
.b2b-form button[disabled] { opacity: .65; cursor: wait; }
.b2b-form-status { margin-bottom: 1.5rem; padding: 1rem; border: 1px solid #82979f; border-radius: 8px; background: #edf5f5; color: #185367; }
.b2b-form-status[hidden] { display: none; }
.b2b-form-status--error { background: #fff0eb; color: #882910; border-color: #bd644e; }
.b2b-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.b2b-faq details { border-bottom: 1px solid #c8d9df; padding: 1.25rem 0; }
.b2b-faq details:first-child { border-top: 1px solid #c8d9df; }
.b2b-faq summary { cursor: pointer; font-weight: 600; color: #0d1317; padding-right: .5rem; }
.b2b-faq summary::marker { color: #236477; }
.b2b-faq p { padding-left: 1.1rem; }
.b2b-final { display: flex; align-items: center; gap: 3rem; justify-content: space-between; }
.b2b-final > div { max-width: 46rem; }
.b2b-final > a { flex-shrink: 0; }
.b2b-page #datei { scroll-margin-top: 5rem; }
@media (min-width: 992px) and (max-width: 1199px) {
  .b2b-site-nav .nav_logo-link { flex-shrink: 0; margin-right: 1rem; }
  .b2b-site-nav .nav_link { padding-inline: .5rem; font-size: .875rem; white-space: nowrap; }
  .b2b-site-nav .nav_button { padding-inline: 1rem; font-size: .875rem; white-space: nowrap; }
  .b2b-site-nav .nav_button-wrapper { flex-shrink: 0; margin-left: .5rem; }
}
@media (max-width: 991px) {
  .b2b-hero__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 2rem; }
  .b2b-section { padding: 4.5rem 0; }
  .b2b-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .b2b-split { gap: 2.5rem; }
  .b2b-inquiry { grid-template-columns: 1fr; gap: 2rem; }
  .b2b-inquiry__intro { max-width: 40rem; }
  .b2b-combination { padding: 2.5rem; }
  .b2b-final { align-items: flex-start; flex-direction: column; gap: 1.5rem; }
}
@media (max-width: 767px) {
  .b2b-home-paths, .b2b-hero__grid, .b2b-process, .b2b-grid, .b2b-split, .b2b-combination__flow, .b2b-form__grid { grid-template-columns: 1fr; }
  .b2b-container { width: calc(100% - 2rem); }
  .b2b-hero { padding: 2.5rem 0; }
  .b2b-hero__image { aspect-ratio: 4 / 3; }
  .b2b-section { padding: 3.5rem 0; }
  .b2b-combination { padding: 1.5rem; }
  .b2b-combination__flow { gap: 1.5rem; }
  .b2b-form { padding: 1.25rem; }
  .b2b-form__wide { grid-column: auto; }
  .b2b-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
  .b2b-table tbody, .b2b-table tr, .b2b-table th, .b2b-table td { display: block; width: 100%; }
  .b2b-table tbody th { width: 100%; background: #e2edf1; border: 0; }
  .b2b-table td { border: 0; padding-top: .65rem; padding-bottom: .65rem; }
  .b2b-table tr { border: 1px solid #c8d9df; margin-bottom: 1rem; }
  .b2b-table td::before { content: attr(data-label) ": "; display: block; font-size: .75rem; font-weight: 600; color: #236477; }
  .b2b-actions .button { flex-grow: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .b2b-page *, .b2b-page *::before, .b2b-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
