.app-content-headline-left {
  text-align: left
}

.app-content-headline-center {
  text-align: center
}

.app-content-headline-right {
  text-align: right
}

.app-content-headline-text-balance {
  text-wrap: balance
}

.app-cta .app-cta-headline .app-content-headline {
  margin: auto auto 1.5rem
}

@media(min-width:62rem) {
  .app-cta .app-cta-headline .app-content-headline {
    margin: auto 0 !important;
    padding-right: .75rem
  }
}

.app-content-text {
  --app-content-text-gutter: var(--gutter, 24px)
}

@media(min-width:62rem) {
  .app-content-text {
    --app-content-text-gutter: var(--gutter, 36px)
  }
}

.app-content-text {
  color: var(--black-20);
  font-size: 1.125rem;
  line-height: 1.75rem
}

.app-content-text h2,
.app-content-text h3 {
  margin-bottom: 1.5rem;
  margin-top: 3.75rem
}

@media(min-width:48rem) {
  .app-content-text h2,
  .app-content-text h3 {
    margin-bottom: 1.75rem;
    margin-top: 5rem
  }
}

.app-content-text h4,
.app-content-text h5 {
  margin-bottom: 1.25rem;
  margin-top: 3.75rem
}

@media(min-width:48rem) {
  .app-content-text h4,
  .app-content-text h5 {
    margin-top: 5rem
  }
}

.app-content-text h6 {
  margin-bottom: 1rem
}

.app-content-text figure,
.app-content-text ol,
.app-content-text p,
.app-content-text table,
.app-content-text ul {
  margin-bottom: 1.5rem
}

@media(min-width:48rem) {
  .app-content-text figure,
  .app-content-text ol,
  .app-content-text p,
  .app-content-text table,
  .app-content-text ul {
    margin-bottom: 1.75rem
  }
}

.app-content-text ol,
.app-content-text p,
.app-content-text ul {
  word-break: break-word
}

.app-content-text figure {
  overflow: auto
}

.app-content-text figure table {
  border: .0625rem solid var(--table-border-color);
  border-collapse: initial;
  border-spacing: 0;
  color: var(--table-color);
  width: 100%
}

.app-content-text figure table thead tr,
.app-content-text figure table tr:nth-child(2n) {
  background: var(--table-thead-even-background)
}

.app-content-text figure table th {
  font-size: .875rem;
  font-weight: var(--font-weight-bold);
  line-height: 1.25rem;
  padding: 1.25rem;
  text-align: center
}

.app-content-text figure table td {
  font-size: .875rem;
  font-weight: var(--font-weight-regular);
  line-height: 1.25rem;
  padding: 1.25rem
}

.app-content-text figure table td:not(:last-child),
.app-content-text figure table th:not(:last-child) {
  border-right: .0625rem solid var(--table-border-color)
}

.app-content-text ol,
.app-content-text ul {
  padding-left: 1.375rem
}

.app-content-text ol>li,
.app-content-text ul>li {
  margin-bottom: .25rem
}

.app-content-text ol>li:last-child,
.app-content-text ul>li:last-child {
  margin-bottom: 0
}

.app-content-text figure:first-child,
.app-content-text h2:first-child,
.app-content-text h3:first-child,
.app-content-text h4:first-child,
.app-content-text h5:first-child,
.app-content-text h6:first-child,
.app-content-text ol:first-child,
.app-content-text p:first-child,
.app-content-text table:first-child,
.app-content-text ul:first-child {
  margin-top: 0
}

.app-content-text figure:last-child,
.app-content-text h2:last-child,
.app-content-text h3:last-child,
.app-content-text h4:last-child,
.app-content-text h5:last-child,
.app-content-text h6:last-child,
.app-content-text ol:last-child,
.app-content-text p:last-child,
.app-content-text table:last-child,
.app-content-text ul:last-child {
  margin-bottom: 0
}

.app-content-text-list-direction-vertical {
  --list-style-checkmark-vertical: 1
}

.app-content-text-list-style ol,
.app-content-text-list-style ul {
  margin-bottom: 1.75rem;
  margin-top: 1.75rem
}

.app-content-text-list-style-default ul li {
  margin-bottom: 1rem
}

.app-content-text-list-style-default ul li:last-child {
  margin-bottom: 0
}

.app-content-text-list-style-default ul li::marker {
  color: inherit
}

.app-content-text-list-style-primary {
  --list-style-checkmark-color: var(--black);
  --list-style-checkmark-background-color: var(--primary);
  --list-style-ordered-color: var(--black);
  --list-style-ordered-background-color: var(--primary)
}

.app-content-text-list-style-gray {
  --list-style-checkmark-color: var(--black);
  --list-style-checkmark-background-color: var(--gray);
  --list-style-ordered-color: var(--black);
  --list-style-ordered-background-color: var(--gray)
}

.app-content-text-list-style-white {
  --list-style-checkmark-color: var(--black);
  --list-style-checkmark-background-color: var(--white);
  --list-style-ordered-color: var(--black);
  --list-style-ordered-background-color: var(--white)
}

.app-content-text-list-style-white-20 {
  --list-style-checkmark-color: var(--white);
  --list-style-checkmark-background-color: var(--white);
  --list-style-checkmark-background-opacity: 0.2;
  --list-style-ordered-color: var(--white);
  --list-style-ordered-background-color: var(--white);
  --list-style-ordered-background-opacity: 0.2
}
.app-content-text-list-style-24:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul {
  line-height: 1.75rem;
  padding-left: 0;
  padding-right: 0
}

.app-content-text-list-style-24:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li {
  list-style-type: none;
  margin-bottom: var(--list-style-checkmark-li-mb, 16px);
  min-height: 1.5rem;
  padding-right: calc(2.25rem*(1 - var(--list-style-checkmark-vertical, 0)) + 0px*var(--list-style-checkmark-vertical, 0));
  padding-left: 0;
  padding-top: calc(0px*(1 - var(--list-style-checkmark-vertical, 0)) + 2.25rem*var(--list-style-checkmark-vertical, 0));
  position: relative;
  text-align: right
}

.app-content-text-list-style-24:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:last-child {
  margin-bottom: 0
}

.app-content-text-list-style-24:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:after,
.app-content-text-list-style-24:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:before {
  border-radius: 50%;
  content: "";
  height: 1.5rem;
  right: 0;
  left: auto;
  position: absolute;
  top: .125rem;
  width: 1.5rem
}

.app-content-text-list-style-24:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:before {
  background-color: var(--list-style-checkmark-background-color, var(--primary));
  border: var(--list-style-checkmark-border, 0 solid #0000);
  opacity: var(--list-style-checkmark-background-opacity, 1)
}

.app-content-text-list-style-24:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:after {
  background-color: var(--list-style-checkmark-color, var(--primary-contrast));
  -webkit-mask-image: url(../images/check.33ff7082.svg);
  mask-image: url(../images/check.33ff7082.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: .75rem;
  mask-size: .75rem
}

.app-content-text-list-style-24:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol {
  counter-reset: orderedlist;
  line-height: 1.75rem;
  padding-left: 0;
  padding-right: 0
}

.app-content-text-list-style-24:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol>li {
  list-style-type: none;
  margin-bottom: var(--list-style-ordered-li-mb, 16px);
  min-height: 1.5rem;
  padding-right: calc(2.25rem*(1 - var(--list-style-checkmark-vertical, 0)) + 0px*var(--list-style-checkmark-vertical, 0));
  padding-left: 0;
  padding-top: calc(0px*(1 - var(--list-style-checkmark-vertical, 0)) + 2.25rem*var(--list-style-checkmark-vertical, 0));
  position: relative;
  text-align: right
}

.app-content-text-list-style-24:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol>li:last-child {
  margin-bottom: 0
}

.app-content-text-list-style-24:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol>li:before {
  align-items: center;
  background-color: var(--list-style-ordered-background-color, var(--primary));
  border: var(--list-style-ordered-border, 0 solid #0000);
  border-radius: 50%;
  color: var(--list-style-ordered-color, var(--primary-contrast));
  content: "";
  content: counter(orderedlist);
  counter-increment: orderedlist;
  display: inline-flex;
  font-size: .875rem;
  font-weight: var(--font-weight-medium);
  height: 1.5rem;
  justify-content: center;
  right: 0;
  left: auto;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: .125rem;
  width: 1.5rem
}

@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))) {
  .app-content-text-list-style-24:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol>li:before {
    background-color: rgb(from var(--list-style-ordered-background-color, var(--primary)) r g b/var(--list-style-ordered-background-opacity, 1))
  }
}

.app-content-text-list-style-32:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul {
  line-height: 1.75rem;
  padding-left: 0
}

.app-content-text-list-style-32:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li {
  list-style-type: none;
  margin-bottom: var(--list-style-checkmark-li-mb, 16px);
  min-height: 2rem;
  padding-left: calc(2.75rem*(1 - var(--list-style-checkmark-vertical, 0)) + 0px*var(--list-style-checkmark-vertical, 0));
  padding-top: calc(.125rem*(1 - var(--list-style-checkmark-vertical, 0)) + 2.75rem*var(--list-style-checkmark-vertical, 0));
  position: relative
}

.app-content-text-list-style-32:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:last-child {
  margin-bottom: 0
}

.app-content-text-list-style-32:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:after,
.app-content-text-list-style-32:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:before {
  border-radius: 50%;
  content: "";
  height: 2rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 2rem
}

.app-content-text-list-style-32:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:before {
  background-color: var(--list-style-checkmark-background-color, var(--primary));
  border: var(--list-style-checkmark-border, 0 solid #0000);
  opacity: var(--list-style-checkmark-background-opacity, 1)
}

.app-content-text-list-style-32:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:after {
  background-color: var(--list-style-checkmark-color, var(--primary-contrast));
  -webkit-mask-image: url(../images/check.631c94ea.svg);
  mask-image: url(../images/check.631c94ea.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 1rem;
  mask-size: 1rem
}

.app-content-text-list-style-32:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol {
  counter-reset: orderedlist;
  line-height: 1.75rem;
  padding-left: 0
}

.app-content-text-list-style-32:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol>li {
  list-style-type: none;
  margin-bottom: var(--list-style-ordered-li-mb, 16px);
  min-height: 2rem;
  padding-left: calc(2.75rem*(1 - var(--list-style-checkmark-vertical, 0)) + 0px*var(--list-style-checkmark-vertical, 0));
  padding-top: calc(.125rem*(1 - var(--list-style-checkmark-vertical, 0)) + 2.75rem*var(--list-style-checkmark-vertical, 0));
  position: relative
}

.app-content-text-list-style-32:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol>li:last-child {
  margin-bottom: 0
}

.app-content-text-list-style-32:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol>li:before {
  align-items: center;
  background-color: var(--list-style-ordered-background-color, var(--primary));
  border: var(--list-style-ordered-border, 0 solid #0000);
  border-radius: 50%;
  color: var(--list-style-ordered-color, var(--primary-contrast));
  content: "";
  content: counter(orderedlist);
  counter-increment: orderedlist;
  display: inline-flex;
  font-size: .875rem;
  font-weight: var(--font-weight-medium);
  height: 2rem;
  justify-content: center;
  left: 0;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 0;
  width: 2rem
}

@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))) {
  .app-content-text-list-style-32:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol>li:before {
    background-color: rgb(from var(--list-style-ordered-background-color, var(--primary)) r g b/var(--list-style-ordered-background-opacity, 1))
  }
}

