/* Openbank chrome and page surfaces. Keep this file SCB-only via the theme scope. */

body.theme-openbank {
  min-width: 0;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

body.theme-openbank header.header {
  position: relative;
  z-index: var(--ob-z-header);
  padding: 0;
  border-top: none;
  border-bottom: var(--ob-header-border-width) solid var(--ob-line);
  background: var(--ob-body-bg);
  color: var(--ob-text);
}

body.theme-openbank header.header > .container {
  max-width: 1150px;
}

body.theme-openbank header.header .content {
  padding: 0;
}

body.theme-openbank header.header .brand {
  display: flex;
  align-items: center;
  min-height: 95px;
  margin: 0;
}

body.theme-openbank header.header .logo-area {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  width: auto;
  height: 95px;
  margin: 0;
  padding: 0;
  float: none;
}

body.theme-openbank header.header .primary-logo-area {
  width: 292px;
  padding-right: 24px;
}

body.theme-openbank header.header .logo-area img.logo {
  display: block;
  width: 260px;
  height: auto;
  max-height: 95px;
  margin: 0;
  object-fit: contain;
}

body.theme-openbank header.header .claim {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  margin: 0;
  padding-left: 24px;
  float: none;
}

body.theme-openbank header.header .claim .big {
  overflow: hidden;
  margin: 0;
  color: var(--ob-text);
  font-family: var(--ob-font-headline);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.theme-openbank header.header .login {
  position: absolute;
  top: 0;
  right: max(20px, calc((100% - 1150px) / 2));
  height: 95px;
  padding: 0;
  border: 0;
  background: transparent;
}

body.theme-openbank header.header .login .content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: row;
  gap: var(--ob-spacing-sm);
  height: 95px;
  min-height: 0;
}

body.theme-openbank header.header .login .btn {
  float: none;
  margin: 0;
}

body.theme-openbank header.header .login form {
  order: 2;
}

body.theme-openbank header.header .btn--logout {
  background: var(--ob-button-default);
  color: var(--ob-surface);
}

body.theme-openbank header.header .btn--contact-info {
  order: 1;
  background: var(--ob-button-default) !important;
  color: var(--ob-surface);
}

body.theme-openbank header.header .btn--logout > .icon,
body.theme-openbank header.header .btn--contact-info > .icon {
  color: var(--ob-surface);
  fill: var(--ob-surface);
}

body.theme-openbank header.header .btn--logout::before,
body.theme-openbank header.header .btn--contact-info::before {
  background: var(--ob-text);
  color: var(--ob-text);
}

body.theme-openbank header.header .btn--logout:hover,
body.theme-openbank header.header .btn--logout:focus,
body.theme-openbank header.header .btn--contact-info:hover,
body.theme-openbank header.header .btn--contact-info:focus {
  background: var(--ob-button-hover) !important;
  color: var(--ob-surface);
}

body.theme-openbank header.header .btn--logout:active,
body.theme-openbank header.header .btn--contact-info:active {
  background: var(--ob-button-pressed) !important;
  color: var(--ob-surface);
}

body.theme-openbank header.header .contact-sidebar-overlay {
  z-index: var(--ob-z-contact-overlay);
}

body.theme-openbank header.header .contact-sidebar {
  z-index: var(--ob-z-contact-sidebar);
}

body.theme-openbank footer.footer {
  flex: 0 0 auto;
  position: relative;
  width: 100%;
  margin: var(--ob-spacing-lg) 0 0;
  border-top: 1px solid var(--ob-line);
  background-color: var(--ob-text);
  color: var(--ob-surface);
}

body.theme-openbank footer.footer .container {
  max-width: 1150px;
}

body.theme-openbank footer.footer .copy-container {
  border-top: 1px solid var(--ob-line);
  background: var(--ob-text);
}

body.theme-openbank footer.footer .copy-container p {
  margin: 0;
  padding: var(--ob-spacing-xs) 0;
  color: var(--ob-surface);
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

body.theme-openbank footer.footer .menu {
  padding: var(--ob-spacing-xs) 0;
  text-align: center;
}

body.theme-openbank footer.footer a,
body.theme-openbank footer.footer a:hover,
body.theme-openbank footer.footer a:focus-visible {
  color: var(--ob-surface);
}

body.theme-openbank footer.footer .menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--ob-spacing-md);
  margin: 0;
  padding: 0;
  list-style: none;
}

