/* [project]/apps/www/app/bexio-alternative/bexio-alternative.css [app-client] (css) */
.bx-hero {
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, #fff 0%, var(--bg) 100%);
}

.bx-hero__in {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 70px 28px 56px;
}

.bx-hero h1 {
  font-family: var(--font-schibsted);
  letter-spacing: -.025em;
  color: var(--navy);
  text-wrap: balance;
  max-width: 820px;
  margin: 18px auto 0;
  font-size: 46px;
  font-weight: 700;
  line-height: 1.07;
}

.bx-hero p {
  color: var(--muted);
  text-wrap: pretty;
  max-width: 640px;
  margin: 18px auto 0;
  font-size: 18px;
  line-height: 1.55;
}

.bx-badge {
  color: var(--accent);
  background: var(--sage-100);
  border-radius: var(--r-pill);
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  display: inline-flex;
}

.bx-hero__cta {
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  margin-top: 28px;
  display: flex;
}

.bx-hero .bx-hero__note {
  color: var(--muted);
  margin: 16px auto 0;
  font-size: 13px;
}

.bx-eyebrow {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--accent);
  font-size: 13px;
  font-weight: 700;
}

.bx-intro {
  text-align: center;
  margin: 0 auto 34px;
}

.bx-intro h2, .bx-panel h2, .bx-multi h2, .bx-bonus h2 {
  font-family: var(--font-schibsted);
  letter-spacing: -.02em;
  color: var(--navy);
  text-wrap: balance;
  margin: 12px 0 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.14;
}

.bx-intro p {
  color: var(--muted);
  text-wrap: pretty;
  margin: 12px 0 0;
  font-size: 15.5px;
  line-height: 1.6;
}

.bx-intro--620 {
  max-width: 620px;
}

.bx-intro--640 {
  max-width: 640px;
}

.bx-intro--680 {
  max-width: 680px;
}

.bx-intro--700 {
  max-width: 700px;
}

.bx-intro--720 {
  max-width: 720px;
}

.bx-more {
  text-align: center;
  margin-top: 28px;
}

.bx-link {
  color: var(--accent);
  font-size: 14.5px;
  font-weight: 700;
  text-decoration: none;
}

.bx-ico {
  flex: none;
}

.bx-note {
  color: var(--muted);
  text-align: center;
  text-wrap: pretty;
  margin: 14px 0 0;
  font-size: 12.5px;
}

.bx-grid2 {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 20px;
  display: grid;
}

.bx-benefits {
  max-width: 1120px;
  margin: 0 auto;
  padding: 44px 28px 8px;
}

.bx-benefits__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  display: grid;
}

.bx-benefit {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
  align-items: flex-start;
  gap: 14px;
  padding: 20px 22px;
  display: flex;
}