.app-content-text-list-style-40:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul {
  line-height: 1.75rem;
  padding-left: 0
}

.app-content-text-list-style-40:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li {
  list-style-type: none;
  margin-bottom: var(--list-style-checkmark-li-mb, 16px);
  min-height: 2.5rem;
  padding-left: calc(3.25rem*(1 - var(--list-style-checkmark-vertical, 0)) + 0px*var(--list-style-checkmark-vertical, 0));
  padding-top: calc(.375rem*(1 - var(--list-style-checkmark-vertical, 0)) + 3.25rem*var(--list-style-checkmark-vertical, 0));
  position: relative
}

.app-content-text-list-style-40:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:last-child {
  margin-bottom: 0
}

.app-content-text-list-style-40:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:after,
.app-content-text-list-style-40:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:before {
  border-radius: 50%;
  content: "";
  height: 2.5rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 2.5rem
}

.app-content-text-list-style-40:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:before {
  background-color: var(--list-style-checkmark-background-color, var(--primary));
  border: var(--list-style-checkmark-border, 0 solid #0000);
  opacity: var(--list-style-checkmark-background-opacity, 1)
}

.app-content-text-list-style-40:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ul>li:after {
  background-color: var(--list-style-checkmark-color, var(--primary-contrast));
  -webkit-mask-image: url(../images/check.631c94ea.svg);
  mask-image: url(../images/check.631c94ea.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 1rem;
  mask-size: 1rem
}

.app-content-text-list-style-40:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol {
  counter-reset: orderedlist;
  line-height: 1.75rem;
  padding-left: 0
}

.app-content-text-list-style-40:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol>li {
  list-style-type: none;
  margin-bottom: var(--list-style-ordered-li-mb, 16px);
  min-height: 2.5rem;
  padding-left: calc(3.25rem*(1 - var(--list-style-checkmark-vertical, 0)) + 0px*var(--list-style-checkmark-vertical, 0));
  padding-top: calc(.375rem*(1 - var(--list-style-checkmark-vertical, 0)) + 3.25rem*var(--list-style-checkmark-vertical, 0));
  position: relative
}

.app-content-text-list-style-40:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol>li:last-child {
  margin-bottom: 0
}

.app-content-text-list-style-40:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol>li:before {
  align-items: center;
  background-color: var(--list-style-ordered-background-color, var(--primary));
  border: var(--list-style-ordered-border, 0 solid #0000);
  border-radius: 50%;
  color: var(--list-style-ordered-color, var(--primary-contrast));
  content: "";
  content: counter(orderedlist);
  counter-increment: orderedlist;
  display: inline-flex;
  font-size: .875rem;
  font-weight: var(--font-weight-medium);
  height: 2.5rem;
  justify-content: center;
  left: 0;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 0;
  width: 2.5rem
}

@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))) {
  .app-content-text-list-style-40:is(.app-content-text-list-style-primary, .app-content-text-list-style-gray, .app-content-text-list-style-white, .app-content-text-list-style-white-20) ol>li:before {
    background-color: rgb(from var(--list-style-ordered-background-color, var(--primary)) r g b/var(--list-style-ordered-background-opacity, 1))
  }
}

@media(min-width:48rem) {
  .app-content-text-columns-2 {
    column-count: 2;
    column-gap: var(--app-content-text-gutter)
  }
  .app-content-text-columns-2-gray {
    column-count: 2;
    column-gap: calc(var(--app-content-text-gutter)*2);
    column-rule: .0625rem solid var(--gray)
  }
  .app-content-text-columns-2-primary {
    column-count: 2;
    column-gap: calc(var(--app-content-text-gutter)*2);
    column-rule: .0625rem solid var(--primary)
  }
}

.app-teaser-07 .app-content-text ul li {
  align-items: center;
  display: flex
}

.app-comparison .app-content-text {
  color: var(--body-color);
  font-size: .9375rem;
  line-height: 1.3125rem
}

.app-tabs .app-content-text table {
  border: 0 solid #0000 !important
}

.app-tabs .app-content-text table thead tr,
.app-tabs .app-content-text table tr:nth-child(2n) {
  background: none
}

.app-tabs .app-content-text table td:not(:last-child),
.app-tabs .app-content-text table th:not(:last-child) {
  border-right: 0 solid var(--table-border-color) !important
}

.app-tabs .app-content-text table td,
.app-tabs .app-content-text table th {
  border-bottom: .0625rem solid var(--black-90);
  color: var(--black-20);
  font-size: 1.125rem !important;
  line-height: 1.25rem !important;
  padding: 1.25rem .5rem 1.25rem 0 !important
}

.app-tabs .app-content-text table td:last-of-type,
.app-tabs .app-content-text table th:last-of-type {
  padding-right: 0 !important
}

.app-tabs .app-content-text table td small,
.app-tabs .app-content-text table th small {
  color: var(--black-50);
  font-size: .875rem
}

.app-tabs .app-content-text table tr td:first-of-type {
  white-space: nowrap
}

.app-tabs .app-content-text table thead tr th {
  color: var(--black-50);
  font-size: .75rem !important;
  font-weight: var(--font-weight-regular);
  line-height: .9375rem !important;
  padding: .5rem .5rem .5rem 0 !important;
  text-align: right
}

.app-tabs .app-content-text table thead tr th:last-of-type {
  padding-right: 0 !important
}

.app-cta-09 .app-content-text {
  color: var(--app-cta-09-description-color);
  margin-bottom: 0 !important
}

.app-collapse .app-content-text {
  font-size: .9375rem
}

.app-collapse .app-content-text:last-of-type {
  margin-bottom: 0
}

.app-benefit-boxes .app-content-text {
  margin-bottom: 0 !important
}

.app-benefit-boxes .app-benefit-boxes-testimonials-cite .app-content-text {
  color: var(--app-benefit-boxes-testimonials-cite-color)
}

.app-steps-02 .app-steps-02-step-text .app-content-text,
.app-teaser .app-content-text {
  margin-bottom: 0 !important
}

.app-domaincheck-form-default {
  container-type: inline-size
}

.app-domaincheck-form-default .app-domaincheck-form-content {
  display: flex;
  position: relative
}

.app-domaincheck-form-default .app-domaincheck-form-input {
  background-color: var(--gray);
  border-radius: .5rem;
  display: block;
  flex-grow: 1;
  font-size: 1rem;
  font-weight: var(--font-weight-book);
  min-height: 100%;
  outline: none;
  padding: 0 .875rem;
  transition-duration: .15s;
  transition-property: background-color;
  transition-timing-function: var(--transition-timing-function);
  width: 100%
}

.app-domaincheck-form-default .app-domaincheck-form-input::placeholder {
  color: var(--black-50);
  opacity: 1
}

.app-domaincheck-form-default .app-domaincheck-form-input:hover {
  background-color: var(--black-90)
}

.app-domaincheck-form-default .app-domaincheck-form-input:focus {
  background-color: var(--gray);
  border: .125rem solid var(--primary);
  color: var(--black);
  padding: 0 .75rem
}

.app-domaincheck-form-default .app-domaincheck-form-input:focus+.app-domaincheck-form-action .app-domaincheck-form-button {
  background-color: var(--primary);
  color: var(--black)
}

.app-domaincheck-form-default .app-domaincheck-form-input:focus+.app-domaincheck-form-action .app-domaincheck-form-button:hover {
  background-color: var(--primary-30)
}

.app-domaincheck-form-default .app-domaincheck-form-input:focus+.app-domaincheck-form-action .app-domaincheck-form-button svg {
  color: var(--black)
}

@container (min-width: 527px) {
  .app-domaincheck-form-default .app-domaincheck-form-input:focus {
    padding: 0 .75rem 0 2.625rem
  }
  .app-domaincheck-form-default .app-domaincheck-form-input {
    padding-left: 2.75rem
  }
}

.app-domaincheck-form-default .app-domaincheck-form-input-icon {
  display: none
}

@container (min-width: 527px) {
  .app-domaincheck-form-default .app-domaincheck-form-input-icon {
    color: var(--black-50);
    display: block;
    left: .875rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0)
  }
}

.app-domaincheck-form-default .app-domaincheck-form-button {
  font-weight: var(--font-weight-book);
  margin-left: .5rem
}

.app-domaincheck-form-default .app-domaincheck-form-button span {
  display: none
}

.app-domaincheck-form-default .app-domaincheck-form-button svg {
  margin: 0 !important
}

@container (min-width: 527px) {
  .app-domaincheck-form-default .app-domaincheck-form-button span {
    display: inline;
    white-space: nowrap
  }
  .app-domaincheck-form-default .app-domaincheck-form-button svg {
    display: none
  }
}

.app-domaincheck-form-framed .app-domaincheck-form-content {
  align-items: center;
  display: flex;
  height: 100%;
  position: relative
}

.app-domaincheck-form-framed .app-domaincheck-form-input {
  background-color: var(--white);
  border: .125rem solid var(--white);
  border-radius: .75rem;
  bottom: 0;
  box-shadow: 0 .3125rem .75rem #00000014;
  caret-color: var(--primary);
  flex-grow: 1;
  font-size: 1.125rem;
  height: 100%;
  left: 0;
  line-height: 1;
  outline: none;
  padding: 0 .625rem;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%
}

@media(min-width:48rem) {
  .app-domaincheck-form-framed .app-domaincheck-form-input {
    font-size: 1.25rem;
    padding: 0 1.75rem
  }
}

.app-domaincheck-form-framed .app-domaincheck-form-input::placeholder {
  color: var(--black-70);
  opacity: 1
}

.app-domaincheck-form-framed .app-domaincheck-form-input:focus {
  border-color: var(--primary);
  color: var(--black)
}

.app-domaincheck-form-framed .app-domaincheck-form-action {
  background-color: var(--white);
  margin: .5rem .5rem .5rem auto;
  padding-left: .5rem;
  position: relative
}

@media(min-width:48rem) {
  .app-domaincheck-form-framed .app-domaincheck-form-action {
    margin: .75rem .75rem .75rem auto;
    padding-left: .75rem
  }
}

.app-domaincheck-form-framed .app-domaincheck-form-button {
  border-radius: 50%;
  padding: .75rem
}

@media(min-width:48rem) {
  .app-domaincheck-form-framed .app-domaincheck-form-button {
    border-radius: var(--btn-border-radius);
    padding: var(--btn-padding)
  }
}