body.theme-openbank footer.footer .menu li {
  margin: 0;
}

body.theme-openbank .tab-content .info-tooltip {
  right: var(--ob-spacing-sm);
  top: var(--ob-spacing-sm);
}

body.theme-openbank .tab-content .tabs-content #gotowebidlp1,
body.theme-openbank .tab-content .tabs-content #gotowebidlp2 {
  display: flex;
  float: none !important;
  margin-left: auto;
  margin-right: 0;
}

body.theme-openbank .tab-content .tabs-content #gotowebidlp1 {
  margin-right: 0.78125rem;
}

@media screen and (max-width: 47.9375em) {
  body.theme-openbank .tab-content .tabs .tabs-title {
    width: auto;
  }

  body.theme-openbank .tab-content .tabs .tabs-title > a {
    padding: 0;
  }

  body.theme-openbank .tab-content .tabs-content #gotowebidlp1 {
    width: calc(100% - 2 * 0.78125rem);
  }
}

body.theme-openbank section.stage--requestRoute {
  padding: 0;
  border-top: 0;
  border-bottom: 1px solid var(--ob-line);
  background: transparent;
}

body.theme-openbank section.stage--requestRoute .container {
  max-width: 1150px;
}

body.theme-openbank section.stage--requestRoute .request {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  width: 100%;
  min-height: 78px;
  padding: 16px 0 24px;
}

body.theme-openbank section.stage--requestRoute .request__element {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  min-width: 0;
  text-align: left;
}

body.theme-openbank section.stage--requestRoute .request__element > a {
  flex: 0 0 auto;
  background-image: none;
}

