/**
 * Variables
 */
:root {
  --brand-primary: #10439b;
  --brand-primary-contrast: #fff;

  --brand-accent: rgb(255, 131, 31);
  --brand-accept-contrast: #fff;
  --sidenav-width: 280px;
  --doerner-new-blue: #10439b;
  --doerner-new-blue-gradient: linear-gradient(to bottom, #2578cb, #10439b);
}

/**
 * Button & Link Styling
 */
go-login-layout,
go-inquiry-container,
go-activate-form,
.agb-component {
  .login-button,
  .lets-go-section-button,
  a[color='accent'],
  button[color='accent'] {
    background-image: var(--doerner-new-blue-gradient) !important;

    &:disabled {
      opacity: 0.7;
      cursor: not-allowed;
      color: #fff !important;
    }

    &.light {
      background: #fff !important;
      color: var(--doerner-new-blue) !important;
    }
  }

  a:not(.mat-mdc-raised-button) {
    color: var(--doerner-new-blue) !important;
  }

  a.footer__meta-link {
    color: #fff !important;
  }
}

/**
 * Icons auf Registrierungsseite
 */
go-activate-section {
  mat-icon {
    svg {
      .brand-primary-bg,
      .brand-warning-bg {
        fill: var(--doerner-new-blue) !important;
      }
    }
  }
}

/**
 * Checkbox-Override
 */
go-activate-form {
  .mat-checkbox-background {
    background: #fff !important;

    .mat-checkbox-checkmark {
      fill: blue !important;

      path {
        stroke: blue !important;
      }
    }
  }
}

/**
 * Typografie & Linkfarben
 */
go-login-form,
go-activate-form {
  .options,
  .form__terms {
    a:not(.mat-mdc-raised-button) {
      color: #fff !important;
    }
  }
}

go-activate-section {
  .info-box {
    line-height: 18.2pt;
  }
}

.portal-selector-card {
  min-height: 188px;
}