.app-domaincheck-form-framed .app-domaincheck-form-button span {
  display: none
}

@media(min-width:48rem) {
  .app-domaincheck-form-framed .app-domaincheck-form-button span {
    display: inline;
    white-space: nowrap
  }
}

.app-domaincheck-form-framed .app-domaincheck-form-button svg {
  margin: 0 !important
}

@media(min-width:48rem) {
  .app-domaincheck-form-framed .app-domaincheck-form-button svg {
    display: none
  }
}

.app-domaincheck-form-bordered {
  container-type: inline-size
}

.app-domaincheck-form-bordered .app-domaincheck-form-content {
  display: flex;
  position: relative
}

.app-domaincheck-form-bordered .app-domaincheck-form-input {
  background-color: var(--black-95);
  border: .0625rem solid var(--black-85);
  border-radius: .5rem;
  display: block;
  flex-grow: 1;
  font-size: 1rem;
  font-weight: var(--font-weight-book);
  min-height: 100%;
  outline: none;
  padding: 0 .875rem;
  transition-duration: .15s;
  transition-property: background-color;
  transition-timing-function: var(--transition-timing-function);
  width: 100%
}

.app-domaincheck-form-bordered .app-domaincheck-form-input::placeholder {
  color: var(--black-50);
  opacity: 1
}

.app-domaincheck-form-bordered .app-domaincheck-form-input:hover {
  background-color: var(--black-90)
}

.app-domaincheck-form-bordered .app-domaincheck-form-input:focus {
  background-color: var(--white);
  border: .0625rem solid var(--primary);
  color: var(--black);
  padding: 0 .75rem
}

.app-domaincheck-form-bordered .app-domaincheck-form-input:focus+.app-domaincheck-form-action .app-domaincheck-form-button {
  background-color: var(--primary);
  color: var(--black)
}

.app-domaincheck-form-bordered .app-domaincheck-form-input:focus+.app-domaincheck-form-action .app-domaincheck-form-button:hover {
  background-color: var(--primary-30)
}

.app-domaincheck-form-bordered .app-domaincheck-form-input:focus+.app-domaincheck-form-action .app-domaincheck-form-button svg {
  color: var(--black)
}

@media(min-width:48rem) {
  .app-domaincheck-form-bordered .app-domaincheck-form-input {
    padding-left: 2.75rem
  }
  .app-domaincheck-form-bordered .app-domaincheck-form-input:focus {
    padding-left: 2.625rem
  }
}

.app-domaincheck-form-bordered .app-domaincheck-form-input-icon {
  display: none
}

@media(min-width:48rem) {
  .app-domaincheck-form-bordered .app-domaincheck-form-input-icon {
    color: var(--black-50);
    display: block;
    left: .875rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0)
  }
}

.app-domaincheck-form-bordered .app-domaincheck-form-button {
  font-weight: var(--font-weight-book);
  margin-left: .5rem
}

.app-domaincheck-form-bordered .app-domaincheck-form-button span {
  display: none
}

.app-domaincheck-form-bordered .app-domaincheck-form-button svg {
  color: var(--black);
  margin: 0 !important
}

@container (min-width: 527px) {
  .app-domaincheck-form-bordered .app-domaincheck-form-button span {
    display: inline;
    white-space: nowrap
  }
  .app-domaincheck-form-bordered .app-domaincheck-form-button svg {
    display: none
  }
}

.app-teaser-01 .app-domaincheck-form {
  flex-grow: 1
}

.app-image-text {
  --app-image-text-border-radius: 0.75rem
}

.app-image-text-white {
  --app-image-text-content-background: var(--white)
}

.app-image-text-gray {
  --app-image-text-content-background: var(--gray)
}

.app-image-text-primary {
  --app-image-text-content-background: var(--primary)
}

.app-image-text-transparent {
  --app-image-text-content-background: #0000;
  --app-image-text-content-padding: 0
}

.app-image-text-outline {
  --app-image-text-content-background: #0000;
  --app-image-text-content-border-color: var(--black-90, var(--gray));
  --app-image-text-content-border: 0.0625rem solid var(--app-image-text-content-border-color)
}

.app-image-text-top {
  --app-image-text-image-align: flex-start
}

.app-image-text-center {
  --app-image-text-image-align: center
}

.app-image-text-bottom,
.app-image-text-full {
  --app-image-text-image-align: flex-end
}

.app-image-text-full {
  --app-image-text-image-height: 100%;
  --app-image-text-image-position: absolute
}

.app-image-text-col-image {
  margin-bottom: 1.5rem;
  order: 1
}

@media(min-width:48rem) {
  .app-image-text-col-image {
    margin-bottom: 0;
    order: unset
  }
}

.app-image-text-col-content {
  order: 2
}

@media(min-width:48rem) {
  .app-image-text-col-content {
    order: unset
  }
}

.app-image-text-image-right .app-image-text-col-image {
  order: 1
}

.app-image-text-image {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: var(--app-image-text-image-align);
  position: relative;
  width: 100%
}

.app-image-text-image-img {
  /*aspect-ratio: 16/13;*/
  border-radius: var(--app-image-text-border-radius);
  bottom: var(--app-image-text-image-position-bottom, auto);
  height: var(--app-image-text-image-height, auto);
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  overflow: hidden;
  width: 100%
}

@media(min-width:48rem) {
  .app-image-text-image-img {
    aspect-ratio: unset;
    position: var(--app-image-text-image-position, relative)
  }
}

.app-image-text-col-content {
  display: flex;
  flex-direction: column;
  justify-content: center
}

.app-image-text-content {
  background: var(--app-image-text-content-background);
  border: var(--app-image-text-content-border, 0 solid #0000);
  border-radius: var(--app-image-text-border-radius);
  padding: var(--app-image-text-content-padding, 24px)
}

.app-image-text-content>* {
  margin-bottom: 1.5rem !important
}

.app-image-text-content>:last-child {
  margin-bottom: 0 !important
}

.app-product-card {
  height: 100%;
  min-height: 35.1875rem
}

@media(min-width:36rem) {
  .app-product-card {
    min-height: auto
  }
}

.app-product-card-wrapper {
  background-color: var(--gray);
  border-radius: .75rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2.5rem 1.25rem;
  direction: rtl;
  text-align: right
}

@media(min-width:48rem) {
  .app-product-card-wrapper {
    padding: 2.5rem 2rem
  }
}

.app-product-card-content-button {
  margin-top: auto
}

.app-product-card-content-icon {
  background-color: #fff;
  border-radius: .375rem;
  height: 4.25rem;
  padding: .375rem;
  position: relative;
  width: 4.25rem
}

.app-product-card-content-icon-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.75rem
}

.app-product-card-content-icon-discount {
  height: 2.625rem;
  position: absolute;
  left: -1.3125rem;
  right: auto;
  top: -1.3125rem;
  width: 2.625rem
}

.app-product-card-content-icon-discount-badge {
  background-color: var(--danger);
  border-radius: .625rem;
  color: var(--white);
  font-size: .625rem;
  font-weight: var(--font-weight-regular);
  height: fit-content;
  padding: .1875rem .5rem
}

.app-product-card-content-upper {
  border-bottom: .0625rem solid var(--black-90);
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  min-height: 12.5rem;
  padding-bottom: 1rem
}

@media(min-width:36rem) {
  .app-product-card-content-upper {
    min-height: 14.5rem
  }
}

.app-product-card-content-headline {
  font-size: 1.5rem;
  margin-top: auto;
  text-align: right
}

.app-product-card-content-headline,
.app-product-card-content-subheadline {
  color: var(--black);
  font-weight: var(--font-weight-bold);
  line-height: 1.75rem;
  text-align: right
}

.app-product-card-content-subheadline {
  font-size: 1.125rem
}

.app-product-card-content-subheadline s {
  color: var(--black);
  display: inline-block;
  margin-left: .5rem;
  margin-right: 0;
  text-decoration-thickness: .125rem
}

.app-product-card-content-subheadline mark {
  background-color: #0000;
  color: var(--danger);
  white-space: nowrap
}

.app-product-card-content-text {
  color: var(--black);
  font-size: 1rem;
  font-weight: var(--font-weight-regular);
  line-height: 1.5rem;
  margin-bottom: 1.75rem;
  text-align: right
}

.app-product-card-content-text ul {
  --list-style-checkmark-li-mb: 0.5rem;
  line-height: 1.75rem;
  padding-left: 0;
  padding-right: 0;
  padding-top: .75rem
}

.app-product-card-content-text ul>li {
  list-style-type: none;
  margin-bottom: var(--list-style-checkmark-li-mb, 16px);
  min-height: 1.5rem;
  padding-right: calc(2.25rem*(1 - var(--list-style-checkmark-vertical, 0)) + 0px*var(--list-style-checkmark-vertical, 0));
  padding-left: 0;
  padding-top: calc(0px*(1 - var(--list-style-checkmark-vertical, 0)) + 2.25rem*var(--list-style-checkmark-vertical, 0));
  position: relative;
  text-align: right
}

.app-product-card-content-text ul>li:last-child {
  margin-bottom: 0
}

.app-product-card-content-text ul>li:after,
.app-product-card-content-text ul>li:before {
  border-radius: 50%;
  content: "";
  height: 1.5rem;
  right: 0;
  left: auto;
  position: absolute;
  top: .125rem;
  width: 1.5rem
}

