/*
.btn {
  border-radius: 2em;
}

.admintable-bottom .btn, header .btn, .input-group .btn {
  border-radius: 0;
}
*/
header nav, header .nav, header .navbar {
  background: #002E3C;
}

header {
  background: #002E3C;
  box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.3);
}
header .wc-company-logo {
  content: url("/v3/skin/commerzbank/img/logo_light.svg");
}
header nav {
  border-bottom: 1px solid #002E3C;
}
header nav.navbar .wc-icon-menu .nav-item .nav-link.material-icons {
  color: #DBE2E5;
}
header nav.navbar .wc-icon-menu .nav-item .nav-link:not(.material-icons, .disabled):not(:disabled):not(:hover) {
  color: #DBE2E5;
}
header nav.navbar .wc-icon-menu .nav-item .nav-link:hover {
  color: #FFFFFF;
}
@media (min-width: 992px) {
  header nav.navbar .navbar-nav .nav-item .nav-link:not(.material-icons, .disabled):not(:disabled):not(:hover) {
    color: #DBE2E5;
  }
  header nav.navbar .navbar-nav .nav-item .nav-link:hover {
    color: #FFFFFF;
  }
}
header .navbar-toggler {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23DBE2E5'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z '/%3e%3c/svg%3e");
}
header .navbar-toggler .wc-navbar-toggler-close-icon {
  color: #DBE2E5;
}
header .navbar-toggler:hover, header .navbar-toggler:focus, header .navbar-toggler:active {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z '/%3e%3c/svg%3e");
}
header .navbar-toggler:hover .wc-navbar-toggler-close-icon, header .navbar-toggler:focus .wc-navbar-toggler-close-icon, header .navbar-toggler:active .wc-navbar-toggler-close-icon {
  color: #FFFFFF;
}
header .nav.wc-icon-menu .nav-item .nav-link:hover, header .nav.wc-icon-menu .nav-item .nav-link:focus {
  color: #FFFFFF;
}
header .nav.wc-icon-menu .nav-item .nav-link:hover > .material-icons, header .nav.wc-icon-menu .nav-item .nav-link:focus > .material-icons {
  color: #FFFFFF;
}
header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown li, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown .nav-item, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown li, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown .nav-item {
  background-color: #FFFFFF;
}
header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown li a, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown li .nav-link, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown .nav-item a, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown .nav-item .nav-link, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown li a, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown li .nav-link, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown .nav-item a, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown .nav-item .nav-link {
  color: #262626;
}
header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown li a:hover, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown li .nav-link:hover, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown .nav-item a:hover, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown .nav-item .nav-link:hover, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown li a:hover, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown li .nav-link:hover, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown .nav-item a:hover, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown .nav-item .nav-link:hover {
  color: #002E3C;
}
header #wc-language-selector-dropdown-button {
  color: #DBE2E5;
}
header #wc-language-selector-dropdown-button:hover, header #wc-language-selector-dropdown-button:focus {
  color: #FFFFFF;
}

.wc-icon-menu-badge-icon #wc-user-menu-toggle .wc-icon-badge, .wc-icon-menu-badge-icon #wc-user-dialog-toggle .wc-icon-badge, .wc-icon-menu-badge-icon .wc-icon-menu-badge-icon-container .wc-icon-badge {
  background-color: #FFD700;
  color: #002E3C;
}

.btn-primary {
  background-color: #FFD700;
  border-color: #FFD700;
  color: #002E3C;
}
.btn-primary:hover, .btn-primary:focus {
  background-color: #FFC700;
  border-color: #FFC700;
  color: #002E3C;
}

.btn.wc-icon-button.btn-primary {
  color: #002E3C;
}

.btn-secondary {
  background-color: #002E3C;
  border-color: #002E3C;
}
.btn-secondary:hover, .btn-secondary:focus {
  background-color: #004255;
  border-color: #004255;
}

/*
.btn {
  border-radius: 2em;
}

.admintable-bottom .btn, header .btn, .input-group .btn {
  border-radius: 0;
}
*/
header nav, header .nav, header .navbar {
  background: #002E3C;
}

header {
  background: #002E3C;
  box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.3);
}

header .wc-company-logo {
  content: url("/v3/skin/commerzbank/img/logo_light.svg");
}

header nav {
  border-bottom: 1px solid #002E3C;
}

header nav.navbar .wc-icon-menu .nav-item .nav-link.material-icons {
  color: #DBE2E5;
}

header nav.navbar .wc-icon-menu .nav-item .nav-link:not(.material-icons, .disabled):not(:disabled):not(:hover) {
  color: #DBE2E5;
}