body.theme-openbank section.stage--requestRoute .request__element .step {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  margin: 0 var(--ob-spacing-sm) 0 0;
  padding: 0;
  border: 1px solid var(--ob-line);
  border-radius: 50%;
  background: transparent;
  color: var(--ob-extra-grey);
  float: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

body.theme-openbank section.stage--requestRoute .request__element .step .icon {
  width: 20px;
  height: 20px;
  color: var(--ob-accent);
  fill: var(--ob-accent);
}

body.theme-openbank section.stage--requestRoute .request__element .step-text {
  min-width: 0;
  float: none;
}

body.theme-openbank section.stage--requestRoute .request__element .step-text a,
body.theme-openbank section.stage--requestRoute .request__element .step-text p {
  display: block;
  overflow: hidden;
  margin: 0;
  color: var(--ob-extra-grey);
  font-size: 14px;
  line-height: 36px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.theme-openbank section.stage--requestRoute .request__element .step-text a {
  background-image: none;
}

body.theme-openbank section.stage--requestRoute .request__element.request__ready .step,
body.theme-openbank section.stage--requestRoute .request__element.step-ready .step {
  border-color: var(--ob-accent);
}

body.theme-openbank section.stage--requestRoute .request__element.request__ready .step-text a,
body.theme-openbank section.stage--requestRoute .request__element.request__ready .step-text p {
  color: var(--ob-text);
}

body.theme-openbank section.stage--requestRoute .request__element.request__current .step,
body.theme-openbank section.stage--requestRoute .request__element .step.step-active {
  width: 2.25rem;
  height: 2.25rem;
  border-color: var(--ob-text) !important;
  background: radial-gradient(circle, var(--ob-text) 0 0.75rem, var(--ob-body-bg) 0.75rem);
  color: var(--ob-surface);
}

body.theme-openbank section.stage--requestRoute .request__element.request__current .step-text a,
body.theme-openbank section.stage--requestRoute .request__element.request__current .step-text p,
body.theme-openbank section.stage--requestRoute .request__element .step.step-active ~ .step-text a,
body.theme-openbank section.stage--requestRoute .request__element .step.step-active ~ .step-text p,
body.theme-openbank section.stage--requestRoute .request__element .step-text a.router-link-active {
  color: var(--ob-text) !important;
  font-weight: 700;
}

body.theme-openbank section.stage--requestRoute .request__element .step.step-active > span {
  color: var(--ob-surface) !important;
}

body.theme-openbank section.stage--requestRoute .request__element .step.step-active > .icon {
  color: var(--ob-surface);
  fill: var(--ob-surface);
}

body.theme-openbank section.stage--requestRoute .request__seperator {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 36px;
  min-width: 24px;
  padding: 0 var(--ob-spacing-sm);
}

body.theme-openbank section.stage--requestRoute .request__seperator .icon {
  width: 20px;
  height: 20px;
  color: var(--ob-extra-grey);
  fill: var(--ob-extra-grey);
}

body.theme-openbank section.stage--requestRoute .request__element .step:not(.step-active) + .step-text a {
  color: var(--ob-extra-grey);
}

body.theme-openbank .wrapper {
  min-height: 0;
  padding-top: var(--ob-spacing-lg);
  padding-bottom: 0;
  background: transparent;
}

body.theme-openbank main.main {
  flex: 1 0 auto;
  background: var(--ob-body-bg);
  padding-bottom: 0;
}

body.theme-openbank .wrapper > .container > .content,
body.theme-openbank main > .container > .content {
  padding-bottom: 0;
}

body.theme-openbank main.main > .wrapper > .container > .content {
  box-sizing: border-box;
  padding: var(--ob-spacing-md);
  border: 0;
  border-radius: var(--ob-radius);
  background: var(--ob-surface);
}

body.theme-openbank main.main > .wrapper > .container > .content::after {
  display: block;
  clear: both;
  content: "";
}

body.theme-openbank .wrapper > .container > .content > :last-child,
body.theme-openbank main > .container > .content > :last-child {
  margin-bottom: 0;
}

body.theme-openbank section.box,
body.theme-openbank section.box--border {
  width: 100%;
  margin: var(--ob-spacing-md) 0;
  padding: 0;
  border: 0;
  background: transparent;
}

body.theme-openbank section.box .box__inner,
body.theme-openbank section.box--border .box__inner {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: var(--ob-spacing-md);
  border: 1px solid var(--ob-line);
  border-radius: var(--ob-radius);
  background: var(--ob-body-bg);
}

body.theme-openbank section.box .box__inner > :last-child,
body.theme-openbank section.box--border .box__inner > :last-child {
  margin-bottom: 0;
}

body.theme-openbank.page-contract-preview main.main > .wrapper > .container > .content > .col--full:last-child {
  clear: both;
  padding-top: var(--ob-spacing-md);
}

body.theme-openbank.page-contract-preview main.main > .wrapper > .container > .content > .col--full:last-child form {
  margin: 0;
}

body.theme-openbank .box__login,
body.theme-openbank .page-content,
body.theme-openbank .field-surface {
  box-sizing: border-box;
  padding: var(--ob-spacing-md);
  border: 0;
  border-radius: var(--ob-radius);
  background: var(--ob-surface);
}

body.theme-openbank main.main > .wrapper > .container > .content .box__login {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body.theme-openbank .box__login form::after {
  display: block;
  clear: both;
  content: "";
}

body.theme-openbank section.box .icon-headline,
body.theme-openbank section.box--border .icon-headline {
  display: flex;
  align-items: flex-start;
  gap: var(--ob-spacing-sm);
  margin: 0 0 var(--ob-spacing-md);
  color: var(--ob-text);
}

body.theme-openbank section.box .icon-headline .icon,
body.theme-openbank section.box--border .icon-headline .icon {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  color: var(--ob-accent);
  fill: var(--ob-accent);
}

body.theme-openbank section.box .info-container,
body.theme-openbank section.box--border .info-container {
  display: block;
  box-sizing: border-box;
  margin: var(--ob-spacing-sm) 0;
  padding: var(--ob-spacing-sm) var(--ob-spacing-md);
  border: 1px solid var(--ob-line);
  border-radius: var(--ob-radius);
  background: var(--ob-body-bg);
}

body.theme-openbank section.box .info-container::before,
body.theme-openbank section.box .info-container::after,
body.theme-openbank section.box--border .info-container::before,
body.theme-openbank section.box--border .info-container::after {
  display: none;
}

body.theme-openbank section.box .info-container p,
body.theme-openbank section.box--border .info-container p {
  padding-left: 0 !important;
  color: var(--ob-text);
}

body.theme-openbank .teaser {
  box-sizing: border-box;
  position: relative;
  height: 100%;
  z-index: 1;
  margin: var(--ob-spacing-lg) 0 0;
  padding: 0;
  border: 1px solid var(--ob-line);
  border-radius: var(--ob-radius);
  background: var(--ob-body-bg);
  overflow: visible;
}

body.theme-openbank .teaser__image {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 180px;
  margin: 0;
  overflow: hidden;
  border-radius: var(--ob-radius) var(--ob-radius) 0 0;
  background: var(--ob-body-bg);
}

body.theme-openbank .teaser__image .icon {
  max-width: 80%;
  color: var(--ob-accent);
  fill: var(--ob-accent);
}

body.theme-openbank .teaser__text {
  padding: var(--ob-spacing-md);
}

body.theme-openbank .teaser__text .radio-container {
  margin-top: var(--ob-spacing-sm);
}

body.theme-openbank .teaser .stoerer {
  position: absolute;
  left: 12px;
  top: -48px;
  z-index: 2;
  width: auto;
  height: auto;
  max-width: calc(100% - 24px);
}

body.theme-openbank .ob-recommendation-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
}

body.theme-openbank .ob-recommendation-badge__label {
  display: flex;
  min-width: 0;
  flex-direction: column;
  color: var(--ob-accent);
  font-family: var(--ob-font-body);
  font-size: 12px;
  line-height: 1.15;
  white-space: nowrap;
}

body.theme-openbank .ob-recommendation-badge__label strong {
  font-weight: 700;
}

/* Single completion-mode cards use the same illustration/text composition as PostIdent. */
body.theme-openbank .col-full > .col--split:only-child {
  width: 100%;
  float: none;
}

body.theme-openbank .col-full > .col--split:only-child .teaser {
  display: flex;
  align-items: center;
  margin-top: var(--ob-spacing-md);
  padding-top: 0;
  border: 0;
  background: transparent;
}

body.theme-openbank .col-full > .col--split:only-child .teaser__image {
  flex: 0 0 28%;
  box-sizing: border-box;
  height: auto;
  min-height: 180px;
  padding-top: 0;
  border-radius: 0;
  background: transparent;
}

body.theme-openbank .col-full > .col--split:only-child .teaser__text {
  flex: 1 1 auto;
  padding: var(--ob-spacing-md) 0;
}

body.theme-openbank .tabs,
body.theme-openbank .tabs-content,
body.theme-openbank .tabs-panel {
  border-color: transparent;
}

body.theme-openbank .tabs,
body.theme-openbank .tabs-panel {
  background: transparent;
}

body.theme-openbank .tabs {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

body.theme-openbank .tab-content .tabs {
  height: auto;
}

body.theme-openbank .tab-content .tabs .tabs-title {
  float: none;
  top: 0;
}

body.theme-openbank .tabs-title > a {
  padding: var(--ob-spacing-sm) var(--ob-spacing-md);
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--ob-extra-grey);
  font-weight: 700;
}

body.theme-openbank .tabs-title > a:hover,
body.theme-openbank .tabs-title > a:focus,
body.theme-openbank .tabs-title.is-active > a {
  border-bottom-color: transparent;
  background: var(--ob-surface);
  color: var(--ob-text);
}

body.theme-openbank .tab-content .tabs .tabs-title > a {
  background: transparent !important;
  border: 0;
  border-bottom-color: transparent;
}

body.theme-openbank .tab-content .tabs .tabs-title {
  background: transparent !important;
}

body.theme-openbank .tab-content .tabs .tabs-title.is-active > a {
  background: transparent !important;
  color: var(--ob-text);
}

body.theme-openbank .tab-content .tabs {
  gap: var(--ob-spacing-md);
  padding-bottom: var(--ob-spacing-sm);
}

body.theme-openbank .tabs-content {
  margin-top: 0;
  border: 0;
  border-radius: 0;
  background: var(--ob-surface);
}

body.theme-openbank.page-postident .tab-content .tabs-content > .row {
  display: flex;
  align-items: center;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  float: none;
}

body.theme-openbank.page-postident .tab-content .tabs-content > .row > .col--1-3,
body.theme-openbank.page-postident .tab-content .tabs-content > .row > .col--2-3 {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

body.theme-openbank.page-postident .tab-content .tabs-content > .row > .col--1-3 {
  flex: 0 0 28%;
}

body.theme-openbank.page-postident .tab-content .tabs-content > .row > .col--2-3 {
  flex: 1 1 auto;
  width: auto;
}

body.theme-openbank.page-postident .tab-content .tabs-content > .row > .col--1-3 {
  display: flex;
  align-items: center;
  justify-content: center;
}

body.theme-openbank.page-postident .tab-content .tabs-content .ob-openbank-illustration {
  width: 100%;
  height: auto;
  min-height: 280px;
  align-items: center;
  padding-top: 0;
}

body.theme-openbank.page-postident .tab-content .tabs-content .text-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  padding: var(--ob-spacing-md) var(--ob-spacing-md) var(--ob-spacing-md) 0;
}

body.theme-openbank.page-postident .tab-content .tabs-content .text-container p {
  margin-bottom: var(--ob-spacing-sm);
}

body.theme-openbank.page-postident .tab-content .tabs-content .text-container p:last-of-type {
  margin-bottom: var(--ob-spacing-md);
}

@media screen and (max-width: 47.9375em) {
  body.theme-openbank.page-postident .tab-content .tabs-content > .row {
    display: block;
  }

  body.theme-openbank.page-postident .tab-content .tabs-content > .row > .col--1-3,
  body.theme-openbank.page-postident .tab-content .tabs-content > .row > .col--2-3 {
    float: left;
    width: 100%;
  }

  body.theme-openbank.page-postident .tab-content .tabs-content > .row > .col--1-3 {
    display: block;
  }

  body.theme-openbank.page-postident .tab-content .tabs-content .ob-openbank-illustration {
    min-height: 0;
    padding-top: 0;
  }

  body.theme-openbank.page-postident .tab-content .tabs-content .text-container {
    padding: 0 var(--ob-spacing-sm) var(--ob-spacing-sm);
  }

  body.theme-openbank.page-postident .tab-content .tabs-content > .row > .col--2-3 {
    margin-top: -25px;
  }
}

body.theme-openbank .tab-content .tabs-content {
  border: 0;
  border-radius: 0;
}

body.theme-openbank main.main > .wrapper > .container > .content:has(.tab-content) {
  border: 0;
  border-radius: 0;
}

body.theme-openbank.page-print-contract section.box .box__inner,
body.theme-openbank.page-print-contract section.box--border .box__inner {
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
}

body.theme-openbank.page-print-contract section.box .box__inner::after,
body.theme-openbank.page-print-contract section.box--border .box__inner::after {
  display: block;
  clear: both;
  content: "";
}

body.theme-openbank.page-print-contract section.box .box__inner form,
body.theme-openbank.page-print-contract section.box--border .box__inner form {
  clear: both;
  margin: var(--ob-spacing-md) 0 0;
  text-align: right;
}

body.theme-openbank.page-print-contract section.box .box__inner form .btn,
body.theme-openbank.page-print-contract section.box--border .box__inner form .btn {
  float: none !important;
}

body.theme-openbank.page-print-contract section.box .box__inner > p,
body.theme-openbank.page-print-contract section.box--border .box__inner > p {
  text-align: left;
}

body.theme-openbank .contact-sidebar a {
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 1px;
  color: var(--ob-accent);
  text-decoration: none;
}

body.theme-openbank .contact-sidebar a:hover,
body.theme-openbank .contact-sidebar a:focus-visible {
  animation: linkUnderlineRebuild 600ms var(--ob-link-easing);
  color: var(--ob-accent);
}

body.theme-openbank main.main > .wrapper > .container > .content .teaser {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.theme-openbank table.table--list {
  width: 100%;
  max-width: 100%;
  margin: var(--ob-spacing-sm) 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--ob-surface);
  color: var(--ob-text);
}

body.theme-openbank table.table--list tr,
body.theme-openbank table.table--list tbody tr:nth-child(even) {
  background: var(--ob-surface);
}

body.theme-openbank table.table--list tr:hover {
  background: var(--ob-body-bg);
}

body.theme-openbank table.table--list td,
body.theme-openbank table.table--list th {
  padding: var(--ob-spacing-sm) var(--ob-spacing-md);
  border-top: 1px solid var(--ob-line);
  color: var(--ob-text);
  vertical-align: middle;
}

body.theme-openbank table.table--list tr:last-child td {
  border-bottom: 1px solid var(--ob-line);
}

body.theme-openbank table.table--list .icon {
  width: 24px;
  height: 24px;
  color: var(--ob-extra-grey);
  fill: var(--ob-extra-grey);
}

body.theme-openbank table.table--list .ob-openbank-asset--document {
  width: 24px;
  height: 24px;
  margin-right: 15px;
}

body.theme-openbank table.table--list .action-delete .icon {
  color: var(--ob-accent);
  fill: var(--ob-accent);
}

body.theme-openbank table.table--list .action-delete .ob-openbank-asset--trash-bin {
  width: 24px;
  height: 24px;
}

body.theme-openbank .upload {
  min-height: 45px;
  margin-top: var(--ob-spacing-sm);
}

body.theme-openbank .upload__icon {
  width: 45px;
  height: 45px;
  box-sizing: border-box;
  border-radius: 50%;
  background: var(--ob-accent);
}

body.theme-openbank .upload__icon .icon {
  color: var(--ob-surface);
  fill: var(--ob-surface);
}

body.theme-openbank .upload__icon .ob-openbank-asset--upload {
  width: 24px;
  height: 24px;
  margin: 10px;
  background-color: var(--ob-surface);
}

body.theme-openbank .upload__text {
  top: 11px;
  color: var(--ob-accent);
  font-weight: 700;
}

body.theme-openbank .contractPendingHint {
  background: var(--ob-overlay);
}

body.theme-openbank .contractPendingContent {
  border: 1px solid var(--ob-line);
  border-radius: var(--ob-radius);
  background: var(--ob-surface);
  box-shadow: var(--ob-overlay-shadow);
}

body.theme-openbank .mouse-over-popup {
  border-color: var(--ob-line);
  background: var(--ob-body-bg);
  color: var(--ob-text);
}

body.theme-openbank p.verify,
body.theme-openbank p.important,
body.theme-openbank p.warning-info {
  color: var(--ob-warning-text);
}

body.theme-openbank .dropdown-data {
  border-color: var(--ob-line);
  border-radius: var(--ob-form-item-radius);
  background: var(--ob-form-bg);
  color: var(--ob-text);
}

body.theme-openbank .dropdown-data:hover {
  background: var(--ob-form-focus-bg);
}

body.theme-openbank .dropdown-data:focus-within {
  background: var(--ob-form-focus-bg);
}

body.theme-openbank .process-image {
  max-width: 100%;
}

body.theme-openbank .ob-openbank-asset {
  display: inline-block;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  background-color: var(--ob-accent);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

body.theme-openbank .ob-openbank-asset--id-card {
  -webkit-mask-image: url("../../img/openbank/id-card.svg");
  mask-image: url("../../img/openbank/id-card.svg");
}

body.theme-openbank .ob-openbank-asset--card-postpone-liquidation {
  -webkit-mask-image: url("../../img/openbank/card-postpone-liquidation.svg");
  mask-image: url("../../img/openbank/card-postpone-liquidation.svg");
}

body.theme-openbank .ob-openbank-asset--information {
  -webkit-mask-image: url("../../img/openbank/information.svg");
  mask-image: url("../../img/openbank/information.svg");
}

body.theme-openbank .ob-openbank-asset--accelerator {
  -webkit-mask-image: url("../../img/openbank/accelerator.svg");
  mask-image: url("../../img/openbank/accelerator.svg");
}

body.theme-openbank .ob-openbank-asset--sign-up {
  -webkit-mask-image: url("../../img/openbank/sign-up.svg");
  mask-image: url("../../img/openbank/sign-up.svg");
}

body.theme-openbank .ob-openbank-asset--checkmark {
  -webkit-mask-image: url("../../img/openbank/checkmark-2px.svg");
  mask-image: url("../../img/openbank/checkmark-2px.svg");
}

body.theme-openbank .ob-openbank-asset--checkmark.disabled {
  opacity: 0.35;
  filter: grayscale(1);
}

body.theme-openbank .ob-openbank-asset--chevron-right {
  -webkit-mask-image: url("../../img/openbank/chevron-right.svg");
  mask-image: url("../../img/openbank/chevron-right.svg");
}

body.theme-openbank .ob-openbank-asset--chevron-left {
  -webkit-mask-image: url("../../img/openbank/chevron-left.svg");
  mask-image: url("../../img/openbank/chevron-left.svg");
}

body.theme-openbank .ob-openbank-asset--double-arrow {
  -webkit-mask-image: url("../../img/openbank/double-arrow.svg");
  mask-image: url("../../img/openbank/double-arrow.svg");
}

body.theme-openbank .ob-openbank-asset--account-user {
  -webkit-mask-image: url("../../img/openbank/account-user.svg");
  mask-image: url("../../img/openbank/account-user.svg");
}

body.theme-openbank .ob-openbank-asset--contact-info {
  -webkit-mask-image: url("../../img/openbank/contact-info.svg");
  mask-image: url("../../img/openbank/contact-info.svg");
}

body.theme-openbank header.header .btn--logout > .ob-openbank-asset--account-user,
body.theme-openbank header.header .btn--contact-info > .ob-openbank-asset {
  background-color: currentColor;
}

body.theme-openbank .ob-openbank-asset--upload {
  -webkit-mask-image: url("../../img/openbank/upload.svg");
  mask-image: url("../../img/openbank/upload.svg");
}

body.theme-openbank .ob-openbank-asset--document {
  -webkit-mask-image: url("../../img/openbank/document.svg");
  mask-image: url("../../img/openbank/document.svg");
}

body.theme-openbank .ob-openbank-asset--trash-bin {
  -webkit-mask-image: url("../../img/openbank/trash-bin.svg");
  mask-image: url("../../img/openbank/trash-bin.svg");
}

body.theme-openbank .ob-openbank-asset--print {
  -webkit-mask-image: url("../../img/openbank/print.svg");
  mask-image: url("../../img/openbank/print.svg");
}

body.theme-openbank .ob-openbank-asset--help {
  -webkit-mask-image: url("../../img/openbank/help.svg");
  mask-image: url("../../img/openbank/help.svg");
}

body.theme-openbank .ob-openbank-asset--camera {
  width: 32px;
  height: 32px;
  margin-right: var(--ob-spacing-sm);
  vertical-align: middle;
  -webkit-mask-image: url("../../img/openbank/camera.svg");
  mask-image: url("../../img/openbank/camera.svg");
}

body.theme-openbank .ob-openbank-asset--arrow-right {
  -webkit-mask-image: url("../../img/openbank/arrow-right.svg");
  mask-image: url("../../img/openbank/arrow-right.svg");
}

body.theme-openbank .ob-openbank-asset--arrow-left {
  -webkit-mask-image: url("../../img/openbank/arrow-left.svg");
  mask-image: url("../../img/openbank/arrow-left.svg");
}

body.theme-openbank .ob-openbank-asset--download {
  -webkit-mask-image: url("../../img/openbank/download.svg");
  mask-image: url("../../img/openbank/download.svg");
}

body.theme-openbank .btn > .ob-openbank-asset {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

body.theme-openbank section.stage--requestRoute .request__element .step > .ob-openbank-asset--checkmark,
body.theme-openbank section.stage--requestRoute .request__seperator > .ob-openbank-asset {
  width: 20px;
  height: 20px;
}

body.theme-openbank .teaser .stoerer > .ob-openbank-asset--accelerator {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
}

body.theme-openbank .ob-recommendation-badge > .ob-openbank-asset--accelerator {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
}

body.theme-openbank .teaser__image > .ob-openbank-asset--sign-up {
  width: 200px;
  height: 200px;
}

body.theme-openbank .icon-headline > .ob-openbank-asset {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

body.theme-openbank .ob-openbank-asset--alert {
  -webkit-mask-image: url("../../img/openbank/alert.svg");
  mask-image: url("../../img/openbank/alert.svg");
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  margin: 0 var(--ob-spacing-sm) 0 0;
  vertical-align: top;
}

body.theme-openbank p.verify {
  display: flex;
  align-items: flex-start;
}

body.theme-openbank .ob-openbank-illustration {
  height: 574px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.theme-openbank .ob-openbank-illustration > .ob-openbank-asset--id-card {
  width: 300px;
  height: 500px;
}

body.theme-openbank .col-full > .col--split:only-child .teaser__image > .ob-openbank-asset--card-postpone-liquidation,
body.theme-openbank.page-postident .ob-openbank-illustration > .ob-openbank-asset--card-postpone-liquidation {
  width: 150px;
  height: 150px;
}

body.theme-openbank .teaser__image > .ob-openbank-asset {
  width: 150px;
  height: 150px;
}

body.theme-openbank .img-container {
  background: transparent;
}

@media screen and (max-width: 47.9375em) {
  body.theme-openbank .teaser__image {
    height: 210px;
  }

  body.theme-openbank .ob-openbank-illustration {
    height: 120px;
    overflow: hidden;
  }

  body.theme-openbank .ob-openbank-illustration > .ob-openbank-asset--id-card {
    width: 100px;
    height: 123px;
  }

  body.theme-openbank .col-full > .col--split:only-child .teaser__image > .ob-openbank-asset--card-postpone-liquidation,
  body.theme-openbank.page-postident .ob-openbank-illustration > .ob-openbank-asset--card-postpone-liquidation {
    width: 100px;
    height: 100px;
  }

  body.theme-openbank .col-full > .col--split:only-child .teaser {
    display: block;
    margin-top: var(--ob-spacing-sm);
    padding-top: 40px;
  }

  body.theme-openbank .col-full > .col--split:only-child .teaser__image {
    min-height: 130px;
    padding-top: 0;
    width: 100%;
  }

  body.theme-openbank .col-full > .col--split:only-child .teaser__text {
    padding: var(--ob-spacing-sm) 0;
  }

  body.theme-openbank .teaser__image > .ob-openbank-asset--sign-up {
    width: 120px;
    height: 120px;
    transform: translateY(20px);
  }

  body.theme-openbank .teaser .stoerer > .ob-openbank-asset--accelerator {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }

  body.theme-openbank .teaser .stoerer {
    top: -40px;
  }

  body.theme-openbank .ob-recommendation-badge > .ob-openbank-asset--accelerator {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
  }

  body.theme-openbank .ob-recommendation-badge {
    gap: 6px;
  }

  body.theme-openbank .ob-recommendation-badge__label {
    font-size: 11px;
  }
}

@media screen and (max-width: 63.9375em) {
  body.theme-openbank section.stage--requestRoute .request__element .step-text {
    display: none;
  }

  body.theme-openbank section.stage--requestRoute .request__element {
    justify-content: center;
  }

  body.theme-openbank section.stage--requestRoute .request__element .step {
    margin-right: 0;
  }
}

@media screen and (max-width: 47.9375em) {
  body.theme-openbank section.stage--requestRoute .request {
    min-height: 58px;
  }

  body.theme-openbank header.header > .container {
    padding: 0 20px;
  }

  body.theme-openbank header.header .brand {
    min-height: 80px;
  }

  body.theme-openbank header.header .logo-area {
    height: 80px;
  }

  body.theme-openbank header.header .primary-logo-area {
    width: 134px;
    padding-right: 14px;
  }

  body.theme-openbank header.header .logo-area img.logo {
    width: 120px;
    height: auto;
    max-height: 36px;
  }

  body.theme-openbank header.header .claim {
    display: none;
  }

  body.theme-openbank header.header .login {
    position: absolute;
    top: 15px;
    right: 20px;
    height: auto;
    padding: 5px 0;
    border: 0;
    background: transparent;
  }

  body.theme-openbank header.header .login .content {
    height: auto;
    min-height: 50px;
  }

  body.theme-openbank header.header .login .btn--logout {
    position: static;
    top: auto;
    right: auto;
    min-width: 50px;
    width: 50px;
    height: 50px;
    padding: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-radius: 50%;
    font-size: 0;
  }

  body.theme-openbank header.header .login .btn--logout > .icon {
    margin: 0;
  }

  body.theme-openbank header.header .login .btn--contact-info {
    display: inline-flex;
    position: static;
    top: auto;
    right: auto;
    width: 50px !important;
    min-width: 50px !important;
    height: 50px;
    padding: 0 !important;
    border-radius: 50% !important;
    background: var(--ob-button-default) !important;
  }

  body.theme-openbank section.stage--requestRoute .request {
    padding: var(--ob-spacing-sm) 0;
  }

  body.theme-openbank .wrapper {
    padding-top: var(--ob-spacing-md);
    padding-bottom: 0;
  }

  body.theme-openbank section.box .box__inner,
  body.theme-openbank section.box--border .box__inner {
    padding: var(--ob-spacing-sm);
  }

  body.theme-openbank .box__login,
  body.theme-openbank .page-content,
  body.theme-openbank .field-surface {
    padding: var(--ob-spacing-sm);
  }

  body.theme-openbank main.main > .wrapper > .container > .content {
    padding: var(--ob-spacing-sm);
  }

  body.theme-openbank main.main > .wrapper > .container > .content .box__login {
    padding: 0;
  }

  body.theme-openbank .teaser__text {
    padding: var(--ob-spacing-sm);
  }

  body.theme-openbank table.table--list {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  body.theme-openbank footer.footer .menu ul {
    gap: var(--ob-spacing-sm) var(--ob-spacing-md);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.theme-openbank header.header *,
  body.theme-openbank footer.footer *,
  body.theme-openbank section.stage--requestRoute *,
  body.theme-openbank .teaser *,
  body.theme-openbank table.table--list * {
    transition-duration: 0.01ms;
    animation-duration: 0.01ms;
  }
}