.app-product-card-content-text ul>li:before {
  background-color: var(--list-style-checkmark-background-color, var(--primary));
  border: var(--list-style-checkmark-border, 0 solid #0000);
  opacity: var(--list-style-checkmark-background-opacity, 1)
}

.app-product-card-content-text ul>li:after {
  background-color: var(--list-style-checkmark-color, var(--primary-contrast));
  -webkit-mask-image: url(../images/check.33ff7082.svg);
  mask-image: url(../images/check.33ff7082.svg);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: .75rem;
  mask-size: .75rem
}

.app-product-card-content-text ol {
  --list-style-checkmark-li-mb: 0.5rem;
  counter-reset: orderedlist;
  line-height: 1.75rem;
  padding-left: 0;
  padding-right: 0;
  padding-top: .75rem
}

.app-product-card-content-text ol>li {
  list-style-type: none;
  margin-bottom: var(--list-style-ordered-li-mb, 16px);
  min-height: 1.5rem;
  padding-right: calc(2.25rem*(1 - var(--list-style-checkmark-vertical, 0)) + 0px*var(--list-style-checkmark-vertical, 0));
  padding-left: 0;
  padding-top: calc(0px*(1 - var(--list-style-checkmark-vertical, 0)) + 2.25rem*var(--list-style-checkmark-vertical, 0));
  position: relative;
  text-align: right
}

.app-product-card-content-text ol>li:last-child {
  margin-bottom: 0
}

.app-product-card-content-text ol>li:before {
  align-items: center;
  background-color: var(--list-style-ordered-background-color, var(--primary));
  border: var(--list-style-ordered-border, 0 solid #0000);
  border-radius: 50%;
  color: var(--list-style-ordered-color, var(--primary-contrast));
  content: "";
  content: counter(orderedlist);
  counter-increment: orderedlist;
  display: inline-flex;
  font-size: .875rem;
  font-weight: var(--font-weight-medium);
  height: 1.5rem;
  justify-content: center;
  right: 0;
  left: auto;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: .125rem;
  width: 1.5rem
}

@supports (color:lab(from red l 1 1%/calc(alpha + 0.1))) {
  .app-product-card-content-text ol>li:before {
    background-color: rgb(from var(--list-style-ordered-background-color, var(--primary)) r g b/var(--list-style-ordered-background-opacity, 1))
  }
}

.app-sticky-container .app-sticky-container-grid-right .app-product-card {
  height: auto !important
}

.app-image-text .app-product-card {
  margin-bottom: 0 !important
}

.app-image-text .app-product-card .app-product-card-wrapper {
  background: #0000;
  padding: 0
}

.app-button {
  display: flex
}

.app-grid-boxes .app-button {
  text-align: center
}

.app-teaser-01 .app-button .btn {
  flex-grow: 1;
  text-align: center
}

@media(min-width:48rem) {
  .app-teaser-01 .app-button .btn {
    flex-grow: 0
  }
}

.app-product-card {
  position: relative
}

.app-product-card .app-button .btn:after {
  background-color: #0000;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.app-usps {
  --app-usps-2x2grid-item-background: var(--gray)
}

.app-usps-variant-2x2grid .app-usps-item {
  background: var(--app-usps-2x2grid-item-background);
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  padding: 3rem;
  text-align: center
}

.app-usps-variant-2x2grid .app-usps-item-wrapper {
  display: flex
}

.app-usps-variant-2x2grid .app-usps-icon {
  margin-bottom: 2rem
}

.app-usps-variant-2x2grid .app-usps-headline {
  color: var(--black);
  font-size: 1.75rem;
  font-weight: var(--font-weight-medium);
  letter-spacing: -.4px;
  line-height: 2.125rem;
  margin-bottom: 1rem
}

@media(min-width:48rem) {
  .app-usps-variant-2x2grid .app-usps-headline {
    font-size: 2rem;
    line-height: 2.375rem
  }
}

@media(min-width:62rem) {
  .app-usps-variant-2x2grid .app-usps-headline {
    font-size: 2.5rem;
    letter-spacing: -.0625rem;
    line-height: 3.125rem
  }
}

.app-usps-variant-2x2grid .app-usps-text {
  color: var(--black-10);
  font-size: 1rem;
  font-weight: var(--font-weight-regular);
  line-height: 1.625rem
}

.app-usps-row {
  align-items: flex-start;
  --gutter-y: 3.75rem
}

@media(min-width:62rem) {
  .app-usps-row {
    --gutter-y: 2.5rem
  }
}

.app-usps-item {
  display: flex;
  flex-wrap: wrap
}

.app-usps-icon {
  display: flex;
  width: 5rem
}

.app-usps-headline {
  align-self: center;
  font-size: 1.125rem;
  font-weight: var(--font-weight-book);
  margin-bottom: .875rem
}

.app-usps-headline,
.app-usps-text {
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.5rem;
  width: 100%;
  -webkit-hyphenate-limit-before: 5;
  -webkit-hyphenate-limit-after: 5;
  hyphenate-limit-chars: 15 5 5
}

.app-usps-text {
  color: var(--dark-gray);
  font-size: 1rem;
  font-weight: var(--font-weight-regular)
}

.app-usps-row-icon-above .app-usps-icon {
  margin-bottom: 1.5rem
}

.app-usps-row-icon-above .app-usps-headline {
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold)
}

.app-usps-row-icon-above .app-usps-headline:last-child {
  margin-bottom: 0
}

.app-usps-row-icon-nextto .app-usps-icon {
  margin-right: .875rem
}

.app-usps-row-icon-nextto .app-usps-icon~.app-usps-headline {
  margin-top: .875rem;
  width: calc(100% - 5.875rem)
}

.app-usps-row-icon-nextto .app-usps-icon~.app-usps-text {
  margin-left: 5.875rem;
  width: calc(100% - 5.875rem)
}

.app-usps-row-icon-nextto .app-usps-headline:has(~.app-usps-text) {
  font-size: 1.25rem;
  font-weight: var(--font-weight-bold)
}

.app-usps-row-icon-above-bordered .app-usps-icon {
  border: .0625rem solid #d0d6dd;
  border-radius: .5rem;
  color: var(--primary);
  height: 5.375rem;
  margin-bottom: 1.5rem;
  padding: 1.1875rem;
  width: 5.375rem
}

.app-usps-row-icon-above-bordered .app-usps-headline {
  font-size: 1.375rem;
  font-weight: var(--font-weight-medium);
  letter-spacing: -.2px;
  line-height: 1.75rem;
  margin-bottom: .75rem
}

.app-usps-row-icon-above-bordered .app-usps-text {
  color: #535a66;
  font-size: 1rem;
  line-height: 1.625rem
}

.app-new-blog-articles-row-top {
  align-items: flex-end;
  padding-bottom: 6.25rem
}

.app-new-blog-articles-row-top h2 {
  color: var(--black);
  font-size: 2.25rem;
  font-weight: var(--font-weight-bold);
  line-height: 2.75rem;
  text-align: center
}

@media(min-width:62rem) {
  .app-new-blog-articles-row-top h2 {
    text-align: left
  }
}

.app-new-blog-articles-row-top-link {
  display: none
}

@media(min-width:62rem) {
  .app-new-blog-articles-row-top-link {
    display: inline-flex;
    float: right
  }
}

.app-new-blog-articles-row-bottom {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 3.75rem
}

@media(min-width:62rem) {
  .app-new-blog-articles-row-bottom {
    display: none
  }
}

.app-blog-article-preview {
  display: block;
  position: relative;
  width: 100%
}

.app-blog-article-preview-thumbnail {
  background-color: var(--gray);
  border-radius: .75rem;
  display: block;
  margin-bottom: 2rem;
  -webkit-mask-image: -webkit-radial-gradient(#fff, #000);
  overflow: hidden;
  position: relative
}

.app-blog-article-preview-thumbnail-image img {
  display: block;
  height: auto;
  transition: transform .3s var(--transition-timing-function);
  width: 100%
}

.app-blog-article-preview:hover .app-blog-article-preview-thumbnail-image img {
  transform: scale(1.1)
}

.app-blog-article-preview-thumbnail-read-time {
  background-color: var(--white);
  border-radius: .25rem;
  color: var(--black-40);
  font-size: .875rem;
  font-weight: var(--font-weight-regular);
  line-height: 1.25rem;
  padding: .25rem .5rem;
  position: absolute;
  right: .75rem;
  top: .75rem
}

.app-blog-article-preview-title {
  display: block;
  font-size: 1.5rem;
  font-weight: var(--font-weight-medium);
  line-height: 2rem;
  margin-bottom: 1rem;
  -webkit-text-decoration: none;
  text-decoration: none
}

.app-blog-article-preview-title:after {
  background-color: #0000;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.app-blog-article-preview-title:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-color: var(--primary);
  text-decoration-thickness: .125rem
}

.app-blog-article-preview-author {
  align-items: center;
  display: flex;
  margin-bottom: .5rem
}

.app-blog-article-preview-author-avatar {
  margin-right: .5rem
}

.app-blog-article-preview-author-name {
  color: var(--black-40);
  font-size: .875rem;
  font-weight: var(--font-weight-medium);
  line-height: 1.25rem
}

.app-blog-article-preview-meta {
  align-items: center;
  display: flex
}

.app-blog-article-preview-meta-categories:after {
  color: var(--black-40);
  content: "·";
  margin: 0 1rem 0 .5rem
}

.app-blog-article-preview-meta-category {
  background-color: var(--gray);
  border-radius: .25rem;
  padding: .25rem .5rem
}

.app-blog-article-preview-meta-category,
.app-blog-article-preview-meta-date {
  color: var(--black-40);
  font-size: .875rem;
  font-weight: var(--font-weight-regular);
  line-height: 1.25rem
}

.app-content-icon-image-60 {
  height: 3.75rem;
  max-width: 100%
}

.app-content-icon-image-80 {
  height: 5rem;
  max-width: 100%
}

.app-content-icon-image-100 {
  height: 6.25rem;
  max-width: 100%
}

.app-content-icon-image-110 {
  height: 6.875rem;
  max-width: 100%
}

.app-content-icon-image-120 {
  height: 7.5rem;
  max-width: 100%
}

.app-content-icon-image-140 {
  height: 8.75rem;
  max-width: 100%
}

.app-content-icon-image-full-width {
  border-radius: .75rem;
  height: auto;
  width: 100%
}

.app-card-image .app-content-icon {
  margin-bottom: 0 !important
}

.app-card-background {
  position: relative
}

.app-card-background:only-child {
  height: 100%
}

.app-card-background:has(.app-card-clickable) a:after {
  background-color: #0000;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.app-card {
  display: flex;
  flex-direction: column
}

.app-card:only-child {
  height: 100%
}

.app-card-text-align-center {
  text-align: center
}

.app-card-last-element-bottom>:last-child {
  margin-top: auto
}

.app-card h1,
.app-card h2,
.app-card h3,
.app-card h4,
.app-card h5,
.app-card h6 {
  margin-bottom: 1rem !important
}

.app-card h1:last-child,
.app-card h2:last-child,
.app-card h3:last-child,
.app-card h4:last-child,
.app-card h5:last-child,
.app-card h6:last-child {
  margin-bottom: 0 !important
}

.app-card-headline-size-h1 h1,
.app-card-headline-size-h1 h2,
.app-card-headline-size-h1 h3,
.app-card-headline-size-h1 h4,
.app-card-headline-size-h1 h5,
.app-card-headline-size-h1 h6 {
  color: var(--heading-color, var(--black));
  font-family: var(--font-family-heading, var(--font-family)), sans-serif;
  font-size: var(--heading-1-font-size);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing, normal);
  line-height: var(--heading-1-line-height)
}

.app-card-headline-size-h2 h1,
.app-card-headline-size-h2 h2,
.app-card-headline-size-h2 h3,
.app-card-headline-size-h2 h4,
.app-card-headline-size-h2 h5,
.app-card-headline-size-h2 h6 {
  color: var(--heading-color, var(--black));
  font-family: var(--font-family-heading, var(--font-family)), sans-serif;
  font-size: var(--heading-2-font-size);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing, normal);
  line-height: var(--heading-2-line-height)
}