.bx-benefit__ico {
  background: var(--sage-100);
  width: 38px;
  height: 38px;
  color: var(--accent);
  border-radius: 10px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bx-benefit__t {
  color: var(--navy);
  font-size: 15px;
  font-weight: 700;
}

.bx-benefit__d {
  color: var(--muted);
  margin: 3px 0 0;
  font-size: 13.5px;
  line-height: 1.5;
}

.bx-grow, .bx-fit {
  max-width: 1200px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-cards3 {
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  display: grid;
}

.bx-cards3--tight {
  gap: 14px;
}

.bx-card {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  transition: border-color .15s, transform .15s, box-shadow .15s;
}

.bx-card:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -16px #15314b59;
}

.bx-card__t {
  font-family: var(--font-schibsted);
  color: var(--navy);
  margin: 0 0 8px;
  font-size: 17px;
  font-weight: 700;
}

.bx-card__d {
  color: var(--muted);
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.bx-fit__ico {
  background: var(--sage-100);
  width: 38px;
  height: 38px;
  color: var(--accent);
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bx-fit__t {
  margin: 16px 0 8px;
}

.bx-cmp {
  max-width: 1040px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-table {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
}

.bx-row {
  grid-template-columns: 1.6fr 1.4fr 1.2fr;
  align-items: center;
  display: grid;
}

.bx-row--head {
  border-bottom: 1px solid var(--line);
}

.bx-row--body {
  border-top: 1px solid var(--line);
}

.bx-th {
  color: var(--muted);
  padding: 16px 20px;
  font-size: 13px;
  font-weight: 700;
}

.bx-th--c {
  text-align: center;
  padding: 16px;
}

.bx-th--fimaro {
  text-align: center;
  font-family: var(--font-schibsted);
  color: #fff;
  background: var(--navy);
  border-radius: 8px 8px 0 0;
  padding: 16px;
  font-size: 14px;
  font-weight: 700;
}

.bx-cell {
  padding: 15px;
}

.bx-cell--req {
  color: var(--ink);
  padding: 15px 20px;
  font-size: 14.5px;
  font-weight: 600;
}

.bx-cell--typ {
  color: var(--muted);
  text-align: center;
  font-size: 13.5px;
}

.bx-cell--fim {
  color: var(--accent-2);
  text-align: center;
  background: #f3f7f5;
  font-size: 13.5px;
  font-weight: 600;
}

.bx-reasons {
  max-width: 1040px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-reasons__list {
  gap: 12px;
  display: grid;
}

.bx-reason {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 16px;
  align-items: center;
  gap: 18px;
  padding: 20px 24px;
  transition: border-color .15s, transform .15s, box-shadow .15s;
  display: flex;
}

.bx-reason:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -16px #15314b59;
}

.bx-reason__n {
  background: var(--sage-100);
  width: 42px;
  height: 42px;
  color: var(--accent);
  font-size: 18px;
  font-weight: 700;
  font-family: var(--font-schibsted);
  border-radius: 12px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bx-reason__t {
  font-family: var(--font-schibsted);
  color: var(--navy);
  margin: 0 0 3px;
  font-size: 16.5px;
  font-weight: 700;
}

.bx-reason__d {
  color: var(--muted);
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.bx-addons {
  max-width: 1040px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-addons__col {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 16px;
  padding: 26px 28px;
}

.bx-addons__col--fimaro {
  background: var(--navy);
  border-color: var(--navy);
}

.bx-addons__label {
  font-family: var(--font-schibsted);
  color: var(--muted);
  margin: 0 0 16px;
  font-size: 15px;
  font-weight: 700;
}

.bx-addons__label--fimaro {
  color: #8fcabd;
}

.bx-addons__rows {
  gap: 10px;
  display: grid;
}

.bx-addons__row {
  color: var(--ink);
  align-items: center;
  gap: 11px;
  font-size: 14px;
  display: flex;
}

.bx-addons__row .bx-ico {
  color: #9aa8b1;
}

.bx-addons__row--fimaro {
  color: #eaf1ed;
  font-weight: 500;
}

.bx-addons__row--fimaro .bx-ico {
  color: #8fcabd;
}

.bx-which {
  max-width: 1040px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-which__card {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 16px;
  padding: 26px 28px;
}

.bx-which__card--fimaro {
  background: #f2f9f6;
  border: 1.5px solid #cfe6dc;
}

.bx-which__label {
  font-family: var(--font-schibsted);
  color: var(--navy);
  margin: 0 0 16px;
  font-size: 17px;
  font-weight: 700;
}

.bx-which__label--fimaro {
  color: var(--accent-2);
}

.bx-which__rows {
  gap: 11px;
  display: grid;
}

.bx-which__row {
  color: var(--ink);
  align-items: flex-start;
  gap: 11px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
}

.bx-which__row .bx-ico {
  margin-top: 2px;
}

.bx-which__row--bexio .bx-ico {
  color: var(--muted);
}

.bx-which__row--fimaro {
  font-weight: 500;
}

.bx-which__row--fimaro .bx-ico {
  color: var(--accent);
}

.bx-control {
  max-width: 1040px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-paystatus {
  max-width: 1040px;
  margin: 0 auto;
  padding: 28px 28px 8px;
}

.bx-panel {
  border-radius: 18px;
}

.bx-panel--sage {
  background: var(--sage-100);
  border: 1px solid #d5e5dd;
  padding: 38px 40px;
}

.bx-panel--white {
  border: 1px solid var(--line);
  background: #fff;
  padding: 34px 40px;
}

.bx-panel h2 {
  max-width: 680px;
  margin: 10px 0;
  font-size: 26px;
  line-height: 1.18;
}

.bx-panel p {
  color: var(--ink);
  max-width: 720px;
  margin: 0 0 22px;
  font-size: 15.5px;
  line-height: 1.6;
}

.bx-pills {
  flex-wrap: wrap;
  gap: 9px;
  display: flex;
}

.bx-pill {
  color: var(--navy);
  border-radius: var(--r-pill);
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
}

.bx-pill--white {
  background: #fff;
  border: 1px solid #d5e5dd;
}

.bx-pill--sage {
  background: var(--sage-100);
  border: 1px solid #d5e5dd;
}

.bx-panel__link {
  margin-top: 22px;
}

.bx-import {
  max-width: 1200px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-import .bx-intro {
  margin-bottom: 36px;
}

.bx-import__grid {
  grid-template-columns: 1fr 1fr;
  align-items: start;
  gap: 48px;
  display: grid;
}

.bx-steps {
  gap: 16px;
  display: grid;
}

.bx-step {
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.bx-step__n {
  background: var(--navy);
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--font-schibsted);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bx-step--last .bx-step__n, .bx-step__n--accent {
  background: var(--accent);
}

.bx-step__t {
  color: var(--navy);
  font-size: 15px;
  font-weight: 700;
}

.bx-step__d {
  color: var(--muted);
  margin: 3px 0 0;
  font-size: 13.5px;
  line-height: 1.5;
}

.bx-import__label {
  color: var(--muted);
  margin: 2px 0 14px;
  font-size: 13px;
  font-weight: 700;
}

.bx-import__items {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.bx-import__item {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 13px 15px;
  display: flex;
}

.bx-import__item .bx-ico {
  color: var(--accent);
}

.bx-import__item .label {
  color: var(--navy);
  font-size: 13.5px;
  font-weight: 600;
}

.bx-bonus {
  max-width: 1120px;
  margin: 0 auto;
  padding: 72px 28px 8px;
  scroll-margin-top: 86px;
}

.bx-bonus__box {
  background: #f2f9f6;
  border: 1.5px solid #cfe6dc;
  border-radius: 22px;
  padding: 40px 42px;
}

.bx-bonus__badge {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--accent);
  border-radius: var(--r-pill);
  background: #fff;
  border: 1px solid #cfe6dc;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.bx-bonus h2 {
  max-width: 720px;
  margin: 14px 0 10px;
  font-size: 28px;
  line-height: 1.16;
}

.bx-bonus__lead {
  color: var(--ink);
  max-width: 680px;
  margin: 0 0 26px;
  font-size: 15.5px;
  line-height: 1.6;
}

.bx-bonus__steps {
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  margin-bottom: 24px;
  display: grid;
}

.bx-bonus__step {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
  padding: 18px 20px;
}

.bx-bonus__step-t {
  color: var(--navy);
  margin: 12px 0 3px;
  font-size: 14.5px;
  font-weight: 700;
}

.bx-bonus__step-d {
  color: var(--muted);
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.bx-bonus__accs {
  gap: 12px;
  max-width: 640px;
  display: grid;
}

.bx-acc__body {
  padding: 0 20px 20px;
}

.bx-bonus__conds {
  gap: 9px;
  margin-bottom: 14px;
  display: grid;
}

.bx-bonus__cond {
  color: var(--navy);
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  display: flex;
}

.bx-bonus__cond .bx-ico {
  color: var(--accent);
}

.bx-bonus__small {
  color: var(--muted);
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
}

.bx-bonus__small a {
  color: var(--accent);
  font-weight: 600;
  text-decoration: none;
}

.bx-bonus__table {
  border: 1px solid var(--line);
  border-radius: 12px;
  margin-bottom: 12px;
  overflow: hidden;
}

.bx-bonus__thead {
  background: var(--sage-100);
  grid-template-columns: 1fr auto;
  gap: 16px;
  padding: 11px 16px;
  display: grid;
}

.bx-bonus__thead span {
  color: var(--navy);
  font-size: 12px;
  font-weight: 700;
}

.bx-bonus__thead span:last-child {
  text-align: right;
}

.bx-bonus__trow {
  border-top: 1px solid var(--line);
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 10px 16px;
  display: grid;
}

.bx-bonus__bex {
  color: var(--ink);
  font-size: 13.5px;
}

.bx-bonus__fim {
  color: var(--accent-2);
  text-align: right;
  font-size: 13.5px;
  font-weight: 600;
}

.bx-bonus__cta {
  margin-top: 22px;
}

.bx-after {
  max-width: 1040px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-after__list {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
}

.bx-after__row {
  border-top: 1px solid var(--line);
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  display: flex;
}

.bx-after__n {
  border: 1.5px solid var(--accent);
  width: 30px;
  height: 30px;
  color: var(--accent);
  font-size: 13.5px;
  font-weight: 700;
  font-family: var(--font-schibsted);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bx-after__text {
  color: var(--ink);
  font-size: 15px;
}

.bx-hint {
  background: var(--sage-100);
  border: 1px solid #d5e5dd;
  border-radius: 12px;
  align-items: flex-start;
  gap: 11px;
  margin-top: 16px;
  padding: 16px 20px;
  display: flex;
}

.bx-hint .bx-ico {
  color: var(--accent);
  margin-top: 1px;
}

.bx-hint p {
  color: var(--ink);
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.bx-pkg {
  max-width: 1200px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-pkg__grid {
  grid-template-columns: repeat(4, 1fr);
  align-items: start;
  gap: 16px;
  display: grid;
}

.bx-pkg__card {
  border: 1.5px solid var(--line);
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  transition: border-color .15s, transform .15s, box-shadow .15s;
  position: relative;
}

.bx-pkg__card:hover {
  border-color: var(--accent);
  transform: translateY(-2px);
  box-shadow: 0 14px 30px -16px #15314b59;
}

.bx-pkg__card--rec {
  background: var(--navy);
  border-color: var(--navy);
}

.bx-pkg__flag {
  background: var(--accent);
  color: #fff;
  border-radius: var(--r-pill);
  padding: 4px 11px;
  font-size: 11px;
  font-weight: 700;
  position: absolute;
  top: -11px;
  left: 22px;
}

.bx-pkg__name {
  font-family: var(--font-schibsted);
  color: var(--navy);
  font-size: 18px;
  font-weight: 700;
}

.bx-pkg__card--rec .bx-pkg__name {
  color: #fff;
}

.bx-pkg__desc {
  color: var(--muted);
  margin: 10px 0 0;
  font-size: 13.5px;
  line-height: 1.55;
}

.bx-pkg__card--rec .bx-pkg__desc {
  color: #bcccd4;
}

.bx-multi {
  max-width: 1040px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-multi__grid {
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  gap: 40px;
  display: grid;
}

.bx-multi h2 {
  margin: 12px 0;
  font-size: 28px;
  line-height: 1.16;
}

.bx-multi__grid p {
  color: var(--muted);
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.6;
}

.bx-multi__table {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
}

.bx-multi__thead {
  background: var(--navy);
  grid-template-columns: 1fr auto;
  padding: 14px 20px;
  display: grid;
}

.bx-multi__thead span {
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.bx-multi__trow {
  border-top: 1px solid var(--line);
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 13px 20px;
  display: grid;
}

.bx-multi__plan {
  color: var(--navy);
  font-size: 14px;
  font-weight: 600;
}

.bx-multi__price {
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  font-size: 13.5px;
}

.bx-multi__note {
  color: var(--muted);
  text-wrap: pretty;
  max-width: 760px;
  margin: 16px 0 0;
  font-size: 12.5px;
}

.bx-fiduciary {
  max-width: 1040px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-fiduciary .bx-intro h2 {
  font-size: 30px;
  line-height: 1.16;
}

.bx-chip {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
  align-items: center;
  gap: 11px;
  padding: 18px 20px;
  display: flex;
}

.bx-chip .bx-ico {
  color: var(--accent);
}

.bx-chip span:last-child {
  color: var(--navy);
  font-size: 14px;
  font-weight: 600;
}

.bx-trust {
  max-width: 1040px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-trust .bx-intro {
  margin-bottom: 30px;
}

.bx-trust .bx-intro h2 {
  font-size: 30px;
}

.bx-trust__pills {
  flex-wrap: wrap;
  justify-content: center;
  gap: 11px;
  max-width: 760px;
  margin: 0 auto;
  display: flex;
}

.bx-trust__pill {
  border: 1px solid var(--line);
  color: var(--navy);
  border-radius: var(--r-pill);
  background: #fff;
  align-items: center;
  gap: 8px;
  padding: 11px 18px;
  font-size: 14px;
  font-weight: 600;
  display: inline-flex;
}

.bx-trust__pill .bx-ico {
  color: var(--accent);
}

.bx-seo {
  max-width: 820px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-seo h2 {
  font-family: var(--font-schibsted);
  letter-spacing: -.02em;
  color: var(--navy);
  text-align: center;
  margin: 0 auto 24px;
  font-size: 22px;
  font-weight: 700;
}

.bx-seo__pills {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  display: flex;
}

.bx-seo__pill {
  border: 1px solid var(--line);
  color: var(--navy);
  border-radius: var(--r-pill);
  background: #fff;
  padding: 9px 16px;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
}

.bx-seo__pill:hover {
  border-color: var(--accent);
  color: var(--accent);
}

.bx-faq {
  max-width: 820px;
  margin: 0 auto;
  padding: 72px 28px 8px;
}

.bx-faq .bx-intro {
  margin-bottom: 32px;
}

.bx-faq__list {
  gap: 12px;
  display: grid;
}

.bx-acc {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
}

.bx-acc summary {
  cursor: pointer;
  font-family: var(--font-schibsted);
  color: var(--navy);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  font-size: 16px;
  font-weight: 600;
  list-style: none;
  display: flex;
}

.bx-acc summary::-webkit-details-marker {
  display: none;
}

.bx-acc summary:after {
  content: "+";
  color: var(--accent);
  flex: none;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
}

.bx-acc[open] summary:after {
  content: "−";
}

.bx-acc[open] summary {
  color: var(--accent);
}

.bx-acc > p {
  color: var(--muted);
  margin: 0;
  padding: 0 20px 20px;
  font-size: 14.5px;
  line-height: 1.6;
}

.bx-faq__more {
  flex-direction: column-reverse;
  gap: 12px;
  display: flex;
}

.bx-faq__more > summary {
  cursor: pointer;
  border: 1px solid var(--line);
  color: var(--navy);
  background: #fff;
  border-radius: 11px;
  align-self: center;
  margin-top: 10px;
  padding: 12px 24px;
  font-size: 14.5px;
  font-weight: 600;
  list-style: none;
}

.bx-faq__more > summary::-webkit-details-marker {
  display: none;
}

.bx-faq__more > summary:hover {
  border-color: var(--accent);
}

.bx-faq__more:not([open]) .bx-faq__more-close, .bx-faq__more[open] .bx-faq__more-open {
  display: none;
}

.bx-faq__more-list {
  gap: 12px;
  display: grid;
}

.bx-cta {
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 28px 90px;
}

.bx-cta__box {
  background: linear-gradient(135deg, #0f3a3a 0%, var(--navy) 100%);
  color: #fff;
  border-radius: 24px;
  padding: 56px 40px;
}

.bx-cta__box h2 {
  font-family: var(--font-schibsted);
  letter-spacing: -.02em;
  color: #fff;
  text-wrap: balance;
  margin: 0 0 12px;
  font-size: 34px;
  font-weight: 700;
}

.bx-cta__box p {
  color: #c6d6dd;
  max-width: 560px;
  margin: 0 auto 28px;
  font-size: 16px;
}

.bx-cta__row {
  flex-wrap: wrap;
  justify-content: center;
  gap: 14px;
  display: flex;
}

.bx-cta__btn {
  height: 50px;
  font-size: 16px;
  box-shadow: 0 6px 18px #147c6f59;
}

.bx-cta__ghost {
  color: #fff;
  background: #ffffff1a;
  border-color: #ffffff38;
  height: 50px;
  font-size: 16px;
  font-weight: 600;
}

.bx-cta__ghost:hover {
  background: #ffffff29;
}

@media (max-width: 860px) {
  .bx-hero h1 {
    font-size: 36px;
  }

  .bx-grid2, .bx-multi__grid, .bx-import__grid {
    grid-template-columns: 1fr;
  }

  .bx-import__grid, .bx-multi__grid {
    gap: 28px;
  }

  .bx-cards3, .bx-pkg__grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 560px) {
  .bx-hero h1 {
    font-size: 30px;
  }

  .bx-cards3, .bx-pkg__grid, .bx-import__items, .bx-benefits__grid, .bx-bonus__steps {
    grid-template-columns: 1fr;
  }

  .bx-row--head {
    display: none;
  }

  .bx-table {
    border-top: 1px solid var(--line);
  }

  .bx-row--body {
    grid-template-columns: 1fr;
    row-gap: 3px;
    padding: 15px 18px;
  }

  .bx-row--body .bx-cell {
    padding: 0;
  }

  .bx-cell--typ:before {
    content: "Typischer Basisumfang: ";
    color: var(--navy);
    font-weight: 700;
  }

  .bx-cell--fim:before {
    content: "Fimaro: ";
    color: var(--accent);
    font-weight: 700;
  }

  .bx-cell--typ, .bx-cell--fim {
    text-align: left;
  }

  .bx-cell--fim {
    background: none;
  }
}

/*# sourceMappingURL=apps_www_app_bexio-alternative_bexio-alternative_0dqggdm.css.map*/