header nav.navbar .wc-icon-menu .nav-item .nav-link:hover {
  color: #FFFFFF;
}

@media (min-width: 992px) {
  header nav.navbar .navbar-nav .nav-item .nav-link:not(.material-icons, .disabled):not(:disabled):not(:hover) {
    color: #DBE2E5;
  }

  header nav.navbar .navbar-nav .nav-item .nav-link:hover {
    color: #FFFFFF;
  }
}
header .navbar-toggler {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23DBE2E5'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z '/%3e%3c/svg%3e");
}

header .navbar-toggler .wc-navbar-toggler-close-icon {
  color: #DBE2E5;
}

header .navbar-toggler:hover, header .navbar-toggler:focus, header .navbar-toggler:active {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23FFFFFF'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z '/%3e%3c/svg%3e");
}

header .navbar-toggler:hover .wc-navbar-toggler-close-icon, header .navbar-toggler:focus .wc-navbar-toggler-close-icon, header .navbar-toggler:active .wc-navbar-toggler-close-icon {
  color: #FFFFFF;
}

header .nav.wc-icon-menu .nav-item .nav-link:hover, header .nav.wc-icon-menu .nav-item .nav-link:focus {
  color: #FFFFFF;
}

header .nav.wc-icon-menu .nav-item .nav-link:hover > .material-icons, header .nav.wc-icon-menu .nav-item .nav-link:focus > .material-icons {
  color: #FFFFFF;
}

header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown li, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown .nav-item, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown li, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown .nav-item {
  background-color: #FFFFFF;
}

header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown li a, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown li .nav-link, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown .nav-item a, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown .nav-item .nav-link, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown li a, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown li .nav-link, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown .nav-item a, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown .nav-item .nav-link {
  color: #262626;
}

header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown li a:hover, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown li .nav-link:hover, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown .nav-item a:hover, header .nav.wc-icon-menu .nav-item ul.wc-icon-dropdown .nav-item .nav-link:hover, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown li a:hover, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown li .nav-link:hover, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown .nav-item a:hover, header .nav.wc-icon-menu .nav-item .wc-icon-dialog-container ul.wc-icon-dropdown .nav-item .nav-link:hover {
  color: #002E3C;
}

header #wc-language-selector-dropdown-button {
  color: #DBE2E5;
}

header #wc-language-selector-dropdown-button:hover, header #wc-language-selector-dropdown-button:focus {
  color: #FFFFFF;
}

.wc-icon-menu-badge-icon #wc-user-menu-toggle .wc-icon-badge, .wc-icon-menu-badge-icon #wc-user-dialog-toggle .wc-icon-badge, .wc-icon-menu-badge-icon .wc-icon-menu-badge-icon-container .wc-icon-badge {
  background-color: #FFD700;
  color: #002E3C;
}

.btn-primary {
  background-color: #FFD700;
  border-color: #FFD700;
  color: #002E3C;
}

.btn-primary:hover, .btn-primary:focus {
  background-color: #FFC700;
  border-color: #FFC700;
  color: #002E3C;
}

.btn.wc-icon-button.btn-primary {
  color: #002E3C;
}

.btn-secondary {
  background-color: #002E3C;
  border-color: #002E3C;
}

.btn-secondary:hover, .btn-secondary:focus {
  background-color: #004255;
  border-color: #004255;
}

@media (min-width: 1200px) {
  .wc-left.wc-login-show-header {
    --bs-aspect-ratio: 90%;
  }
}
.wc-left .wc-side-image {
  background: var(--wc-side-image, url("../../../img/side-image.jpg")) no-repeat center/cover;
}

.wc-fill-bg-right .wc-company-logo.wc-top-logo {
  max-width: 220px;
  max-height: 100px;
}

.wc-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.wc-right #wc-page-login-form {
  min-width: 300px;
}
.wc-right#wc-login-form-info {
  width: 400px;
}
.wc-right .wc-company-logo.wc-top-logo {
  margin-bottom: 72px;
  max-width: 220px;
  max-height: 100px;
}
.wc-right h1 {
  font-family: "Inter Bold", Roboto, sans-serif;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -1.5px;
}
@media (min-width: 576px) {
  .wc-right h1 {
    font-family: "Inter Bold", Roboto, sans-serif;
    font-size: 48px;
    line-height: 1.17;
    letter-spacing: -2.4px;
  }
}
@media (min-width: 576px) {
  .wc-right .wc-login-btn {
    min-height: 60px;
  }
}
.wc-right .wc-sso-toggle-button {
  z-index: 1;
}
.wc-right .wc-sso-wrapper p {
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .wc-right .wc-sso-wrapper p {
    margin-bottom: 56px;
  }
}