.app-card-headline-size-h3 h1,
.app-card-headline-size-h3 h2,
.app-card-headline-size-h3 h3,
.app-card-headline-size-h3 h4,
.app-card-headline-size-h3 h5,
.app-card-headline-size-h3 h6 {
  color: var(--heading-color, var(--black));
  font-family: var(--font-family-heading, var(--font-family)), sans-serif;
  font-size: var(--heading-3-font-size);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing, normal);
  line-height: var(--heading-3-line-height)
}

.app-card-headline-size-h4 h1,
.app-card-headline-size-h4 h2,
.app-card-headline-size-h4 h3,
.app-card-headline-size-h4 h4,
.app-card-headline-size-h4 h5,
.app-card-headline-size-h4 h6 {
  color: var(--heading-color, var(--black));
  font-family: var(--font-family-heading, var(--font-family)), sans-serif;
  font-size: var(--heading-4-font-size);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing, normal);
  line-height: var(--heading-4-line-height)
}

.app-card-headline-size-h5 h1,
.app-card-headline-size-h5 h2,
.app-card-headline-size-h5 h3,
.app-card-headline-size-h5 h4,
.app-card-headline-size-h5 h5,
.app-card-headline-size-h5 h6 {
  color: var(--heading-color, var(--black));
  font-family: var(--font-family-heading, var(--font-family)), sans-serif;
  font-size: var(--heading-5-font-size);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing, normal);
  line-height: var(--heading-5-line-height)
}

.app-card-headline-size-h6 h1,
.app-card-headline-size-h6 h2,
.app-card-headline-size-h6 h3,
.app-card-headline-size-h6 h4,
.app-card-headline-size-h6 h5,
.app-card-headline-size-h6 h6 {
  color: var(--heading-color, var(--black));
  font-family: var(--font-family-heading, var(--font-family)), sans-serif;
  font-size: var(--heading-6-font-size);
  font-weight: var(--heading-6-font-weight);
  letter-spacing: var(--heading-6-letter-spacing, normal);
  line-height: var(--heading-6-line-height)
}

.app-card>div:last-child {
  margin-bottom: 0 !important
}

.app-cta-09 {
  --app-cta-09-heading-color: var(--black);
  --app-cta-09-description-color: var(--black-20);
  background-color: var(--app-cta-09-bg);
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: space-between;
  overflow: hidden;
  z-index: 1
}

.app-cta-09-dark {
  --app-cta-09-heading-color: var(--white);
  --app-cta-09-description-color: var(--black-90, var(--white))
}

.app-cta-09-border-gray {
  border: .0625rem solid var(--black-90, var(--gray))
}

@media(min-width:48rem) {
  .app-cta-09 {
    flex-direction: row;
    gap: 1.25rem
  }
}

@media(min-width:62rem) {
  .app-cta-09 {
    gap: 2.25rem
  }
}

.app-cta-09-body {
  display: flex;
  flex-direction: column
}

.app-cta-09-body:last-child {
  padding-bottom: 1.25rem
}

@media(min-width:48rem) {
  .app-cta-09-body:last-child {
    padding-bottom: 0
  }
}

.app-cta-09-body-headline {
  color: var(--app-cta-09-heading-color);
  text-align: right;
  padding: 3rem 1.25rem 1rem;
}

@media(min-width:48rem) {
  .app-cta-09-body-headline {
    padding: 3.75rem 1.75rem 1rem 0;
  }
}

@media(min-width:62rem) {
  .app-cta-09-body-headline {
    padding: 5rem 0.5rem .75rem 0;
  }
}

.app-cta-09-body-description {
  color: var(--app-cta-09-description-color);
  padding: 0 1.25rem 2.5rem
}

@media(min-width:48rem) {
  .app-cta-09-body-description {
    padding: 0 0 2.5rem 1.75rem
  }
}

@media(min-width:62rem) {
  .app-cta-09-body-description {
    padding: 0 0 2.5rem 2.5rem
  }
}

.app-cta-09-body-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  padding: 0 0 0 1.25rem
}

@media(min-width:48rem) {
  .app-cta-09-body-ctas {
    padding: 0 0 3.75rem 1.75rem
  }
}

@media(min-width:62rem) {
  .app-cta-09-body-ctas {
    padding: 0 0 5rem 2.5rem
  }
}

.app-cta-09-image {
  height: 20rem
}

@media(min-width:48rem) {
  .app-cta-09-image {
    height: auto;
    width: 16.625rem
  }
}

@media(min-width:62rem) {
  .app-cta-09-image {
    width: 26.75rem
  }
}

.app-cta-09-image {
  display: flex;
  flex-shrink: 0;
  position: relative
}

.app-cta-09-image-img {
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: top left;
  position: absolute;
  top: 0;
  transform: translateX(-50%)
}

@media(min-width:36rem) {
  .app-cta-09-image-img {
    max-width: 60%
  }
}

@media(min-width:48rem) {
  .app-cta-09-image-img {
    left: 0;
    max-width: 110%;
    transform: translateX(0)
  }
}

.app-testimonial-03-gray {
  --app-testimonial-03-background: var(--gray);
  --app-testimonial-03-padding: 10rem 0;
  --app-testimonial-03-box-background: var(--white);
  --app-testimonial-03-box-border: none;
  --app-testimonial-03-quote-color: var(--primary)
}

.app-testimonial-03-bordered {
  --app-testimonial-03-background: var(--white);
  --app-testimonial-03-padding: 0;
  --app-testimonial-03-box-background: var(--white);
  --app-testimonial-03-box-border: 0.0625rem solid var(--black-90);
  --app-testimonial-03-quote-color: var(--primary)
}

.app-testimonial-03 {
  background-color: var(--app-testimonial-03-background);
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: hidden;
  padding: var(--app-testimonial-03-padding);
  position: relative;
  right: 50%;
  width: 100vw
}

.app-testimonial-03-headline {
  color: var(--heading-color, var(--black));
  font-family: var(--font-family-heading, var(--font-family)), sans-serif;
  font-size: var(--heading-2-font-size);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing, normal);
  line-height: var(--heading-2-line-height);
  margin-bottom: 5rem;
  text-align: center;
  text-wrap: balance
}

@media(min-width:62rem) {
  .app-testimonial-03-headline {
    text-align: left
  }
}

.app-testimonial-03-wrapper {
  flex-wrap: nowrap
}

.app-testimonial-03-testimonial {
  background: var(--app-testimonial-03-box-background);
  border: var(--app-testimonial-03-box-border);
  border-radius: 2rem;
  display: flex;
  height: 100%
}

.app-testimonial-03-testimonial-left,
.app-testimonial-03-testimonial-right {
  display: flex;
  width: 100%
}

@media(min-width:48rem) {
  .app-testimonial-03-testimonial-left,
  .app-testimonial-03-testimonial-right {
    width: 50%
  }
}

.app-testimonial-03-testimonial-left {
  flex-direction: column;
  justify-content: space-between;
  padding: 2.5rem 1.25rem
}

@media(min-width:48rem) {
  .app-testimonial-03-testimonial-left {
    padding: 3.75rem 0 3.75rem 3rem
  }
}

.app-testimonial-03-testimonial-right {
  display: none
}

@media(min-width:48rem) {
  .app-testimonial-03-testimonial-right {
    display: flex
  }
}

.app-testimonial-03-testimonial-top {
  order: 2
}

@media(min-width:48rem) {
  .app-testimonial-03-testimonial-top {
    order: 1
  }
}

.app-testimonial-03-testimonial-rating a {
  display: inline-flex
}

.app-testimonial-03-testimonial-rating img {
  display: flex;
  margin-bottom: .75rem
}

@media(min-width:48rem) {
  .app-testimonial-03-testimonial-rating img {
    margin-bottom: 1.25rem
  }
}

.app-testimonial-03-testimonial-rating svg {
  display: flex;
  margin-bottom: .75rem
}

.app-testimonial-03-testimonial-rating-stars {
  color: var(--primary)
}

.app-testimonial-03-testimonial-name {
  font-weight: var(--font-weight-medium)
}

.app-testimonial-03-testimonial-role {
  color: var(--black-30)
}

@media(min-width:48rem) {
  .app-testimonial-03-testimonial-role {
    margin-bottom: 3.75rem
  }
}

.app-testimonial-03-testimonial-cite {
  font-size: 1.375rem;
  font-weight: var(--font-weight-medium);
  line-height: 1.75rem;
  margin-bottom: 2.5rem;
  order: 1
}

@media(min-width:48rem) {
  .app-testimonial-03-testimonial-cite {
    margin-bottom: 0;
    order: 2
  }
}

.app-testimonial-03-testimonial-cite-quote {
  color: var(--app-testimonial-03-quote-color);
  margin-bottom: 1.5rem;
  opacity: .1
}

.app-testimonial-03-testimonial-image {
  border-radius: 1rem;
  height: calc(100% - 2.5rem);
  margin: 1.25rem;
  min-height: 34.375rem;
  object-fit: cover;
  width: calc(100% - 2.5rem)
}

.app-testimonial-03-pagination {
  display: flex;
  gap: .5rem;
  justify-content: center;
  padding-top: 3rem
}

.app-testimonial-03-pagination .swiper-pagination-bullet {
  background: var(--black);
  border-radius: .25rem;
  cursor: pointer;
  height: .5rem;
  opacity: .2;
  transition: .2s all var(--transition-timing-function);
  width: .5rem
}

.app-testimonial-03-pagination .swiper-pagination-bullet-active {
  border-radius: .625rem;
  cursor: auto;
  opacity: 1;
  width: 1.375rem
}

.app-testimonial-03-gray {
  --app-testimonial-03-padding: 7.5rem 0
}

.app-qanda {
  position: relative
}

.app-qanda-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 3.75rem
}

.app-qanda-header-cta {
  display: none
}

.app-qanda-header-cta>div {
  margin-left: .5rem
}

@media(min-width:48rem) {
  .app-qanda-header-cta {
    display: block
  }
}

.app-qanda-headline-variant-1 {
  font-size: 1.75rem;
  font-weight: var(--font-weight-bold);
  line-height: 2.25rem;
  margin-bottom: 3.75rem;
  text-align: center
}

@media(min-width:48rem) {
  .app-qanda-headline-variant-1 {
    font-size: 2rem;
    line-height: 2.375rem;
    margin-bottom: 5rem;
    text-align: left
  }
}

@media(min-width:62rem) {
  .app-qanda-headline-variant-1 {
    font-size: 2.625rem;
    line-height: 3.125rem;
    margin-bottom: 7.5rem
  }
}

.app-qanda-headline-variant-2 {
  font-size: 1.75rem;
  font-weight: var(--font-weight-bold);
  line-height: 2.375rem
}

@media(min-width:48rem) {
  .app-qanda-headline-variant-2 {
    font-size: 2rem;
    line-height: 2.375rem
  }
}

@media(min-width:75rem) {
  .app-qanda-headline-variant-2 {
    font-size: 2.25rem;
    line-height: 2.75rem
  }
}

.app-qanda-tags {
  display: flex;
  list-style-type: none;
  margin-bottom: 1.75rem;
  padding-left: 0
}

@media(min-width:48rem) {
  .app-qanda-tags {
    margin-bottom: 2.5rem
  }
}

.app-qanda-tags-item {
  display: block;
  margin-right: .75rem
}

.app-qanda-tags-item:last-child {
  margin-right: 0
}

.app-qanda-tags-anchor {
  align-items: center;
  background-color: var(--gray);
  border-radius: 1.1875rem;
  color: var(--app-qanda-tags-anchor-color);
  display: flex;
  font-size: .875rem;
  font-weight: var(--font-weight-book);
  height: 2.375rem;
  line-height: .875rem;
  padding: 0 1rem;
  transition: background-color .15s var(--transition-timing-function);
  white-space: nowrap
}

.app-qanda-tags-anchor-active,
.app-qanda-tags-anchor:hover {
  background-color: var(--primary);
  color: var(--black)
}

.app-qanda-question {
  border-top: .0625rem solid var(--black-90);
  max-height: 125rem;
  transition: all 1s ease-in-out
}

.app-qanda-question-title {
  display: block;
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding: 1.25rem 2.5rem 1.25rem 0;
  position: relative;
  text-align: left;
  transition: background-color .15s var(--transition-timing-function), padding .15s var(--transition-timing-function);
  width: 100%
}

@media(min-width:48rem) {
  .app-qanda-question-title:hover {
    background-color: var(--gray);
    padding-left: 1.25rem
  }
}

.app-qanda-question-title svg {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  transition: transform .15s var(--transition-timing-function)
}

@media(min-width:48rem) {
  .app-qanda-question-title svg {
    right: 1.25rem
  }
}

.app-qanda-question-active .app-qanda-question-title svg {
  transform: translate3d(0, -50%, 0) rotate(180deg)
}

.app-qanda-question-active .app-qanda-question-title {
  padding-left: 1.25rem
}

.app-qanda-answer {
  height: 0;
  overflow: hidden;
  transition: height .3s var(--transition-timing-function)
}

.app-qanda-question-active .app-qanda-answer {
  height: var(--qanda-question-height)
}

.app-qanda-answer-body {
  display: flex;
  flex-direction: column;
  padding: 0 0 1.25rem
}

@media(min-width:48rem) {
  .app-qanda-answer-body {
    flex-direction: row;
    padding: 1.25rem 1.25rem 2.5rem
  }
}

.app-qanda-answer-avatar {
  line-height: 0px;
  margin-bottom: 1.25rem
}

@media(min-width:48rem) {
  .app-qanda-answer-avatar {
    margin-bottom: 0;
    margin-right: 1.375rem
  }
}

.app-qanda-answer-message {
  background-color: var(--gray);
  border-radius: .5rem;
  padding: 1.25rem 1.25rem 0;
  position: relative
}

.app-qanda-answer-message:before {
  background-color: var(--gray);
  content: "";
  height: .75rem;
  left: .9375rem;
  position: absolute;
  top: -.375rem;
  transform: rotate(45deg);
  transform-origin: center;
  width: .75rem
}

@media(min-width:48rem) {
  .app-qanda-answer-message:before {
    left: -.375rem;
    top: .9375rem
  }
}

.app-qanda-answer-message-confetti {
  bottom: 0;
  display: none;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.app-qanda-answer-message-confetti-1 {
  animation: dropl-1 4.6124763847s .1s;
  background-color: var(--primary);
  height: .5rem;
  position: absolute;
  right: 75%;
  top: -10%;
  transform: rotate(72.6651204524deg);
  width: 1.25rem
}

@keyframes dropl-1 {
  to {
    opacity: .2;
    right: 82%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-2 {
  animation: dropl-2 4.4683251668s .2s;
  background-color: var(--primary);
  height: .55rem;
  position: absolute;
  right: 53%;
  top: -10%;
  transform: rotate(322.4668257482deg);
  width: 1.375rem
}

@keyframes dropl-2 {
  to {
    opacity: .2;
    right: 65%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-3 {
  animation: dropl-3 4.4386146007s .3s;
  background-color: var(--primary);
  height: .25rem;
  position: absolute;
  right: 97%;
  top: -10%;
  transform: rotate(239.1731410819deg);
  width: .625rem
}

@keyframes dropl-3 {
  to {
    opacity: .2;
    right: 108%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-4 {
  animation: dropl-4 4.4975789478s .4s;
  background-color: var(--primary);
  height: .55rem;
  position: absolute;
  right: 25%;
  top: -10%;
  transform: rotate(98.9422463379deg);
  width: 1.375rem
}

@keyframes dropl-4 {
  to {
    opacity: .2;
    right: 31%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-5 {
  animation: dropl-5 4.7848150629s .5s;
  background-color: var(--primary);
  height: .15rem;
  position: absolute;
  right: 36%;
  top: -10%;
  transform: rotate(33.7617072663deg);
  width: .375rem
}

@keyframes dropl-5 {
  to {
    opacity: .2;
    right: 48%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-6 {
  animation: dropl-6 4.2147683035s .6s;
  background-color: var(--primary);
  height: .45rem;
  position: absolute;
  right: 21%;
  top: -10%;
  transform: rotate(158.7044269338deg);
  width: 1.125rem
}

@keyframes dropl-6 {
  to {
    opacity: .2;
    right: 34%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-7 {
  animation: dropl-7 4.2602863116s .7s;
  background-color: var(--primary);
  height: .5rem;
  position: absolute;
  right: 62%;
  top: -10%;
  transform: rotate(96.8782170094deg);
  width: 1.25rem
}

@keyframes dropl-7 {
  to {
    opacity: .2;
    right: 67%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-8 {
  animation: dropl-8 4.9440918304s .8s;
  background-color: var(--primary);
  height: .15rem;
  position: absolute;
  right: 27%;
  top: -10%;
  transform: rotate(162.1865083747deg);
  width: .375rem
}

@keyframes dropl-8 {
  to {
    opacity: .2;
    right: 38%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-9 {
  animation: dropl-9 4.3719845094s .9s;
  background-color: var(--primary);
  height: .2rem;
  position: absolute;
  right: 88%;
  top: -10%;
  transform: rotate(194.3505973289deg);
  width: .5rem
}

@keyframes dropl-9 {
  to {
    opacity: .2;
    right: 97%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-10 {
  animation: dropl-10 4.4727948429s 1s;
  background-color: var(--primary);
  height: .15rem;
  position: absolute;
  right: 44%;
  top: -10%;
  transform: rotate(221.4608458563deg);
  width: .375rem
}

@keyframes dropl-10 {
  to {
    opacity: .2;
    right: 48%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-11 {
  animation: dropl-11 4.344448023s 1.1s;
  background-color: var(--primary);
  height: .3rem;
  position: absolute;
  right: 39%;
  top: -10%;
  transform: rotate(109.220326447deg);
  width: .75rem
}

@keyframes dropl-11 {
  to {
    opacity: .2;
    right: 44%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-12 {
  animation: dropl-12 4.6323179857s 1.2s;
  background-color: var(--primary);
  height: .4rem;
  position: absolute;
  right: 81%;
  top: -10%;
  transform: rotate(309.5021056738deg);
  width: 1rem
}

@keyframes dropl-12 {
  to {
    opacity: .2;
    right: 88%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-13 {
  animation: dropl-13 4.3754523923s 1.3s;
  background-color: var(--primary);
  height: .45rem;
  position: absolute;
  right: 41%;
  top: -10%;
  transform: rotate(72.2535772669deg);
  width: 1.125rem
}

@keyframes dropl-13 {
  to {
    opacity: .2;
    right: 46%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-14 {
  animation: dropl-14 4.8867376909s 1.4s;
  background-color: var(--primary);
  height: .55rem;
  position: absolute;
  right: 44%;
  top: -10%;
  transform: rotate(9.4392851424deg);
  width: 1.375rem
}

@keyframes dropl-14 {
  to {
    opacity: .2;
    right: 51%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-15 {
  animation: dropl-15 4.7211083957s 1.5s;
  background-color: var(--primary);
  height: .4rem;
  position: absolute;
  right: 46%;
  top: -10%;
  transform: rotate(285.6827201799deg);
  width: 1rem
}

@keyframes dropl-15 {
  to {
    opacity: .2;
    right: 56%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-16 {
  animation: dropl-16 4.9937186593s 1.6s;
  background-color: var(--primary);
  height: .5rem;
  position: absolute;
  right: 99%;
  top: -10%;
  transform: rotate(98.3791152477deg);
  width: 1.25rem
}

@keyframes dropl-16 {
  to {
    opacity: .2;
    right: 100%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-17 {
  animation: dropl-17 4.8319615825s 1.7s;
  background-color: var(--primary);
  height: .6rem;
  position: absolute;
  right: 14%;
  top: -10%;
  transform: rotate(177.68860834deg);
  width: 1.5rem
}

@keyframes dropl-17 {
  to {
    opacity: .2;
    right: 22%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-18 {
  animation: dropl-18 4.5487745669s 1.8s;
  background-color: var(--primary);
  height: .7rem;
  position: absolute;
  right: 79%;
  top: -10%;
  transform: rotate(236.4364801083deg);
  width: 1.75rem
}

@keyframes dropl-18 {
  to {
    opacity: .2;
    right: 81%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-19 {
  animation: dropl-19 4.2879512939s 1.9s;
  background-color: var(--primary);
  height: .75rem;
  position: absolute;
  right: 62%;
  top: -10%;
  transform: rotate(183.0056629747deg);
  width: 1.875rem
}

@keyframes dropl-19 {
  to {
    opacity: .2;
    right: 69%;
    top: 110%
  }
}

.app-qanda-answer-message-confetti-20 {
  animation: dropl-20 4.7279960956s 2s;
  background-color: var(--primary);
  height: .8rem;
  position: absolute;
  right: 70%;
  top: -10%;
  transform: rotate(100.2709627443deg);
  width: 2rem
}

@keyframes dropl-20 {
  to {
    opacity: .2;
    right: 81%;
    top: 110%
  }
}

.app-qanda-answer-author {
  font-weight: var(--font-weight-bold);
  line-height: 1.375rem;
  margin-bottom: 1.25rem;
  transition: opacity .3s var(--transition-timing-function) .15s
}

[data-qanda-question-feedback-show] .app-qanda-answer-author {
  opacity: .2;
  transition-delay: 0s
}

.app-qanda-answer-text {
  line-height: 160%;
  transition: opacity .3s var(--transition-timing-function) .15s
}

@media(min-width:48rem) {
  .app-qanda-answer-text {
    font-size: 1.125rem;
    line-height: 2rem
  }
}

.app-qanda-answer-text h1,
.app-qanda-answer-text h2,
.app-qanda-answer-text h3,
.app-qanda-answer-text h4,
.app-qanda-answer-text h5,
.app-qanda-answer-text h6 {
  font-size: inherit;
  font-weight: var(--font-weight-medium);
  line-height: inherit;
  margin-bottom: 1rem
}

.app-qanda-answer-text p {
  margin-bottom: 1rem
}

.app-qanda-answer-text p:last-child {
  margin-bottom: 0
}

.app-qanda-answer-text ol,
.app-qanda-answer-text ul {
  margin-left: 1.25rem
}

[data-qanda-question-feedback-show] .app-qanda-answer-text {
  opacity: .2;
  transition-delay: 0s
}

.app-qanda-voting {
  align-items: center;
  display: flex;
  padding: 2.5rem 0
}

.app-qanda-voting-btn {
  align-items: center;
  background-color: var(--white);
  border-radius: .25rem;
  display: flex;
  font-size: 1.375rem;
  height: 2.75rem;
  justify-content: center;
  margin-right: .5rem;
  transition: all .15s var(--transition-timing-function) .15s;
  width: 2.75rem
}

[data-qanda-question-feedback-show] .app-qanda-voting-btn {
  opacity: 0;
  transition-delay: 0s
}

.app-qanda-voting-btn:hover {
  animation-duration: 1s;
  animation-name: qanda-voting-btn;
  box-shadow: 0 .5rem .75rem #0000001f
}

@keyframes qanda-voting-btn {
  0% {
    transform: scale(1)
  }
  30% {
    transform: scale(.95)
  }
  70% {
    transform: scale(.95)
  }
  to {
    transform: scale(1)
  }
}

.app-qanda-voting-label {
  font-size: .875rem;
  font-weight: var(--font-weight-book);
  line-height: 1.25rem;
  margin-left: 1.25rem;
  max-width: 8.75rem;
  transition: opacity .15s var(--transition-timing-function) .15s
}

[data-qanda-question-feedback-show] .app-qanda-voting-label {
  opacity: 0;
  transition-delay: 0s
}

.app-qanda-voting-feedback {
  align-items: center;
  bottom: 0;
  display: flex;
  left: 1.25rem;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 1.25rem
}

[data-qanda-question-feedback-show] .app-qanda-voting-feedback {
  pointer-events: all
}

.app-qanda-voting-feedback-author {
  align-self: flex-end;
  flex-shrink: 0;
  line-height: .5rem;
  margin-right: 1.625rem;
  transform: translate3d(0, 25rem, 0);
  transition: transform .3s var(--transition-timing-function)
}

[data-qanda-question-feedback-show] .app-qanda-voting-feedback-author {
  transform: translateZ(0)
}

.app-qanda-voting-feedback-message {
  background-color: var(--white);
  border-radius: .5rem;
  box-shadow: 0 .5rem .875rem #00000012;
  line-height: 1.25rem;
  margin: .5rem 0;
  overflow: hidden;
  padding: .875rem 2.75rem .875rem .875rem;
  position: relative;
  transform: translate3d(0, 25rem, 0);
  transition: transform .3s cubic-bezier(.35, -.26, .71, .35);
  word-break: break-word
}

[data-qanda-question-feedback-show] .app-qanda-voting-feedback-message {
  transform: translateZ(0);
  transition-delay: .15s;
  transition-timing-function: cubic-bezier(.17, .67, .73, 1.22)
}

.app-qanda-voting-feedback-message-down,
.app-qanda-voting-feedback-message-up {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0s linear .45s
}

[data-qanda-question-feedback-show=down] .app-qanda-voting-feedback-message-down,
[data-qanda-question-feedback-show=up] .app-qanda-voting-feedback-message-up {
  max-height: 100vh;
  transition-delay: 0s
}

.app-qanda-voting-feedback-message:before {
  background-color: var(--white);
  height: .5rem;
  left: -.25rem;
  top: 50%;
  transform: rotate(45deg) translate3d(0, -50%, 0);
  transform-origin: center;
  width: .5rem
}

.app-qanda-voting-feedback-message-close {
  align-items: center;
  background-color: var(--gray);
  border-radius: .625rem;
  display: flex;
  height: 1.25rem;
  justify-content: center;
  position: absolute;
  right: .875rem;
  top: .875rem;
  transition: background-color .15s var(--transition-timing-function);
  width: 1.25rem
}

.app-qanda-voting-feedback-message-close:hover {
  background-color: var(--black-90)
}

.app-qanda-read-more {
  align-content: center;
  background: linear-gradient(180deg, #fff0 0, var(--white) 100%);
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 8.5rem;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%
}

.app-qanda-read-more[data-qanda-read-more-hidden] {
  display: none
}

.app-qanda-read-more-link {
  align-self: center;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: var(--white);
  border-radius: .5rem;
  box-shadow: 0 .875rem 2.5rem #00000017;
  color: var(--black);
  padding: 1rem 1.25rem;
  transition: .2s all var(--transition-timing-function)
}

.app-qanda-read-more-link svg {
  margin-right: .5rem
}

.app-qanda-read-more-link:hover {
  transform: scale(1.02) translateY(-.125rem)
}

.app-qanda [data-quanda-readmore] {
  border: 0;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0
}

.app-footer-white {
  --app-footer-background: var(--gray);
  --app-footer-padding-top: 3.75rem;
  --app-footer-top-badge-background: var(--white);
  --app-footer-bottom-image-background: var(--white)
}

.app-footer-gray {
  --app-footer-background: var(--white);
  --app-footer-top-badge-background: var(--gray);
  --app-footer-bottom-image-background: var(--gray)
}

.app-footer-outline {
  --app-footer-background: var(--white);
  --app-footer-top-badge-border: 0.0625rem solid var(--black-90);
  --app-footer-bottom-image-border: 0.0625rem solid var(--black-90);
  --app-footer-bottom-image-background: var(--white)
}

.app-footer {
  background: var(--app-footer-background);
  padding-bottom: var(--app-footer-padding-bottom, 0);
  padding-top: var(--app-footer-padding-top, 0)
}

.app-footer .accordion-header:focus-visible,
.app-footer a:focus-visible {
  outline: .125rem solid #005fcc;
  outline-offset: .125rem
}

.app-footer-top {
  border-bottom: .0625rem solid var(--black-90);
  margin-bottom: 3.75rem;
  padding: 0 0 3.75rem
}

.app-footer-top-headline {
  color: var(--black-30);
  font-size: .8125rem;
  margin-bottom: 1.5rem;
  text-align: center
}

.app-footer-top-badge {
  background: var(--app-footer-top-badge-background);
  border: var(--app-footer-top-badge-border);
  border-radius: .25rem;
  display: flex;
  justify-content: center;
  padding: .5rem
}

.app-footer-top-badge-image {
  max-width: 100%;
  object-fit: contain
}

.app-footer-bottom {
  border-bottom: .0625rem solid var(--black-90);
  display: flex;
  flex-wrap: wrap;
  gap: .375rem;
  padding: 0 0 3rem
}

.app-footer-bottom-headline {
  color: var(--black-30);
  font-size: .8125rem;
  margin-bottom: .75rem
}

.app-footer-bottom-image {
  align-items: center;
  background: var(--app-footer-bottom-image-background);
  border: var(--app-footer-bottom-image-border);
  border-radius: .25rem;
  display: flex;
  justify-content: center;
  padding: .3125rem;
  width: 4rem
}

.app-footer-bottom-image-image {
  max-width: 100%;
  object-fit: contain
}

.app-footer-nav-list-border {
  border-bottom: .0625rem solid var(--black-90)
}

.app-footer-nav-list-image {
  margin-bottom: 2.5rem;
  max-width: 12.5rem;
  object-fit: contain
}

.app-footer-heading {
  display: flex;
  font-size: 1.25rem;
  font-weight: var(--font-weight-book);
  justify-content: space-between;
  line-height: 1.5625rem;
  margin-bottom: 1.75rem
}

@media(min-width:48rem) {
  .app-footer-heading {
    cursor: auto !important
  }
}

.app-footer-heading[aria-expanded=true] .app-footer-heading-icon {
  transform: rotate(180deg)
}

.app-footer-heading-icon {
  transform-origin: center center;
  transition: transform .18s ease
}

@media(min-width:48rem) {
  .app-footer-heading-icon {
    display: none
  }
}

.app-footer-nav {
  list-style: none;
  padding: 0 0 3.75rem
}

.app-footer-nav-item:not(:last-child) {
  margin-bottom: 1.25rem
}

.app-footer-nav-item a {
  color: var(--black-20);
  display: block;
  font-size: 1rem;
  font-weight: var(--font-weight-regular);
  line-height: 1.375rem;
  position: relative;
  -webkit-text-decoration: none;
  text-decoration: none
}

.app-footer-nav-item a:after {
  background-color: #0000;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.app-footer-nav-item a:hover {
  -webkit-text-decoration: none;
  text-decoration: none
}

.app-footer-nav-item a:hover span:before {
  width: 100%
}

.app-footer-nav-item a span {
  position: relative
}

.app-footer-nav-item a span:before {
  background: var(--primary);
  bottom: -.125rem;
  content: "";
  height: .125rem;
  left: 0;
  pointer-events: none;
  position: absolute;
  transition: all .14s ease;
  width: 0
}

.app-footer-social {
  display: flex;
  flex-direction: column;
  padding: 3.75rem 0
}

.app-footer-social-small {
  padding: 1.25rem 0 3.75rem
}

@media(min-width:62rem) {
  .app-footer-social {
    align-items: center;
    flex-direction: row;
    justify-content: space-between
  }
}

.app-footer-footnotes {
  margin-bottom: 1.75rem;
  text-wrap: balance
}

@media(min-width:62rem) {
  .app-footer-footnotes {
    margin-bottom: 0;
    margin-right: 5rem
  }
}

.app-footer-social-links ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  list-style: none;
  padding: 0
}

.app-footer-social-links li {
  display: inline-block
}

.app-footer-social-links li:not(:first-child) {
  margin-left: 1.75rem
}

.app-footer-social-links a {
  color: var(--black-20);
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: color .15s var(--transition-timing-function)
}

.app-footer-social-links a:hover {
  color: var(--black-50);
  -webkit-text-decoration: none;
  text-decoration: none
}

.app-footer-social-links svg {
  display: block
}

@media(min-width:48rem) {
  .app-footer .accordion-collapse {
    height: auto !important
  }
}

.app-footer-language-switch {
  display: inline-block
}

.app-footer-language-switch-body {
  position: relative
}

.app-footer-language-switch-bordered {
  border-right: .0625rem solid var(--black-90);
  margin-right: .75rem;
  padding-right: 2.5rem
}

.app-footer-language-switch label {
  display: none
}

.app-footer-language-switch select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: var(--black-30);
  cursor: pointer;
  font-size: .875rem;
  padding-right: 1.25rem
}

.app-footer-language-switch svg {
  color: var(--black-30);
  pointer-events: none;
  position: absolute;
  right: 0;
  top: .4375rem
}

.app-main-footnotes {
  color: var(--black-30);
  font-size: var(--app-footnote-font-size, 14px);
  line-height: var(--app-footnote-line-height, 20px)
}

.app-main-footnotes a {
  color: var(--black-30);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-underline-offset: .0625rem
}

.app-main-footnotes a:hover {
  color: var(--black);
  text-decoration-color: var(--primary)
}

.app-main-footnotes-item:not(:last-child) {
  margin-bottom: .3125rem
}

.app-main-footnotes ol,
.app-main-footnotes ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.app-main-footnotes ol li,
.app-main-footnotes ol p,
.app-main-footnotes ul li,
.app-main-footnotes ul p {
  display: inline;
  margin-right: .25em
}

.app-main-footnotes ol sup,
.app-main-footnotes ul sup {
  margin-right: .25em
}

.app-product-detail-table .app-main-footnotes,
.app-table .app-main-footnotes {
  align-items: flex-start !important;
  display: flex !important;
  flex-direction: column !important
}

.app-search-content {
  background-color: var(--white);
  border-bottom-left-radius: .75rem;
  border-bottom-right-radius: .75rem;
  left: 0;
  max-height: calc(100vh - min(10vh, 7.5rem));
  overflow-x: hidden;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 200
}

.app-search-content-enter-active,
.app-search-content-leave-active {
  transition: transform .4s var(--transition-timing-function)
}

.app-search-content-enter-from,
.app-search-content-leave-to {
  transform: translateY(-100%)
}

.app-search-content:before {
  background-color: var(--white);
  content: "";
  display: block;
  height: 2.5rem;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1
}

@media(min-width:48rem) {
  .app-search-content:before {
    height: 3.75rem
  }
}

@media(min-width:62rem) {
  .app-search-content:before {
    height: 5rem
  }
}

.app-search-content:after {
  background: linear-gradient(0deg, #fff, #fff0);
  bottom: 0;
  content: "";
  display: block;
  height: 1.25rem;
  position: sticky;
  width: 100%
}

@media(min-width:48rem) {
  .app-search-content:after {
    height: 2.5rem
  }
}

@media(min-width:62rem) {
  .app-search-content:after {
    height: 3.75rem
  }
}

.app-search-backdrop {
  background: var(--black);
  bottom: 0;
  left: 0;
  opacity: .6;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 199
}

.app-search-backdrop-enter-active,
.app-search-backdrop-leave-active {
  transition: opacity .4s var(--transition-timing-function)
}

.app-search-backdrop-enter-from,
.app-search-backdrop-leave-to {
  opacity: 0
}

.app-search-input {
  background-color: var(--white);
  margin-bottom: 1.25rem;
  position: sticky;
  top: 1.25rem;
  z-index: 1
}

.app-search-input-icon {
  color: var(--black-90);
  left: 0;
  position: absolute;
  top: 0
}

.app-search-input-icon svg[width="20"] {
  height: 1.5rem;
  width: 1.5rem
}

@media(min-width:48rem) {
  .app-search-input-icon svg[width="20"] {
    height: 2.25rem;
    width: 2.25rem
  }
}

@media(min-width:62rem) {
  .app-search-input-icon svg[width="20"] {
    height: 3.125rem;
    width: 3.125rem
  }
}

.app-search-input-control {
  border-bottom: .125rem solid var(--black-90);
  color: var(--black);
  display: block;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 0 0 .75rem 2.25rem;
  width: 100%
}

.app-search-input-control:focus {
  border-bottom-color: var(--primary)
}

.app-search-input-control::placeholder {
  color: var(--black-80)
}

@media(min-width:48rem) {
  .app-search-input-control {
    font-size: 1.75rem;
    line-height: 2.25rem;
    padding: 0 0 .875rem 3.75rem
  }
}

@media(min-width:62rem) {
  .app-search-input-control {
    font-size: 2.25rem;
    line-height: 3.125rem;
    padding: 0 0 1rem 5rem
  }
}

.app-search-input-close {
  border-radius: 50%;
  display: flex;
  padding: .5rem;
  position: absolute;
  right: -.5rem;
  top: 0;
  top: -.25rem;
  transition: background-color .14s var(--transition-timing-function)
}

@media(min-width:48rem) {
  .app-search-input-close {
    padding: .625rem;
    right: -.625rem;
    top: -.125rem
  }
}

@media(min-width:62rem) {
  .app-search-input-close {
    padding: .75rem;
    right: -.75rem;
    top: .0625rem
  }
}

.app-search-input-close:hover {
  background-color: var(--gray)
}

.app-search-input-close svg[width="20"] {
  height: 1rem;
  width: 1rem
}

@media(min-width:48rem) {
  .app-search-input-close svg[width="20"] {
    height: 1.25rem;
    width: 1.25rem
  }
}

@media(min-width:62rem) {
  .app-search-input-close svg[width="20"] {
    height: 1.5rem;
    width: 1.5rem
  }
}

.app-search-result {
  margin-top: 1.75rem
}

@media(min-width:48rem) {
  .app-search-result {
    margin-top: 3.75rem
  }
}

.app-search-result-domain {
  align-items: center;
  background-color: var(--gray);
  border-radius: .75rem;
  display: flex;
  font-weight: var(--font-weight-regular);
  margin-bottom: 2.5rem;
  padding: .75rem 1.25rem;
  position: relative
}

.app-search-result-domain-headline {
  margin-bottom: 1rem
}

.app-search-result-domain-img {
  background: var(--white);
  border-radius: .625rem;
  box-shadow: 0 .0625rem .25rem #00000029;
  line-height: 0;
  margin-right: 1rem
}

.app-search-result-domain-link:after {
  background-color: #0000;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.app-search-result-domain-link {
  align-items: center;
  display: flex;
  margin-left: auto;
  -webkit-text-decoration: none;
  text-decoration: none
}

.app-search-result-domain-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-color: var(--primary);
  text-decoration-thickness: .125rem
}

.app-search-result-domain-link-icon {
  margin-left: .5rem
}

.app-search-result-filter {
  margin-bottom: 1.75rem
}

@media(min-width:48rem) {
  .app-search-result-filter {
    margin-bottom: 0;
    position: sticky;
    top: 6.875rem
  }
}

@media(min-width:62rem) {
  .app-search-result-filter {
    top: 7.125rem
  }
}

.app-search-result-filter-list {
  display: flex;
  list-style-type: none;
  padding: 0
}

@media(min-width:48rem) {
  .app-search-result-filter-list {
    flex-direction: column
  }
}

.app-search-result-filter-list-row {
  margin-right: 1.75rem
}

@media(min-width:48rem) {
  .app-search-result-filter-list-row {
    margin-bottom: 1rem;
    margin-right: 0
  }
}

.app-search-result-filter-list-row:last-child {
  margin-bottom: 0;
  margin-right: 0
}

.app-search-result-filter-list-row-btn {
  align-items: center;
  color: var(--black-60);
  display: flex;
  justify-content: space-between
}

.app-search-result-filter-list-row-btn-active,
.app-search-result-filter-list-row-btn:hover {
  color: var(--black)
}

.app-search-result-filter-list-row-btn-name {
  font-size: 1.25rem;
  line-height: 2rem;
  white-space: nowrap
}

@media(min-width:48rem) {
  .app-search-result-filter-list-row-btn-name {
    white-space: normal
  }
}

.app-search-result-filter-list-row-btn-count {
  align-items: center;
  border: .0625rem solid var(--black-90);
  border-radius: .75rem;
  color: var(--black-70);
  display: flex;
  font-size: .875rem;
  font-weight: var(--font-weight-book);
  height: 1.5rem;
  justify-content: center;
  margin-left: .5rem;
  min-width: 1.5rem;
  padding: 0 .25rem
}

.app-search-result-filter-list-row-btn-active .app-search-result-filter-list-row-btn-count {
  background-color: var(--black);
  border-color: var(--black);
  color: var(--white)
}

.app-search-result-headline {
  color: var(--black-60);
  font-size: .75rem;
  font-weight: var(--font-weight-medium)
}

.app-search-result-list {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  margin-top: .125rem;
  padding: 0
}

.app-search-result-list-empty {
  margin: 1.75rem auto 0;
  max-width: 33rem;
  text-align: center
}

.app-search-result-list-empty-img {
  display: block;
  margin: 0 auto 1.5rem
}

.app-search-result-list-row {
  border-bottom: .0625rem solid var(--black-90)
}

.app-search-result-list-row:last-child {
  border-bottom: 0
}

.app-search-result-list-row-link {
  align-items: center;
  display: flex;
  padding: 1rem 0;
  -webkit-text-decoration: none;
  text-decoration: none;
  width: 100%
}

.app-search-result-list-row-link-title {
  display: block;
  font-size: 1.125rem;
  line-height: 2rem;
  margin-right: .5rem
}

.app-search-result-list-row-link:hover .app-search-result-list-row-link-title {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-color: var(--primary);
  text-decoration-thickness: .125rem
}

.app-search-result-list-row-link-coin {
  background-color: var(--gray);
  border-radius: 50%;
  color: var(--black-80);
  font-size: .875rem;
  font-weight: var(--font-weight-medium);
  height: 1.25rem;
  line-height: 1.25rem;
  margin-right: .5rem;
  padding-left: .25rem;
  width: 1.25rem
}

.app-search-result-list-row-link-tag {
  border: .0625rem solid var(--black-90);
  border-radius: 1.875rem;
  color: var(--black-60);
  font-size: .875rem;
  line-height: 1.25rem;
  margin-left: auto;
  padding: .25rem 1rem
}

.app-search-result-list-row-link-tag-highlight {
  background-color: var(--primary);
  border: 0;
  color: var(--black)
}

.app-external-link-dialog-backdrop {
  background: var(--black-50);
  height: 100%;
  left: 0;
  opacity: .7;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999
}

.app-external-link-dialog-modal {
  background: var(--white);
  border-radius: 1.25rem;
  left: 50%;
  max-width: 33rem;
  padding: 6.75rem 3.75rem 3.75rem;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 999
}

.app-external-link-dialog-modal-close {
  align-items: center;
  background-color: var(--white);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 3.75rem;
  justify-content: center;
  position: absolute;
  right: 1.25rem;
  top: 1.25rem;
  transition: background-color .25s var(--transition-timing-function);
  width: 3.75rem
}

.app-external-link-dialog-modal-close:hover {
  background-color: var(--gray)
}

.app-external-link-dialog-modal-title {
  font-size: 2.25rem;
  font-weight: var(--font-weight-bold);
  line-height: 2.75rem;
  margin-bottom: 1rem
}

.app-external-link-dialog-modal-description {
  font-size: 1.125rem;
  font-weight: var(--font-weight-regular);
  line-height: 1.75rem
}

.app-external-link-dialog-modal-content {
  margin-bottom: 2rem
}

.app-external-link-dialog-modal-footer {
  align-items: center;
  display: flex;
  gap: .75rem;
  justify-content: flex-start
}